/* Copyright 2026 Aditya Gudal. SPDX-License-Identifier: Apache-2.0 */
:root{color-scheme:dark;--ink:#edf1df;--muted:#9caea8;--lime:#d9ff8a;--line:#c1e0cb26;--panel:#0c1a1aee;--orange:#ffad78;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#081316;color:var(--ink);font-family:var(--sans)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{color:inherit}button:not(.mode):not(.text-button):not(.close-dialog){transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.13)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#fff 3px,transparent 4px);z-index:1}.masthead{position:fixed;top:0;left:0;right:0;padding:27px 4.4%;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{text-decoration:none;color:var(--ink);font-size:21px;font-weight:850;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand-mark{font-size:32px;color:var(--lime);line-height:1}.wordmark-sub{margin-left:13px;padding-left:20px;border-left:1px solid #b5d2c13a;font:9px var(--mono);letter-spacing:2px;color:#bdc8b9}.header-actions{display:flex;align-items:center;gap:20px}.build-tag{font:9px var(--mono);letter-spacing:1.5px;color:#adc2b0;opacity:.7}.icon-button{border:0;background:transparent;padding:8px 0;font:10px var(--mono);letter-spacing:1px}.icon-button span{font-size:16px;margin-left:8px}#menu{position:fixed;inset:0;z-index:2;background:linear-gradient(90deg,#081316ed 0%,#081316c7 28%,#08131614 62%,transparent),linear-gradient(0deg,#071214 0%,transparent 45%)}.hero{position:absolute;top:24%;left:5.4%;max-width:650px}.eyebrow{font:10px var(--mono);letter-spacing:2.6px;color:var(--lime);display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d9ff8a55;display:inline-block;flex-shrink:0}h1{font-size:clamp(35px,4.7vw,74px);line-height:1.02;letter-spacing:-2.6px;margin:26px 0 22px;font-weight:850}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy{color:#bdc9c0;font-size:16px;line-height:1.7;margin:0 0 28px}.launch-actions{display:flex;gap:12px;align-items:stretch}.button{border:1px solid var(--line);padding:17px 20px;background:transparent;font:11px var(--mono);letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px}.button svg{width:19px;height:23px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.button.primary{background:var(--lime);color:#152016;border-color:var(--lime);font-weight:750}.button.primary span{margin-left:14px;font-size:16px}.button.secondary{background:#081516ad;color:#e0e6d9}.privacy-note{margin:15px 0 0;color:#99ada2;font:10px var(--mono)}.privacy-note span{color:var(--lime);margin-right:6px}.world-caption{position:absolute;right:5.4%;top:41%;text-align:right;width:270px;pointer-events:none;text-shadow:0 2px 14px #000}.world-caption>span{font:9px var(--mono);letter-spacing:1.7px;color:#bed4c5}.world-caption strong{display:block;font-size:19px;line-height:1.25;letter-spacing:-.3px;font-weight:500;margin:14px 0}.caption-line{height:1px;background:linear-gradient(90deg,transparent,#a2c4b17d);margin:21px 0}.flight-deck{position:absolute;left:5.4%;right:5.4%;bottom:27px}.deck-heading{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px;color:#97aca2;margin-bottom:13px}.deck-heading>span:first-child{color:#ced6c8}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode{position:relative;text-align:left;display:flex;align-items:center;gap:18px;padding:23px 23px;background:#112020af;border:1px solid #b9dbc12b;min-height:92px}.mode.selected{background:#d9ff8a0c;border-color:#d9ff8a8c}.mode.selected:after{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--lime)}.mode-icon{font-size:34px;color:#a6c7b6;line-height:1}.mode.selected .mode-icon{color:var(--lime)}.mode strong{font:700 12px var(--mono);letter-spacing:1.1px;display:block;margin-bottom:8px}.mode small{font:11px var(--sans);color:#a4b7ac}.mode-number{position:absolute;right:12px;top:11px;color:#91a69a8c;font:9px var(--mono)}.deck-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#9aad9f}.seed-label{font:9px var(--mono);letter-spacing:1px}.seed-label input{background:transparent;color:#d8dfd0;border:0;border-bottom:1px solid var(--line);font:10px var(--mono);width:158px;margin-left:10px;padding:5px}.text-button{background:none;border:0;font:10px var(--mono);letter-spacing:.6px;color:#c2d0c3;padding:9px 6px}.deck-footer .text-button{margin-left:15px;font-size:9px}.full{width:100%;margin-top:12px}.muted{color:var(--muted)!important;font-size:12px!important;line-height:1.6!important}dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 36px);overflow-y:auto;border:1px solid #adc2a854;background:#0b191afa;color:var(--ink);padding:39px;border-radius:2px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#030a0cbb;backdrop-filter:blur(8px)}dialog h2{font-size:37px;line-height:1.04;letter-spacing:-1.3px;margin:20px 0 24px}dialog p{font-size:14px;line-height:1.7;color:#c0d0c4}.close-dialog{position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px;color:#aebbb2;padding:5px}.setup-options{margin:20px 0;font:10px var(--mono);letter-spacing:1px}.setup-options select{display:block;padding:13px;margin:10px 0;width:100%;border:1px solid var(--line);background:#112322;color:var(--ink);font-size:12px}.check-label,.consent-check{display:flex;align-items:flex-start;gap:11px;line-height:1.6;font-size:12px;color:#bccbbf;margin:16px 0}.consent-check{padding:14px;background:#d9ff8a0a;border:1px solid var(--line)}input[type=checkbox]{accent-color:var(--lime);margin:3px 0 0;width:16px;height:16px;flex-shrink:0}.error-text{color:#ffaf92;font-size:12px;margin-bottom:0}.error-text:empty{display:none}#tracking-preview{position:relative;aspect-ratio:4/3;background:#030a0b;width:100%;overflow:hidden;border:1px solid var(--line)}#camera-video,#hand-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#camera-video{transform:scaleX(-1)}.preview-caption{position:absolute;bottom:8px;left:8px;background:#081516b5;padding:4px;font:8px var(--mono);color:var(--lime);letter-spacing:.6px}#live-preview{position:fixed;right:28px;bottom:150px;width:160px;z-index:5;opacity:.85}#live-preview #camera-video{opacity:0}#live-preview.show-video #camera-video{opacity:.65}#live-preview .preview-caption{font-size:6px;left:2px;bottom:2px}#camera-status{position:fixed;right:4.4%;top:82px;display:flex;gap:10px;align-items:center;font:9px var(--mono);z-index:8;color:#b7d1bb;background:#071413cc;padding:4px 9px}#camera-status .text-button{color:var(--lime);font-size:9px}#hud{position:fixed;inset:0;pointer-events:none;z-index:3}.hud-top{position:absolute;top:102px;left:5.4%;right:5.4%;display:flex;justify-content:space-between;align-items:center}.tiny-label{font:9px var(--mono);letter-spacing:2px;color:#a0b2a3;display:block;margin-bottom:7px}#score{font:32px var(--mono);letter-spacing:-1px}.combo{font:13px var(--mono);color:var(--lime);margin-left:15px}.course-progress{text-align:center;width:31%;font:9px var(--mono);letter-spacing:2px;color:#d2dfce}.progress-track{height:2px;background:#b4d2b62b;margin-top:15px;width:100%}.progress-track>div{height:100%;width:0;background:var(--lime);box-shadow:0 0 10px #d9ff8a44}#timer{font:23px var(--mono)}.timer-box{text-align:right;position:relative;padding-right:48px}.mini-button{position:absolute;right:0;top:12px;width:30px;height:33px;background:#0b1c1ccc;border:1px solid var(--line);pointer-events:auto}.hud-bottom{position:absolute;bottom:64px;left:5.4%;right:5.4%;display:flex;align-items:flex-end;justify-content:space-between}.velocity strong{font:52px var(--mono);line-height:1;letter-spacing:-4px}.units{font:9px var(--mono);color:#adc5b3;margin-left:12px}#boost-label{font:9px var(--mono);letter-spacing:1.2px;margin-top:9px;color:var(--lime)}.ship-status{width:250px;padding-bottom:7px}.ship-status>div{display:flex;align-items:center;gap:10px;margin:10px 0}.ship-status span{font:8px var(--mono);color:#b3c9b9;letter-spacing:1px;width:37px}.ship-status b{width:40px;font:8px var(--mono);color:#b0c9b9}.meter{height:4px;flex:1;background:#91b4a02e}.meter>div{height:100%;background:var(--lime);width:100%}.heat>div{background:#ffa16b;width:0}.hull>div{background:#b0d8cc}.run-tally{font:9px var(--mono);line-height:2;letter-spacing:1px;color:#b9cbbb;text-align:right;display:flex;flex-direction:column}.control-strip{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font:8px var(--mono);letter-spacing:1px;color:#799888}#target{position:absolute;width:26px;height:26px;left:50%;top:50%;border:1px solid #e4ffbbaa;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #d9ff8a18}#target:after,#target:before{content:"";position:absolute;background:#e4ffbbcc;width:7px;height:1px;top:12px}#target:before{left:-10px}#target:after{right:-10px}#target i{position:absolute;width:3px;height:3px;background:var(--lime);border-radius:50%;left:11px;top:11px}#target.firing{border-color:#ffd392;transform:translate(-50%,-50%) scale(1.2)}#next-gate{position:absolute;font:22px var(--mono);color:#c5f3e288;transform:translate(-50%,-50%)}#callout{position:absolute;top:27%;left:0;right:0;text-align:center;font:13px var(--mono);letter-spacing:3px;color:var(--lime);text-shadow:0 3px 10px #000;min-height:20px}#countdown{position:absolute;inset:35% 0 auto;text-align:center;font:bold 110px var(--sans);letter-spacing:-5px;color:var(--lime);text-shadow:0 0 50px #d9ff8a33}#touch-controls{display:none;position:absolute;right:22px;bottom:135px;pointer-events:auto;gap:12px}.touch-button{width:74px;height:74px;border-radius:50%;border:1px solid #d9ff8a77;background:#132423a8;font:10px var(--mono);touch-action:none}.touch-button.active{background:#d9ff8a44}#diagnostics{position:fixed;left:20px;top:165px;background:#02100ce0;color:#d9ff8a;padding:13px;z-index:10;font:10px/1.7 var(--mono);pointer-events:none}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#112520f2;border:1px solid var(--line);padding:14px 22px;max-width:90%;z-index:30;font:12px var(--mono);box-shadow:0 8px 40px #0009}#fatal,.noscript{position:fixed;inset:0;background:#091316;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:40;padding:40px;text-align:center}#fatal h2{font-size:30px}#fatal p{max-width:550px;line-height:1.7;color:var(--muted)}.result-score{border-top:1px solid var(--line);padding-top:21px;margin-top:5px}.result-score strong{font:53px var(--mono);letter-spacing:-3px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;border-bottom:1px solid var(--line);padding-bottom:20px}.result-grid strong{font:18px var(--mono);display:block;margin-bottom:10px}.result-grid span{font:8px var(--mono);letter-spacing:1px;color:#a7b9ac}.result-actions{display:flex;gap:10px;margin:12px 0 5px}.result-actions .button{padding:14px 10px;flex:1;font-size:9px}.control-guide{display:flex;flex-direction:column;gap:5px}.control-guide b{font:11px var(--mono);color:var(--lime)}.control-guide p{font-size:12px;line-height:1.6;margin-top:7px}.sensitivity-label{display:flex;align-items:center;gap:20px;font:10px var(--mono);margin-top:20px}.sensitivity-label input{accent-color:var(--lime);width:160px}.help-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:12px}.help-footer span{font:8px var(--mono);color:var(--muted)}#share-link{width:100%;background:#152522;color:#d9ff8a;border:1px solid var(--line);font:11px var(--mono);padding:14px;margin:6px 0 10px}body.playing .build-tag,body.playing .wordmark-sub{display:none}body.playing .masthead{padding-top:20px}body.reduced-motion *{scroll-behavior:auto!important;transition:none!important}body.reduced-motion .grain{display:none}
@media(min-width:1600px){.hero{top:26%}.flight-deck{bottom:38px}.mode{min-height:105px}}
@media(max-height:750px) and (min-width:800px){.hero{top:20%}h1{font-size:47px;margin:16px 0}.hero-copy{font-size:14px;margin-bottom:18px}.flight-deck{bottom:18px}.mode{padding:17px;min-height:77px}.button{padding:14px 16px;min-height:46px}.world-caption{top:36%}.deck-footer{margin-top:10px}}
@media(max-width:900px){.build-tag{display:none}.header-actions{gap:17px}.wordmark-sub{display:none}.hero{max-width:520px;top:23%}.world-caption{display:none}.mode{gap:12px;padding:20px 15px}.mode small{font-size:10px}.mode strong{font-size:11px}.mode-icon{font-size:26px}.mode-number{display:none}.launch-actions{gap:8px}.button{font-size:10px;padding:15px}.course-progress{width:25%}.ship-status{width:220px}}
@media(max-width:600px){.masthead{padding:23px 6%}.wordmark{font-size:17px;letter-spacing:1.2px;gap:6px}.brand-mark{font-size:25px}.header-actions{gap:12px}.icon-button{font-size:8px;letter-spacing:.3px}.icon-button span{display:none}.hero{top:20%;left:7%;right:5%;max-width:none}.eyebrow{font-size:8px;letter-spacing:1.9px}h1{font-size:clamp(35px,8.4vw,49px);letter-spacing:-1.6px;margin:22px 0 19px}.hero-copy{font-size:14px;line-height:1.7;margin-bottom:24px}.launch-actions{flex-direction:column;max-width:300px}.launch-actions .button{min-height:46px;padding:13px 15px;justify-content:space-between}.launch-actions svg{display:none}.privacy-note{font-size:9px;margin-top:12px}.flight-deck{left:7%;right:7%;bottom:24px}.deck-heading{font-size:8px;letter-spacing:1px;margin-bottom:11px}#record-hint{display:none}.modes{gap:7px}.mode{padding:14px 10px;min-height:99px;align-items:flex-start;gap:9px;flex-direction:column}.mode-icon{font-size:24px}.mode strong{font-size:9px;letter-spacing:.4px;margin:2px 0}.mode small{display:none}.deck-footer{margin-top:12px;flex-direction:column;align-items:flex-start;gap:10px}.deck-footer .text-button{margin-left:0;margin-right:15px;font-size:8px;padding:5px 0}.seed-label{font-size:8px}#menu{background:linear-gradient(90deg,#081316d7,transparent),linear-gradient(0deg,#071214 0%,transparent 70%)}dialog{padding:28px 24px;width:calc(100% - 24px)}dialog h2{font-size:31px}dialog p{font-size:13px}.hud-top{top:95px;left:6%;right:6%}.course-progress{display:none}#score{font-size:25px}.combo{margin-left:8px;font-size:11px}#timer{font-size:20px}.timer-box{padding-right:41px}.hud-bottom{bottom:77px;left:6%;right:6%}.velocity strong{font-size:39px}.ship-status{width:145px}.ship-status>div{gap:6px}.ship-status b{display:none}.run-tally{display:none}.control-strip{display:none}#touch-controls{display:flex;bottom:165px;right:6%}#live-preview{width:105px;right:auto;left:6%;bottom:166px}#camera-status{top:63px;left:6%;right:auto;font-size:7px;gap:6px}#camera-status .text-button{font-size:8px}#boost-label{font-size:8px}.units{font-size:8px;margin-left:7px}.tiny-label{font-size:8px}.result-score strong{font-size:46px}.result-grid strong{font-size:15px}.result-grid span{font-size:7px}#callout{font-size:11px}.help-footer{gap:8px}.help-footer .text-button{font-size:8px}.sensitivity-label{font-size:9px;gap:12px}.sensitivity-label input{width:120px}}
@media(max-height:680px) and (max-width:600px){.hero{top:15%}h1{font-size:32px;margin:15px 0}.hero-copy{font-size:12px;margin-bottom:13px}.launch-actions{gap:6px;max-width:270px}.launch-actions .button{min-height:39px;padding:10px 13px}.privacy-note{font-size:8px;margin-top:9px}.flight-deck{bottom:13px}.mode{min-height:67px;padding:9px}.mode-icon{font-size:18px}.deck-footer{gap:6px;margin-top:8px}.deck-heading{margin-bottom:8px}}
@media(pointer:coarse){#touch-controls{display:flex}}

/* Software compositors should spend their budget on input, not live blur. */
html[data-renderer="Canvas2D compatibility"] dialog::backdrop{backdrop-filter:none;background:#030a0cd9}

/* Sound mixer: matches the flight deck; large labelled sliders remain touchable. */
.track-card{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}
.track-mark{font-size:45px;color:var(--lime);line-height:1}
.track-card strong{font:700 21px var(--mono);letter-spacing:2px;display:block}
.track-card div>span{display:block;font:8px var(--mono);letter-spacing:1.5px;color:var(--muted);margin-top:8px}
.audio-mixer{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0 20px}
.audio-mixer label{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:1.4px;color:var(--ink)}
.audio-mixer output{color:var(--lime)}
.audio-mixer input{width:100%;min-height:32px;margin:0 0 10px;accent-color:var(--lime);cursor:pointer;touch-action:pan-y}
.audio-status{font:9px/1.7 var(--mono);color:var(--lime);letter-spacing:.7px;min-height:30px}
@media(max-width:600px){.header-actions{gap:9px}.masthead{padding-left:5%;padding-right:5%}.track-card strong{font-size:18px}}
/* --- Phase 1: hostile identity, wave callouts and the run objective --- */
.objective{position:absolute;top:152px;left:5.4%;width:212px}
.objective strong{display:block;font:11px var(--mono);letter-spacing:1.3px;color:var(--ink)}
.objective-track{height:2px;background:#b4d2b62b;margin-top:8px}
.objective-track>div{height:100%;width:0;background:var(--orange);box-shadow:0 0 10px #ffad7844;transition:width .2s linear}
.objective.complete strong{color:var(--lime)}
.objective.complete .objective-track>div{background:var(--lime);box-shadow:0 0 10px #d9ff8a55}
#callout.warn{color:var(--orange)}
#callout.good{color:var(--lime)}
.briefing{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.briefing p{margin:0 0 11px;font-size:12px;line-height:1.6;color:#b3c4b8}
.briefing b{color:var(--ink)}
.codex{list-style:none;margin:0 0 11px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.codex li{display:flex;flex-direction:column;gap:5px;padding:10px 11px;background:#112020af;border:1px solid #b9dbc12b}
.codex b{font:700 10px var(--mono);letter-spacing:1.1px}
.codex span{font:10px var(--sans);color:#a4b7ac;line-height:1.45}
.codex .seeker{color:var(--orange)}
.codex .pylon{color:#b0d8cc}
.codex .cell{color:var(--lime)}
.codex .gate{color:#c5f3e2}
.briefing-foot{font:9px var(--mono)!important;letter-spacing:.8px;color:#8fa497!important}
/* Mobile deck is already tight: drop the briefing, keep the in-flight objective. */
@media(max-width:600px){.codex{grid-template-columns:1fr}.objective{top:136px;left:6%;width:150px}.objective strong{font-size:9px;letter-spacing:.7px}.objective .tiny-label{margin-bottom:4px}}
@media(max-height:680px) and (max-width:600px){.objective{display:none}}

/* ---- Loadout and flight builder ---- */
.loadout-summary{margin-top:10px;font:600 11px/1.5 var(--mono,ui-monospace,monospace);letter-spacing:.14em;color:var(--lime);opacity:.85}
.pilot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 16px}
.pilot{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;cursor:pointer;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:inherit}
.pilot strong{font-size:13px;letter-spacing:.12em}
.pilot small{font:600 9px/1.4 var(--mono,ui-monospace,monospace);letter-spacing:.18em;color:var(--lime);opacity:.8}
.pilot span{font-size:11px;line-height:1.45;opacity:.65}
.pilot:hover{border-color:rgba(255,255,255,.3)}
.pilot.selected{border-color:var(--lime);background:rgba(160,230,110,.1)}
.pilot.selected small{opacity:1}
.flight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flight-grid label{display:flex;flex-direction:column;gap:5px;font:600 10px/1.4 var(--mono,ui-monospace,monospace);letter-spacing:.16em;opacity:.8}
.flight-grid select,.flight-grid input[type=range]{width:100%}
.flight-grid output{font-weight:700;color:var(--lime);letter-spacing:.1em}
#flight-readout{margin:14px 0 4px;font:600 11px/1.6 var(--mono,ui-monospace,monospace);letter-spacing:.06em}
.flight-actions{display:flex;gap:10px;margin:14px 0 10px}
.flight-actions .button{flex:1}
@media (max-width:620px){
  .pilot-grid,.flight-grid{grid-template-columns:1fr}
  .flight-actions{flex-direction:column}
}
/* Boosting pays 1.5x on gates, so the meter says when it is being spent. */
#boost-fill.hot{background:var(--orange,#ff9b45);box-shadow:0 0 10px rgba(255,155,69,.55)}

/* ---- Global board ---- */
.submit-row{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.submit-line{display:flex;gap:8px;margin-top:6px}
.submit-line input{flex:1;text-transform:uppercase;letter-spacing:.12em}
.submit-line .button{flex:0 0 auto}
.board-list{list-style:none;margin:14px 0 10px;padding:0;display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow-y:auto}
.board-list li{display:grid;grid-template-columns:2.2rem 1fr auto auto auto;gap:10px;align-items:center;
  padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.03);
  font:600 12px/1.4 var(--mono,ui-monospace,monospace);letter-spacing:.06em}
.board-list li:nth-child(1){background:rgba(160,230,110,.12)}
.board-rank{opacity:.55}
.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-pilot{font-size:10px;opacity:.6;letter-spacing:.14em}
.board-time{color:var(--lime);font-weight:700}
.board-empty{display:block!important;opacity:.65;padding:14px 10px;background:none!important}
@media (max-width:620px){
  .board-list li{grid-template-columns:1.8rem 1fr auto;row-gap:2px}
  .board-pilot{grid-column:2/4}
}