:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f2e9;--muted:#9e9c95;--line:#2c2d31;--ground:#0b0c0e;--panel:#15161a;--acid:#d9ff58;--danger:#ff7d63}*{box-sizing:border-box}html{background:var(--ground)}body{background:radial-gradient(circle at 75% -10%, #273124 0, transparent 34rem), var(--ground);min-width:320px;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.shell{max-width:560px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 18px calc(94px + env(safe-area-inset-bottom));margin:0 auto}.topbar,.hero-panel,.charge-panel,.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:22px}.eyebrow,.mission-kind{color:var(--acid);letter-spacing:.14em;margin:0 0 5px;font:700 10px/1.2 Courier New,monospace}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(18px,5vw,24px)}h2{letter-spacing:-.04em;font-size:clamp(25px,7vw,38px)}h3{margin-bottom:8px;font-size:18px}p{color:var(--muted);line-height:1.5}.status{min-height:44px;color:var(--danger);background:#211516;border:1px solid #704134;border-radius:999px;padding:0 13px;font-size:12px;font-weight:700}.hero-panel{border:1px solid var(--line);background:linear-gradient(135deg,#181a1f,#101114);grid-template-columns:82px 1fr;padding:20px;display:grid;position:relative;overflow:hidden}.avatar{border:1px solid var(--acid);width:66px;height:86px;color:var(--acid);background:linear-gradient(160deg,#d9ff58 0 8%,#1b2118 8%);place-items:end center;padding-bottom:7px;font:700 22px/1 Courier New,monospace;display:grid}.hero-copy h2{margin-bottom:9px;font-size:27px}.hero-copy p{margin-bottom:0;font-size:13px}.rank-meter{grid-column:1/-1;margin-top:8px}.rank-meter span{margin-bottom:8px;font:700 12px Courier New,monospace;display:block}.rank-meter i{background:var(--acid);height:5px;display:block}.charge-panel{border-left:3px solid var(--acid);background:#121316;margin:14px 0 27px;padding:15px}.charge-panel strong{font-size:23px}.charges{gap:7px;display:flex}.charges i{border:1px solid #5b5d61;width:12px;height:12px;transform:rotate(45deg)}.charges .charged{border-color:var(--acid);background:var(--acid)}.section-heading{margin-bottom:10px}.section-heading h2{margin:0;font-size:20px}.section-heading span{color:var(--muted);font-size:12px}.mission-list{gap:9px;display:grid}.mission{border:1px solid var(--line);background:var(--panel);padding:16px}.mission.complete{background:#101510;border-color:#527043}.mission p:not(.mission-kind){margin-bottom:14px;font-size:13px}.mission button,.gate-cta,.route-list button{background:var(--acid);color:#151802;cursor:pointer;border:0;width:100%;min-height:44px;font-weight:800}.mission button:disabled,.gate-cta:disabled{cursor:default;color:#828580;background:#2c2e30}.gate-cta{min-height:56px;margin-top:18px;font-size:16px}.result{color:var(--ink);margin:16px 0}.placeholder{padding:48px 8px}.placeholder h2{margin-bottom:12px}.tabbar{max-width:560px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c0ef5;grid-template-columns:repeat(4,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:44px;color:var(--muted);background:0 0;border:0;font-size:11px;font-weight:700}.tabbar button.active{color:var(--acid)}.gate-dialog{background:#0000009e;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.gate-dialog section{border:1px solid var(--acid);background:#151719;width:min(100%,524px);padding:24px}.gate-dialog h2{margin-bottom:9px}.route-list{gap:9px;margin-top:20px;display:grid}.route-list button{color:var(--ink);text-align:left;background:#292d21;padding:0 14px}button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}