:root{color-scheme:dark;--bg:#0b1c21;--panel:#122b30;--edge:#2b4849;--ink:#f6f2dc;--muted:#acbdb4;--mint:#a5e4c4;--gold:#ffd18c;--red:#ff9c8b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#24413b 0,transparent 60%),var(--bg);color:var(--ink);font:15px/1.6 'Avenir Next',Avenir,system-ui,sans-serif}main{max-width:1250px;margin:auto;padding:32px 40px}header{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--edge);padding-bottom:24px}.brand{background:var(--gold);color:#223534;text-decoration:none;display:grid;place-items:center;position:relative;width:54px;height:54px;font-weight:900;border-radius:16px;font-size:20px}.brand span{position:absolute;right:-6px;top:-12px;color:var(--mint);font-size:26px;text-shadow:0 1px #112b30}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0;color:var(--mint)}h1{font-size:24px;margin:1px 0;font-weight:600;letter-spacing:-1px}.progress{margin-left:auto;text-align:right}.progress b{font-size:22px;display:block;color:var(--gold)}.progress span{font-size:11px;color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;gap:45px;margin:35px 0 28px}.intro>p{font:38px/1.18 Georgia,serif;letter-spacing:-.6px;margin:0;flex:1}.intro em{color:var(--gold);font-weight:normal}.intro>div{max-width:440px;color:var(--muted);font-size:14px}nav{display:flex;gap:8px;margin:0 0 24px;overflow:auto;padding:3px 2px 8px}.cart{flex:1;min-width:105px;text-align:left;padding:12px 10px;border-radius:12px;background:#152c30}.cart span{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}.cart strong{font-size:11px;white-space:nowrap}.cart.active{border-color:var(--gold);background:#354139}.cart.done span{color:var(--mint)}button,select{font:inherit;color:var(--ink);background:#203a3e;border:1px solid #48605d;border-radius:8px;padding:10px 14px;cursor:pointer}button:hover,select:hover{border-color:var(--mint);background:#29484a}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:default}.primary{background:var(--mint);color:#15342b;font-weight:750;border-color:var(--mint)}.primary:hover{background:#c2f6d7}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:22px;padding:24px;box-shadow:0 14px 50px #0002}.paneltop{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:20px}.paneltop button{font-size:11px;letter-spacing:0;padding:4px 10px}#badge{color:var(--gold)}.screen{padding:10px;background:#071519;border-radius:13px;border:2px solid #3a5150;box-shadow:inset 0 0 14px #0009}.screen canvas{width:100%;height:auto;display:block;border-radius:7px;background:#0a1926;image-rendering:pixelated}.screenlabel{display:flex;justify-content:space-between;color:#8ca49e;font:9px monospace;margin:10px 2px 1px}.consoletitle{display:flex;align-items:center;justify-content:space-between;margin:20px 0 0}h2{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:6px 0 10px}.statuslight{height:10px;width:10px;background:var(--mint);box-shadow:0 0 14px #9eebae66;border-radius:50%}.muted{color:var(--muted);font-size:13px;margin:8px 0 18px}.telemetry{display:flex;gap:18px;border-block:1px solid var(--edge);padding:14px 0;margin:20px 0}.telemetry>div{flex:1}.telemetry small{font-size:8px;color:var(--muted);letter-spacing:1px;display:block}.telemetry b{font:19px/1.8 monospace;color:var(--gold)}.transport,.benchactions{display:flex;gap:8px;flex-wrap:wrap}#feedback,#checkResult{font-size:12px;color:var(--gold);min-height:38px}details{border-top:1px solid var(--edge);padding-top:14px;margin-top:22px}summary{font-size:12px;cursor:pointer;color:var(--mint)}details p{font-size:12px;color:var(--muted)}.chip{border:1px solid var(--edge);border-radius:12px;padding:14px;margin:12px 0;background:#10262b}.chiphead{display:flex;justify-content:space-between;align-items:center;gap:12px}.chiphead b{font:14px monospace;color:var(--gold);white-space:nowrap}select{width:65%;padding:8px;font-size:12px}.traces{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.trace{font:11px/1.7 monospace;color:var(--muted);background:#0a1e23;border-radius:5px;padding:8px}.trace strong{color:var(--ink)}.trace small{display:block;font-size:9px;letter-spacing:.8px;color:#a2c3af}.manualrow{display:flex;gap:10px;font-size:11px;padding:5px 0;border-bottom:1px solid #ffffff08}.manualrow b{min-width:65px;color:var(--gold);font:11px/1.6 monospace}.manualrow span{color:var(--muted)}.benchactions button{font-size:11px;padding:8px 10px}#reward{padding:15px;background:#254a3e;border-radius:10px;margin:14px 0}#reward b{display:block;margin-bottom:10px;font-size:13px}#rom{max-height:185px;overflow:auto;font:11px monospace;color:var(--muted);padding-top:10px}.romline{padding:3px 7px;white-space:pre}.romline.current{color:var(--gold);background:#3b4434}footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;gap:15px;padding:25px 0}a{color:var(--mint)}footer button{font-size:10px;padding:5px 8px}dialog{max-width:570px;max-height:90vh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:20px;padding:32px;line-height:1.8;font-size:14px}dialog::backdrop{background:#031316dd}#closehelp{float:right;border:0;padding:0 8px;font-size:22px}dialog li{padding:5px 0}#manual{margin-top:10px} @media(max-width:850px){main{padding:24px 20px}.workspace{grid-template-columns:1fr}.intro{gap:25px}.intro>p{font-size:30px}.intro>div{max-width:330px;font-size:12px}.panel{padding:20px}.cart{min-width:115px}.progress span{max-width:80px;display:block;line-height:1.3}}@media(max-width:500px){main{padding:20px 14px}.intro{display:block;margin:25px 0}.intro>div{margin-top:15px;max-width:none}.intro>p{font-size:34px}header{gap:12px}h1{font-size:22px}.eyebrow{font-size:8px}.panel{padding:16px}.transport button{font-size:12px;padding:9px 12px}.traces{grid-template-columns:1fr 1fr}.trace{font-size:10px}.trace small{font-size:8px}.telemetry{gap:8px}.telemetry b{font-size:16px}.telemetry small{font-size:7px}footer{align-items:start}.chiphead{gap:8px}.chiphead b{font-size:12px}select{width:67%;font-size:11px}}