:root{--gold:#d9ad45;--gold-bright:#f4c451;--ink:#080706;--panel:#121212;--panel-2:#1a1a1b;--line:#302d29;--muted:#9c9993;--ivory:#eeeae0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:var(--ivory);font-family:Inter,sans-serif}.app-shell{position:relative;width:100%;max-width:520px;min-height:100dvh;margin:auto;background:var(--ink);overflow:hidden;box-shadow:0 0 60px #000}.screen{display:none;min-height:100dvh;padding-bottom:92px}.screen.active{display:block}.journey-art{position:absolute;inset:0;overflow:hidden;perspective:900px;background:#110807}.plane{position:absolute;inset:-4%;background-image:url('assets/ashenpeak-journey.png');background-size:auto 108%;background-position:center top;background-repeat:no-repeat;will-change:transform;transition:transform .12s ease-out}.plane-sky{filter:saturate(.78) brightness(.68);clip-path:polygon(0 0,100% 0,100% 47%,0 47%)}.plane-mountain{filter:saturate(.95) brightness(.9);clip-path:polygon(0 20%,100% 14%,100% 64%,0 69%)}.plane-ridges{filter:brightness(.63) contrast(1.12);clip-path:polygon(0 46%,100% 42%,100% 78%,0 85%)}.plane-foreground{filter:brightness(.32) contrast(1.22);clip-path:polygon(0 61%,100% 55%,100% 100%,0 100%)}.plane-embers{background-image:radial-gradient(circle at 18% 35%,#ff8c32 0 1px,transparent 2px),radial-gradient(circle at 72% 28%,#ef4f19 0 1px,transparent 2px),radial-gradient(circle at 42% 50%,#ffbb57 0 1px,transparent 2px),radial-gradient(circle at 84% 63%,#ef4f19 0 1px,transparent 2px);background-size:153px 181px,211px 167px,197px 233px,137px 149px;opacity:.65;animation:embers 8s linear infinite}.depth-fog{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 38%,rgba(24,10,6,.12) 52%,#050403 78%);pointer-events:none}@keyframes embers{to{background-position:20px -181px,-13px -167px,16px -233px,-10px -149px}}.topbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 22px) 22px 0}.eyebrow{font:600 11px/1 Cinzel,serif;letter-spacing:.25em;color:var(--gold)}.round-button{border:1px solid rgba(217,173,69,.5);border-radius:50%;background:rgba(5,5,5,.4);color:var(--gold);width:38px;height:38px;font-size:18px}.journey-copy{position:absolute;z-index:1;left:0;right:0;bottom:100px;text-align:center;padding:0 24px;text-shadow:0 2px 8px #000}.day{font:500 20px Cinzel,serif;margin:0 0 2px}.distance{margin:0;color:var(--gold-bright)}.distance strong{display:block;font:500 64px/.95 Cinzel,serif}.distance span{font:500 12px Cinzel,serif}.ornament{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 12px;color:var(--gold);opacity:.7}.ornament i{display:block;width:42px;height:1px;background:var(--gold)}.ornament b{font-size:8px}.location{font:500 17px Cinzel,serif;margin:0 0 6px}.story{font-size:14px;font-style:italic;color:#d4d0c8;margin:0}.walk-button,.gold-button{margin-top:24px;border:1px solid var(--gold);border-radius:4px;background:rgba(20,15,7,.72);color:var(--gold-bright);padding:13px 18px;font:600 13px Cinzel,serif;letter-spacing:.04em}.walk-button span{font-size:18px;margin-right:6px}.tabbar{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:82px;padding:9px 10px calc(env(safe-area-inset-bottom) + 7px);display:flex;background:rgba(5,5,5,.94);backdrop-filter:blur(16px);border-top:1px solid #26231f}.tab{flex:1;border:0;background:transparent;color:#77746f;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Inter}.tab span{font-size:23px;height:27px}.tab small{font-size:9px}.tab.active{color:var(--gold-bright)}.panel{background:radial-gradient(circle at 50% -20%,#302b24 0,#171717 38%,#090909 82%);padding:calc(env(safe-area-inset-top) + 42px) 20px 105px}.panel-header{text-align:center;margin-bottom:28px}.panel-header h1{font:500 30px Cinzel,serif;margin:8px 0;color:#f1ede4}.stat-card,.route-card,.relic,.company-list article,.settings-list label{background:linear-gradient(135deg,rgba(36,34,31,.94),rgba(18,18,18,.97));border:1px solid var(--line);border-radius:7px}.stat-card{padding:20px;margin-bottom:18px;text-align:center}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;color:var(--gold-bright);font:500 28px Cinzel,serif;margin:8px}.stat-card em{font-style:normal}.progress{height:4px;background:#39352f;border-radius:4px;margin:14px 0 10px;overflow:hidden}.progress i{display:block;width:28.6%;height:100%;background:var(--gold)}.route-card{position:relative;padding:24px 20px 10px}.route-line{position:absolute;left:28px;top:31px;bottom:31px;width:1px;background:#4a4132}.stop{position:relative;padding:0 0 24px 30px}.stop:before{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border:1px solid #6f685f;border-radius:50%;background:#191919}.stop.complete:before{border-color:var(--gold);background:var(--gold)}.stop.current:before{box-shadow:0 0 0 5px rgba(217,173,69,.16);background:var(--gold-bright);border-color:var(--gold-bright)}.stop b,.stop span{display:block}.stop b{font:500 15px Cinzel,serif}.stop span{font-size:11px;color:var(--muted);margin-top:4px}.stop.current b{color:var(--gold-bright)}.relic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.relic{padding:20px 14px;min-height:155px;text-align:center;opacity:.42}.relic.earned{opacity:1}.relic>span{display:block;font-size:36px;color:var(--gold);margin-bottom:15px}.relic b,.relic small{display:block}.relic b{font:500 13px Cinzel,serif}.relic small{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.4}.company-list{display:grid;gap:10px}.company-list article{display:flex;align-items:center;padding:14px}.avatar{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:500 11px Cinzel}.company-list p{flex:1;margin:0 10px}.company-list p b,.company-list p span{display:block}.company-list p b{font:500 13px Cinzel,serif}.company-list p span{color:var(--muted);font-size:10px;margin-top:4px}.company-list strong{color:var(--gold);font:500 12px Cinzel}.gold-button{display:block;width:100%;background:var(--gold);color:#181207}.settings-list{display:grid;gap:10px}.settings-list label{display:flex;align-items:center;padding:16px;position:relative}.settings-list span{flex:1}.settings-list b,.settings-list small{display:block}.settings-list b{font:500 13px Cinzel}.settings-list small{font-size:10px;color:var(--muted);margin-top:5px}.settings-list input{position:absolute;opacity:0}.settings-list i{width:44px;height:24px;border-radius:14px;background:#555;position:relative;transition:.2s}.settings-list i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.settings-list input:checked+i{background:var(--gold)}.settings-list input:checked+i:after{transform:translateX(20px)}.toast{position:fixed;z-index:20;bottom:96px;left:50%;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 40px);padding:12px 18px;border:1px solid var(--gold);border-radius:4px;background:#18130b;color:var(--gold-bright);font-size:12px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(prefers-reduced-motion:reduce){.plane{transition:none}.plane-embers{animation:none}}@media(min-width:700px){body{padding:24px}.app-shell{min-height:calc(100dvh - 48px);border-radius:20px}.screen{min-height:calc(100dvh - 48px)}.tabbar{bottom:24px;border-radius:0 0 20px 20px}}