@font-face{font-family:Oxanium;src:url('../../art/fonts/Oxanium-Variable.ttf')}@font-face{font-family:Rajdhani;src:url('../../art/fonts/Rajdhani-Bold.ttf');font-weight:700}
:root{color-scheme:dark;font:15px/1.55 system-ui,sans-serif;color:#e8e8f1;background:#090e1c;--line:#323c54;--gold:#e7c18e;--muted:#a4aec7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select{min-height:44px;border:1px solid #56617c;background:#172138;color:#e7e8f1;border-radius:6px;padding:9px 15px}button{cursor:pointer}button:hover{background:#26334e}button:disabled{opacity:.45;cursor:default}a{color:#a8e4ec}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80e2ed;outline-offset:3px}.primary{background:linear-gradient(#f0d5aa,#cca771);color:#241c26;border-color:#edc793;font-weight:700}.primary:hover{background:#efd5af}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 28px;border-bottom:1px solid var(--line);background:#0c1323}header>span{font:700 17px Rajdhani,sans-serif;letter-spacing:.1em}header small{display:block;color:var(--gold);font:11px system-ui;letter-spacing:.03em}header a{font-size:12px}main{width:min(1400px,calc(100% - 56px));margin:auto;padding:38px 0}h1,h2{font-family:Oxanium,system-ui;line-height:1.2}h1{font-size:clamp(27px,3vw,42px);margin:8px 0 15px}h2{font-size:24px}.eyebrow,.number,.step-count{font-size:11px;letter-spacing:.15em;color:var(--gold)}.intro{max-width:740px;color:var(--muted);font-size:17px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.mode-grid article{border:1px solid var(--line);border-radius:12px;padding:28px;background:linear-gradient(140deg,#20233c,#10182a)}.mode-grid article p{max-width:520px;color:var(--muted)}.mode-grid .featured{border-top:3px solid var(--gold)}.small{font-size:12px;color:var(--muted)}.prototype{padding-top:15px}.lesson-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.lesson-bar h1{font-size:27px;margin:5px 0}.lesson-bar .eyebrow{margin:0}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px}.field-column,aside{min-width:0}.world-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px}.world-row select{flex:1;min-width:0}.world-row strong{color:var(--gold);white-space:nowrap}.canvas-wrap{position:relative;border:1px solid #41465d;border-radius:9px;overflow:hidden;background:#080c19}canvas{display:block;width:100%;aspect-ratio:1000/600}.flight-status{position:absolute;top:14px;left:16px;font-size:11px;letter-spacing:.09em;color:#f7e4c3;background:#101322d9;padding:5px 9px;border-radius:4px;max-width:90%}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.telemetry span{font-size:11px;color:var(--muted);padding:12px;border:1px solid var(--line);border-radius:6px}.telemetry strong{display:block;font:700 21px Rajdhani,system-ui;color:#f4ddbb;font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.transport>span{font-size:11px;color:var(--muted)}.transport label{font-size:12px}.transport select{padding:5px;min-height:40px}aside{border:1px solid var(--line);border-radius:9px;padding:20px;background:#111a2c}aside>button,form>button{width:100%;margin-top:10px}.step-count{margin-top:0}.givens{padding:12px;background:#091220;border-radius:6px}.givens div{display:flex;justify-content:space-between;gap:10px;margin:6px 0;font-size:12px}.givens dt{color:var(--muted)}.givens dd{margin:0;color:#f2d8ae;font-variant-numeric:tabular-nums}form label{display:block;font-size:13px;margin:14px 0}input{display:block;width:100%;min-height:44px;padding:9px 12px;margin-top:6px;border:1px solid #65708b;border-radius:5px;background:#080e1b;color:#fff}form label span{font-size:11px;color:var(--muted)}#error{color:#ffb0a6;font-size:12px}.record,.hint{padding:12px;border-left:3px solid #7cd2df;background:#152638;margin:12px 0;font-size:12px}.hint{border-color:#d8b47c;background:#2a2435}#feedback{padding:10px 0;font-size:13px}#feedback strong{color:#edd0a0}dialog{width:min(560px,calc(100% - 30px));border:1px solid #63708a;border-radius:12px;background:#131d31;color:#eee;padding:25px}dialog::backdrop{background:#000a}[hidden]{display:none!important}@media(max-width:1050px){main{width:calc(100% - 32px)}.workspace-grid{grid-template-columns:minmax(0,1fr) 315px;gap:16px}aside{padding:15px}.world-row{flex-wrap:wrap}.world-row label{display:none}}@media(max-width:780px){header{padding:12px 16px}header>span{font-size:13px}header small{display:none}header button{font-size:12px;padding:8px}main{padding-top:22px}.mode-grid,.workspace-grid{grid-template-columns:1fr}.mode-grid article{padding:20px}.lesson-bar h1{font-size:21px}.lesson-bar>button{font-size:12px}.telemetry span{padding:8px;font-size:10px}.telemetry strong{font-size:18px}.world-row strong{font-size:12px}aside{padding:20px}.transport>span{flex-basis:100%}.intro{font-size:15px}}
@media(min-width:781px){main{padding-top:20px}.workspace-grid{align-items:start}canvas{aspect-ratio:auto;height:clamp(300px,calc(100svh - 330px),540px)}aside{max-height:calc(100svh - 180px);overflow:auto;font-size:13px}.givens{padding:8px}.givens div{margin:4px 0}aside>p{margin:10px 0}form label{margin:10px 0}}
@media(max-width:780px){.flight-status{position:static;margin:8px;display:inline-block;font-size:10px}}
.scenario-row{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:12px}.scenario-row select{flex:1;min-width:0}.telemetry{grid-template-columns:repeat(4,minmax(0,1fr))}.telemetry strong{overflow-wrap:anywhere}#componentPanel svg{display:block;width:100%;max-width:340px;margin:auto;font:13px system-ui,sans-serif}#componentError{color:#ffb0a6;font-size:12px}#componentFeedback strong{color:#edd0a0}.record p:first-child{margin-top:0}.record p:last-child{margin-bottom:0}.givens dd{text-align:right}.mode-grid button{min-width:180px}
@media(min-width:781px){canvas{height:clamp(300px,calc(100svh - 385px),540px)}}
@media(max-width:780px){.telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-row select{font-size:12px}.mode-grid{gap:16px}.mode-grid button{width:100%}}

.header-actions{display:flex;align-items:center;gap:16px}.paper-extras{border-top:1px solid var(--line);padding:15px 0}.paper-extras h2{font-size:21px}.paper-extras p{color:var(--muted)}.extra-actions{display:flex;gap:12px;flex-wrap:wrap}.paper-guide{border:1px solid #526079;border-radius:6px;padding:10px 12px;margin:12px 0;font-size:12px}.paper-guide summary{cursor:pointer;min-height:30px;font-weight:700;color:var(--gold)}.paper-guide ol{padding-left:20px}.paper-guide li{margin-bottom:7px}.guess-stages{line-height:1.8}.paper-guide a{display:inline-block;min-height:35px}.paper-guide details{border-top:1px solid var(--line);padding-top:10px}@media(max-width:780px){header{flex-wrap:wrap}header>span{margin-left:auto}.header-actions{width:100%;justify-content:space-between}.header-actions a{min-height:44px;display:flex;align-items:center}.extra-actions button{width:100%}}
