*{box-sizing:border-box}body{margin:0;background:#080e1b;color:#e5edf5;font:14px system-ui,-apple-system,sans-serif;overflow:hidden}canvas{display:block;width:100vw;height:100vh;touch-action:none}header{position:absolute;top:0;left:0;right:0;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;letter-spacing:6px;font-size:23px;font-weight:650}.mark{font-size:39px;color:#99dcff}.sub{display:block;font-size:9px;letter-spacing:2px;color:#a0b4c7;margin-top:6px}.tools{display:flex;gap:9px;pointer-events:auto}button{color:#dfeaf6;border:1px solid #9ac5e044;background:#142034bf;border-radius:6px;padding:10px 14px;font:inherit;cursor:pointer;touch-action:none}button:hover{border-color:#a5e5ff;background:#233a53}button:focus-visible{outline:2px solid #ccf0ff;outline-offset:3px}aside{position:absolute;top:130px;left:32px;width:215px;pointer-events:none;text-shadow:0 2px 14px #000}.eyebrow{font-size:9px;letter-spacing:2px;color:#94ccdf}h1{font-size:25px;line-height:1.2;font-weight:450;margin:13px 0}aside p{font-size:12px;color:#acbbcb;line-height:1.7}#sites{display:grid;gap:7px;margin-top:26px;pointer-events:auto}.site{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;padding:11px;background:#0c1725aa}.site i{width:5px;height:5px;background:#8de6ff;border-radius:50%;box-shadow:0 0 12px #43caff}.site span{opacity:.6;font-size:9px;letter-spacing:1px}.stat{border-top:1px solid #a7c5e329;margin-top:23px;padding-top:13px;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:#9baec3}.stat b{font-weight:400;color:#d1dfef}#labels{position:absolute;inset:0;pointer-events:none}.poi-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;white-space:nowrap;display:flex;flex-direction:column;align-items:center;background:#0a172bcc;padding:7px 10px;border-radius:4px;font-size:10px;letter-spacing:1px}.poi-label small{font-size:8px;color:#8bdcff;margin-top:3px;letter-spacing:1px}.poi-label:after{content:'';position:absolute;top:100%;height:20px;width:1px;background:#98d9ff99}#charge{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);width:310px;background:#07182be8;border:1px solid #9ae6ff80;padding:17px;border-radius:10px;box-shadow:0 0 70px #24a9ff33}#charge-name{font-size:12px;letter-spacing:1px}#charge-level{float:right;color:#aff4ff}.track{height:5px;background:#345267;margin:13px 0 8px;border-radius:3px;overflow:hidden}.track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1678ff,#affaff,#fff);box-shadow:0 0 16px #94ffff}#charge small{color:#93adbe;font-size:10px}#toast{position:absolute;bottom:87px;left:50%;transform:translateX(-50%);padding:9px 16px;background:#071322b8;border-radius:25px;color:#b9d4e5;font-size:12px;pointer-events:none;transition:opacity .3s}footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:23px 32px;font-size:11px;color:#a4bbcf;background:linear-gradient(transparent,#060c18dd);pointer-events:none}kbd{background:#d3eaff12;border:1px solid #accce833;border-radius:4px;padding:4px 6px;font-size:10px;color:#e4edf9}footer b{color:#b9f0ff;font-size:10px;letter-spacing:1px}#touchpad{display:none;position:absolute;bottom:70px;left:22px;text-align:center}#touchpad button{width:42px;height:42px;margin:2px;padding:0;background:#132c44bb}@media(max-width:800px){header{padding:17px}.brand{font-size:18px}.sub{font-size:7px}.tools button{font-size:10px;padding:8px}aside{left:17px;top:105px;width:170px}h1{font-size:21px}.stat{display:none}footer{padding:18px;font-size:9px}footer span:nth-child(2){display:none}#touchpad{display:block}#sites{gap:4px;margin-top:14px}.site{font-size:10px;padding:8px}#charge{bottom:95px;left:auto;right:15px;transform:none;width:240px}}@media(max-height:650px){aside{top:94px}aside h1,aside p{display:none}#sites{margin-top:10px}footer{padding:12px 22px}#toast{bottom:55px}}
#practice{color:#e5edf5;background:#101e30;border:1px solid #8bdcff;border-radius:14px;width:min(780px,94vw);max-height:88vh;padding:24px;overflow:auto;font-size:16px;line-height:1.5}#practice::backdrop{background:#030a15bb}.practice-head,.practice-nav{display:flex;justify-content:space-between;gap:12px;align-items:center}.practice-head h2{margin:0;font-size:23px}.practice-note{font-size:12px;color:#a9c3d5}#practice button{margin:6px 4px 6px 0;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}#practice fieldset{border:0;padding:0}#practice legend{font-size:18px;font-weight:600;margin:16px 0}.answer-option{display:flex;gap:12px;padding:13px;margin:8px 0;background:#20364c;border-radius:8px;cursor:pointer}.answer-option input{flex-shrink:0}.passage,.essay-review{white-space:pre-wrap;background:#182b40;padding:18px;border-radius:8px}.passage{max-height:260px;overflow:auto}#practice textarea{display:block;width:100%;background:#f2f7fc;color:#132235;font:16px/1.6 system-ui;padding:14px;margin-top:8px;border-radius:8px}#practice details{padding:12px;border-bottom:1px solid #7894ab55}#section-clock{color:#9deaff;font-weight:bold}.submit-confirm{padding:14px;border:1px solid #b5e5ff}.completed{border-color:#93e5b1}.completed i{background:#9cf6ba}#rewards{position:absolute;right:20px;top:92px;display:flex;flex-wrap:wrap;gap:6px;max-width:300px;padding:10px;background:#0b1c2bdd;border-radius:8px;font-size:11px}#rewards span{width:100%}#rewards button{font-size:11px;padding:6px}@media(max-width:600px){#rewards{top:auto;bottom:12px;right:10px;max-width:200px}footer{display:none}#practice{padding:16px}.practice-head h2{font-size:19px}aside{width:180px}#touchpad{bottom:20px}.poi-label{font-size:8px}}

#practice a{display:block;color:#9deaff;margin:12px 0}
.reward-unlock{color:#fff;background:radial-gradient(ellipse at top,#36436c,#101624 70%);border:2px solid #a8eaff;border-radius:24px;padding:42px;max-width:min(720px,92vw);box-shadow:0 0 90px #45bfff80;text-align:center;animation:reward-enter .5s ease-out}.reward-unlock::backdrop{background:#030716dc;backdrop-filter:blur(8px)}.reward-unlock h2{font-size:clamp(30px,5vw,54px);margin:18px 0}.unlock-kicker{letter-spacing:4px;color:#9fe8ff}.skin-choices{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:30px 0}.skin-choices button{border:2px solid var(--swatch);box-shadow:inset 0 16px 35px color-mix(in srgb,var(--swatch) 35%,transparent);padding:32px 18px;color:white;background:#182136;border-radius:12px;cursor:pointer}.live-score{position:sticky;top:0;background:#0f293d;color:#a9f0ff;padding:14px;font-size:22px;font-weight:bold;border:1px solid #61cce7;z-index:2}.answer-feedback{color:#86e1e8;font-weight:bold}@keyframes reward-enter{from{opacity:0;transform:scale(.8) translateY(35px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reward-unlock{animation:none}}
.roamer-labels{position:absolute;inset:0;pointer-events:none}.roamer-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#122d35dd;color:#a8ffff;border:1px solid #62c4c9;border-radius:20px;padding:7px 12px;font-size:11px;cursor:pointer}.roamer-label[hidden]{display:none}.roamer-question{max-width:min(600px,90vw);background:#152333;color:#eefaff;border:1px solid #7bd2dd;border-radius:18px;padding:28px}.roamer-question::backdrop{background:#06101abf}.roamer-question fieldset{display:grid;gap:10px;margin:20px 0}.roamer-question button{padding:12px;background:#29485c;color:white;border:1px solid #6d9eac;border-radius:8px;cursor:pointer}.roamer-question button:disabled{opacity:.6}
#touchpad{display:block;z-index:4;bottom:max(42px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left))}#touchpad button,#lookpad button{width:54px;height:54px;min-height:44px;font-size:22px;user-select:none;-webkit-user-select:none;touch-action:none;background:#142d46e8}#touchpad>button[data-key="ShiftLeft"]{width:110px;font-size:16px}#lookpad{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(42px,env(safe-area-inset-bottom));display:grid;grid-template-columns:54px 54px;gap:6px;z-index:4}#practice,.roamer-question{max-height:82dvh;overflow:auto;overscroll-behavior:contain}.roamer-question textarea{width:100%;min-height:100px;font:16px/1.5 system-ui;background:#f1f6fa;color:#142034;padding:12px;border-radius:8px;touch-action:auto}#practice input,#practice textarea{touch-action:auto}#section-clock.expiring{color:#ffb082}button{min-height:44px}#rewards button{min-height:36px}.tools{flex-wrap:wrap;justify-content:flex-end}#toast{bottom:215px}footer{padding:12px 20px}@media(max-width:1100px){header{padding:15px}.brand{font-size:18px;letter-spacing:3px}.tools{max-width:52%}.tools button{font-size:11px}aside{top:102px;left:18px;width:190px}aside h1,aside p,.stat,#demo{display:none}#sites{margin-top:12px}.site{min-height:44px}#rewards{top:115px;right:15px;max-width:205px}footer span:nth-child(2){display:none}}@media(max-width:650px){.brand{font-size:14px}header{padding:10px}.tools{gap:3px}.tools button{padding:6px;font-size:10px}aside{width:140px;top:100px}#rewards{top:105px;bottom:auto;max-width:165px;font-size:10px}.site{font-size:10px;padding:6px}#rewards button{font-size:9px;padding:4px}#touchpad button,#lookpad button{width:48px;height:48px}#lookpad{grid-template-columns:48px 48px}#touchpad{left:8px}footer{display:none}}
#lookpad #jump{grid-column:span 2;width:100%;font-size:17px;background:#244965}.roamer-question button[aria-pressed=true]{border-color:#fff;background:#326277;box-shadow:0 0 0 2px #8bebf5}.roamer-question label{display:block;margin-top:16px;margin-bottom:8px}.roamer-question p{line-height:1.5}.roamer-question details{padding:10px;border-bottom:1px solid #496172}
#anna-welcome{width:min(760px,94vw);max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#152f46,#101827);color:#edf8ff;border:1px solid #88ddea;border-radius:22px;padding:28px;font:15px/1.5 system-ui;overscroll-behavior:contain}#anna-welcome::backdrop{background:#030b16d9;backdrop-filter:blur(5px)}#anna-welcome h2{font-size:clamp(24px,4vw,34px);line-height:1.15;margin:12px 0}.welcome-eyebrow{font-size:11px;letter-spacing:2px;color:#96dfea}.welcome-topics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.welcome-topics article{background:#29476066;border:1px solid #6b9ab833;padding:12px;border-radius:12px}.welcome-topics article:last-child{grid-column:span 2}.welcome-topics b{color:#adf1ff}.welcome-topics p{font-size:13px;margin:7px 0 0}.welcome-test{color:#bbcede;font-size:13px}.welcome-rewards{border:1px solid #e8b76877;background:#392b2f55;border-radius:12px;padding:16px}.welcome-rewards p{margin:8px 0;font-size:13px}.ember-tease{color:#ff9568;font-weight:bold}.gold-tease{color:#fbd46e;font-weight:bold}#anna-welcome details{margin:18px 0;font-size:13px}#anna-welcome summary{cursor:pointer;padding:8px}.welcome-actions{position:sticky;bottom:-28px;background:#101d2eee;padding:14px 0;text-align:right}#welcome-play{background:#8fe7e8;color:#102331;border:0;min-height:48px;padding:12px 28px;font-weight:bold}.site .topic-copy{font-size:12px;letter-spacing:0;opacity:1}.site .topic-copy small{display:block;color:#a8bdcf;font-size:9px;margin-top:4px}.topic-connection{background:#1d3449;border-left:3px solid #8bdde5;padding:12px;font-size:14px}@media(max-width:650px){#anna-welcome{padding:20px}.welcome-topics{grid-template-columns:1fr}.welcome-topics article:last-child{grid-column:auto}.site .topic-copy{font-size:10px}.site .topic-copy small{font-size:8px}.welcome-actions{bottom:-20px}}
#navigation{position:absolute;top:82px;left:50%;transform:translateX(-50%);max-width:48vw;border:1px solid #83bec866;border-radius:18px;background:#102534e8;color:#b4f0f6;padding:8px 14px;font-size:12px;text-align:center;pointer-events:none}@media(max-width:1100px){#navigation{top:auto;bottom:230px;max-width:55vw}}@media(max-width:650px){#navigation{bottom:220px;font-size:11px;max-width:70vw}}
/* Touch-first play screen: compact destinations, clear movement, secondary info in Menu. */
header{padding:16px 20px}.brand{font-size:18px;letter-spacing:3px}.mark{font-size:28px}.sub{font-size:8px}aside{top:82px;left:20px;width:170px;z-index:5}aside h1,aside p,aside .stat,#demo{display:none}#challenge-map{pointer-events:auto;background:#0d2033ed;border:1px solid #8bdcff55;border-radius:12px;padding:0 8px}#challenge-map summary{cursor:pointer;font-size:12px;min-height:44px;display:flex;align-items:center;gap:6px;list-style:none}#challenge-map summary:after{content:'▾';margin-left:auto}#challenge-map[open] summary:after{content:'▴'}#sites{margin:0 0 8px;gap:3px}.site{padding:5px 7px;min-height:44px;gap:6px}.site .topic-copy{font-size:11px}.site .topic-copy small,.site i{display:none}#touchpad{display:grid;grid-template-columns:58px 58px 58px;grid-template-rows:58px 58px 58px 44px;gap:5px;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));z-index:6}#touchpad button{width:58px;height:58px;margin:0;font-size:30px;border-radius:13px;border:1px solid #b8eaffb3;background:#183850ed;box-shadow:0 3px 12px #0006}#touchpad button:active{background:#4096b4;transform:scale(.96)}.pad-up{grid-area:1/2}.pad-left{grid-area:2/1}.pad-right{grid-area:2/3}.pad-down{grid-area:3/2}.pad-center{grid-area:2/2;align-self:center;color:#8cbdce;font-size:27px}#touchpad>button.pad-run{grid-area:4/2;width:58px;height:44px;font-size:13px}#lookpad{bottom:max(16px,env(safe-area-inset-bottom))}#navigation{top:82px;bottom:auto;font-size:11px;max-width:40vw}#toast{bottom:265px;max-width:65vw;text-align:center}#expedition-menu{width:min(500px,92vw);max-height:85dvh;overflow:auto;background:#13283c;color:#e7f5ff;border:1px solid #8bdcff;border-radius:18px;padding:24px;font:15px/1.6 system-ui}#expedition-menu::backdrop{background:#030b16cc;backdrop-filter:blur(4px)}#expedition-menu h2{margin:0 0 12px}#expedition-menu .menu-actions{display:flex;flex-wrap:wrap;gap:8px}#expedition-menu details{margin:22px 0;border-top:1px solid #80b7cf55;padding-top:16px}#expedition-menu summary{cursor:pointer;min-height:44px}#menu-close{margin-top:16px;background:#285675}#rewards{top:82px;font-size:10px;max-width:190px}#rewards button{font-size:10px}#menu-toggle{min-width:60px}@media(max-width:650px){header{padding:10px}.brand{font-size:15px}.sub{display:none}aside{top:66px;left:10px;width:155px}#navigation{top:auto;bottom:265px;max-width:80vw}#rewards{top:66px;right:10px;max-width:155px}#touchpad{left:10px}#toast{bottom:305px}}@media(max-height:550px){#touchpad{grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px 36px;gap:3px}#touchpad button{width:48px;height:48px;min-height:36px}#touchpad>button.pad-run{width:48px;height:36px}aside{top:65px}#rewards{top:65px}#navigation{top:65px;bottom:auto}#toast{bottom:220px}}
#thumbstick{position:absolute;left:max(25px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,#24486288,#102536aa);border:2px solid #a9dbeb66;box-shadow:inset 0 0 24px #0004,0 4px 24px #0004;display:grid;place-items:center;z-index:6;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}#thumbstick:after{content:'';position:absolute;inset:17px;border:1px solid #b8eaff22;border-radius:50%;pointer-events:none}.stick-knob{display:block;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#c1eaf1,#5b91a6 70%);border:2px solid #d9f5ffb3;box-shadow:0 5px 14px #0008;pointer-events:none;will-change:transform}#thumbstick.engaged{border-color:#acf1ff;cursor:grabbing}#thumbstick.engaged .stick-knob{box-shadow:0 0 24px #76d9f777,0 5px 14px #0008}@media(max-height:550px){#thumbstick{width:130px;height:130px;left:18px;bottom:18px}.stick-knob{width:56px;height:56px}}
#rewards{display:block;width:190px;padding:8px 10px}#rewards>span{display:block;font-size:10px;margin-bottom:4px}#color-rewards summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none;font-size:12px}#color-rewards summary:after{content:'▾'}#color-rewards[open] summary:after{content:'▴'}.color-options{display:grid;gap:5px;padding-bottom:5px}#rewards .color-options button{min-height:44px;font-size:12px;text-align:left}header{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}aside{left:max(20px,env(safe-area-inset-left))}#rewards{right:max(20px,env(safe-area-inset-right))}@media(max-width:650px){#rewards{width:155px;right:max(10px,env(safe-area-inset-right))}aside{left:max(10px,env(safe-area-inset-left))}}@media(orientation:landscape) and (max-height:550px){#navigation{max-width:34vw}}
#expedition-clock{position:absolute;top:130px;left:max(20px,env(safe-area-inset-left));width:170px;background:#0d2033ed;border:1px solid #8bdcff55;border-radius:12px;padding:0 9px;z-index:5;font-size:11px}#expedition-clock summary{min-height:44px;display:flex;align-items:center;cursor:pointer;list-style:none}#expedition-clock summary:after{content:'▾';margin-left:auto}#expedition-clock[open]{width:min(310px,85vw);max-height:55dvh;overflow:auto}#expedition-clock p{line-height:1.5}#expedition-clock button{font-size:12px;margin:4px 0;width:100%}#expedition-clock.time-help{border-color:#efc978}.delivery-state,.robot-hint{color:#a3e3ef}.robot-pace{font-weight:bold;color:#e9ce91}#challenge-map[open]{position:relative;z-index:7;background:#0d2033}@media(max-width:650px){#expedition-clock{top:114px;left:max(10px,env(safe-area-inset-left));width:155px}}@media(max-height:550px){#expedition-clock{top:113px}}