:root{--bg:#11162a;--panel:#1b223c;--panel2:#232c4c;--text:#f7f8ff;--muted:#abb5d2;--violet:#765dff;--mint:#20d0ba;--yellow:#ffd85a;--danger:#ff6c86;--safe-bottom:max(18px,env(safe-area-inset-bottom));font-family:Inter,ui-rounded,"Arial Rounded MT Bold","Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% 0,#29225b 0,transparent 38%),var(--bg);color:var(--text);min-height:100dvh}.app-shell{width:min(100%,540px);margin:auto;min-height:100dvh;padding-bottom:calc(74px + var(--safe-bottom))}button,a{font:inherit}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:rgba(17,22,42,.92);backdrop-filter:blur(18px);border-bottom:1px solid #303858}.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--mint));font-weight:950}.app-title{min-width:0;flex:1}.app-title b{display:block;font-size:15px}.app-title small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn,.install-btn{border:1px solid #3b4568;background:#202845;color:var(--text);min-height:42px;border-radius:13px;padding:0 12px;font-weight:850}.icon-btn{width:42px;padding:0}.install-btn{color:#dcd7ff}.hero{padding:22px 18px 16px}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9d8eff;font-weight:900}.hero h1{font-size:32px;line-height:1.03;margin:8px 0 10px;max-width:430px}.hero p{color:var(--muted);line-height:1.5;margin:0}.progress-card{margin:0 14px 14px;padding:15px;border-radius:20px;background:linear-gradient(135deg,#272f53,#1a213b);border:1px solid #38446b}.progress-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress-row b{font-size:14px}.progress-row span{color:var(--yellow);font-weight:900}.bar{height:9px;margin-top:11px;background:#11162a;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--mint));border-radius:inherit}.section{padding:5px 14px 18px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:7px 3px 10px}.section-head h2{font-size:19px;margin:0}.section-head small{color:var(--muted)}.mission-card,.chapter-card{width:100%;border:1px solid #343e61;background:var(--panel);color:var(--text);border-radius:20px;text-align:left;margin:9px 0;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.mission-card:not(:disabled):active,.chapter-card:not(:disabled):active{transform:translateY(2px)}.mission-card:disabled,.chapter-card:disabled{opacity:.62}.mission-icon,.chapter-no{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#10162a;font-size:23px}.chapter-no{font-size:14px;font-weight:950;border:2px solid var(--chapter)}.mission-copy b,.chapter-copy b{display:block;font-size:15px}.mission-copy small,.chapter-copy small{display:block;color:var(--muted);line-height:1.35;margin-top:3px}.mission-meta{text-align:right}.mission-meta b{display:block;color:var(--yellow);font-size:12px}.mission-meta small{color:var(--muted);font-size:11px}.done-mark{color:var(--mint);font-size:20px}.chapter-status{font-size:11px;font-weight:900;color:var(--chapter)}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);display:grid;grid-template-columns:repeat(3,1fr);padding:8px 10px var(--safe-bottom);background:rgba(17,22,42,.96);backdrop-filter:blur(18px);border-top:1px solid #303858}.bottom-nav button{border:0;background:transparent;color:var(--muted);min-height:52px;border-radius:14px;font-size:11px;font-weight:850}.bottom-nav button span{display:block;font-size:19px;margin-bottom:2px}.bottom-nav button.active{background:#242d4d;color:var(--text)}.mission-page{min-height:100dvh}.mission-head{padding:18px 16px 10px}.mission-head h1{font-size:27px;line-height:1.1;margin:8px 0}.mission-head p{margin:0;color:var(--muted)}.route{display:flex;gap:5px;margin:14px 16px}.route i{height:6px;flex:1;border-radius:99px;background:#30395d}.route i.on{background:linear-gradient(90deg,var(--violet),var(--mint))}.reel{min-height:calc(100dvh - 190px);margin:0 12px;padding:22px 18px;border-radius:26px;background:linear-gradient(155deg,#242c50,#171d35);border:1px solid #38446b;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 60px rgba(0,0,0,.25)}.reel-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#9f91ff;font-weight:950}.reel-visual{min-height:210px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.signal{font-size:72px;filter:drop-shadow(0 0 24px #20d0ba);animation:pulse 1.4s infinite}.bits{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.bits i{width:34px;height:48px;border-radius:10px;background:#11162a;border:2px solid #3a456c;display:grid;place-items:center;font-style:normal;font-weight:950;color:var(--mint)}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.reel h2{font-size:27px;line-height:1.08;margin:0 0 10px}.reel p{color:#d2d8ea;line-height:1.5;margin:0}.primary{width:100%;min-height:55px;border:0;border-radius:17px;margin-top:18px;background:linear-gradient(135deg,var(--violet),#5740d6);color:white;font-weight:950;box-shadow:0 6px 0 #39289c}.primary:active{transform:translateY(3px);box-shadow:0 3px 0 #39289c}.choices{display:grid;gap:10px;margin-top:16px}.choice{width:100%;min-height:58px;border:2px solid #3b466c;border-radius:16px;background:#171d35;color:var(--text);padding:12px 14px;text-align:left;font-weight:800}.choice.correct{border-color:var(--mint);background:#123b3b}.choice.wrong{border-color:var(--danger);background:#422139}.choice:disabled{opacity:1}.feedback{margin-top:12px;padding:12px 14px;border-radius:15px;background:#11162a;color:#d7dcec;line-height:1.4}.artifact{display:flex;gap:11px;align-items:center;margin-top:16px;padding:14px;border-radius:17px;background:#202b47;border:1px solid #3c4a70}.artifact span{font-size:28px}.artifact b{display:block}.artifact small{color:var(--muted)}.install-sheet{position:fixed;z-index:60;inset:0;background:rgba(4,7,18,.72);display:grid;align-items:end}.install-panel{width:min(100%,540px);margin:auto;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#1d2542;border:1px solid #3a466e}.install-panel h2{margin:0 0 8px}.install-panel p{color:var(--muted);line-height:1.45}.install-panel .ghost{width:100%;min-height:48px;border:0;background:transparent;color:var(--muted);font-weight:850}.offline{position:fixed;z-index:50;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:12px;background:#5b3510;color:#ffd99b;font-size:12px;font-weight:850}.hidden{display:none!important}@media(min-width:541px){body{padding:18px}.app-shell{border:1px solid #323c5e;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}.bottom-nav{bottom:18px;border-radius:0 0 28px 28px}.install-panel{border-radius:28px;margin-bottom:20px}}