:root{color-scheme:dark;--bg:#080f20;--panel:#111d32;--line:#293b53;--ink:#e6f2ee;--muted:#a3b7c6;--mint:#9af0cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Trebuchet MS,sans-serif}a{color:var(--mint)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #f9bf6b;outline-offset:3px}[hidden]{display:none!important}.exp-header{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;border-bottom:1px solid var(--line)}.exp-brand{font:700 21px monospace;text-decoration:none}.exp-brand span{display:block;font:10px/1.8 monospace;letter-spacing:3px;color:var(--muted)}.exp-header>a:last-child{font-size:13px}main{max-width:1600px;margin:auto;padding:12px 4vw 30px}.exp-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 0 35px;gap:25px}.kicker{font:11px/1.6 monospace;letter-spacing:2px;color:var(--mint)}h1{font:68px/1 Georgia,serif;letter-spacing:-2px;margin:15px 0 0}h1 em{color:var(--mint);font-weight:400}.intro-copy{max-width:410px;color:var(--muted);font-size:18px}#exp-missions{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:25px}#exp-missions button{display:flex;gap:12px;text-align:left;background:#111e31;color:var(--ink);border:1px solid var(--line);padding:14px 10px;border-radius:5px;min-width:0}#exp-missions button b{font:25px Georgia;color:var(--mint)}#exp-missions button span{font-size:13px}#exp-missions small{display:block;font-size:10px;color:var(--muted)}#exp-missions button[aria-current=step]{border-color:var(--mint);background:#1a3641}#exp-missions button.passed b:after{content:"✓";font:12px sans-serif;display:block}.exp-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px;align-items:start}.visual-column,.code-column{min-width:0}.scene-frame{border:1px solid #3c536b;border-radius:12px;overflow:hidden}.scene-top,.scene-bottom{display:flex;justify-content:space-between;gap:10px;font:10px/1.5 monospace;letter-spacing:1px;padding:14px 18px;background:#14243b}.scene{height:440px;position:relative;overflow:hidden;background:linear-gradient(#14172f,#253b62 65%,#122b42)}.gate{position:absolute;left:43%;bottom:125px;width:85px;height:73px}.gate i{position:absolute;width:7px;height:72px;background:#97b9bd}.gate i:nth-child(2){right:0}.gate b{position:absolute;top:6px;left:0;width:84px;height:9px;background:#ffb777;box-shadow:0 0 18px #ff855a;transform-origin:left;transition:transform .7s}.gate.open b{transform:rotate(-80deg);background:#a9ffd8}.beacon{position:absolute;left:56%;top:80px;color:#d8e4e0;text-align:center;font:9px monospace}.beacon i{display:block;width:11px;height:40px;background:#607484;margin:auto;border-top:9px solid #d29b68;box-shadow:0 -10px 25px #d29b68}.beacon[data-signal=gold] i{border-color:#ffe083;box-shadow:0 -10px 50px #ffe083}.beacon[data-signal=silver] i{border-color:#d4f0ff;box-shadow:0 -10px 40px #d4f0ff}.exp-rain{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 28px,#a8d5fc44 29px 30px,transparent 31px 60px);animation:rainfall .5s linear infinite;pointer-events:none}#exp-position{position:absolute;bottom:79px;left:20%;transform:translate(-50%);width:105px;text-align:center;transition:left 1.1s ease}#exp-pokemon{width:104px;height:104px;image-rendering:pixelated;position:relative;z-index:2;object-fit:contain}.actor-shadow{height:12px;width:70px;border-radius:50%;background:#03101a88;margin:-15px auto 0}#bubble{position:absolute;bottom:103px;left:50%;transform:translate(-50%);background:#edf8dd;color:#183844;font:700 12px/1.4 Trebuchet MS,sans-serif;padding:9px 12px;border-radius:9px;max-width:175px;width:max-content;overflow-wrap:anywhere;box-shadow:0 4px 15px #0004;z-index:3}#exp-pokemon.walk{animation:bob .65s infinite}#exp-pokemon.run{animation:bob .25s infinite}#exp-pokemon.jump{animation:jump 1s infinite}#exp-pokemon.dance{animation:dance .7s infinite}#exp-pokemon.sleep{transform:rotate(15deg);opacity:.7}.scene-bottom{position:absolute;bottom:0;width:100%;background:#102135dd;color:#b5d5d7}.scene.coast{background:linear-gradient(#232d48,#406779)}.coast .coast .coast .scene.summit{background:linear-gradient(#262042,#666293)}.summit .summit .scene.harbor{background:linear-gradient(#211d3c,#884a6e)}.harbor .harbor .harbor .scene.station{background:linear-gradient(#092831,#24535b)}.station .station .beacon{transform:scale(1.6)}.scene.aurora .aurora .telemetry{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:18px 3px;gap:8px}.telemetry span{display:block;font:10px monospace;letter-spacing:2px;color:var(--muted)}.telemetry b{font-size:19px}.mission-copy{padding:25px 0}.mission-copy h2{font:30px Georgia;margin:9px 0}.mission-copy p{color:#c0cfda}details{border-top:1px solid var(--line);padding:13px 0}summary{cursor:pointer}.prediction-label{display:block;font-size:13px;margin:18px 0 8px}textarea{width:100%;min-height:75px;background:#111e32;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:12px;resize:vertical}.small{font-size:12px!important;color:var(--muted)!important}.code-column{border:1px solid var(--line);background:#101b2d;border-radius:9px;overflow:hidden}.code-top{display:flex;justify-content:space-between;padding:14px 17px;font:12px monospace;background:#1c2b42}.code-top label{display:flex;gap:6px;align-items:center}.cm-editor{font-size:14px}.cm-scroller{min-height:370px;max-height:560px;overflow:auto}.exp-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:12px 15px}.exp-toolbar button,#check{border:0;background:var(--mint);color:#14332c;padding:10px 13px;border-radius:4px;font:700 12px Trebuchet MS,sans-serif}.exp-toolbar .secondary{background:#23374e;color:var(--ink)}#exp-status{padding:0 17px;font:12px monospace;color:var(--mint)}#exp-console{margin:0;padding:17px;background:#070f1c;min-height:85px;max-height:240px;overflow:auto;font:12px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.trace{padding:15px 18px}dl{display:grid;grid-template-columns:1fr 1.5fr;font:12px/1.8 monospace;margin:10px 0}dt{color:var(--mint)}dd{margin:0;overflow-wrap:anywhere}.test-panel{border-top:1px solid var(--line);padding:18px}.test-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.test-heading h2{font:22px Georgia;margin:0}.case-button{font:10px/1.6 monospace;border:1px solid #38576b;background:#172b41;color:#c4e8e1;padding:7px 9px;border-radius:4px;margin:3px;max-width:100%;text-align:left}#check-result{font-size:13px;padding-top:12px;overflow-wrap:anywhere}.pass{color:var(--mint)}.fail{color:#ffd095}#check-result details{padding:8px 0;font:11px/1.7 monospace}.exp-reference{margin-top:35px;padding:25px 0;border-top:1px solid var(--line);max-width:960px}.exp-reference h2{font:28px Georgia}.exp-reference p{color:var(--muted)}code{font-family:monospace;color:var(--mint)}footer{padding:20px 0;font-size:11px;color:var(--muted)}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes jump{50%{transform:translateY(-25px)}}@keyframes dance{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes sky{to{transform:translate(40px) rotate(10deg)}}@keyframes rainfall{to{background-position:-30px 60px}}@media(max-width:1100px){#exp-missions{grid-template-columns:repeat(3,1fr)}.exp-layout{gap:18px}.scene{height:370px}.intro-copy{max-width:310px;font-size:16px}}@media(max-width:780px){.exp-layout{grid-template-columns:1fr}.exp-intro{display:block}h1{font-size:54px}.intro-copy{max-width:100%}#exp-missions{grid-template-columns:repeat(2,1fr)}.exp-header{padding:16px}.exp-brand{font-size:17px}.exp-brand span{font-size:8px}.scene{height:350px}.code-column{margin-bottom:20px}.phase-switch a{font-size:11px;padding:9px 12px}.scene-top,.scene-bottom{font-size:8px}#bubble{max-width:115px;font-size:10px}.gate{left:40%;transform:scale(.8)}.test-heading h2{font-size:20px}main{padding:12px 17px}#exp-position{width:85px}#exp-pokemon{width:85px;height:85px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.exp-brief{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;border-left:3px solid var(--mint);background:#13243a;padding:18px 22px;margin:0 0 24px}.exp-brief h2{font:25px/1.25 Georgia;margin:9px 0}.exp-brief p{margin:0;font-size:14px;color:#c7dbe3}.exp-brief .kicker{font-size:10px;color:var(--mint)}@media(max-width:780px){.exp-brief{grid-template-columns:1fr;gap:12px;padding:15px}}.scene{height:auto!important;aspect-ratio:3/2;background:#3977a0;isolation:isolate}#island-map{display:block;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.map-coordinate{position:absolute;top:12px;left:12px;background:#102b3bda;color:#e2efd2;padding:5px 8px;font:9px monospace;letter-spacing:1px;border:1px solid #b4dac877}.scene-bottom{position:absolute;bottom:0;left:0;right:0;z-index:6;background:#102b3bf0;padding:10px 14px}#exp-position{bottom:auto;top:63.6%;width:72px;height:72px;transform:translate(-50%,-66%);z-index:4;transition:left 1.1s ease}#exp-pokemon{width:72px;height:72px;filter:drop-shadow(0 2px 0 #22483e55)}#bubble{bottom:66px;font:700 11px/1.35 monospace;padding:7px 9px;border:2px solid #264640;border-radius:3px;max-width:140px;box-shadow:2px 3px #112c3c44}.actor-shadow{display:none}.gate{left:34%;top:56%;bottom:auto;width:7%;height:14%;z-index:3;transform:none}.gate i{width:5px;height:42px;background:#d5cf9e;border:1px solid #526954;box-shadow:2px 2px #243d4255}.gate b{top:18px;width:100%;height:7px;background:repeating-linear-gradient(90deg,#eff3db 0 7px,#c35850 7px 14px);border:1px solid #344f48;box-shadow:1px 2px #263b4566}.gate.open b{background:#dcf4aa;transform:rotate(-80deg)}.beacon{left:49%;top:43%;transform:none;z-index:3;font:8px monospace;display:none}.summit .beacon{display:block}.beacon i{height:21px;width:8px;border-top-width:7px}.beacon span{background:#173b46;padding:3px}.exp-rain{z-index:5;pointer-events:none}@media(max-width:780px){#exp-position,#exp-pokemon{width:58px;height:58px}#bubble{bottom:53px;max-width:100px;font-size:9px;padding:5px}.map-coordinate{font-size:7px;top:8px;left:8px}.scene-bottom{font-size:8px;padding:7px 10px}.gate i{height:28px}.gate b{top:12px}.beacon{top:41%}}