:root{--font-display: "Lilita One", "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-body: "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-sign: "Oswald", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--chi-red: #e4002b;--chi-blue: #41b6e6;--cta-dark: #22272f;--cta-darker: #15181e;--star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 108 108'%3E%3Cpath d='M50,0L60.5,31.8L93.3,25L71,50L93.3,75L60.5,68.2L50,100L39.5,68.2L6.7,75L29,50L6.7,25L39.5,31.8Z' fill='%23E4002B' stroke='%23fff' stroke-width='7' stroke-linejoin='round' paint-order='stroke'/%3E%3C/svg%3E");--star-plain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 108 108'%3E%3Cpath d='M50,0L60.5,31.8L93.3,25L71,50L93.3,75L60.5,68.2L50,100L39.5,68.2L6.7,75L29,50L6.7,25L39.5,31.8Z' fill='%23E4002B'/%3E%3C/svg%3E");--red: #ff3b3b;--yellow: #ffd23f;--blue: #2f7bff;--green: #4bd36b;--purple: #9b5cff;--pink: #ff5cb6;--ink: #141a33;--panel: rgba(18, 24, 56, .82);--panel-light: rgba(255, 255, 255, .95);--shadow: 0 6px 0 rgba(0, 0, 0, .25), 0 12px 30px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d1230;font-family:var(--font-body);color:#fff;user-select:none;-webkit-user-select:none}#app,#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .pass-through{pointer-events:none}button{font-family:var(--font-display);cursor:pointer}#boot-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:linear-gradient(180deg,transparent 0 14%,rgba(65,182,230,.55) 14% 17%,transparent 17% 83%,rgba(65,182,230,.55) 83% 86%,transparent 86%),radial-gradient(circle at 50% 40%,#3a6cff,#1b2a7a 55%,#0d1230);z-index:50;transition:opacity .5s}#boot-loader.hidden{opacity:0;pointer-events:none}.boot-logo{font-family:var(--font-display);font-size:clamp(40px,8vw,96px);line-height:.9;text-align:center;color:var(--yellow);text-shadow:0 6px 0 #c2410c,0 10px 24px rgba(0,0,0,.5);letter-spacing:2px}.boot-logo span{font-size:.55em;color:#fff;text-shadow:0 5px 0 var(--chi-red),0 8px 18px rgba(0,0,0,.5)}.boot-stars{display:flex;gap:clamp(14px,3vw,30px)}.boot-stars svg,.star-row svg{width:clamp(26px,4vw,44px);height:auto;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3));animation:starTwinkle 2.4s ease-in-out infinite}.boot-stars svg:nth-child(2),.star-row svg:nth-child(2){animation-delay:.3s}.boot-stars svg:nth-child(3),.star-row svg:nth-child(3){animation-delay:.6s}.boot-stars svg:nth-child(4),.star-row svg:nth-child(4){animation-delay:.9s}@keyframes starTwinkle{0%,70%,to{transform:none}80%{transform:scale(1.18) rotate(30deg)}}.boot-tag{font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:3px;font-size:clamp(13px,1.6vw,18px);opacity:.9}.boot-bar{position:relative;width:min(420px,70vw);height:22px;border-radius:12px;overflow:visible;border:3px solid #fff;background:linear-gradient(180deg,#fff 0 18%,var(--chi-blue) 18% 34%,#fff 34% 66%,var(--chi-blue) 66% 82%,#fff 82%);box-shadow:0 4px #00000040}.boot-bar div{position:relative;height:100%;width:0;border-radius:9px 0 0 9px;background:linear-gradient(180deg,#ff3355,var(--chi-red));transition:width .25s}.boot-bar div:after{content:"";position:absolute;right:-15px;top:50%;width:30px;height:30px;margin-top:-15px;background:var(--star) center / contain no-repeat;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;padding:3vh 3vw;animation:screenIn .35s ease-out}@keyframes screenIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.screen-title{font-family:var(--font-display);font-size:clamp(28px,4.4vw,52px);color:#fff;margin:0 0 1vh;letter-spacing:1px;line-height:1.15;display:inline-flex;align-items:center;gap:.3em;padding:.08em .55em .16em;border-radius:14px;border:3px solid #fff;background:linear-gradient(180deg,var(--cta-dark),var(--cta-darker));box-shadow:inset 0 -6px 0 var(--chi-blue),0 6px #00000040,0 10px 24px #0000004d;text-shadow:0 3px 0 rgba(0,0,0,.45);align-self:center;max-width:96vw}.screen-title:before,.screen-title:after{content:"";flex:none;width:.68em;height:.68em;background:var(--star) center / contain no-repeat}.screen-sub{font-size:clamp(14px,1.6vw,20px);opacity:.9;margin-bottom:2vh;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 45%,#05081ea6)}.btn{font-family:var(--font-display);font-size:clamp(18px,2.2vw,28px);color:#fff;border:4px solid #fff;border-radius:18px;padding:10px 28px;min-width:220px;background:linear-gradient(180deg,#ff6b4a,#e8332a);box-shadow:var(--shadow);transition:transform .12s,filter .12s,box-shadow .12s;letter-spacing:1px;text-shadow:0 3px 0 rgba(0,0,0,.25);outline:none}.btn:hover,.btn:focus-visible,.btn.focus{transform:translateY(-3px) scale(1.04);filter:brightness(1.1);box-shadow:0 9px #00000040,0 0 0 6px #ffd23fbf,0 16px 34px #00000059}.btn:active{transform:translateY(2px) scale(.98)}.btn{background:linear-gradient(180deg,#ff4d5e,#c60c30)}.btn.blue{background:linear-gradient(180deg,#33bdf2,#0079b8)}.btn.green{background:linear-gradient(180deg,#3fd06e,#00873a)}.btn.purple{background:linear-gradient(180deg,#9a6be0,#522398)}.btn.yellow{background:linear-gradient(180deg,#fff066,#f5b800);color:#3a2400;text-shadow:none}.btn.gray{background:linear-gradient(0deg,var(--chi-blue) 0 5px,transparent 5px),linear-gradient(180deg,#4a515e,#262b33)}.btn.small{font-size:18px;padding:6px 16px;min-width:0;border-width:3px;border-radius:14px}.btn-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.panel{background:linear-gradient(180deg,var(--chi-blue) 0 3px,transparent 3px 7px,var(--chi-blue) 7px 10px) top 7px center / calc(100% - 44px) 10px no-repeat,var(--panel);border:3px solid rgba(255,255,255,.85);border-radius:22px;box-shadow:var(--shadow);padding:22px 22px 18px;backdrop-filter:blur(6px)}.line-bullet{flex:none;display:inline-grid;place-items:center;width:1.75em;height:1.75em;border-radius:50%;background:var(--line, var(--chi-red));border:3px solid #fff;font-size:.8em;line-height:1;box-shadow:0 2px #00000059;text-shadow:none}.btn.cta{display:flex;align-items:center;gap:12px;text-align:left;padding:6px 18px 10px 8px;border-radius:14px;border:3px solid #fff;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#333a45 0%,var(--cta-dark) 55%,var(--cta-darker) 100%);box-shadow:inset 0 -6px 0 var(--line, var(--chi-red)),var(--shadow)}.btn.cta .cta-label{flex:1;white-space:nowrap}.btn.cta .cta-sub{font-size:.48em;letter-spacing:2px;opacity:.75;white-space:nowrap;align-self:center;padding-left:8px;border-left:2px solid rgba(255,255,255,.35)}.btn.cta .cta-sub:after{content:" ›"}.btn.cta:hover,.btn.cta:focus-visible,.btn.cta.focus{box-shadow:inset 0 -6px 0 var(--line),0 9px #00000040,0 0 0 6px #ffd23fcc,0 16px 34px #00000059}.btn.cta:hover .line-bullet,.btn.cta:focus-visible .line-bullet,.btn.cta:focus .line-bullet{transform:scale(1.12) rotate(-8deg)}.btn.cta.small{font-size:18px;padding:5px 14px 8px 6px;gap:8px}.btn.cta.small .cta-sub{display:none}.made-in{position:fixed;left:16px;bottom:12px;display:flex;align-items:center;gap:8px;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:13px;padding:4px 12px 4px 6px;border-radius:10px;background:#15181ec7;border:2px solid rgba(255,255,255,.8);pointer-events:none}.made-in .chi-flag{width:46px;height:auto;border-radius:3px;display:block}.title-screen{justify-content:center}.logo{text-align:center;font-family:var(--font-display);line-height:.85;margin-bottom:4vh;animation:logoBob 3s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}.logo .l1{font-size:clamp(54px,10vw,140px);color:var(--yellow);letter-spacing:3px;-webkit-text-stroke:4px #7a2a00;text-shadow:0 8px 0 #c2410c,0 14px 0 rgba(0,0,0,.25);display:block}.logo .l2{font-size:clamp(28px,5vw,70px);color:#fff;-webkit-text-stroke:3px #8a0f0f;text-shadow:0 6px 0 var(--chi-red),0 10px 0 rgba(0,0,0,.25);letter-spacing:6px;display:block;margin-top:8px}.logo .flag{display:inline-block;vertical-align:.02em;animation:flagWave 1s ease-in-out infinite alternate}.logo .flag svg{width:.78em;height:.78em;display:block;filter:drop-shadow(0 4px 0 rgba(0,0,0,.3))}.logo .flag+.flag{animation-direction:alternate-reverse}.logo .l3{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:6px 26px;border-radius:10px;border:3px solid #fff;background:linear-gradient(180deg,#fff 0 14%,var(--chi-blue) 14% 28%,#fff 28% 72%,var(--chi-blue) 72% 86%,#fff 86%);box-shadow:0 5px #00000040}.logo .l3 .star-row{display:flex;gap:clamp(14px,2.6vw,34px)}.logo .l3 .star-row svg{width:clamp(22px,2.9vw,38px);filter:none}.logo .l3{gap:clamp(12px,1.8vw,24px)}.logo .l3 .sweet{font-family:var(--font-display);font-size:clamp(18px,2.5vw,34px);color:var(--chi-red);letter-spacing:1px;line-height:1.1;-webkit-text-stroke:0;text-shadow:0 2px 0 rgba(255,255,255,.9);white-space:nowrap}@keyframes logoBob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes flagWave{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.menu-list{display:flex;flex-direction:column;gap:14px;align-items:center}.menu-list .btn{min-width:300px}.footer-hint{position:fixed;bottom:14px;left:0;right:0;text-align:center;font-size:15px;opacity:.85;text-shadow:0 2px 4px rgba(0,0,0,.7);pointer-events:none}.corner-stats{position:fixed;top:14px;right:18px;font-size:15px;text-align:right;text-shadow:0 2px 4px rgba(0,0,0,.7)}.press-start{font-family:var(--font-display);font-size:clamp(22px,3vw,36px);animation:blink 1.2s infinite;text-shadow:0 4px 0 rgba(0,0,0,.4);padding:4px 24px 8px;border-radius:999px;background:#15181eb8;border:3px solid #fff;box-shadow:inset 0 -5px 0 var(--chi-red),0 6px #00000040}.title-tagline{margin-top:2.2vh;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:3px;font-size:clamp(13px,1.4vw,17px);text-shadow:0 2px 4px rgba(0,0,0,.8);opacity:.95}@keyframes blink{50%{opacity:.25}}.char-screen{justify-content:space-between}.char-top{text-align:center}.char-info{position:fixed;left:3vw;top:18vh;width:min(360px,30vw)}.char-info h2{font-family:var(--font-display);font-size:clamp(32px,4vw,56px);margin:0;line-height:1;text-shadow:0 4px 0 rgba(0,0,0,.35)}.char-info .title{font-size:22px;font-weight:800;margin:4px 0 8px}.char-info .tag{font-size:16px;opacity:.92;margin-bottom:12px}.stat{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px;margin:6px 0;font-weight:700;font-size:16px}.stat .bar{display:flex;gap:4px}.stat .pip{flex:1;height:14px;border-radius:7px;background:#ffffff2e}.stat .pip.on{background:linear-gradient(180deg,#ffe066,#ff9d00);box-shadow:0 0 8px #ffc80099}.special-box{margin-top:14px;padding:10px 12px;border-radius:14px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.4)}.special-box b{font-family:var(--font-display);font-size:20px;color:var(--yellow);display:block}.char-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:1vh}.char-card{width:clamp(96px,11vw,150px);border-radius:18px;border:4px solid rgba(255,255,255,.7);background:#0a1030bf;padding:6px;text-align:center;font-family:var(--font-display);font-size:clamp(16px,1.6vw,22px);color:#fff;box-shadow:var(--shadow);transition:transform .15s,border-color .15s;position:relative}.char-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block;background:radial-gradient(circle,#ffffff59,#ffffff0d)}.char-card:hover,.char-card:focus-visible{transform:translateY(-6px);outline:none}.char-card.selected{border-color:var(--yellow);transform:translateY(-10px) scale(1.06);box-shadow:0 0 0 5px #ffd23f8c,var(--shadow)}.char-card .p-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--red);border:2px solid #fff;border-radius:10px;font-size:14px;padding:0 8px}.char-card .p-tag.p2{background:var(--blue)}.drag-hint{position:fixed;right:3vw;top:50%;font-size:14px;opacity:.7;transform:translateY(-50%);writing-mode:vertical-rl;pointer-events:none}.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px;width:min(1260px,96vw)}.track-card{border-radius:20px;border:4px solid rgba(255,255,255,.75);background:#0a1030d1;overflow:hidden;color:#fff;text-align:left;padding:0;box-shadow:var(--shadow);transition:transform .15s;font-family:var(--font-body)}.track-card:hover,.track-card:focus-visible,.track-card.selected{transform:translateY(-6px) scale(1.03);border-color:var(--yellow);outline:none}.track-card canvas{width:100%;display:block;aspect-ratio:16/10}.track-card{background:linear-gradient(180deg,var(--cta-dark),var(--cta-darker))}.track-card canvas{border-bottom:6px solid var(--line, var(--chi-red))}.track-card{display:flex;flex-direction:column;justify-content:flex-start}.track-card .tc-body{padding:8px 14px 12px;width:100%}.track-card h3{font-family:var(--font-display);font-size:clamp(17px,1.55vw,22px);margin:0 0 4px;line-height:1.1}.tc-line{display:flex;align-items:center;gap:7px;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden}.tc-line .line-bullet{font-size:13px;border-width:2px;width:1.6em;height:1.6em}.tc-line .ln{color:var(--line-text, #fff);background:var(--line);padding:0 7px;border-radius:5px}.tc-line .ns{opacity:.95;overflow:hidden;text-overflow:ellipsis;font-size:12px}.tc-line .ns b{font-size:13px}.track-card .meta span{white-space:nowrap}.tc-line .lnm{display:none}@media(max-height:520px){.tc-line .lnm{display:inline}}.tc-line .ns b{color:var(--yellow);font-weight:700}.track-card .meta{font-size:clamp(12px,1.05vw,14px);opacity:.9;display:flex;justify-content:space-between;gap:8px}.stars{color:var(--yellow);letter-spacing:2px}.options-row{display:flex;gap:14px;align-items:center;margin:2vh 0;flex-wrap:wrap;justify-content:center}.seg{display:inline-flex;border:3px solid #fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.seg button{font-size:18px;border:0;padding:8px 18px;background:#0a1030d9;color:#fff}.seg button.on{background:linear-gradient(180deg,#ffe066,#f5a700);color:#4a2a00}.seg button:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}.label{font-family:var(--font-display);font-size:20px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.hud{position:fixed;inset:0;pointer-events:none;font-family:var(--font-display)}.hud-view{position:absolute;left:0;right:0;overflow:hidden}.hud .pos{position:absolute;right:2.2vw;bottom:2vh;font-size:clamp(54px,9vh,110px);line-height:1;color:#fff;-webkit-text-stroke:3px #1a1a40;text-shadow:0 6px 0 rgba(0,0,0,.35)}.hud .pos sup{font-size:.45em;vertical-align:top;margin-left:2px}.hud .pos.p1{color:var(--yellow)}.hud .pos.p2{color:#e4e9f2}.hud .pos.p3{color:#ffa25a}.hud .pos.bump{animation:posBump .35s}@keyframes posBump{0%{transform:scale(1.35)}to{transform:scale(1)}}.hud .lap{position:absolute;left:2vw;top:2vh;font-size:clamp(24px,4vh,40px);text-shadow:0 3px 0 rgba(0,0,0,.45)}.hud .lap small{font-size:.55em;opacity:.85;display:block}.hud .timer{position:absolute;right:2vw;top:2vh;font-size:clamp(20px,3.4vh,34px);text-shadow:0 3px 0 rgba(0,0,0,.45);text-align:right}.hud .timer small{display:block;font-size:.55em;opacity:.85}.hud .speed{position:absolute;left:2vw;bottom:2vh;font-size:clamp(28px,5vh,48px);text-shadow:0 3px 0 rgba(0,0,0,.45)}.hud .speed small{font-size:.5em;opacity:.85}.hud .drift{position:absolute;left:2vw;bottom:calc(2vh + clamp(40px,7vh,64px));width:clamp(150px,18vw,230px);height:14px;border-radius:8px;background:#00000073;border:2px solid rgba(255,255,255,.8);overflow:hidden}.hud .drift div{height:100%;width:0%;background:#6ab8ff;transition:background .2s}.hud .item-slot{position:absolute;left:50%;top:1.5vh;transform:translate(-50%);width:clamp(70px,11vh,110px);height:clamp(70px,11vh,110px);border-radius:22px;background:radial-gradient(circle,#ffffff59,#141a46bf);border:4px solid #fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-size:clamp(40px,6.5vh,66px)}.hud .item-slot.rolling{animation:wobble .15s infinite}@keyframes wobble{50%{transform:translate(-50%) rotate(6deg) scale(1.05)}}.hud .item-name{position:absolute;left:50%;top:calc(1.5vh + clamp(74px,11.6vh,116px));transform:translate(-50%);font-size:16px;text-shadow:0 2px 0 rgba(0,0,0,.6);white-space:nowrap}.hud .special{position:absolute;left:calc(50% + clamp(50px,7.5vh,78px));top:2.5vh;width:clamp(54px,8vh,80px);height:clamp(54px,8vh,80px);border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,1.4vh,14px);text-align:center;line-height:1;box-shadow:var(--shadow)}.hud .special.ready{animation:pulse .9s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #ffd23f80,var(--shadow)}}.hud .special span{position:relative;z-index:1;text-shadow:0 2px 0 rgba(0,0,0,.6);padding:2px}.hud .board{position:absolute;left:2vw;top:calc(2vh + clamp(60px,9vh,90px));display:flex;flex-direction:column;gap:3px;font-family:var(--font-body);font-weight:800}.hud .board .row{display:flex;align-items:center;gap:6px;background:#0a0e2899;border-radius:10px;padding:1px 10px 1px 4px;font-size:clamp(12px,1.7vh,16px);transition:transform .3s;min-width:130px}.hud .board .row.me{background:#ffd23fd9;color:#2a1a00}.hud .board .row img{width:22px;height:22px;border-radius:50%;background:#ffffff4d}.hud .board .row .n{width:16px;text-align:right}.hud .minimap{position:absolute;right:1.5vw;top:calc(2vh + clamp(52px,8vh,76px));width:clamp(140px,22vh,220px);height:clamp(140px,22vh,220px);border-radius:50%;background:#0a0e2873;border:3px solid rgba(255,255,255,.8)}.hud .center-msg{position:absolute;left:0;right:0;top:34%;text-align:center;font-size:clamp(60px,14vh,150px);color:var(--yellow);-webkit-text-stroke:4px #7a2a00;text-shadow:0 8px 0 #c2410c,0 14px 30px rgba(0,0,0,.4);opacity:0}.hud .center-msg.show{animation:popMsg 1s ease-out forwards}.hud .center-msg.sticky{opacity:1;animation:none}@keyframes popMsg{0%{opacity:0;transform:scale(2.2)}15%{opacity:1;transform:scale(.9)}25%{transform:scale(1.05)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.hud .toast{position:absolute;left:50%;top:22%;transform:translate(-50%);font-size:clamp(24px,4.5vh,44px);color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.45);white-space:nowrap;opacity:0}.hud .toast.show{animation:toastIn 1.6s ease-out forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.08)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px)}}.hud .wrong-way{position:absolute;left:50%;top:45%;transform:translate(-50%);font-size:clamp(30px,6vh,60px);color:#ff4040;-webkit-text-stroke:2px #fff;display:none;animation:blink .6s infinite}.hud .split-line{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:linear-gradient(90deg,var(--red),var(--yellow),var(--blue));box-shadow:0 0 12px #0009}.hud .controls-hint{position:absolute;left:50%;bottom:2vh;transform:translate(-50%);font-family:var(--font-body);font-weight:700;font-size:14px;background:#0a0e2899;padding:6px 14px;border-radius:12px;white-space:nowrap;transition:opacity 1s}.hud .ghost-tag{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);font-size:18px;opacity:.9}.split .hud-view .pos{font-size:clamp(36px,6vh,70px)}.split .hud-view .minimap,.split .hud-view .board{display:none}.debug-overlay{position:fixed;left:8px;bottom:8px;font:12px/1.35 ui-monospace,Menlo,monospace;background:#000000a6;color:#9fffa0;padding:8px 10px;border-radius:8px;white-space:pre;pointer-events:none;z-index:30}.fps{position:fixed;right:8px;bottom:8px;font:12px ui-monospace,monospace;background:#00000080;padding:3px 6px;border-radius:6px;pointer-events:none;z-index:30}.modal-bg{position:fixed;inset:0;background:#080a1e99;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:screenIn .2s;z-index:20}.modal{min-width:min(420px,90vw);max-width:92vw;max-height:92vh;overflow:auto;text-align:center}.modal h2{font-family:var(--font-display);font-size:44px;margin:0 0 14px;text-shadow:0 4px 0 rgba(0,0,0,.35)}.modal .menu-list .btn{min-width:260px}.settings{width:min(640px,94vw);text-align:left}.settings .row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;align-items:center;margin:10px 0;font-weight:700;font-size:18px}.settings input[type=range]{width:100%;accent-color:var(--yellow)}.settings select{font-family:var(--font-body);font-size:16px;padding:4px 8px;border-radius:10px}.settings .keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px;font-size:14px;margin-top:6px}.settings .keys button{font-family:var(--font-body);font-weight:700;font-size:13px;border-radius:8px;border:2px solid #fff;background:#ffffff1f;color:#fff;padding:4px}.settings .keys button.listening{background:var(--yellow);color:#000}.settings h3{font-family:var(--font-display);margin:18px 0 4px;font-size:22px}.results{position:fixed;right:3vw;top:6vh;width:min(560px,92vw)}.results h2{font-family:var(--font-display);font-size:clamp(32px,4.5vw,54px);margin:0 0 6px;text-shadow:0 4px 0 rgba(0,0,0,.35)}.results table{width:100%;border-collapse:separate;border-spacing:0 5px;font-weight:800;font-size:clamp(14px,1.6vw,18px)}.results td{padding:4px 8px;background:#ffffff14}.results td:first-child{border-radius:12px 0 0 12px;font-family:var(--font-display);font-size:1.3em;width:44px;text-align:center}.results td:last-child{border-radius:0 12px 12px 0;text-align:right}.results tr.me td{background:#ffd23fe6;color:#2a1a00}.results tr{animation:rowIn .4s backwards}@keyframes rowIn{0%{opacity:0;transform:translate(40px)}}.results img{width:34px;height:34px;border-radius:50%;vertical-align:middle;margin-right:6px;background:#ffffff4d}.results .records{margin:8px 0;font-size:18px;color:var(--yellow)}.results .btn-row{margin-top:14px}.results .btn{min-width:0;font-size:20px}.winner-banner{position:fixed;left:3vw;bottom:6vh;font-family:var(--font-display);font-size:clamp(36px,6vw,80px);color:var(--yellow);-webkit-text-stroke:3px #7a2a00;text-shadow:0 6px 0 #c2410c;animation:logoBob 2.4s infinite;pointer-events:none}.loading-screen{justify-content:center;background-size:cover;background-position:center}.loading-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0e2833,#0a0e28d9)}.loading-box{position:relative;text-align:center;margin-top:auto;margin-bottom:8vh}.loading-box h2{font-family:var(--font-display);font-size:clamp(34px,5vw,64px);margin:0;text-shadow:0 5px 0 rgba(0,0,0,.4)}.loading-box .tip{font-size:18px;margin:10px 0 16px;opacity:.95}.loading-box .boot-bar{margin:0 auto}.standings td:nth-child(3){text-align:right}@media(max-width:800px){.char-info{position:static;width:92vw}.hud .minimap{display:none}.menu-list .btn{min-width:240px}}.screen{overflow-y:auto}@media(max-height:620px){.char-card{width:clamp(70px,9vw,110px);font-size:14px}.char-info{top:12vh;padding:10px 14px}.char-info .tag,.stat{font-size:13px}.screen-title{font-size:28px}.menu-list{gap:8px}.menu-list .btn,.btn{font-size:18px;padding:6px 18px}.logo{margin-bottom:2vh}}#ui .pass-through .panel,#ui .pass-through button{pointer-events:auto}.pad-only{display:none}body.pad-mode .pad-only{display:inline}body.pad-mode .kb-only{display:none}body.pad-mode :focus-visible,body.pad-mode .btn:focus{outline:none}body.pad-mode .btn:focus,body.pad-mode .char-card:focus,body.pad-mode .track-card:focus{transform:translateY(-4px) scale(1.05);box-shadow:0 0 0 6px #ffd23fe6,var(--shadow)}.toast-pad{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#0a0e28d9;border:2px solid #fff;border-radius:14px;padding:8px 18px;font-family:var(--font-display);font-size:18px;z-index:40;pointer-events:none;animation:screenIn .3s}.touch-only{display:none}body.touch-mode .touch-only{display:inline}body.touch-mode .kb-only,body.touch-mode .pad-only{display:none}html,body{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none}button,.char-card,.track-card{touch-action:manipulation}.screen{touch-action:pan-y}.touch-controls{display:none;position:fixed;inset:0;pointer-events:none;z-index:10}body.touch-mode .touch-controls{display:block}.touch-steer-zone{position:absolute;left:0;bottom:0;width:50%;height:62%;pointer-events:auto;touch-action:none}.touch-stick{position:absolute;left:22%;top:62%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#ffffff38);border:3px solid rgba(255,255,255,.55);opacity:.55;transition:opacity .15s}.touch-stick:before,.touch-stick:after{content:"◀";position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#ffffffb3;font-size:22px}.touch-stick:after{content:"▶";left:auto;right:10px}.touch-stick.active{opacity:1}.touch-knob{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd23f 55%,#f59e0b);border:3px solid #fff;box-shadow:0 6px 14px #00000059}.touch-steer-hint{position:absolute;left:22%;bottom:8%;transform:translate(-50%);font-family:var(--font-display);font-size:16px;opacity:.75;text-shadow:0 2px 3px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.touch-buttons{position:absolute;right:2vw;bottom:3vh;width:min(46vw,330px);height:min(58vh,300px);pointer-events:none}.touch-btn{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;pointer-events:auto;touch-action:none;font-size:30px;line-height:1;color:#fff;border:3px solid rgba(255,255,255,.85);box-shadow:0 6px #00000040,0 8px 18px #0000004d;transition:transform .08s,filter .08s;user-select:none;-webkit-user-select:none}.touch-btn small{font-family:var(--font-display);font-size:12px;margin-top:2px;letter-spacing:.5px}.touch-btn.on{transform:scale(.92);filter:brightness(1.25)}.touch-btn.drift{right:0;bottom:0;width:120px;height:120px;background:radial-gradient(circle at 35% 30%,#8fd0ff,#2f7bff 70%);font-size:40px}.touch-btn.brake{right:132px;bottom:0;width:82px;height:82px;background:radial-gradient(circle at 35% 30%,#ff9a9a,#d62b2b 70%)}.touch-btn.item{right:128px;bottom:96px;width:84px;height:84px;background:radial-gradient(circle at 35% 30%,#ffe680,#f5a700 70%);opacity:.55}.touch-btn.special{right:18px;bottom:136px;width:84px;height:84px;background:radial-gradient(circle at 35% 30%,#d8b4ff,#7b3fe0 70%);opacity:.55}.touch-btn.item.ready,.touch-btn.special.ready{opacity:1;animation:pulse .9s infinite}.touch-pause{position:absolute;left:calc(50% - clamp(110px,16vh,150px));top:1.8vh;width:52px;height:52px;border-radius:50%;pointer-events:auto;border:3px solid #fff;background:#0a0e28b3;color:#fff;font-size:22px;box-shadow:var(--shadow)}body.touch-mode .hud .controls-hint{display:none}body.touch-mode .hud .speed{left:auto;right:calc(2vw + min(46vw,330px) + 10px);bottom:3vh;font-size:clamp(22px,4vh,36px)}body.touch-mode .hud .drift{left:50%;transform:translate(-50%);bottom:2vh;width:clamp(120px,22vw,200px)}body.touch-mode .hud .pos{right:2vw;bottom:auto;top:calc(2vh + clamp(52px,8vh,76px) + clamp(140px,22vh,220px) + 8px);font-size:clamp(40px,8vh,80px)}@media(max-height:520px){body.touch-mode .hud .minimap{width:110px;height:110px}body.touch-mode .hud .pos{top:calc(2vh + 170px)}body.touch-mode .hud .board{display:none}.touch-buttons{transform:scale(.85);transform-origin:bottom right}}.rotate-hint{display:none}@media(orientation:portrait)and (max-width:600px){body.touch-mode .rotate-hint{display:flex;position:fixed;inset:0;z-index:60;background:#0a0e28eb;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-family:var(--font-display);font-size:26px;text-align:center;padding:24px}body.touch-mode .rotate-hint span{font-size:64px;animation:rotateIcon 1.6s ease-in-out infinite}}@keyframes rotateIcon{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}body.touch-mode .hud .speed{left:50%;right:auto;transform:translate(-50%);bottom:calc(2vh + 18px)}@media(max-height:520px){body.touch-mode .hud .pos{left:2vw;right:auto;top:calc(2vh + 40px);font-size:46px}}@media(max-height:520px){.screen{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.screen-title{font-size:26px;margin:0}.screen-sub{font-size:13px;margin-bottom:6px}.footer-hint,.corner-stats{display:none}.logo{margin-bottom:8px}.logo .l1{font-size:56px;-webkit-text-stroke-width:3px}.logo .l2{font-size:26px;margin-top:2px}.menu-list{gap:7px}.menu-list .btn{min-width:250px;font-size:18px;padding:5px 16px;border-width:3px}.menu-list .btn-row .btn{min-width:118px}.btn{font-size:17px;padding:5px 16px;min-width:0;border-width:3px;border-radius:14px}.char-screen{justify-content:flex-start}.char-top{align-self:center}.char-info{position:fixed;left:max(10px,env(safe-area-inset-left));top:50px;bottom:10px;width:min(250px,32vw);padding:10px 12px;overflow-y:auto;border-radius:16px}.char-info h2{font-size:26px}.char-info .title{font-size:15px;margin:0 0 4px}.char-info .tag{display:none}.stat{grid-template-columns:82px 1fr;font-size:12px;margin:3px 0}.stat .pip{height:9px}.special-box{margin-top:8px;padding:6px 8px;font-size:12px;line-height:1.25}.special-box b{font-size:15px}.char-screen>div:last-child{position:fixed;right:max(10px,env(safe-area-inset-right));top:50px;bottom:10px;width:min(260px,32vw);display:flex;flex-direction:column;justify-content:space-between}.char-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.char-card{width:auto;padding:3px;border-width:3px;border-radius:12px;font-size:12px}.char-card.selected{transform:scale(1.04)}.char-card img{border-radius:8px}.char-screen .btn-row{flex-wrap:nowrap;gap:8px}.char-screen .btn-row .btn{flex:1}.options-row{margin:4px 0;gap:8px}.label{font-size:15px}.seg button{font-size:14px;padding:4px 12px}.track-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;width:100%;padding:6px 4px 10px;-webkit-overflow-scrolling:touch;touch-action:pan-x}.track-card{flex:0 0 min(210px,42vw);scroll-snap-align:center;border-width:3px}.track-card:hover,.track-card:focus-visible,.track-card.selected{transform:scale(1.02)}.track-card canvas{aspect-ratio:16/9}.track-card .tc-body{padding:6px 10px 8px}.track-card h3{font-size:16px}.track-card .meta{font-size:11px}.results{top:max(6px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:min(470px,62vw);max-height:calc(100% - 12px);display:flex;flex-direction:column;padding:10px 14px}.results h2{font-size:24px;margin:0}.results .screen-sub{margin:0!important}.results table{font-size:12px;border-spacing:0 3px}.results td{padding:2px 6px}.results td:first-child{font-size:1.1em;width:34px}.results img{width:22px;height:22px}.results .records{margin:2px 0;font-size:13px}.results .btn-row{margin-top:8px;flex-wrap:nowrap}.results .btn{font-size:14px;padding:5px 10px}.winner-banner{font-size:34px;bottom:4vh;-webkit-text-stroke-width:2px}.modal h2{font-size:30px;margin-bottom:8px}.modal{padding:12px 16px}.settings .row{margin:5px 0;font-size:15px}.loading-box h2{font-size:32px}.loading-box .tip{font-size:14px}}.hud .lap,.hud .board{left:max(2vw,env(safe-area-inset-left))}.hud .timer,.hud .minimap{right:max(1.5vw,env(safe-area-inset-right))}.touch-buttons{right:max(2vw,env(safe-area-inset-right));bottom:max(3vh,env(safe-area-inset-bottom))}.touch-steer-zone{padding-left:env(safe-area-inset-left)}@media(max-width:800px){body.touch-mode .hud .minimap{display:block;width:96px;height:96px}}@media(max-height:520px){.garage-recs{display:none}}.touch-btn.gas{right:132px;bottom:96px;width:82px;height:82px;background:radial-gradient(circle at 35% 30%,#a6f5b5,#26a447 70%)}.touch-controls.manual-gas .touch-btn.item{right:226px;bottom:30px}.touch-buttons{transform-origin:bottom right}.touch-controls.size-s .touch-buttons{transform:scale(.8)}.touch-controls.size-l .touch-buttons{transform:scale(1.18)}.touch-controls.size-s .touch-stick{transform:scale(.85)}.touch-controls.size-l .touch-stick{transform:scale(1.15)}.touch-controls.lefty .touch-steer-zone{left:auto;right:0}.touch-controls.lefty .touch-buttons{right:auto;left:max(2vw,env(safe-area-inset-left));transform-origin:bottom left}.touch-controls.lefty .touch-btn{right:auto}.touch-controls.lefty .touch-btn.drift{left:0}.touch-controls.lefty .touch-btn.brake{left:132px}.touch-controls.lefty .touch-btn.item{left:128px}.touch-controls.lefty .touch-btn.special{left:18px}.touch-controls.lefty .touch-btn.gas{left:132px}.touch-controls.lefty.manual-gas .touch-btn.item{left:226px}body.touch-mode .kb-section{display:none}body.touch-mode .settings input[type=checkbox]{width:26px;height:26px;accent-color:var(--yellow)}body.touch-mode .settings select{font-size:16px;padding:6px 10px}body.touch-mode .settings input[type=range]{height:28px}.modal-bg,.modal,.settings,.char-info,.results,.garage-recs{touch-action:pan-y}.track-grid{touch-action:pan-x pan-y}@media(hover:none){.btn:hover,.char-card:hover,.track-card:hover{transform:none;filter:none}.btn:active,.char-card:active,.track-card:active{transform:none;filter:brightness(1.2)}.btn.tapped,.char-card.tapped,.track-card.tapped{filter:brightness(1.25)}}@media(min-height:521px)and (max-height:860px){.char-info{top:12vh;padding:12px 16px}.char-info h2{font-size:40px}.char-info .tag{display:none}.stat{margin:3px 0;font-size:14px}.special-box{margin-top:8px;padding:8px 10px;font-size:13px}}.marquee{position:relative;--bulb: 16px;color:#fff6cf;border:3px solid #ffd23f;border-radius:16px;background:radial-gradient(ellipse at 50% 0%,#ff5a68,#c60c30 55%,#7a0018);box-shadow:0 0 0 3px #7a0018,0 8px #00000040,0 14px 30px #00000059}.marquee:before{content:"";position:absolute;inset:2px;border-radius:inherit;padding:var(--bulb);pointer-events:none;background:radial-gradient(circle,#fffbe0 0 16%,#ffc83d 27%,#ffc83d00 48%) 0 0 / var(--bulb) var(--bulb);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bulbChase .7s steps(1) infinite}@keyframes bulbChase{50%{background-position:calc(var(--bulb) / 2) 0}}.hud .center-msg{left:0;right:0;margin:0 auto;width:fit-content;min-width:2.1em;max-width:94%;white-space:nowrap;--bulb: .16em;padding:.14em .42em .2em;border-radius:.2em;line-height:1}.hud .center-msg:not(.show):not(.sticky):before{animation:none}.hud .center-msg small{display:block;margin-top:.12em;font-family:var(--font-sign);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.26em;color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 0 #5a0012}.split .hud-view .center-msg{font-size:clamp(40px,9vh,90px)}.hud .lap,.hud .timer{font-family:var(--font-sign);font-weight:700;line-height:1.08;letter-spacing:1px;font-variant-numeric:tabular-nums;background:#15181ed1;border:2px solid rgba(255,255,255,.85);border-radius:12px;padding:3px 14px 5px;text-shadow:0 2px 0 rgba(0,0,0,.6)}.hud .lap{box-shadow:inset 6px 0 0 var(--chi-red),0 4px #00000040;padding-left:16px;font-size:clamp(22px,3.8vh,38px)}.hud .timer{box-shadow:inset -6px 0 0 var(--chi-blue),0 4px #00000040;padding-right:16px;font-size:clamp(19px,3.2vh,32px)}.hud .lap .lap-n,.hud .timer{color:#ffbf3c}.hud .lap small,.hud .timer small{font-family:var(--font-sign);font-weight:500;text-transform:uppercase;letter-spacing:1.5px;font-size:.48em;color:#fff;opacity:.92}.hud .lap small b{color:#7fd8ff;font-weight:600}.hud .board{top:calc(2vh + clamp(62px,9.4vh,94px))}.hud .pos{padding:.1em .12em .04em .16em;background:var(--star) 42% 55% / 1.5em 1.5em no-repeat;-webkit-text-stroke-color:#2a0610}.hud .pos.p3{color:#ffd9a8}.hud .item-slot{border-color:#fff;box-shadow:0 0 0 4px var(--chi-blue),var(--shadow)}.hud .item-slot:after{content:"";position:absolute;right:-12px;top:-12px;width:30px;height:30px;background:var(--star) center / contain no-repeat}.hud .item-name{font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#15181ec7;padding:0 10px 1px;border-radius:8px}.hud .item-name:empty{display:none}.hud .minimap{border-color:var(--chi-blue);box-shadow:0 0 0 2px #fff}.hud .board .row{border-left:4px solid var(--chi-blue)}.hud .board .row.me{border-left-color:var(--chi-red)}.hud .toast{-webkit-text-stroke:1.5px #1a1a40}.hud .drift{border-color:#fff;box-shadow:0 0 0 2px var(--chi-blue)}.loading-box.arrival{width:min(680px,92vw);padding:16px 26px 22px;border-radius:20px;border:3px solid #fff;background:linear-gradient(180deg,#22272ff0,#15181ef0);box-shadow:inset 0 -7px 0 var(--line, var(--chi-red)),0 10px 30px #00000073}.arr-head{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:3px;font-size:16px;color:#ffbf3c}.arr-head .line-bullet{font-size:16px}.arr-stop{font-family:var(--font-sign);font-weight:500;text-transform:uppercase;letter-spacing:2px;font-size:15px;opacity:.85;margin-top:2px}.loading-box .tip{background:#ffffff14;border-radius:12px;padding:8px 14px;line-height:1.3}.loading-box .tip b{display:block;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:.8em;color:var(--chi-blue)}.results h2.marquee{text-align:center;padding:calc(var(--bulb) + 2px) calc(var(--bulb) + 12px) calc(var(--bulb) + 6px);margin-bottom:10px;text-shadow:0 3px 0 #5a0012}.results .screen-sub{text-align:center;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:2px}.results tr.me td{background:linear-gradient(180deg,#ffe066,#ffc21a)}.winner-banner small{display:block;width:fit-content;margin-top:6px;font-family:var(--font-sign);font-weight:700;text-transform:uppercase;letter-spacing:3px;font-size:.34em;color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 0 rgba(0,0,0,.4);background:var(--chi-red);border:3px solid #fff;border-radius:10px;padding:2px 14px 4px}.winner-banner .chi-star{width:.7em;height:.7em;vertical-align:-.02em}.confetti-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;top:-50px;display:block;animation:confettiFall 5s linear infinite}.confetti svg{display:block;width:100%;height:auto}.confetti .ribbon{display:block;width:38%;margin:0 auto;border-radius:3px;background:var(--chi-blue);border:1px solid #fff}@keyframes confettiFall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(calc(100vh + 80px)) rotate(600deg)}}.modal h2{font-family:var(--font-display)}.modal-sub{font-family:var(--font-sign);font-weight:500;text-transform:uppercase;letter-spacing:2px;font-size:14px;opacity:.85;margin:-8px 0 14px}.modal .modal-sub .chi-star{width:14px;height:14px;vertical-align:-2px}.settings h3{display:flex;align-items:center;gap:8px}.settings h3:before{content:"";width:20px;height:20px;background:var(--star) center / contain no-repeat}.cup-names{font-family:var(--font-sign);font-weight:500;letter-spacing:1px;text-transform:uppercase;font-size:13px;opacity:.85;margin:-6px 0 8px;text-shadow:0 2px 3px rgba(0,0,0,.7)}.menu-screen .menu-list{align-items:stretch;width:min(400px,92vw)}.menu-screen .menu-list .btn.cta{min-width:0;font-size:clamp(20px,2.3vw,28px)}.menu-screen .menu-list .btn-row{width:100%;flex-wrap:nowrap;gap:12px}.menu-screen .menu-list .btn-row .btn.cta{flex:1;min-width:0;font-size:18px}.menu-screen .menu-list .btn-row .line-bullet{font-size:15px}@media(max-height:520px){.logo .l3{margin-top:6px;padding:3px 14px;border-width:2px}.logo .l3 .star-row{gap:12px}.logo .l3 .star-row svg{width:15px}.logo .l3{gap:8px;padding:3px 10px}.logo .l3 .sweet{font-size:16px}.title-tagline{margin-top:8px;font-size:12px}.menu-screen{flex-direction:row;justify-content:center;align-items:center;gap:4vw}.menu-screen .logo{margin:0}.menu-screen .logo .l1{font-size:64px}.menu-screen .logo .l2{font-size:27px;letter-spacing:3px}.menu-screen .menu-list{gap:7px}.menu-screen .menu-list{width:296px}.menu-screen .menu-list .btn.cta{min-width:0;font-size:19px;padding:3px 12px 7px 5px;gap:9px;border-width:3px}.menu-screen .menu-list .btn-row{gap:8px}.menu-screen .menu-list .btn-row .btn.cta{font-size:16px}.made-in{display:none}.btn.cta .line-bullet{border-width:2px}.screen-title{font-size:21px;padding:1px 12px 5px;border-width:2px;border-radius:10px;box-shadow:inset 0 -4px 0 var(--chi-blue),0 3px #00000040}.panel{background-position:top 4px center;padding-top:16px}.char-info{padding-top:16px}.tc-line{font-size:10px;letter-spacing:.6px;gap:4px;margin-bottom:2px}.tc-line .line-bullet{font-size:9px}.track-card canvas{aspect-ratio:2 / 1;border-bottom-width:4px}.hud .lap,.hud .timer{padding:1px 10px 3px;border-radius:9px}.hud .lap{padding-left:12px;box-shadow:inset 4px 0 0 var(--chi-red)}.hud .timer{padding-right:12px;box-shadow:inset -4px 0 0 var(--chi-blue)}.hud .item-slot:after{width:22px;height:22px;right:-9px;top:-9px}.hud .item-name{font-size:12px}.loading-box.arrival{padding:8px 16px 12px;margin-bottom:4vh}.arr-head{font-size:12px;letter-spacing:2px}.arr-stop{font-size:12px}.loading-box .tip{margin:6px 0 10px;padding:5px 10px}.results h2.marquee{--bulb: 10px;font-size:22px;margin-bottom:4px;padding:11px 18px 12px}.results .screen-sub{font-size:11px}body.touch-mode .hud .pos{top:calc(2vh + 52px)}.winner-banner small{font-size:12px;padding:1px 10px 2px;border-width:2px}.modal-sub{font-size:11px;margin:-4px 0 8px}.cup-names{font-size:11px;margin:-4px 0 4px}}.panel.char-info{padding-top:22px}@media(max-height:520px){.panel.char-info{padding-top:16px}}.swatch-chip{display:inline-grid;place-items:center;flex:none;width:1.6em;height:1.6em;border-radius:50%;border:2px solid #fff;font-size:.85em;line-height:1;background:linear-gradient(135deg,var(--sw-a) 0 50%,var(--sw-b) 50% 72%,var(--sw-c) 72%);box-shadow:0 2px #0000004d}.paint-tag{display:flex;align-items:center;gap:8px;margin-top:10px;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:14px}.paint-tag b{color:var(--yellow);font-weight:700}.garage-paint .gp-head h2{font-family:var(--font-display);font-size:clamp(30px,3.4vw,48px);margin:0;line-height:1;text-shadow:0 4px 0 rgba(0,0,0,.35)}.garage-paint .gp-head .title{font-size:18px;font-weight:800;margin:2px 0 6px}.gp-label{font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:14px;color:var(--chi-blue);margin:4px 0 6px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:6px 4px 4px}.swatch{position:relative;aspect-ratio:1;min-width:0;padding:0;border-radius:12px;border:3px solid rgba(255,255,255,.85);cursor:pointer;outline:none;background:linear-gradient(135deg,var(--sw-a, #888) 0 48%,var(--sw-b, #666) 48% 70%,var(--sw-c, #444) 70%);box-shadow:0 3px #00000059;transition:transform .12s,box-shadow .12s;display:grid;place-items:center}.swatch .sw-ico{font-size:clamp(16px,1.7vw,24px);line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.55))}.swatch.locked{filter:grayscale(.85) brightness(.62);border-style:dashed}.swatch.locked .sw-ico{filter:none}.swatch.selected{transform:scale(1.1);border-color:var(--yellow);box-shadow:0 0 0 3px #ffd23f99,0 4px #00000059}.swatch.equipped:after{content:"✓";position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 var(--font-body);background:#00873a;color:#fff;border:2px solid #fff}.swatch:hover,.swatch:focus-visible{transform:scale(1.12);box-shadow:0 0 0 4px #ffd23fd9,0 4px #00000059}body.pad-mode .swatch:focus{transform:scale(1.12);box-shadow:0 0 0 5px #ffd23ff2}.new-badge{position:absolute;top:-9px;right:-10px;z-index:1;font-family:var(--font-sign);font-weight:700;font-size:11px;letter-spacing:1px;line-height:1;padding:3px 6px;border-radius:8px;color:#fff;background:var(--chi-red);border:2px solid #fff;box-shadow:0 2px #0000004d;animation:newPulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes newPulse{50%{transform:scale(1.12) rotate(-4deg)}}.btn.cta{position:relative}.livery-desc{margin-top:10px}.livery-desc .ld-name{font-family:var(--font-display);font-size:22px;line-height:1.1}.livery-desc .ld-text{font-size:14px;opacity:.92;margin:4px 0 8px;line-height:1.3}.livery-desc .ld-status{display:inline-block;font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:13px;padding:2px 10px 3px;border-radius:8px;background:#ffffff1f;border:2px solid rgba(255,255,255,.6)}.livery-desc .ld-status.on{background:#00873a;border-color:#fff}.livery-desc .ld-status.locked{background:#15181ee6;border-color:var(--yellow);color:var(--yellow);text-transform:none;letter-spacing:.3px}.livery-desc .ld-count{margin-top:8px;font-size:12px;opacity:.75;font-family:var(--font-sign);text-transform:uppercase;letter-spacing:1px}.garage-screen .char-info{width:min(380px,31vw)}.unlock-toasts{position:fixed;left:max(3vw,env(safe-area-inset-left));top:3vh;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:5;max-width:min(460px,44vw)}.unlock-toast{display:flex;align-items:center;gap:12px;padding:8px 16px 11px 9px;border-radius:14px;border:3px solid #fff;background:linear-gradient(180deg,#333a45 0%,var(--cta-dark) 55%,var(--cta-darker) 100%);box-shadow:inset 0 -6px 0 var(--chi-blue),var(--shadow);animation:unlockIn .6s cubic-bezier(.2,1.6,.4,1) backwards}.unlock-toast .swatch-chip{font-size:26px}.unlock-toast .ut-text{display:flex;flex-direction:column}.unlock-toast b{font-family:var(--font-display);font-weight:400;font-size:clamp(17px,1.7vw,22px);line-height:1.1;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}.unlock-toast small{font-family:var(--font-sign);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--yellow);margin-top:2px}@keyframes unlockIn{0%{opacity:0;transform:translate(-40px) scale(.85)}}.tod-seg button{display:inline-flex;align-items:center;gap:6px}.tod-seg .tod-ico{font-size:1.05em;line-height:1}.tod-label{margin-left:6px}@media(max-height:520px){.garage-screen .char-info{width:min(250px,34vw)}.garage-paint .gp-head h2{font-size:24px}.garage-paint .gp-head .title{font-size:13px;margin:0 0 2px}.gp-label{font-size:11px;margin:2px 0}.swatches{gap:6px;padding:4px 2px 2px}.swatch{border-width:2px;border-radius:9px}.swatch .sw-ico{font-size:14px}.swatch.equipped:after{width:15px;height:15px;font-size:10px;right:-5px;bottom:-5px}.new-badge{font-size:8px;padding:2px 3px;top:-7px;right:-7px;border-width:1px}.livery-desc{margin-top:6px}.livery-desc .ld-name{font-size:17px}.livery-desc .ld-text{font-size:12px;margin:2px 0 5px}.livery-desc .ld-status{font-size:11px;padding:1px 7px 2px}.livery-desc .ld-count{font-size:10px;margin-top:5px}.paint-tag{font-size:11px;margin-top:6px}.unlock-toasts{top:max(6px,env(safe-area-inset-top));max-width:34vw;gap:5px}.unlock-toast{padding:4px 8px 7px 5px;gap:7px;border-width:2px;border-radius:10px;box-shadow:inset 0 -4px 0 var(--chi-blue),0 3px #00000040}.unlock-toast .swatch-chip{font-size:17px}.unlock-toast b{font-size:13px}.unlock-toast small{font-size:9px}.tod-seg button{gap:3px;padding:4px 10px}.tod-seg .tod-ico{font-size:16px}.tod-label{margin-left:0}}@media(max-height:520px)and (max-width:760px){.tod-seg .tod-txt{display:none}}@media(min-height:521px){.garage-screen .char-info,.garage-screen .garage-recs{top:12vh!important;max-height:calc(88vh - clamp(210px,33vh,300px));overflow-y:auto}.garage-screen .char-info{padding:14px 16px 12px}.garage-screen .gp-head .title{display:none}}.swatch.locked{filter:grayscale(.6) brightness(.72)}