: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{overscroll-behavior:none;height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#05080b;margin:0;overflow:hidden}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body.touch .keys-only,body:not(.touch) .touch-only{display:none}#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;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-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}.menu-card .sub .stream{opacity:.62}.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}.preload{min-height:13px;font:500 11px/1.2 var(--font);letter-spacing:.04em;color:var(--dim);margin:7px 0 0;transition:color .3s}.preload.ready{color:var(--green)}.preload.err{color:var(--red)}.preload a{color:var(--accent);border-bottom:1px solid #ffd16659;text-decoration:none}#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;overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.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}}#touch{z-index:30;pointer-events:none;touch-action:none;font-family:var(--font);position:fixed;inset:0}#touch>*{position:absolute}.tpad{pointer-events:auto;touch-action:none;top:56px;bottom:0}#t-left{left:0;right:56%}#t-right{left:56%;right:72px}.tstick{background:radial-gradient(closest-side,#ffffff0d,#ffffff03);border:1.5px solid #ffffff38;border-radius:50%;transform:translate(-50%,-50%)}.tstick i{background:#ffd16629;border:1.5px solid #ffd166bf;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000080}.trud{left:max(16px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));text-align:center;width:min(38%,210px)}.trud b{background:#060a0e80;border:1px solid #ffffff1f;border-radius:3px;height:5px;display:block;position:relative}.trud i{background:var(--accent);border-radius:3px;width:22px;height:13px;transition:left 60ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 6px #0009}.trud span{font:600 8px/1 var(--font);letter-spacing:.12em;color:var(--dim);margin-top:6px;display:block}.tb{pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cdd6dd;min-width:68px;font:700 9.5px/1 var(--font);letter-spacing:.1em;text-align:center;background:#060a0e8c;border:1px solid #ffffff29;border-radius:9px;padding:9px 8px}.tb.on{background:var(--accent);border-color:var(--accent);color:#16202b}.ttop{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));gap:6px;display:flex}.ttop .tb{min-width:52px}.tcol{right:max(6px, env(safe-area-inset-right));flex-direction:column;gap:5px;display:flex;top:50%;transform:translateY(-50%)}.tbrake{left:50%;bottom:max(12px, env(safe-area-inset-bottom));min-width:76px;margin-left:-38px;padding:13px 8px}body.touch #throttle{left:max(16px, env(safe-area-inset-left));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 46px);width:15px;height:min(38vh,150px);overflow:visible}body.touch #throttle i{border-radius:6px}body.touch #ribbon .itm{min-width:48px;padding:3px 5px}body.touch #ribbon b{font-size:14px}body.touch #ribbon,body.touch #dist{width:-moz-fit-content;width:fit-content;max-width:calc(100% - 128px);margin:0 auto;left:6px;right:122px;transform:none}body.touch #ribbon{flex-wrap:wrap;justify-content:center}body.touch #dist{top:60px}body.touch #msg{max-width:62vw;top:140px;bottom:auto}@media (orientation:portrait){.tpad{top:56%;bottom:160px}#t-left{right:52%}#t-right{left:52%;right:0}.tcol,.ttop{flex-flow:wrap;justify-content:center;top:auto;left:8px;right:8px;transform:none}.tcol{bottom:max(8px, env(safe-area-inset-bottom))}.ttop{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 72px)}.tbrake{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 110px)}.trud{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 156px);width:calc(50% - 26px)}body.touch #throttle{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 202px);height:min(22vh,150px)}body.touch #ribbon,body.touch #dist{max-width:calc(100% - 12px);right:6px}body.touch #ribbon .itm{min-width:44px}body.touch #dist{top:100px}body.touch #msg{max-width:86vw;top:152px}}#rotate{z-index:46;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070ae6;place-items:center;padding:26px;display:grid;position:fixed;inset:0}.rot-inner{max-width:300px}.rot-icon{color:var(--accent);font-size:44px;animation:2.2s ease-in-out infinite tilt}@keyframes tilt{0%,55%,to{transform:rotate(0)}75%,92%{transform:rotate(-90deg)}}.rot-inner h3{font:700 17px/1.2 var(--font);margin:12px 0 8px}.rot-inner p{color:var(--dim);font:500 12.5px/1.6 var(--font);margin:0 0 18px}#rot-ok{border:1px solid var(--edge);width:100%;color:var(--dim);font:700 12px/1 var(--font);letter-spacing:.14em;background:0 0;border-radius:11px;padding:13px}@media (pointer:coarse){.menu-card{padding:18px 16px 16px}.seg button{padding:12px 10px;font-size:12px}#play,.rep-actions button{padding:17px}#play{bottom:max(4px, env(safe-area-inset-bottom));z-index:2;position:sticky;box-shadow:0 6px 22px #000000bf}.rep-actions{position:sticky;bottom:0}.keys ul{grid-template-columns:1fr}.tkeys{line-height:1.7}.tkeys b{color:var(--accent);font-weight:700}}@media (pointer:coarse) and (max-height:480px){#menu{padding:12px 10px}.menu-card{border-radius:13px}.menu-card h1{font-size:21px}.menu-card .sub{font-size:11px;line-height:1.55}.cfg{gap:10px;margin:14px 0 12px}.rep-card{padding:18px}.rep-grade{font-size:38px}#rep-table{margin:12px 0;font-size:11.5px}#rep-table td{padding:5px 4px}}#rejeu{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;color:#dbe7f3;background:#060c14d1;border:1px solid #22364a;border-radius:12px;width:min(940px,100% - 24px);padding:10px 14px 8px;font:13px/1.3 system-ui,sans-serif;position:absolute;transform:translate(-50%)}#rejeu.hidden{display:none}.rj-piste{cursor:pointer;height:26px;margin-bottom:6px;position:relative}.rj-piste:before{content:"";background:#22364a;border-radius:2px;height:4px;position:absolute;top:11px;left:0;right:0}.rj-fait{background:#4dd2ff;border-radius:2px;width:0;height:4px;position:absolute;top:11px;left:0}.rj-curseur{pointer-events:none;background:#fff;border-radius:2px;width:3px;height:16px;position:absolute;top:5px;box-shadow:0 0 6px #000}.rj-tetes b{cursor:pointer;background:#ffd66b;border:1.5px solid #0a1119;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:8px}.rj-tetes b:hover,.rj-tetes b.on{background:#fff;transform:scale(1.35)}.rj-cmd{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rj-cmd button{font:inherit;color:#cfe0f0;cursor:pointer;background:#12202e;border:1px solid #263c52;border-radius:7px;min-height:32px;padding:5px 10px}.rj-cmd button.on{color:#eaf6ff;background:#17324a;border-color:#4a86bd;font-weight:600}.rj-x{gap:3px;display:flex}.rj-x button{padding:5px 8px}.rj-t{font-variant-numeric:tabular-nums;color:#8fa3b8;min-width:108px}.rj-ou{text-align:right;color:#ffd66b;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}@media (max-width:620px){#rejeu{padding:8px 10px 6px;font-size:12px}.rj-t{min-width:92px}.rj-cmd button{min-height:30px;padding:4px 8px}}