:root{color-scheme:dark;--gold:#f2d129;--paper:#edf4f9;--teal:#70d3f4;--dim:#a8bdd0;--ink:#081422}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050a11;color:var(--paper);font-family:Arial,Helvetica,sans-serif}body{display:flex;flex-direction:column;align-items:center;justify-content:center}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}#stage{position:relative;width:min(100vw,calc((100dvh - 48px)*4/3));aspect-ratio:4/3;flex-shrink:0;overflow:hidden;background:#10263c;container-type:inline-size;box-shadow:0 0 90px #14263e55}#world,#hud{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#hud{z-index:2;pointer-events:none}.crt{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,#00000014 2px,#00000014 3px);box-shadow:inset 0 0 80px #02090544}#toolbar{position:absolute;right:2.5%;top:2%;display:flex;gap:12px;z-index:10}#toolbar button{padding:5px 1px;background:none;border:0;color:#e5ecdfb8;font-family:monospace;font-size:clamp(10px,1.25cqw,14px);letter-spacing:.05em;text-shadow:1px 1px #000}#toolbar button:hover{color:var(--gold)}.menu{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#081728e8 0%,#091c31a0 27%,transparent 70%)}.title{position:absolute;top:11%;left:6%}.eyebrow{font:700 clamp(11px,1.6cqw,16px)/1.5 monospace;letter-spacing:.12em;color:var(--teal);margin:0 0 1em}h1{margin:0;position:relative;line-height:.78;font-size:clamp(46px,10.5cqw,126px);font-weight:950;font-style:italic;letter-spacing:-.075em;text-shadow:3px 3px #12273e}h1 span{display:block;color:var(--gold)}h1 sup{position:absolute;top:0;left:105%;font:700 2cqw monospace;color:var(--gold);letter-spacing:0}.edition{margin:1.5em 0 0;font:700 clamp(11px,1.6cqw,16px) monospace;letter-spacing:.06em}.briefing{position:absolute;top:46%;left:6%;width:36%;min-width:190px}.ship-label{border-top:2px solid var(--gold);border-bottom:1px solid #749bb688;padding:.7em 0;font-weight:900;letter-spacing:.04em;font-size:clamp(14px,2.1cqw,22px)}.ship-label small{display:block;color:var(--teal);margin-top:4px;font:700 clamp(10px,1.3cqw,14px) monospace}dl{margin:1.2em 0;font:700 clamp(11px,1.4cqw,15px) monospace;line-height:1.9}dl div{display:flex;justify-content:space-between;gap:10px}dt{color:var(--dim)}dd{margin:0;text-align:right}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-left:5px solid #fff7b3;padding:.82em 1em;background:var(--gold);color:#11233a;font-size:clamp(14px,2.2cqw,22px);font-weight:900;font-style:italic;letter-spacing:.01em;text-align:left}.primary:hover{background:#fff48a}.hint{color:#c8d9e5;font-size:clamp(11px,1.5cqw,16px);line-height:1.55;margin:1em 0}.menu-footer{position:absolute;bottom:3%;left:6%;right:5%;display:flex;justify-content:space-between;font:700 clamp(9px,1.25cqw,14px) monospace;letter-spacing:.08em;color:#abc9df99}.overlay{position:absolute;z-index:12;top:50%;left:50%;width:50%;min-width:260px;max-width:560px;transform:translate(-50%,-50%);padding:4%;background:#0b2139f2;border-top:3px solid var(--gold);box-shadow:0 14px 50px #0009}h2{font-size:clamp(36px,6cqw,62px);font-style:italic;letter-spacing:-.035em;margin:0 0 .6em;color:var(--gold)}.secondary{display:block;width:100%;text-align:left;margin-top:10px;padding:12px;background:#223951;border:0;color:var(--paper);font-size:clamp(12px,1.6cqw,17px);font-weight:700}.secondary:hover{background:#395a77}.total{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0;font:700 clamp(13px,1.8cqw,19px) monospace}.total strong{font-size:1.3em;color:var(--gold)}.lap-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #9bb49c38;font:700 clamp(12px,1.6cqw,17px) monospace}.lap-row.best{color:var(--gold)}#controls{min-height:36px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 17px;max-width:100%;padding:7px 12px;color:#798fa8;font-size:12px;line-height:1.5}#controls b{color:#d6e5ef;font-size:11px;margin-right:3px;font-family:monospace}#touch{position:absolute;z-index:9;inset:auto 3% 5%;display:flex;justify-content:space-between;pointer-events:none}.touch-group{display:flex;flex-direction:column;gap:5px}.touch-group>div{display:flex;gap:5px}.touch-group>button{max-width:90px}.touch-group button{pointer-events:auto;touch-action:none;user-select:none;border:1px solid #d7e4b980;background:#091c30cc;color:#e6f2fc;padding:12px;min-width:56px;min-height:46px;font-size:12px;font-weight:900}.touch-group button.pressed{background:#f2d129;color:#172939}.touch-group.drive{justify-content:flex-end}.drive .thrust{min-height:65px;border-color:var(--gold);color:var(--gold)}#stage:fullscreen{width:100%;height:100%;aspect-ratio:auto;background:#030704}#stage:fullscreen #world,#stage:fullscreen #hud{object-fit:contain}.muted{opacity:.55}
@media(max-width:620px){#stage{width:100vw}#controls{font-size:10px;gap:2px 8px;padding:4px}.briefing{width:45%;top:43%;min-width:0}.title{top:12%}.menu-footer{display:none}.hint{font-size:11px}#toolbar{gap:8px}.overlay{width:78%;padding:6%}}
@media(orientation:landscape) and (max-height:600px){#stage{width:min(100vw,calc(100dvh*4/3))}#controls{display:none}.hint{display:none}.briefing{top:47%}dl{margin:.6em 0}.touch-group button{min-height:34px;padding:7px}.drive .thrust{min-height:48px}#touch{bottom:3%}}
@media(max-width:620px){.title .eyebrow{margin-bottom:.5em;font-size:10px}.title h1{font-size:clamp(36px,11cqw,68px)}.edition{font-size:10px;margin-top:1em}.briefing{top:auto;bottom:7%;width:58%}.briefing dl,.briefing .hint,.ship-label small{display:none}.ship-label{font-size:12px;padding:5px 0;margin-bottom:10px}.touch-group:not(.drive){display:grid;grid-template-columns:56px 56px;gap:5px}.touch-group:not(.drive)>div{grid-column:1/3;grid-row:2}.touch-group:not(.drive)>button:last-child{grid-column:2;grid-row:1}.touch-group button{padding:7px;min-height:34px}.drive .thrust{min-height:48px}}