:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#eef4f7;background:#172538;--lime:#d0ef72}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button{font:700 13px Arial;letter-spacing:.06em;border:1px solid #ffffff30;border-radius:8px;color:inherit;background:#1d3048;padding:12px 16px;cursor:pointer}button:hover{background:#35516b}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}#world{position:fixed;inset:0;display:block;width:100%;height:100%}header{position:fixed;left:0;right:0;top:0;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;z-index:6;pointer-events:none}header>*{pointer-events:auto}.brand{color:white;text-decoration:none;font-size:25px;font-weight:950;letter-spacing:-1px;transform:skew(-7deg)}.brand span{color:var(--lime)}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}header>div{display:flex;gap:8px;align-items:center}.classic{font-size:12px;color:#e3edf5;margin-left:8px}#garage{position:fixed;inset:0;background:linear-gradient(90deg,#0b182ce8,#0b182c80);display:grid;grid-template-columns:1fr 420px;align-items:center;gap:5vw;padding:100px 7% 80px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--lime);font-weight:bold}h1{font-size:clamp(48px,6vw,84px);line-height:.92;letter-spacing:-.055em;transform:skew(-5deg);margin:25px 0}h1 em{color:var(--lime);font-style:normal}.description{font-size:16px;line-height:1.6;color:#d9e0e7}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{font-size:12px;border:1px solid #ffffff40;border-radius:20px;padding:8px 11px}.selection{background:#11253be8;border:1px solid #abbdd444;border-radius:17px;padding:23px}.row{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;margin-bottom:17px}.row span{color:#abc0d2}#roster{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.racer{padding:0;border:2px solid transparent;background:#ffffff0a;overflow:hidden;letter-spacing:0}.racer.active{border-color:var(--lime);background:#c6e66c20}.racer canvas{width:100%;height:auto;display:block;aspect-ratio:1.6}.racer span{display:block;font-size:13px;padding:3px 0 9px}.chosen{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.chosen strong{font-size:20px}.chosen span{font-size:11px;color:#b5c5d4}#start,#resume{background:var(--lime);color:#142537;border:0;font-size:14px;padding:17px;width:100%}#status{font-size:12px;text-align:center;color:#aec2d2;line-height:1.4;margin-bottom:0}footer{position:absolute;bottom:24px;left:7%;right:7%;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#e0e8ef}kbd{font:700 11px Arial;background:#21374b;padding:3px 5px;border:1px solid #92aabd66;border-radius:4px}#hud{pointer-events:none}.stats{position:fixed;left:4%;top:110px;display:flex;gap:25px;align-items:center;text-shadow:0 2px 4px #000}.stats b{font-size:72px;color:var(--lime);font-style:italic}.stats small{font-size:18px;margin-left:8px}label{font-size:11px;letter-spacing:.15em;display:block;margin-bottom:5px;color:#c2d1dc}.stats strong{font-size:23px}.item{position:fixed;right:4%;top:118px;border:2px solid #d0ef7299;background:#172b40dd;border-radius:14px;width:132px;padding:14px;text-align:center}.item strong{display:block;font-size:36px;color:var(--lime)}.item small{font-size:12px}#section{position:fixed;left:4%;top:205px;font-size:12px;letter-spacing:.12em;background:#14283caa;padding:8px 12px;border-radius:6px}#minimap{position:fixed;bottom:35px;left:3%;width:210px;height:170px;border:1px solid #bbc8d133;background:#172a3bbc;border-radius:15px}.speed{position:fixed;bottom:36px;right:4%;text-align:right;width:210px}.speed strong{font-size:62px;font-style:italic}.speed>span{font-size:12px;margin-left:10px}.speed small{font-size:11px}.meter{background:#ffffff33;height:6px;margin:9px 0;border-radius:5px;overflow:hidden}.meter i{display:block;height:100%;background:#73deff}#notice{position:fixed;top:104px;left:25%;right:25%;text-align:center;font-size:16px;font-weight:800;color:var(--lime);text-shadow:0 2px 4px #000}#bigText{position:fixed;top:35%;left:0;right:0;text-align:center;font-size:clamp(35px,6vw,82px);font-weight:950;color:var(--lime);text-shadow:0 4px 0 #18293c;transform:skew(-7deg)}#rear{position:fixed;bottom:25px;left:44%;background:#152b40dd;padding:8px 12px;border-radius:6px;font-size:12px}#splatter{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#overlay{position:fixed;inset:0;background:#071422bb;display:grid;place-items:center;z-index:9;backdrop-filter:blur(6px)}#overlay section{width:min(430px,90vw);background:#15283c;border:1px solid #bbc8d155;border-radius:18px;padding:25px;text-align:center;max-height:90vh;overflow:auto}h2{font-size:32px;margin:10px 0}#overlayCopy{font-size:14px;line-height:1.5;color:#bfd0df}#overlay button{width:100%;margin-top:10px}.result{display:flex;justify-content:space-between;padding:8px;font-size:14px;border-bottom:1px solid #ffffff22}.result.you{color:var(--lime)}#touch{position:fixed;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;z-index:8;pointer-events:none}#touch>div{display:flex;gap:6px;pointer-events:auto}#touch button{touch-action:none;user-select:none;padding:17px 12px;background:#1c334cce}
@media(max-width:950px){#garage{grid-template-columns:1fr 360px;padding:100px 4% 70px;gap:3vw}.selection{padding:16px}h1{font-size:58px}footer{left:4%;right:4%;font-size:11px}footer span:last-child{display:none}}@media(max-width:700px){header{padding:18px 4%}.brand{font-size:20px}.classic{font-size:10px}header button{font-size:10px;padding:9px}#garage{display:flex;flex-direction:column;overflow:auto;align-items:stretch;padding:95px 5% 30px;gap:20px}.intro h1{font-size:42px;margin:15px 0}.intro h1 br{display:none}.intro h1 em{margin-left:8px}.description{font-size:14px}.selection{max-width:430px;width:100%;align-self:center}footer{position:static;justify-content:center}.stats{top:88px;gap:13px}.stats b{font-size:45px}.stats strong{font-size:17px}.item{top:160px;width:95px;padding:9px}.item strong{font-size:27px}#section{top:163px;font-size:10px}#notice{top:220px;left:5%;right:5%;font-size:13px}#minimap{width:140px;height:113px;bottom:100px}.speed{bottom:100px;width:145px}.speed strong{font-size:45px}.speed small{font-size:9px}#rear{bottom:180px;left:35%}#touch button{font-size:10px;padding:15px 10px}}@media(max-height:650px) and (min-width:701px){#garage{padding-top:85px;padding-bottom:55px}.selection{padding:14px}.racer canvas{aspect-ratio:1.9}h1{font-size:53px}.chosen{margin:9px 0}.tags{margin-top:10px}#start{padding:12px}.description{font-size:14px}}

@media (orientation:landscape) and (max-height:550px){header{padding:10px 15px}.brand{font-size:20px}.brand small{display:none}header button{padding:8px 10px;font-size:12px}.classic{font-size:12px}.stats{top:58px;left:15px;gap:15px}.stats b{font-size:40px}.stats strong{font-size:17px}.stats small{font-size:13px}#section{top:108px;left:15px;font-size:11px;padding:5px 8px}.item{top:60px;right:15px;width:92px;padding:8px}.item strong{font-size:25px}.item label,.item small{font-size:11px}#minimap{width:112px;height:90px;left:15px;bottom:80px}.speed{bottom:80px;right:15px;width:115px}.speed strong{font-size:30px}.speed small{display:none}.meter{margin:4px 0}#touch button{min-height:48px;min-width:48px;padding:12px;font-size:12px}#notice{top:59px;font-size:13px}#bigText{font-size:42px}#rear{bottom:85px}}

@media(max-width:700px){.brand{font-size:16px}.brand span{display:block}.brand small{font-size:8px;letter-spacing:1px}}

#roster{max-height:46vh;overflow-y:auto;scrollbar-width:thin}#bigText{padding:0 5%;line-height:1.05}.racer span{overflow-wrap:anywhere}

.result.winner{background:#d0ef7226;border:2px solid #d0ef72;border-radius:8px;color:#e2ff95;font-weight:900}.result.you:not(.winner){color:#7ee5ff}

#fuelPanel{margin-bottom:12px;padding:8px 10px;background:#172b40dd;border:1px solid #ff9fd088;border-radius:8px;text-align:left} .fuel-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;letter-spacing:.04em} #fuelGauge{height:9px;background:#ffffff26;border-radius:4px;overflow:hidden;margin:5px 0} #fuelFill{display:block;height:100%;width:0;background:#ee74b2;transition:width .08s linear} #fuelState{font-size:10px;color:#ffd2e9} #fuelPanel.active{border-color:#ffe3f0;box-shadow:0 0 13px #ed6ca077} #fuelPanel.active #fuelFill{background:#ffd0e7} #fuelButton{border-color:#ff9fd0;background:#6a3156dc!important} @media(orientation:landscape) and (max-height:550px){#fuelPanel{padding:5px 6px;margin-bottom:6px}.fuel-line{font-size:10px}#fuelState{font-size:9px}#touch button{padding:10px;min-width:44px}}

#itemArt{width:64px;height:64px;display:block;margin:0 auto}#mocchiVisit{position:fixed;right:3%;top:32%;width:clamp(140px,24vw,260px);height:auto;pointer-events:none;z-index:4}@media(orientation:landscape) and (max-height:550px){#itemArt{width:42px;height:42px}#mocchiVisit{right:14%;top:20%;width:175px}}@media(max-width:700px) and (orientation:portrait){#itemArt{width:48px;height:48px}#mocchiVisit{top:33%;width:180px}}

#startHint,#wrongWay{position:fixed;left:50%;transform:translateX(-50%);top:58%;padding:.55rem 1rem;background:#142237e8;border-radius:.6rem;color:#fff3a6;font-weight:800;font-size:1rem;text-align:center;max-width:85vw}#wrongWay{top:22%;color:#fff;background:#a52139e8}#resetRacer{position:fixed;left:22px;bottom:100px;pointer-events:auto;font-size:.8rem;padding:.45rem .7rem;opacity:.86}#resetRacer:disabled{opacity:.4}@media(pointer:coarse){#resetRacer{left:22px;bottom:92px;font-size:.7rem}}
#cameraView{white-space:nowrap}#cameraView[aria-pressed=true]{border-color:#d0ef7280}@media(max-width:700px){header>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:calc(100% - 90px)}header button{padding:7px 6px;font-size:9px}}