:root{color-scheme:dark;--bg:#071527;--navy:#06152c;--ink:#eff9ff;--cyan:#21ebff;--soft:#bcd1e4;--line:#25d8f5;--purple:#b071ff;--amber:#ffd086;--pane:rgba(5,17,38,.89);--radius:15px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.app{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse 85% 110% at 52% 15%,#1b5085 0%,#071e3c 50%,#051127 100%)}.sky{position:absolute;inset:-26px;pointer-events:none;opacity:.42;background-size:cover;background-position:center;filter:blur(15px) saturate(1.2) brightness(.51);transform:scale(1.04)}.sky-1{background-image:url('assets/world1-approved.webp')}.sky-2{background-image:url('assets/world2-approved.webp')}.app:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,8,24,.38) 100%)}#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.hud{position:absolute;z-index:12;left:0;top:0;right:0;height:70px;display:flex;align-items:center;gap:10px;padding:12px clamp(14px,2.2vw,40px);background:linear-gradient(180deg,rgba(0,13,35,.98),rgba(5,22,47,.95));border-bottom:1px solid rgba(31,229,250,.42);box-shadow:0 8px 40px rgba(0,0,0,.16)}.brand{white-space:nowrap;line-height:1;font-weight:1000;font-size:clamp(16px,2.15vw,30px);letter-spacing:.015em;text-shadow:0 2px 3px #102a48}.brand-cyan{color:var(--cyan)}.hud-spacer{flex:1}.hud-progress{display:flex;align-items:center;gap:17px;border:1px solid #1373b9;border-radius:11px;background:rgba(0,20,46,.8);padding:7px 15px;height:49px}.xp-label{color:#ffd369;white-space:nowrap;font-size:18px;font-weight:800}.xp-label small{font-size:12px}.progress-rail{height:7px;width:94px;border-radius:8px;background:#27415f;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00def1,#83fff7);transition:width .5s}.progress-fraction{display:flex;flex-direction:column;border-left:1px solid #1d7697;padding-left:13px;line-height:1.06}.progress-fraction strong{color:var(--cyan)}.progress-fraction small{font-size:9px;color:#c4d8ec;white-space:nowrap;letter-spacing:.03em}.top-button{height:45px;white-space:nowrap;padding:0 15px;border-radius:9px;border:1px solid #267cc7;background:#061b35;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;transition:background .15s}.top-button:hover{background:#12467a}.world-title{position:absolute;z-index:4;left:clamp(18px,2.2vw,42px);top:89px;width:min(410px,31vw);pointer-events:none;text-shadow:0 1px 5px #05152d}.world-title .eyebrow{color:var(--cyan);font-weight:1000;font-size:21px;line-height:1.15}.world-title h1{font-weight:1000;font-size:clamp(22px,2.1vw,36px);line-height:1.05;letter-spacing:-.028em;margin:3px 0}.world-title .subtitle{font-size:17px;margin:5px 0;color:#eef9ff}.mini-rule{display:block;background:var(--cyan);width:43px;height:4px;border-radius:2px;margin:14px 0}.world-title .description{font-size:13px;line-height:1.55;color:#d8e8fc;margin:0 0 10px;max-width:320px}.world-crumb{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#74d9ed}.station-pins{position:absolute;inset:0;pointer-events:none;z-index:7}.station-pin{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:7px;max-width:210px;transform:translate(-50%,-110%);border:1px solid #25e3f2;background:rgba(0,17,38,.94);box-shadow:0 0 15px rgba(0,220,255,.2),0 9px 18px rgba(0,0,0,.42);border-radius:9px;padding:4px 9px 4px 4px;font-size:10px;line-height:1.15;color:#efffff;text-align:left;transition:background .1s,opacity .2s}.station-pin:hover{background:#0c3867;z-index:15!important}.station-pin.done{border-color:#70d1a6}.pin-num{font-weight:1000;font-size:15px;color:white;padding:4px;border-radius:6px;background:linear-gradient(150deg,#198dff,#0925a7);box-shadow:inset 0 0 0 1px #56dafa}.pin-title{font-weight:750}.station-pin.done .pin-num{background:#137d75}.portal{position:absolute;z-index:8;bottom:clamp(96px,14%,175px);right:2.4%;display:flex;gap:9px;align-items:center;justify-content:center;padding:12px 14px;max-width:190px;background:#06182de9;color:#fff;border:1px solid #2ba2f0;border-radius:8px;box-shadow:0 0 13px #129de03e;font-weight:800;font-size:11px;text-align:center;letter-spacing:.04em}.portal:hover{background:#143b72}.portal #portalArrow{color:var(--cyan);font-size:22px}.controls-chip{position:absolute;left:20px;bottom:20px;z-index:10;border:1px solid #1c769b;background:#041b36e3;padding:10px 18px;border-radius:12px;font-size:12px;color:#cce4ef}.controls-chip strong{display:block;color:var(--cyan);letter-spacing:.11em;font-size:10px;margin-bottom:8px}.controls-chip div{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.controls-chip span{color:white;border:1px solid #3c7fa0;border-radius:4px;padding:2px 5px;background:#102b48}.quick-actions{position:absolute;z-index:12;right:23px;bottom:20px;display:flex;gap:7px}.quick-actions button{border:1px solid #257d9f;background:#061a34e5;border-radius:9px;padding:11px;font-size:11px;font-weight:750;white-space:nowrap}.quick-actions button:hover{background:#154669}.nearby{position:absolute;z-index:14;bottom:105px;left:50%;transform:translateX(-50%);background:#031e39;border:1px solid var(--cyan);padding:11px 19px;border-radius:9px;box-shadow:0 0 23px #0ff4;white-space:nowrap;font-size:13px}.nearby[hidden]{display:none}.nearby kbd{background:#0b5486;border-radius:3px;padding:2px 6px}.toast{position:absolute;z-index:40;top:88px;left:50%;transform:translate(-50%,-14px);opacity:0;pointer-events:none;transition:all .25s;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid #16a9bd;border-radius:9px;background:#061d35f5;box-shadow:0 12px 28px #0007;text-align:center;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,8,21,.80);backdrop-filter:blur(8px);overflow:auto}.overlay.visible{display:flex}.overlay-content{position:relative;width:min(960px,100%);max-height:min(90vh,980px);overflow:auto;background:linear-gradient(135deg,#0a284c,#041426 64%);border:1px solid #168eb3;border-radius:17px;box-shadow:0 22px 75px #000b,0 0 40px #00beff1f;padding:28px}.overlay-content.wide{width:min(1120px,100%)}.overlay-content h2{font-size:clamp(23px,3vw,35px);line-height:1.06;font-weight:1000;margin:9px 0 10px}.overlay-content h3{font-size:18px;margin:18px 0 8px}.overlay-content p{font-size:14px;line-height:1.57;color:#cde0f4}.overline{font-size:11px;font-weight:900;color:var(--cyan);letter-spacing:.16em}.modal-x{position:sticky;float:right;top:0;z-index:4;width:34px;height:34px;border:1px solid #34a9c7;border-radius:8px;background:#0d2a4c;font-size:22px}.modal-x:hover{background:#1c557f}.primary{background:linear-gradient(135deg,#1b9af0,#13c9dc);color:#001428;border:0;border-radius:9px;padding:12px 17px;font-weight:900;box-shadow:0 8px 18px #0004}.primary:hover{filter:brightness(1.13)}.secondary{background:#102a49;border:1px solid #238aaa;color:#f4fcff;border-radius:9px;padding:11px 15px;font-weight:800}.secondary:hover{background:#1c4c74}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center}.hero-img{width:100%;height:300px;object-fit:cover;object-position:center;border:1px solid #1a89b0;border-radius:12px;box-shadow:0 15px 30px #0006}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.intro-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.choice{padding:0;overflow:hidden;display:block;background:#061a2f;border:1px solid #217c9c;border-radius:11px;text-align:left}.choice:hover{border-color:var(--cyan);filter:brightness(1.08)}.choice img{width:100%;height:130px;object-fit:cover;display:block}.choice span{display:block;padding:12px;font-weight:850;font-size:12px}.choice span small{display:block;font-weight:500;color:#aabfdd;margin-top:4px}.station-modal-header{display:flex;gap:17px;align-items:center}.station-mark{background:linear-gradient(140deg,#0dc5fa,#1440ad);color:white;border:1px solid cyan;border-radius:12px;font-size:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:75px;height:75px;font-weight:1000}.activity{border:1px solid #286d90;background:rgba(1,15,35,.62);border-radius:12px;margin-top:20px;padding:19px}.quiz-options{display:grid;gap:9px;margin-top:13px}.quiz-option{border:1px solid #2b738f;background:#102a4c;text-align:left;border-radius:8px;padding:11px 14px}.quiz-option:hover{background:#174a74}.quiz-option.right{border-color:#62e1b0;background:#125e53}.quiz-option.wrong{border-color:#e6a265;background:#6c3937}.feedback{min-height:21px;margin-top:10px;color:#baf7d9;font-weight:800;font-size:13px}.achievement{color:#98ffcf;font-size:12px;font-weight:700}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.menu-panel{background:#071c35;border:1px solid #235b7c;border-radius:10px;padding:18px}.menu-panel h3{margin:0 0 10px}.menu-panel button{margin:3px}.artwork{width:100%;max-height:68vh;object-fit:contain;display:block;border-radius:10px;border:1px solid #194e78}.art-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.art-tabs button[aria-current="true"]{background:#1285b5;border-color:var(--cyan)}.muted{color:#95b3d0;font-size:12px!important}.modal-icon{font-size:32px}.touch-controls{position:absolute;inset:auto 0 14px;display:none;z-index:11;justify-content:space-between;pointer-events:none;padding:0 17px}.touch-pad{pointer-events:auto;text-align:center}.touch-pad button{background:#052a4cce;border:1px solid #44bce3;border-radius:8px;min-width:47px;height:46px;margin:2px;font-weight:800}.touch-right{align-self:end}.touch-right button{min-width:49px}.touch-right #touchInteract{width:93px;font-size:11px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.help-grid div{background:#071e38;padding:13px;border-radius:8px;border:1px solid #255879;font-size:13px}.help-grid kbd{color:var(--cyan);display:inline-block;min-width:58px}
@media(max-width:1120px){.brand{font-size:19px}.hud-progress{gap:8px;padding:7px}.progress-rail{width:50px}.world-title{width:300px}.world-title .description{font-size:12px}.top-button{padding:0 9px}.quick-actions button span{display:none}}
@media(max-width:780px){.hud{height:59px;padding:7px 10px;gap:5px}.brand{font-size:14px;line-height:1.2;max-width:190px;white-space:normal}.hud-progress{padding:5px 7px;height:41px}.xp-label{font-size:12px}.xp-label small{font-size:9px}.progress-rail{display:none}.progress-fraction{font-size:12px;padding-left:8px}.progress-fraction small{font-size:7px}.top-button{height:39px;min-width:36px;padding:0 7px}.top-button span{display:none}.world-title{left:13px;top:72px;max-width:245px;width:62vw}.world-title h1{font-size:21px}.world-title .eyebrow{font-size:14px}.world-title .subtitle{font-size:12px}.world-title .description{font-size:10px;line-height:1.35;max-width:210px}.world-title .mini-rule{margin:7px 0}.world-crumb{display:none}.station-pin{font-size:9px;max-width:115px;padding:3px 5px 3px 3px}.pin-num{font-size:12px}.portal{right:7px;bottom:120px;padding:8px;font-size:9px;max-width:130px}.controls-chip{display:none}.quick-actions{bottom:80px;right:7px;gap:4px}.quick-actions button{padding:7px}.touch-controls{display:flex}.overlay{padding:9px}.overlay-content{padding:18px;max-height:94vh}.hero-grid,.intro-choices,.menu-grid{grid-template-columns:1fr}.hero-img{height:200px;order:-1}.choice img{height:115px}.buttons button{flex:1}.station-modal-header{align-items:flex-start}.station-mark{width:53px;height:53px;font-size:22px}.nearby{bottom:130px;font-size:11px}}
@media(max-height:690px){.world-title .description,.world-crumb{display:none}.station-pin{transform:translate(-50%,-90%)}.overlay-content{padding:19px}.hero-img{height:160px}}
/* Approved reference image is the playable 2D fallback map; hotspots remain interactive. */
.art-mode .world-title{display:none}.art-mode .station-pin{opacity:0!important;background:transparent;border:0;box-shadow:none;min-width:120px;min-height:40px}.art-mode .station-pin:hover,.art-mode .station-pin:focus-visible{opacity:.9!important;background:#062d51e9;border:1px solid #2fdcff;box-shadow:0 0 16px #0df5}.art-mode .station-pin:hover .pin-title,.art-mode .station-pin:focus-visible .pin-title{display:inline}.art-mode .controls-chip{display:none}.art-mode #portal{opacity:.18}.art-mode #portal:hover,.art-mode #portal:focus-visible{opacity:1}.art-mode .quick-actions{bottom:12px}.art-mode .nearby{bottom:65px}
.art-mode:not(.world-two) #portal{top:66%;right:1%;left:auto;bottom:auto}.art-mode.world-two #portal{top:46%;left:1%;right:auto;bottom:auto}