:root{color-scheme:dark;--bg:#082f3d;--panel:#123f4e;--line:#3c6573;--mint:#ffbf83;--muted:#b5cbd3;--text:#f8fafb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,#game:focus-visible{outline:3px solid #ffbf83;outline-offset:4px}header{max-width:1400px;margin:auto;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;gap:12px;align-items:center;font-weight:bold;font-size:14px;letter-spacing:1.7px}.brand small{display:block;font-size:13px;color:var(--muted);font-weight:normal;letter-spacing:.2px}.monogram{font-size:28px;line-height:40px;padding:0 9px;background:var(--mint);border-radius:10px;color:var(--bg);letter-spacing:-2px}.tools{display:flex;gap:9px}.quiet{border:1px solid var(--line);border-radius:8px;background:#1e2d3d;color:var(--text);padding:9px 14px;font-size:14px}.primary{border:0;border-radius:9px;background:var(--mint);color:#14251f;padding:13px 22px;font-weight:bold}.text-button{border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline}main{max-width:1340px;margin:0 auto;padding:0 25px}.missionbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 20px}.eyebrow{display:block;font-size:12px;letter-spacing:1.5px;color:var(--mint);font-weight:bold}h1{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:7px 0 0}h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:15px 0 20px}h3{font-size:20px;margin:5px 0 12px}p{color:#d0dae3}#progress{list-style:none;display:flex;gap:9px;padding:0;margin:0}#progress li{height:30px;width:30px;display:grid;place-items:center;background:#263a4b;color:#adbdce;border-radius:50%;font-size:13px;border:1px solid #40566a}#progress .done{background:var(--mint);color:#1a2a21}#progress .active{border:2px solid #e5c87c;color:#ffe0a0}#world{position:relative;height:clamp(400px,62vh,620px);border:1px solid #536165;border-radius:16px;overflow:hidden;background:#192c33;isolation:isolate}#game{width:100%;height:100%;touch-action:none}#game canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#182939;z-index:4}#loading[hidden]{display:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b152756;z-index:5;padding:15px}.overlay[hidden]{display:none}.intro-card{width:440px;max-height:100%;overflow:auto;border:1px solid #778579;background:#073443f5;border-radius:16px;padding:27px 32px;box-shadow:0 18px 60px #07142477}.intro-card h2{font-size:38px;color:#f1f7e7}.intro-card p{margin:13px 0}.intro-card .primary{width:100%;margin-top:18px}.instructions{display:grid;gap:7px;color:#c8d7dc;font-size:14px}kbd{display:inline-block;border:1px solid #677e87;border-bottom:3px solid #677e87;padding:0 4px;border-radius:4px;font-size:13px}.small{font-size:13px;color:var(--muted)}#world-hint{position:absolute;bottom:15px;left:15px;max-width:calc(100% - 30px);background:#112331e8;color:#ebefe7;border:1px solid #546c75;padding:7px 12px;border-radius:7px;font-size:13px;pointer-events:none}#scene-caption{position:absolute;top:15px;left:15px;font-size:11px;letter-spacing:2px;color:#fff3cf;background:#152b3ac9;padding:7px 11px;border-radius:5px;pointer-events:none}.speech{position:absolute;width:310px;max-width:calc(100% - 24px);background:#ffffff;color:#21303b;border:2px solid #2d4448;box-shadow:0 7px 0 #15253644;border-radius:14px;padding:12px 16px;pointer-events:none;z-index:3;transform:translate(-50%,-100%)}.speech::after{content:'';position:absolute;bottom:-10px;left:50%;width:16px;height:16px;background:#ffffff;border-right:2px solid #2d4448;border-bottom:2px solid #2d4448;transform:rotate(45deg)}.speech strong{display:block;font-size:13px;color:#176176}.speech p{font-size:16px;line-height:1.35;color:#21303b;margin:5px 0 2px}.speech.player{background:#fff0e2}.speech.player::after{background:#fff0e2}#interaction{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:14px;padding:23px 26px;min-height:118px}.explore-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.explore-panel p{margin:5px 0}.conversation-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.conversation-head p{font-size:14px;margin:0 0 14px;max-width:850px}.context{color:#b0c1ce}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{display:flex;align-items:start;gap:11px;text-align:left;background:#233749;border:1px solid #506679;color:#f1f4f1;border-radius:10px;padding:15px;font-size:16px;line-height:1.4;transition:background .15s,transform .15s}.choice:hover{background:#304b5b;transform:translateY(-2px);border-color:#c5efaa}.choice span:first-child{color:var(--mint);font-size:13px;font-weight:bold}.feedback-layout{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.feedback-layout p{margin:7px 0}.feedback-layout h3{color:var(--mint)}.selected{font-size:14px;color:#adbecc}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.bottomline{display:flex;justify-content:space-between;padding:17px 3px 25px;color:#8fa5b8;font-size:13px}.scores{display:flex;gap:12px;margin:20px 0}.score{flex:1;background:#233b4b;border-radius:10px;padding:15px;text-align:center}.score strong{display:block;color:var(--mint);font-size:29px}.score span{font-size:14px}.review{padding:13px 0;border-top:1px solid var(--line)}.review summary{cursor:pointer}.review p{font-size:15px}.plan{width:100%;background:#132532;color:var(--text);font:inherit;border:1px solid #718693;border-radius:7px;padding:12px;min-height:90px}dialog{background:#1b2d3c;color:var(--text);border:1px solid #788b93;border-radius:16px;padding:28px;max-width:550px;width:calc(100% - 32px)}dialog::backdrop{background:#071521bc}dialog li{margin:18px 0}dialog .close{float:right;margin-bottom:20px}dialog .eyebrow{clear:both}dialog h2{font-size:29px}@media(max-width:750px){header{padding:15px;gap:9px}.brand{font-size:11px;letter-spacing:.8px}.brand small{font-size:12px}.monogram{font-size:23px}.tools{gap:5px}.tools .quiet{padding:7px;font-size:12px}main{padding:0 12px}.missionbar{align-items:start;gap:10px;flex-direction:column;margin:9px 0 12px}h1{font-size:20px}#progress{gap:7px}#progress li{width:24px;height:24px;font-size:12px}#world{height:420px;border-radius:12px}.intro-card{padding:20px}.intro-card h2{font-size:29px;margin:9px 0}.intro-card p{font-size:14px}.instructions{font-size:13px}.intro-card .primary{margin-top:12px}.speech{width:260px;padding:9px 12px}.speech p{font-size:15px}#interaction{padding:19px 17px}.choices{grid-template-columns:1fr}.explore-panel,.conversation-head{display:block}.explore-panel .primary{margin-top:12px}.feedback-layout{display:block}.feedback-layout .primary{margin-top:14px}.bottomline{font-size:12px}.scores{gap:6px}.score{padding:12px 6px}.score span{font-size:12px}#scene-caption{font-size:10px;top:9px;left:9px}#world-hint{font-size:12px;bottom:10px;left:10px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.music-controls{display:flex;align-items:center;gap:9px;position:relative}.volume-label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.volume-label input{width:76px;accent-color:var(--mint);cursor:pointer}.music-status{position:absolute;top:100%;right:0;font-size:12px;background:var(--bg);z-index:10;max-width:260px}.music-status:empty{display:none}@media(max-width:900px){header{flex-wrap:wrap}.tools{flex-wrap:wrap}.music-controls{gap:7px}.volume-label input{width:64px}}

/* Contemporary editorial identity */
#world{border-radius:6px;border-color:#507f90}#interaction{border-radius:6px}.intro-card{border-radius:6px;border-top:5px solid #f39b52}.primary{border-radius:5px}.speech{border-radius:8px;border-color:#18516a;box-shadow:4px 5px 0 #0e42522b}.monogram{border-radius:4px}.choice:hover{border-color:#ffbf83}.score strong,.feedback-layout h3{color:#ffbf83}