:root{--accent: #e10600;--ink: #fff;--glass: rgba(12, 14, 20, .72);--font: "Arial Black", "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--body: -apple-system, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d12;color:var(--ink);font-family:var(--body)}body{touch-action:none;user-select:none;-webkit-user-select:none}#app canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:none}.hidden{display:none!important}button{font:700 16px var(--body);color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:12px 20px;cursor:pointer;pointer-events:auto}button:hover{background:#fff3}button.primary{background:var(--accent);border-color:var(--accent)}button.ghost{background:transparent;border-color:transparent;color:#bbb}button.danger{color:#ff8a80}.small{font-size:13px;color:#bbb}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.screen .panel,.screen>div{pointer-events:auto}.panel{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:24px 28px;max-width:640px;width:100%;display:flex;flex-direction:column;gap:12px}.panel h2{margin:0;font-family:var(--font);font-style:italic}.row{display:flex;gap:8px;flex-wrap:wrap}.title{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.6)}.logo{display:flex;flex-direction:column;line-height:.95;font-family:var(--font);font-style:italic}.logo .t1{font-size:clamp(36px,8vw,92px);letter-spacing:-1px}.logo .t2{font-size:clamp(22px,4.5vw,52px);color:#fff;background:var(--accent);padding:4px 18px;margin:8px auto 0;transform:skew(-12deg);text-shadow:none}.trackname{font-weight:800;letter-spacing:2px;opacity:.9}.press{font-size:18px}.blink{animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.35}}.warn{background:#ffc800e6;color:#111;padding:8px 14px;border-radius:8px;text-shadow:none;margin:0}.menu{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.help{font-size:13px;opacity:.75}.sponsor{position:fixed;bottom:14px;left:0;right:0;text-align:center;font-family:var(--font);letter-spacing:3px;font-size:14px;opacity:.9}.mini-board{background:var(--glass);padding:10px 16px;border-radius:12px;min-width:260px;text-shadow:none}.mini-board h4{margin:0 0 6px}.mini-board div{display:flex;gap:10px;font-size:15px}.mini-board span{width:18px;color:#aaa}.mini-board b{flex:1;text-align:left}.select{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:820px;align-self:flex-end;margin-bottom:4vh}.select h2{margin:0;font-family:var(--font);font-style:italic;font-size:30px;text-shadow:0 2px 10px #000}.cards{display:flex;gap:14px;width:100%}.card{flex:1;text-align:left;background:var(--glass);border:3px solid transparent;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.card.on{border-color:var(--c);box-shadow:0 0 24px var(--c)}.cname{font-family:var(--font);font-style:italic;font-size:24px;color:var(--c)}.cdesc{font-size:14px;color:#ddd;font-weight:500}.stat{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.stat span{width:62px;color:#bbb}.stat i{flex:1;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.stat i b{display:block;height:100%;background:var(--c)}.stat em{font-style:normal;width:70px;text-align:right}.finish,.board{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:22px 26px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:560px}.finish h2,.board h2{margin:0;font-family:var(--font);font-style:italic;text-align:center}.total{font-family:var(--font);font-size:54px;color:#ffe14d}.laps{width:100%}.laps div,.rows div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1);font-variant-numeric:tabular-nums}.laps .best em{color:#c77dff}.rank b{color:#ffe14d}.name{display:flex;gap:8px;width:100%}.name input{flex:1;font:700 20px var(--body);padding:10px 14px;border-radius:10px;border:2px solid rgba(255,255,255,.3);background:#0006;color:#fff;pointer-events:auto;user-select:text;-webkit-user-select:text}.rows{width:100%;max-height:50vh;overflow:auto}.rows div{gap:10px;align-items:baseline}.rows span{width:26px;color:#aaa}.rows b{flex:1}.rows small{color:#aaa;width:90px}.rows em{font-style:normal}.rows .dim{color:#888;font-size:12px;width:120px;text-align:right}.rows .me{background:#ffe14d2e}.hi{margin:0;font-size:20px}.hi b{color:#ffe14d}.hud{position:absolute;top:0;right:0;bottom:0;left:0;font-variant-numeric:tabular-nums}.hud .tl{position:absolute;top:14px;left:14px;background:var(--glass);border-left:5px solid var(--accent);border-radius:8px;padding:10px 14px;min-width:200px}.hud .lap{font-family:var(--font);font-style:italic;font-size:22px;margin-bottom:4px}.hud .row{display:flex;justify-content:space-between;gap:16px;font-size:16px}.hud .row span{color:#aaa;font-weight:700}.hud .total b{color:#ffe14d}.hud .lights{position:absolute;top:18%;left:50%;transform:translate(-50%);display:flex;gap:14px}.hud .lights i{width:46px;height:46px;border-radius:50%;background:#2a0000;border:4px solid #111;box-shadow:0 0 0 4px #222}.hud .lights i.on{background:#ff1a1a;box-shadow:0 0 30px #ff1a1a,0 0 0 4px #222}.hud .msg{position:absolute;top:34%;left:0;right:0;text-align:center;font-family:var(--font);font-style:italic;font-size:clamp(28px,6vw,60px);text-shadow:0 3px 14px #000}.hud .msg small{display:block;font-size:.45em;color:#ffe14d}.hud .br{position:absolute;right:18px;bottom:18px;background:var(--glass);border-radius:12px;padding:10px 16px 10px 70px;min-width:210px;text-align:right}.hud .speed b{font-family:var(--font);font-size:52px;line-height:1}.hud .speed span{margin-left:6px;color:#aaa;font-weight:700}.hud .gear{position:absolute;left:14px;top:8px;font-family:var(--font);font-size:22px;color:#ffe14d}.hud .gear:before{content:"GEAR";display:block;font:700 10px var(--body);color:#aaa}.hud .rpm{height:6px;background:#ffffff26;border-radius:3px;margin-top:6px;overflow:hidden}.hud .rpm i{display:block;height:100%;background:linear-gradient(90deg,#2ecc71,#f1c40f 70%,#e74c3c)}.minimap{position:absolute;left:14px;bottom:14px;width:170px;height:170px;background:#0c0e1473;border-radius:12px}.pause .panel{max-width:340px;align-items:stretch;text-align:center}.setup .panel{max-width:720px}.setup h3{margin:4px 0 0}.setup p{margin:0;line-height:1.6}.setup .panel>button{text-align:left}.axes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 14px;font-size:13px}.ax{display:flex;align-items:center;gap:6px}.ax span{width:36px;color:#aaa}.ax em{width:40px;text-align:right;font-style:normal;font-variant-numeric:tabular-nums}.ax i,.live i{position:relative;flex:1;height:10px;background:#ffffff26;border-radius:5px}.ax i b,.live i b{position:absolute;top:-2px;width:4px;height:14px;background:#ffe14d;margin-left:-2px}.live{display:flex;flex-direction:column;gap:8px}.live div{display:flex;align-items:center;gap:10px}.live i.fill b{position:static;display:block;height:100%;margin:0;background:var(--accent)}.btns{display:flex;flex-wrap:wrap;gap:4px}.btns span{width:26px;height:22px;font-size:11px;display:grid;place-items:center;border-radius:4px;background:#ffffff1a}.btns span.on{background:#ffe14d;color:#111}.hold{height:12px;background:#ffffff26;border-radius:6px;overflow:hidden}.hold i{display:block;height:100%;width:0;background:#2ecc71;transition:width .08s}#touchpad{position:absolute;top:0;right:0;bottom:0;left:0;display:none}#touchpad.show.race{display:block}#touchpad button{position:absolute;pointer-events:auto;background:#ffffff29;border:2px solid rgba(255,255,255,.35);border-radius:18px;font-size:26px;touch-action:none}#touchpad button.on{background:#ffffff73}#touchpad .tp-left button{bottom:22px;width:92px;height:92px}#touchpad .tp-left button:first-child{left:18px}#touchpad .tp-left button:last-child{left:124px}#touchpad .tp-right button{bottom:22px;width:96px;height:120px;font-size:16px}#touchpad .tp-gas{right:18px;background:#2ecc7159}#touchpad .tp-brake{right:128px;height:92px!important;background:#e74c3c59}#touchpad .tp-top button{top:14px;width:48px;height:48px;font-size:18px;padding:0;border-radius:12px}#touchpad .tp-top button:nth-child(1){right:130px}#touchpad .tp-top button:nth-child(2){right:74px}#touchpad .tp-top button:nth-child(3){right:18px}body.touch .minimap{display:none}body.touch .hud .br{bottom:auto;top:74px;right:14px;padding:6px 12px;min-width:130px}body.touch .hud .speed b{font-size:34px}@media (max-width: 700px){.cards{flex-direction:column}.hud .tl{min-width:150px;padding:6px 10px}.hud .row{font-size:13px}.hud .lights i{width:30px;height:30px}}body.touch .hud .br{padding-left:58px}body.touch .hud .gear{font-size:18px}body.touch .help{display:none}