:root{--ink:#e9eef2;--dim:#8e9aa4;--accent:#ffd166;--green:#58c46b;--red:#ff6b5a;--panel:#0c1116d1;--edge:#ffffff1c;--font:ui-sans-serif, -apple-system, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#05080b;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}kbd{border:1px solid var(--edge);min-width:1.5em;font:600 11px/1.5 var(--mono);text-align:center;background:#ffffff12;border-bottom-width:2px;border-radius:5px;margin:0 1px;padding:1px 5px;display:inline-block}#loader{z-index:50;background:radial-gradient(120% 90% at 50% 20%,#16283a 0%,#070b10 70%);place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}#loader.gone{opacity:0;pointer-events:none}.ld-inner{text-align:center;width:min(88vw,460px)}.ld-title{font:700 clamp(17px, 3.6vw, 26px) / 1.2 var(--font);letter-spacing:.16em}.ld-sub{color:var(--dim);font:500 12px/1.6 var(--mono);letter-spacing:.05em;margin-top:8px}.ld-bar{background:#ffffff1a;border-radius:2px;height:3px;margin:26px 0 10px;overflow:hidden}.ld-bar i{background:var(--accent);width:0%;height:100%;transition:width .25s;display:block}.ld-step{color:var(--dim);font:500 12px/1.4 var(--font)}#menu{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(130% 100% at 50% 0,#0a1622b8,#04070aed);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.menu-card{background:var(--panel);border:1px solid var(--edge);border-radius:16px;width:min(94vw,620px);padding:26px 26px 22px;box-shadow:0 30px 80px #0009}.menu-card h1{font:700 clamp(20px, 4.4vw, 30px) / 1.15 var(--font);letter-spacing:-.01em;margin:0}.menu-card .sub{color:var(--dim);font:500 12.5px/1.7 var(--mono);margin:8px 0 0}.menu-card .sub b{color:var(--accent);font-weight:600}.cfg{gap:14px;margin:22px 0 18px;display:grid}.cfg-group label{font:600 10.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:7px;display:block}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--edge);color:var(--dim);font:600 12.5px/1 var(--font);cursor:pointer;background:#ffffff08;border-radius:9px;flex:auto;padding:9px 10px;transition:all .15s}.seg button:hover{color:var(--ink);background:#ffffff14}.seg button.on{background:var(--accent);border-color:var(--accent);color:#16202b}#play,.rep-actions button{background:var(--accent);color:#141c26;width:100%;font:800 14px/1 var(--font);letter-spacing:.18em;cursor:pointer;border:0;border-radius:11px;padding:15px;transition:all .15s}#play:hover,.rep-actions button:hover{filter:brightness(1.1)}.rep-actions button.ghost{border:1px solid var(--edge);color:var(--dim);background:0 0}.keys{border-top:1px solid var(--edge);margin-top:22px;padding-top:16px}.keys h2{font:600 10.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}.keys ul{font:500 12px/1.9 var(--font);color:#c3ccd4;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:5px 18px;margin:0;padding:0;list-style:none;display:grid}.keys .tip{color:#d9d2c0;font:500 12px/1.65 var(--font);background:#ffd16614;border:1px solid #ffd16633;border-radius:9px;margin:14px 0 0;padding:11px 13px}.keys .tip b{color:var(--accent)}#hud{pointer-events:none;z-index:20;font-family:var(--mono);position:fixed;inset:0}#ribbon{top:max(10px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#060a0e8c;border:1px solid #ffffff14;border-radius:11px;gap:2px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#ribbon .itm{text-align:center;border-radius:7px;min-width:66px;padding:4px 9px}#ribbon .itm+.itm{border-left:1px solid #ffffff12}#ribbon b{font:700 17px/1.15 var(--mono);letter-spacing:-.02em;display:block}#ribbon span{font:600 8.5px/1.4 var(--font);letter-spacing:.11em;text-transform:uppercase;color:var(--dim);display:block}#ribbon .itm.warn b{color:var(--red)}#ribbon .itm.good b{color:var(--green)}#ribbon .wind{min-width:96px}#dist{text-align:center;position:absolute;top:74px;left:50%;transform:translate(-50%)}#dist b{font:700 15px/1.2 var(--mono);color:var(--accent);text-shadow:0 1px 6px #000c;display:block}#dist span{font:600 8.5px/1.5 var(--font);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;text-shadow:0 1px 4px #000c}#throttle{background:#060a0e80;border:1px solid #ffffff1f;border-radius:7px;width:12px;height:130px;position:absolute;bottom:22px;left:18px;overflow:hidden}#throttle i{background:linear-gradient(#ffd166,#ff8c42);width:100%;height:0%;transition:height .1s linear;position:absolute;bottom:0;left:0}#throttle span{font:600 8px/1 var(--font);letter-spacing:.12em;color:var(--dim);position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}#msg{text-align:center;max-width:78vw;font:600 14px/1.6 var(--font);color:#fff;text-shadow:0 2px 12px #000000e6;opacity:0;transition:opacity .35s;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}#msg.show{opacity:1}#stallwarn{border:2px solid var(--red);color:var(--red);font:800 15px/1 var(--font);letter-spacing:.24em;border-radius:6px;padding:6px 16px;animation:.42s steps(2,end) infinite blink;position:absolute;top:42%;left:50%;transform:translate(-50%)}@keyframes blink{50%{opacity:.15}}#paused{font:800 26px/1 var(--font);letter-spacing:.35em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04070a8c;place-items:center;display:grid;position:absolute;inset:0}#report{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rep-card{background:var(--panel);border:1px solid var(--edge);text-align:center;border-radius:16px;width:min(94vw,470px);padding:24px;box-shadow:0 30px 80px #0009}.rep-grade{font:800 54px/1 var(--font);letter-spacing:-.03em;color:var(--accent)}.rep-card h2{font:700 19px/1.25 var(--font);margin:10px 0 4px}.rep-card p{color:var(--dim);font:500 12.5px/1.6 var(--font);margin:0}#rep-table{border-collapse:collapse;width:100%;font:500 12.5px/1 var(--mono);margin:18px 0}#rep-table td{text-align:right;border-bottom:1px solid #ffffff12;padding:7px 4px}#rep-table td:first-child{text-align:left;color:var(--dim);font-family:var(--font)}#rep-table td.ok{color:var(--green)}#rep-table td.ko{color:var(--red)}.rep-actions{gap:8px;display:grid}@media (max-width:560px){#ribbon .itm{min-width:54px;padding:3px 5px}#ribbon b{font-size:14px}}