@font-face{font-family:PressStart;src:url(./PressStart2P-Regular-CGBGLzfe.ttf) format("truetype");font-display:swap}:root{--navy: #070c3d;--deep: #0a1150;--blue: #1f43c8;--sky: #5aa8ff;--yellow: #ffd21f;--orange: #ff7a12;--red: #e0261d;--cyan: #38e4ff;--steel: #9fb2ea;--hard: "Arial Black", "Impact", "Haettenschweiler", "Helvetica Neue", Arial, sans-serif;--pix: PressStart, "Courier New", monospace;--ar: 1.3333;--rh: 480;--u: min(1vw, calc(1vh * var(--ar)));color:#fff;background:#000;font-family:var(--pix);font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-align:left}#frame{position:absolute;left:50%;top:50%;width:calc(var(--u) * 100);height:calc(var(--u) * 100 / var(--ar));transform:translate(-50%,-50%);overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}#rally-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.crt{position:absolute;inset:0;pointer-events:none;z-index:20;background:radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.42) 100%),repeating-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,0,0,.16) calc(var(--u) * 100 / var(--ar) / var(--rh)),transparent calc(var(--u) * 100 / var(--ar) / var(--rh)),transparent calc(var(--u) * 200 / var(--ar) / var(--rh)))}#frame.no-scanlines .crt{background:radial-gradient(ellipse at center,transparent 70%,rgba(0,0,0,.3) 100%)}.hidden{display:none!important}.screen{position:absolute;inset:0;z-index:10}.screen.v-title{background:linear-gradient(to bottom,#0306288c,#03062800 30% 60%,#030628b3)}.screen.v-main,.screen.v-options,.screen.v-controls,.screen.v-stage,.screen.v-pause,.screen.v-result{background:linear-gradient(100deg,#040834f0 0,#060e54db 44%,#060e5440 78%,#04083426)}.screen.v-stage{background:linear-gradient(to bottom,#040834e6,#061058d1)}.screen.v-pause,.screen.v-result{background:#030628b8}.screen.v-loading{background:#050820;display:grid;place-items:center}.screen.v-main:before,.screen.v-options:before,.screen.v-controls:before,.screen.v-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 calc(var(--u) * 3),rgba(80,120,255,.06) calc(var(--u) * 3) calc(var(--u) * 3.6))}.bars{position:absolute;left:0;right:0;height:calc(var(--u) * 5);display:flex;align-items:center;justify-content:center;background:#000;font-size:calc(var(--u) * .95);color:var(--steel);letter-spacing:.08em}.bars.top{top:0;border-bottom:calc(var(--u) * .5) solid transparent;border-image:repeating-linear-gradient(90deg,#fff 0 calc(var(--u) * 1.4),#000 calc(var(--u) * 1.4) calc(var(--u) * 2.8)) 1}.bars.bottom{bottom:0;border-top:calc(var(--u) * .5) solid transparent;border-image:repeating-linear-gradient(90deg,#fff 0 calc(var(--u) * 1.4),#000 calc(var(--u) * 1.4) calc(var(--u) * 2.8)) 1}.title{position:absolute;left:0;right:0;top:13%;text-align:center}.logo-kicker{font-size:calc(var(--u) * 1.3);color:var(--cyan);letter-spacing:.3em;text-shadow:calc(var(--u) * .2) calc(var(--u) * .2) 0 #000;margin-bottom:calc(var(--u) * 1.6)}.logo,.mini-logo{position:relative;display:inline-block;font-family:var(--hard);font-style:italic;font-weight:900;letter-spacing:-.02em;transform:skew(-9deg);line-height:1;white-space:nowrap}.logo{font-size:calc(var(--u) * 15)}.logo:before,.mini-logo:before{content:attr(data-t);position:absolute;left:0;top:0;color:#06092e;-webkit-text-stroke:calc(var(--u) * 1.5) #06092e;text-shadow:calc(var(--u) * 1.1) calc(var(--u) * 1.3) 0 #000,calc(var(--u) * 1.6) calc(var(--u) * 1.9) 0 rgba(0,0,0,.55)}.logo span,.mini-logo span{position:relative;display:inline-block;color:transparent;background:linear-gradient(180deg,#fff 0 24%,#ffe94d 24% 47%,#ff9a10 47% 70%,#e2311d 70% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:calc(var(--u) * .25) #2a0a04}.logo span:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:shine 3.4s linear infinite;mix-blend-mode:overlay}@keyframes shine{0%{background-position:150% 0}to{background-position:-100% 0}}.logo-sub{margin-top:calc(var(--u) * 1.5);display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 2)}.logo-sub b{font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 4);letter-spacing:.5em;padding-left:.5em;color:#fff;text-shadow:calc(var(--u) * .3) calc(var(--u) * .3) 0 #000,0 0 calc(var(--u) * 1) #2a6bff}.logo-sub i{display:block;width:calc(var(--u) * 14);height:calc(var(--u) * .7);background:linear-gradient(90deg,transparent,var(--yellow),var(--red));box-shadow:0 calc(var(--u) * .6) 0 #0009}.logo-sub i:last-child{transform:scaleX(-1)}.press{position:absolute;left:0;right:0;top:calc(var(--u) * 33);text-align:center}.press span{display:inline-block;font-size:calc(var(--u) * 2.1);color:var(--yellow);text-shadow:calc(var(--u) * .3) calc(var(--u) * .3) 0 #000;animation:blink 1s steps(1) infinite;padding:calc(var(--u) * 1) calc(var(--u) * 2.4);background:#03062899;border:calc(var(--u) * .3) solid rgba(255,210,31,.5)}@keyframes blink{50%{opacity:0}}.menu-wrap{position:absolute;inset:calc(var(--u) * 4) calc(var(--u) * 5) calc(var(--u) * 7) calc(var(--u) * 5);display:flex;gap:calc(var(--u) * 5)}.side{flex:0 0 auto;display:flex;flex-direction:column}.mini-logo{font-size:calc(var(--u) * 5.6);margin:calc(var(--u) * .8) 0 calc(var(--u) * 3.6) calc(var(--u) * .6);align-self:flex-start}.mini-logo:before{-webkit-text-stroke-width:calc(var(--u) * .7);text-shadow:calc(var(--u) * .5) calc(var(--u) * .6) 0 #000}.menu-list{display:flex;flex-direction:column;gap:calc(var(--u) * 1.3)}.menu-list.wide .mi{width:calc(var(--u) * 40)}.mi{position:relative;display:flex;align-items:center;width:calc(var(--u) * 37);padding:calc(var(--u) * 1.35) calc(var(--u) * 2.4) calc(var(--u) * 1.35) calc(var(--u) * 4.4);font-family:var(--hard);font-style:italic;font-weight:900;font-size:calc(var(--u) * 3.1);letter-spacing:.02em;color:#fff;background:linear-gradient(#5c86ff 0,#2350e0 48%,#143aad 52%,#1b47cf);border:calc(var(--u) * .4) solid;border-color:#b6c9ff #050a3a #050a3a #b6c9ff;box-shadow:calc(var(--u) * .7) calc(var(--u) * .7) 0 #000;text-shadow:calc(var(--u) * .3) calc(var(--u) * .3) 0 #050a3a;transform:skew(-10deg);transition:transform .08s}.mi.small{width:calc(var(--u) * 24);font-size:calc(var(--u) * 2.4);margin-top:calc(var(--u) * 1.2);background:linear-gradient(#6c78a8,#3a4574 50%,#2a3360 52%,#333d6b)}.mi-arrow{position:absolute;left:calc(var(--u) * 1.3);top:50%;width:0;height:0;margin-top:calc(var(--u) * -1.3);border-left:calc(var(--u) * 2) solid var(--yellow);border-top:calc(var(--u) * 1.3) solid transparent;border-bottom:calc(var(--u) * 1.3) solid transparent;opacity:0;filter:drop-shadow(calc(var(--u) * .2) calc(var(--u) * .2) 0 #000)}.mi.sel{color:#1b0a00;text-shadow:none;transform:skew(-10deg) translate(calc(var(--u) * 1.6));background:linear-gradient(#fffbb0 0,#ffe23a 45%,#ffb400 50%,#ff7a12);border-color:#fff8c8 #6b2a00 #6b2a00 #fff8c8}.mi.sel .mi-arrow{opacity:1;animation:nudge .5s steps(2) infinite}@keyframes nudge{50%{transform:translate(calc(var(--u) * .7))}}.mi-text{position:relative}.info-panel{flex:1;align-self:flex-start;margin-top:calc(var(--u) * 10);max-width:calc(var(--u) * 42)}#info{min-height:calc(var(--u) * 24);padding:calc(var(--u) * 2.4);background:linear-gradient(#0a1878db,#040a3ce6);border:calc(var(--u) * .4) solid;border-color:#b6c9ff #050a3a #050a3a #b6c9ff;box-shadow:calc(var(--u) * .7) calc(var(--u) * .7) 0 #000}#info h3{font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 3.4);margin:0 0 calc(var(--u) * 1.6);color:var(--yellow);text-shadow:calc(var(--u) * .3) calc(var(--u) * .3) 0 #000}#info p{font-size:calc(var(--u) * 1);line-height:2;margin:0 0 calc(var(--u) * 1.4);color:#dfe8ff}#info ul{margin:0;padding:0;list-style:none;font-size:calc(var(--u) * .95);line-height:2.1;color:var(--cyan)}#info li:before{content:"> ";color:var(--yellow)}.keys{position:absolute;left:0;right:0;bottom:0;height:calc(var(--u) * 4.2);display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 1.2);background:linear-gradient(#000,#06092e);border-top:calc(var(--u) * .35) solid #2f49b8;font-size:calc(var(--u) * .95);color:var(--steel)}.keys b{color:var(--yellow);font-weight:400;margin-left:calc(var(--u) * 1)}.hdr{display:flex;align-items:baseline;gap:calc(var(--u) * 2);padding:0 0 calc(var(--u) * 1.2);border-bottom:calc(var(--u) * .5) solid var(--yellow);margin-bottom:calc(var(--u) * 2.4)}.hdr span{font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 5);color:#fff;text-shadow:calc(var(--u) * .5) calc(var(--u) * .5) 0 #000,calc(var(--u) * -.1) 0 0 var(--blue);transform:skew(-9deg)}.hdr small{font-size:calc(var(--u) * 1.1);color:var(--cyan);margin-left:auto}.panel-wrap{position:absolute;left:calc(var(--u) * 8);right:calc(var(--u) * 8);top:calc(var(--u) * 5)}.panel-wrap.small{left:calc(var(--u) * 28);right:calc(var(--u) * 28);top:calc(var(--u) * 12)}.stage-wrap{position:absolute;left:calc(var(--u) * 4);right:calc(var(--u) * 4);top:calc(var(--u) * 3.5)}.cards-row{display:flex;align-items:center;gap:calc(var(--u) * 1.2)}.step{flex:0 0 auto;width:calc(var(--u) * 3.2);height:calc(var(--u) * 6);font-size:calc(var(--u) * 2.2);color:var(--yellow);background:#0a1465;border:calc(var(--u) * .3) solid #6d86e8;text-align:center}.step:hover{background:var(--yellow);color:#000}.cards{flex:1;display:flex;gap:calc(var(--u) * 1.6);justify-content:center;align-items:flex-end}.card{flex:1 1 0;min-width:0;padding:calc(var(--u) * 1.2);cursor:pointer;background:linear-gradient(#233a9e,#0c1755);border:calc(var(--u) * .35) solid #4f68c9;box-shadow:calc(var(--u) * .5) calc(var(--u) * .5) 0 #000;opacity:.78;transform:scale(.94);transition:transform .1s,opacity .1s}.card.sel{opacity:1;transform:scale(1.04);border-color:var(--yellow);box-shadow:0 0 0 calc(var(--u) * .3) #000,0 0 calc(var(--u) * 2.4) #ffd21fbf,calc(var(--u) * .7) calc(var(--u) * .7) 0 #000}.card-head{display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--u) * .9);color:var(--cyan);margin-bottom:calc(var(--u) * 1)}.card-head b{background:var(--yellow);color:#000;padding:calc(var(--u) * .3) calc(var(--u) * .6);font-weight:400}.card-art{position:relative;aspect-ratio:4 / 3;background:linear-gradient(var(--a),var(--a) 42%,var(--b) 42%);border:calc(var(--u) * .3) solid #000;overflow:hidden}.card-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}.card-art canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.card-name{font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 1.6);margin:calc(var(--u) * 1.1) 0 calc(var(--u) * .9);color:#fff;text-shadow:calc(var(--u) * .2) calc(var(--u) * .2) 0 #000;white-space:nowrap}.card.sel .card-name{color:var(--yellow)}.card dl{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u) * .5) calc(var(--u) * .8);margin:0;font-size:calc(var(--u) * .78)}.card dt{color:var(--steel)}.card dd{margin:0;text-align:right;color:#fff}.stars{color:var(--yellow);letter-spacing:.1em}.stars em{color:#34437f;font-style:normal}.desc{margin-top:calc(var(--u) * 2.4);padding:calc(var(--u) * 1.4) calc(var(--u) * 2);background:#0000008c;border-left:calc(var(--u) * .6) solid var(--yellow);font-size:calc(var(--u) * 1);line-height:2;color:#dfe8ff}.desc b{color:var(--yellow);font-weight:400}.opt-list{display:flex;flex-direction:column;gap:calc(var(--u) * 1.2);margin-top:calc(var(--u) * 1)}.opt{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u) * 1.5) calc(var(--u) * 3);font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 2.5);background:linear-gradient(#3260f0,#143aad 50%,#102f95 52%,#1b47cf);border:calc(var(--u) * .35) solid;border-color:#b6c9ff #050a3a #050a3a #b6c9ff;box-shadow:calc(var(--u) * .6) calc(var(--u) * .6) 0 #000;text-shadow:calc(var(--u) * .25) calc(var(--u) * .25) 0 #050a3a}.opt.sel{background:linear-gradient(#fffbb0,#ffe23a 45%,#ffb400 50%,#ff7a12);color:#1b0a00;text-shadow:none;border-color:#fff8c8 #6b2a00 #6b2a00 #fff8c8}.opt.back{width:calc(var(--u) * 24);margin-top:calc(var(--u) * 2)}.adj{display:flex;align-items:center;gap:calc(var(--u) * 1.2)}.adj b{font-family:var(--pix);font-weight:400;font-size:calc(var(--u) * 1.8);cursor:pointer;padding:0 calc(var(--u) * .6)}.seg{display:flex;gap:calc(var(--u) * .5)}.seg i{display:block;width:calc(var(--u) * 1.9);height:calc(var(--u) * 2.3);background:#00000073;border:calc(var(--u) * .2) solid rgba(0,0,0,.6)}.seg i.on{background:linear-gradient(#7bffb0,#17c65c);border-color:#06481f}.opt.sel .seg i.on{background:linear-gradient(#e2311d,#8a1108);border-color:#400000}.flag{font-family:var(--pix);font-style:normal;font-size:calc(var(--u) * 1.8);padding:calc(var(--u) * .5) calc(var(--u) * 1.4);background:#00000080;color:#ff8b7a}.flag.on{color:#7bffb0}.ctl{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 1.4) calc(var(--u) * 3);margin-top:calc(var(--u) * 1)}.ctl div{display:flex;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * 1) calc(var(--u) * 1.4);background:#00000073;border-left:calc(var(--u) * .5) solid var(--cyan)}.ctl span{margin-left:auto;font-size:calc(var(--u) * 1);color:#fff}kbd{font-family:var(--pix);font-size:calc(var(--u) * 1.1);padding:calc(var(--u) * .7) calc(var(--u) * 1);color:#000;background:linear-gradient(#fff,#b8c4e8);border:calc(var(--u) * .25) solid #06092e;border-bottom-width:calc(var(--u) * .6)}.screen.v-setup{background:linear-gradient(100deg,#040834f2 0,#060e54e6 34%,#060e544d 50%,#0408340d 62%,#04083459)}.setup-wrap{position:absolute;inset:calc(var(--u) * 3) calc(var(--u) * 4) calc(var(--u) * 5.2) calc(var(--u) * 4);display:flex;flex-direction:column}.setup-wrap .hdr{width:calc(var(--u) * 48);padding-bottom:calc(var(--u) * .7);margin-bottom:calc(var(--u) * 1.3)}.setup-wrap .hdr span{font-size:calc(var(--u) * 3.6);white-space:nowrap}.setup-wrap .hdr small{font-size:calc(var(--u) * .72);text-align:right}.setup-list{width:calc(var(--u) * 48);display:flex;flex-direction:column;gap:calc(var(--u) * .4)}.srow{display:grid;grid-template-columns:1fr auto calc(var(--u) * 5);align-items:center;gap:calc(var(--u) * .7);padding:calc(var(--u) * .45) calc(var(--u) * 1.1);font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 1.4);white-space:nowrap;color:#fff;background:linear-gradient(#2a56e0,#143aad 50%,#102f95 52%,#1b47cf);border:calc(var(--u) * .25) solid;border-color:#b6c9ff #050a3a #050a3a #b6c9ff;box-shadow:calc(var(--u) * .4) calc(var(--u) * .4) 0 #000;text-shadow:calc(var(--u) * .2) calc(var(--u) * .2) 0 #050a3a}.srow.sel{background:linear-gradient(#fffbb0,#ffe23a 45%,#ffb400 50%,#ff7a12);color:#1b0a00;text-shadow:none;border-color:#fff8c8 #6b2a00 #6b2a00 #fff8c8}.srow-c{display:flex;align-items:center;gap:calc(var(--u) * .7)}.srow-c b{font-family:var(--pix);font-style:normal;font-weight:400;font-size:calc(var(--u) * 1.1);cursor:pointer;padding:0 calc(var(--u) * .3)}.srow-e{font-family:var(--pix);font-style:normal;font-size:calc(var(--u) * .7);color:var(--cyan);width:calc(var(--u) * 4.6);text-align:center}.srow.sel .srow-e{color:#7c3f00}.srow-v{font-family:var(--pix);font-style:normal;font-size:calc(var(--u) * .72);text-align:right;color:#fff}.srow.sel .srow-v{color:#1b0a00}.notch{display:flex;gap:calc(var(--u) * .3)}.notch i{display:block;width:calc(var(--u) * .95);height:calc(var(--u) * 1.25);background:#0006;border:calc(var(--u) * .15) solid rgba(0,0,0,.55)}.notch i.at{background:linear-gradient(#7bffb0,#17c65c);border-color:#06481f}.srow.sel .notch i.at{background:linear-gradient(#fff,#b8c4e8);border-color:#400000}#info.setup-info{width:calc(var(--u) * 48);min-height:calc(var(--u) * 9.5);margin-top:calc(var(--u) * 1.2);padding:calc(var(--u) * 1) calc(var(--u) * 1.4);background:linear-gradient(#0a1878e0,#040a3ceb);border:calc(var(--u) * .3) solid;border-color:#b6c9ff #050a3a #050a3a #b6c9ff;box-shadow:calc(var(--u) * .5) calc(var(--u) * .5) 0 #000}#info.setup-info h4{font-family:var(--hard);font-style:italic;font-weight:900;font-size:calc(var(--u) * 1.8);color:var(--yellow);margin:0 0 calc(var(--u) * .7);text-shadow:calc(var(--u) * .2) calc(var(--u) * .2) 0 #000}#info.setup-info p{font-size:calc(var(--u) * .78);line-height:1.85;margin:0;color:#dfe8ff}#info.setup-info .eff{margin-top:calc(var(--u) * .5);color:var(--cyan)}.setup-act{width:calc(var(--u) * 48);margin-top:auto;padding-top:calc(var(--u) * 1.2);display:flex;gap:calc(var(--u) * 1)}.setup-act .mi{flex:1;width:auto;margin:0;font-size:calc(var(--u) * 1.4);padding:calc(var(--u) * .8) calc(var(--u) * .6) calc(var(--u) * .8) calc(var(--u) * 2.6)}.setup-act .mi.go{background:linear-gradient(#5c86ff 0,#2350e0 48%,#143aad 52%,#1b47cf)}.setup-rate{position:absolute;right:0;top:calc(var(--u) * 7.5);width:calc(var(--u) * 25);background:#030832b3;border:calc(var(--u) * .3) solid;border-color:#a9bdff #050a3a #050a3a #a9bdff}.setup-tag{font-size:calc(var(--u) * .78);text-align:center;padding:calc(var(--u) * .55);background:#0a1465;color:var(--steel);border-bottom:calc(var(--u) * .2) solid #2f49b8}.setup-tag.on{background:var(--yellow);color:#000}.rate{display:grid;grid-template-columns:calc(var(--u) * 7.5) 1fr;align-items:center;gap:calc(var(--u) * .8);font-size:calc(var(--u) * .72);color:var(--steel);padding:calc(var(--u) * .5) calc(var(--u) * 1) 0}.rate:last-child{padding-bottom:calc(var(--u) * 1)}.rate i{display:block;height:calc(var(--u) * 1);background:#0009;border:calc(var(--u) * .15) solid #2f49b8}.rate b{display:block;height:100%;background:linear-gradient(90deg,#38e4ff,#ffd21f)}.setup-cap{position:absolute;right:0;bottom:0;width:calc(var(--u) * 44);min-height:calc(var(--u) * 3.6);display:flex;align-items:center;padding:calc(var(--u) * .8) calc(var(--u) * 1.4);background:#000000a8;border-left:calc(var(--u) * .5) solid var(--yellow);font-size:calc(var(--u) * .9);line-height:1.8;color:var(--yellow)}.result-body{display:flex;gap:calc(var(--u) * 3);margin-bottom:calc(var(--u) * 2.4)}.result-body table{flex:1;align-self:flex-start;border-collapse:collapse;font-size:calc(var(--u) * 1.3)}.result-body td{padding:calc(var(--u) * 1) calc(var(--u) * 1.4);background:#00000073;border-bottom:calc(var(--u) * .3) solid #142064}.result-body td:first-child{width:calc(var(--u) * 5);color:var(--yellow);text-align:center}.result-body td:last-child{text-align:right}.result-body tr.you td{background:linear-gradient(90deg,#ffe23a,#ff9a00);color:#1b0a00}.result-time{flex:0 0 calc(var(--u) * 26);padding:calc(var(--u) * 2);text-align:center;background:#00000080;border:calc(var(--u) * .35) solid var(--yellow);display:flex;flex-direction:column;gap:calc(var(--u) * 1.2);justify-content:center}.result-time small{font-size:calc(var(--u) * .95);color:var(--cyan)}.result-time b{font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 5);color:#fff;text-shadow:calc(var(--u) * .4) calc(var(--u) * .4) 0 #000}.result-time em{font-style:normal;font-size:calc(var(--u) * 1.6);color:var(--yellow);animation:blink .6s steps(1) infinite}.loading{text-align:center}.ld-text{font-size:calc(var(--u) * 2.4);color:var(--yellow);margin-bottom:calc(var(--u) * 3);animation:blink 1s steps(1) infinite}.ld-bar{display:flex;gap:calc(var(--u) * .6);justify-content:center}.ld-bar i{display:block;width:calc(var(--u) * 2.2);height:calc(var(--u) * 3);background:#16226f;animation:ld 1.2s steps(1) infinite}.ld-bar i:nth-child(1){animation-delay:0s}.ld-bar i:nth-child(2){animation-delay:.1s}.ld-bar i:nth-child(3){animation-delay:.2s}.ld-bar i:nth-child(4){animation-delay:.3s}.ld-bar i:nth-child(5){animation-delay:.4s}.ld-bar i:nth-child(6){animation-delay:.5s}.ld-bar i:nth-child(7){animation-delay:.6s}.ld-bar i:nth-child(8){animation-delay:.7s}.ld-bar i:nth-child(9){animation-delay:.8s}.ld-bar i:nth-child(10){animation-delay:.9s}.ld-bar i:nth-child(11){animation-delay:1s}.ld-bar i:nth-child(12){animation-delay:1.1s}@keyframes ld{0%{background:var(--yellow)}12%{background:#16226f}}.hud{position:absolute;inset:0;z-index:9;pointer-events:none;text-shadow:calc(var(--u) * .25) calc(var(--u) * .25) 0 #000}.plate{padding:calc(var(--u) * 1) calc(var(--u) * 1.6);background:linear-gradient(#0c1878d9,#040a3ce0);border:calc(var(--u) * .3) solid;border-color:#a9bdff #050a3a #050a3a #a9bdff}.hud-tl{position:absolute;left:calc(var(--u) * 2);top:calc(var(--u) * 2)}.hud-tl #h-l1{font-size:calc(var(--u) * 1.5);color:var(--yellow)}.hud-tl #h-l2{font-size:calc(var(--u) * 1.5);margin-top:calc(var(--u) * .9)}.hud-tr{position:absolute;right:calc(var(--u) * 2);top:calc(var(--u) * 2);text-align:right}.hud-time{font-size:calc(var(--u) * 2.6);color:#fff}.hud-best{font-size:calc(var(--u) * .95);color:var(--cyan);margin-top:calc(var(--u) * .7)}.hud-best:empty{display:none}.hud-bl{position:absolute;left:calc(var(--u) * 2);bottom:calc(var(--u) * 4.4);width:calc(var(--u) * 14);height:calc(var(--u) * 14);background:#0308329e;border:calc(var(--u) * .3) solid;border-color:#a9bdff #050a3a #050a3a #a9bdff}.hud-bl canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hud-br{position:absolute;right:calc(var(--u) * 2);bottom:calc(var(--u) * 4.4);width:calc(var(--u) * 27);padding:calc(var(--u) * 1.2);background:linear-gradient(#0c1878d9,#040a3ce6);border:calc(var(--u) * .3) solid;border-color:#a9bdff #050a3a #050a3a #a9bdff;display:grid;grid-template-columns:1fr auto;gap:calc(var(--u) * .8) calc(var(--u) * 1.4);align-items:end}.rev{grid-column:1 / -1;display:flex;gap:calc(var(--u) * .25);height:calc(var(--u) * 1.8)}.rev i{flex:1;background:#0000008c}.rev i.on.g{background:#3dff7a}.rev i.on.y{background:#ffe23a}.rev i.on.r{background:#ff3b2a}.rev.over i.on{animation:blink .12s steps(1) infinite}.speedo span{font-size:calc(var(--u) * 5.2);color:#fff}.speedo small{display:block;font-size:calc(var(--u) * .9);color:var(--cyan);margin-top:calc(var(--u) * .6)}.gear{text-align:center}.gear small{display:block;font-size:calc(var(--u) * .8);color:var(--cyan)}.gear b{font-size:calc(var(--u) * 4);color:var(--yellow);font-weight:400}.hud-progress{position:absolute;left:calc(var(--u) * 20);right:calc(var(--u) * 32);bottom:calc(var(--u) * 1.6);height:calc(var(--u) * 1.2);background:#0009;border:calc(var(--u) * .25) solid #a9bdff}.hud-progress span{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--yellow) 0 calc(var(--u) * .6),#c68a00 calc(var(--u) * .6) calc(var(--u) * .9))}.hud-progress i{position:absolute;top:calc(var(--u) * -.7);width:calc(var(--u) * 1.4);height:calc(var(--u) * 2.4);margin-left:calc(var(--u) * -.7);background:var(--red);border:calc(var(--u) * .2) solid #fff}.hud-note{position:absolute;left:50%;top:calc(var(--u) * 5);transform:translate(-50%);display:none;align-items:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 1.1) calc(var(--u) * 2.4);background:linear-gradient(#ffe23a,#ff9a00);color:#1b0a00;text-shadow:none;border:calc(var(--u) * .35) solid #fff8c8;border-color:#fff8c8 #6b2a00 #6b2a00 #fff8c8;box-shadow:calc(var(--u) * .5) calc(var(--u) * .5) 0 #000;font-size:calc(var(--u) * 1.7)}.hud-note.show{display:flex;animation:notepop .18s steps(3)}@keyframes notepop{0%{transform:translate(-50%) scale(1.3)}}.chev{display:inline-block;width:calc(var(--u) * 6);height:calc(var(--u) * 2.4);background:repeating-linear-gradient(90deg,#b3001b 0 calc(var(--u) * 1.4),transparent calc(var(--u) * 1.4) calc(var(--u) * 1.8));clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%,22% 50%)}.chev.left{transform:scaleX(-1)}.chev.n1{width:calc(var(--u) * 2.2)}.chev.n2{width:calc(var(--u) * 3.8)}.chev.n3{width:calc(var(--u) * 5.4)}.chev.n4{width:calc(var(--u) * 7)}.chev.none,.chev.n0{width:calc(var(--u) * 3);background:#b3001b;clip-path:polygon(50% 0,100% 100%,0 100%);transform:none}.hud-center{position:absolute;left:0;right:0;top:calc(var(--u) * 15);text-align:center;font-family:var(--hard);font-style:italic;font-size:calc(var(--u) * 14);color:var(--yellow);text-shadow:calc(var(--u) * .8) calc(var(--u) * .8) 0 #000,calc(var(--u) * -.2) 0 0 #a01500,0 calc(var(--u) * -.2) 0 #a01500;-webkit-text-stroke:calc(var(--u) * .3) #6b2a00}.hud-lights{position:absolute;left:50%;top:calc(var(--u) * 6);transform:translate(-50%);display:none;gap:calc(var(--u) * 2);padding:calc(var(--u) * 1.4) calc(var(--u) * 2.4);background:#05060f;border:calc(var(--u) * .4) solid #70788e;box-shadow:calc(var(--u) * .6) calc(var(--u) * .6) 0 #000}.hud-lights.show{display:flex}.hud-lights i{display:block;width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);border-radius:50%;background:#2a0c0c;border:calc(var(--u) * .3) solid #000}.hud-lights i.red{background:radial-gradient(circle at 35% 30%,#ffb0a0,#ff2a12 45%,#8a0a00);box-shadow:0 0 calc(var(--u) * 2) #ff2a12}.hud-lights i.go{background:radial-gradient(circle at 35% 30%,#d8ffe0,#2aff6a 45%,#0a7a2a);box-shadow:0 0 calc(var(--u) * 2) #2aff6a}.hud-center.pop{animation:pop .9s steps(6) both}.hud-center.go{color:#7bffb0;-webkit-text-stroke-color:#06481f;font-size:calc(var(--u) * 16)}.hud-center.small{font-size:calc(var(--u) * 6)}.hud-center.wrong{font-size:calc(var(--u) * 6);color:#ff5a4a;animation:blink .5s steps(1) infinite}@keyframes pop{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:0;transform:scale(.9)}}.toast{position:absolute;z-index:30;left:50%;bottom:calc(var(--u) * 7);transform:translate(-50%,20px);opacity:0;padding:calc(var(--u) * 1.2) calc(var(--u) * 2);max-width:80%;text-align:center;background:#000;color:var(--yellow);border:calc(var(--u) * .3) solid var(--yellow);font-size:calc(var(--u) * 1);pointer-events:none;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%)}@media(max-aspect-ratio:4/5){#frame{top:0;transform:translate(-50%)}}.resv{min-width:calc(var(--u) * 17);text-align:center;font-size:calc(var(--u) * 1.6)}.resv small{font-size:.7em;color:var(--cyan);margin-left:calc(var(--u) * .5)}
