@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(./assets/fonts/lilita-one-latin.woff2?v=9a95c766f3) format("woff2")}:root{--px: min(calc(100vw / 1100), calc(100vh / 690))}html,body{margin:0;height:100%;overflow:hidden;background:#2b1a10}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#grade{position:fixed;inset:0;pointer-events:none;display:none}#loading{gap:0;font-family:Lilita One,system-ui,sans-serif;color:#fff0c2;background:#59381f}#loading .loading-title,#loading .loading-label{display:none}#loading .loading-title{width:auto;height:auto;aspect-ratio:auto;margin-bottom:calc(12 * var(--px));font-size:clamp(44px,9vw,92px);line-height:1;letter-spacing:.025em;color:#ffb526;-webkit-text-stroke:calc(3 * var(--px)) #26170f;paint-order:stroke fill;text-shadow:0 calc(5 * var(--px)) 0 #ad3614,0 calc(9 * var(--px)) 0 #26170f,0 calc(12 * var(--px)) calc(14 * var(--px)) #0009}#loading .loading-track,#track-loading .loading-track{width:min(calc(380 * var(--px)),72vw);padding:calc(5 * var(--px));border:calc(3 * var(--px)) solid #25150f;border-radius:calc(15 * var(--px));background:linear-gradient(#b89059,#654327);box-shadow:0 calc(4 * var(--px)) 0 #160e0bd9,0 0 calc(22 * var(--px)) #f6a32655}#loading .loading-bar,#track-loading .loading-bar{height:calc(16 * var(--px));border:calc(2 * var(--px)) solid #54351d;border-radius:calc(9 * var(--px));background:#251911}#loading .loading-bar-fill,#track-loading .loading-bar-fill{background:linear-gradient(90deg,#df5719,#ffb82e,#fff079);box-shadow:0 0 calc(8 * var(--px)) #ff9a22aa}#loading .loading-label,#track-loading .loading-label{height:auto;color:#fff0c2;font-size:calc(22 * var(--px));text-shadow:0 calc(2 * var(--px)) #24140d}#track-loading{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(16 * var(--px));font-family:Lilita One,system-ui,sans-serif;background:#59381f}#track-loading[hidden]{display:none}#track-loading h1.title{--lw: calc(58 * var(--px));display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;margin:0;filter:drop-shadow(0 calc(5 * var(--px)) calc(6 * var(--px)) #0009)}#track-loading .loading-bar{overflow:hidden}#track-loading .loading-bar-fill{height:100%;width:0;border-radius:calc(7 * var(--px));transition:width .25s ease}#hud{font-family:Lilita One,system-ui,sans-serif;color:#fff7e6;font-weight:400}#hud h1,#hud h2{color:#ffcf3d;text-shadow:0 calc(3 * var(--px)) 0 #7a2e0a,0 0 calc(12 * var(--px)) #000a;letter-spacing:calc(1 * var(--px))}#hud{text-shadow:calc(2 * var(--px)) calc(2 * var(--px)) 0 #000}#hud .center h1{font-size:calc(56 * var(--px));letter-spacing:calc(2 * var(--px));margin:0 0 calc(12 * var(--px));-webkit-text-stroke:calc(3 * var(--px)) #1a1d24;text-shadow:calc(6 * var(--px)) calc(6 * var(--px)) 0 #1a1d24}#hud .center p{font-size:calc(28 * var(--px));margin:calc(6 * var(--px)) 0}#hud .center button{margin-top:calc(18 * var(--px))}@property --veil{syntax: "<number>"; inherits: false; initial-value: 1;}#hud .center{background:radial-gradient(rgb(59 36 20 / calc(.8 * var(--veil))),rgb(26 14 7 / calc(.933 * var(--veil))))}#hud :is(#pause,#results,#trial){animation:veil-in .3s ease-out}@keyframes veil-in{0%{--veil: 0}}#hud .logo{width:calc(520 * var(--px));filter:drop-shadow(0 calc(6 * var(--px)) calc(10 * var(--px)) #0008)}#hud #menu .logo{cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(hover:hover){#hud #menu .logo{transition:scale .18s ease-out,filter .18s ease-out}#hud #menu .logo:hover{scale:1.05;filter:brightness(1.12) drop-shadow(0 calc(9 * var(--px)) calc(14 * var(--px)) #0009)}}#hud .menu-list{display:flex;flex-direction:column;gap:0;align-items:center;margin-top:calc(12 * var(--px))}#hud .center .menu-list button{box-sizing:border-box;font:inherit;font-size:calc(21 * var(--px));line-height:1.1;width:calc(280 * var(--px));height:calc(105 * var(--px));margin:0;padding:calc(20 * var(--px)) calc(30 * var(--px));border:0;border-radius:calc(28 * var(--px));background:transparent var(--img-button) center / contain no-repeat;color:#3a1604;cursor:pointer;text-shadow:0 calc(1 * var(--px)) #ffe996;transition:transform .12s ease,filter .12s ease}#hud .center .menu-list button+button{margin-top:calc(-12 * var(--px))}#hud .center .menu-list button:hover,#hud .center .menu-list button:focus-visible{filter:brightness(1.12) drop-shadow(0 0 calc(4 * var(--px)) #ffda68)}#hud .center .menu-list button:focus-visible{outline:none;outline-offset:calc(-10 * var(--px))}#hud .center .menu-list button:active{filter:brightness(.95)}#hud .center .menu-list button:disabled{filter:grayscale(.7) brightness(.8);cursor:progress}#hud .center p.about{max-width:calc(520 * var(--px));font-size:calc(20 * var(--px));line-height:1.4}#hud .about a{color:#ffcf3d;text-decoration:underline;text-underline-offset:.15em}#hud .about a:hover,#hud .about a:focus-visible{color:#fff7e6}#hud #site-link{position:absolute;left:calc(18 * var(--px));bottom:calc(14 * var(--px));pointer-events:auto;font-size:calc(20 * var(--px));color:#ffcf3d;text-decoration:none;opacity:.85}#hud #site-link:hover,#hud #site-link:focus-visible{color:#fff7e6;opacity:1;text-decoration:underline;text-underline-offset:.15em}#hud #roster{display:flex;gap:calc(14 * var(--px));padding-top:calc(22 * var(--px));justify-content:center}#hud .center button.driver{position:relative;width:calc(130 * var(--px));padding:calc(8 * var(--px)) calc(5 * var(--px)) calc(4 * var(--px));cursor:pointer;border-radius:calc(16 * var(--px));color:inherit;font:inherit;border:calc(3 * var(--px)) solid #2f2620;background:linear-gradient(#6f6154,#4a3f36);box-shadow:inset 0 calc(3 * var(--px)) 0 #fff2,inset 0 calc(-5 * var(--px)) 0 #0004,0 calc(6 * var(--px)) calc(10 * var(--px)) #0006;transition:transform .18s cubic-bezier(.2,1.4,.4,1),border-color .18s,box-shadow .18s}#hud .center button.driver .pic{filter:saturate(.6) brightness(.78);transition:filter .18s}#hud .center button.driver:hover .pic{filter:saturate(.85) brightness(.92)}#hud .center button.driver.sel{transform:translateY(calc(-8 * var(--px))) scale(1.06);border-color:#ffcf3d;background:linear-gradient(#93816f,#66574a);box-shadow:inset 0 calc(3 * var(--px)) 0 #fff3,inset 0 calc(-5 * var(--px)) 0 #0004,0 0 calc(18 * var(--px)) #ffcf3d99,0 calc(10 * var(--px)) calc(14 * var(--px)) #0007}#hud .center button.driver.sel .pic{filter:none}#hud .center button.driver.sel:after{content:"";position:absolute;left:50%;top:calc(-26 * var(--px));width:calc(76 * var(--px));height:calc(31 * var(--px));transform:translate(-50%);background:var(--img-arrow) center / contain no-repeat;pointer-events:none;z-index:1}#hud .center button.driver:focus-visible{outline:calc(3 * var(--px)) solid #fff8;outline-offset:calc(3 * var(--px))}#hud .driver .pic{width:calc(120 * var(--px));background-repeat:no-repeat}#hud .sheet{background-repeat:no-repeat}#pos{position:absolute;width:var(--pos-w);right:calc(var(--hud-side) - var(--pos-ink-r, 0) * var(--pos-w));bottom:calc(var(--hud-bottom) - var(--pos-ink-b, 0) * var(--pos-w) / var(--pos-ar, 1))}#minimap{position:absolute;--map-w: calc(220 * var(--px));--map-bottom: var(--hud-bottom);left:calc(var(--hud-side) - var(--map-ink-l, 0) * var(--map-w));bottom:calc(var(--map-bottom) - var(--map-ink-b, 0) * var(--map-w));width:var(--map-w);height:var(--map-w);pointer-events:none}:root{--hud-side: calc(18 * var(--px));--hud-top: calc(14 * var(--px));--hud-bottom: calc(18 * var(--px))}:root{--lap-w: calc(156 * var(--px));--pos-w: calc(176 * var(--px))}#lap{position:absolute;width:var(--lap-w);left:calc(var(--hud-side) - var(--lap-ink-l, 0) * var(--lap-w));top:calc(var(--hud-top) - var(--lap-ink-t, 0) * var(--lap-w) / var(--lap-ar, 1))}#lap.pop{animation:pop .5s}@keyframes pop{50%{transform:scale(1.3)}}#wind{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 42%,#fff8 0deg .5deg,transparent .5deg 6deg);-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 42%,transparent 55%,#000 100%);mask:radial-gradient(ellipse 70% 60% at 50% 42%,transparent 55%,#000 100%);animation:wind .12s steps(2) infinite}@keyframes wind{50%{transform:rotate(1.5deg)}}#pos.up{animation:pos-up .5s}#pos.down{animation:pos-down .5s}@keyframes pos-up{40%{transform:scale(1.35)}}@keyframes pos-down{40%{transform:scale(.85) rotate(-6deg)}}#banner{position:absolute;left:0;right:0;top:16%;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;filter:drop-shadow(0 calc(6 * var(--px)) calc(8 * var(--px)) #0008)}#banner .last-lap{width:calc(250 * var(--px));background-repeat:no-repeat}#banner.show{animation:banner 2.2s linear forwards}#banner.show .last-lap{animation:last-lap-in .55s cubic-bezier(.2,1.6,.4,1) both}@keyframes last-lap-in{0%{transform:scale(.2) rotate(-12deg);opacity:0}}@keyframes banner{0%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-40%)}}#wrongway{position:absolute;left:0;right:0;top:22%;display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 calc(6 * var(--px)) calc(8 * var(--px)) #0008)}#wrongway .mark{width:calc(130 * var(--px));background-repeat:no-repeat;animation:last-lap-in .45s cubic-bezier(.2,1.6,.4,1) both,wrong-rock .7s .45s ease-in-out infinite}#track-card{position:absolute;left:0;right:0;top:18%;display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 calc(6 * var(--px)) calc(8 * var(--px)) #0008)}#track-card h1.title{--lw: calc(58 * var(--px));display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;margin:0}#track-card .sub{margin:calc(6 * var(--px)) 0 0;color:#fff3cf;font-size:calc(26 * var(--px));text-shadow:0 calc(2 * var(--px)) 0 #7a2e0a}#track-card:not(.hidden){animation:count-pop .45s cubic-bezier(.2,1.4,.4,1) both}#wrongway h1.title{--lw: calc(44 * var(--px));margin:calc(4 * var(--px)) 0 0;display:flex;justify-content:center;align-items:flex-end}@keyframes wrong-rock{0%,to{transform:rotate(-10deg) scale(1)}15%{transform:rotate(0) scale(1.18)}50%{transform:rotate(10deg) scale(1)}65%{transform:rotate(0) scale(1.18)}}@keyframes letter-in{0%{transform:translateY(-80%) scale(.2) rotate(-25deg);opacity:0}}#itembox{position:absolute;left:50%;top:calc(12 * var(--px));transform:translate(-50%);width:calc(94 * var(--px));display:grid;place-items:center;background-repeat:no-repeat}#itembox:before{content:"";position:absolute;inset:22% 21%;border-radius:calc(6 * var(--px));background:#0004}#item{width:50%;position:relative;translate:0 -17%;filter:drop-shadow(calc(2 * var(--px)) 0 0 #190100) drop-shadow(calc(-2 * var(--px)) 0 0 #190100) drop-shadow(0 calc(2 * var(--px)) 0 #190100) drop-shadow(0 calc(-2 * var(--px)) 0 #190100)}#clock{position:absolute;display:flex;align-items:flex-start;--lap-ink-h: calc(var(--lap-w) / var(--lap-ar, 1) * (1 - var(--lap-ink-t, 0) - var(--lap-ink-b, 0)));--clock-ink-h: calc(var(--glyph-h) * (1 - var(--clock-ink-t, 0) - var(--clock-ink-b, 0)));right:calc(var(--hud-side) - var(--clock-ink-r, 0) * var(--glyph-w));top:calc(var(--hud-top) + (var(--lap-ink-h) - var(--clock-ink-h)) / 2 - var(--clock-ink-t, 0) * var(--glyph-h))}:root{--glyph-w: calc(42 * var(--px));--glyph-h: calc(47.25 * var(--px))}#split{position:absolute;right:var(--hud-side);top:calc(var(--hud-top) + 74 * var(--px));display:flex;gap:calc(12 * var(--px));align-items:baseline;font-size:calc(30 * var(--px));color:#fff7e6;opacity:0}#split.show{animation:split-show 2.5s ease-out both}#split .d{font-size:calc(26 * var(--px))}#split.faster .d{color:#8dff9e}#split.slower .d{color:#ff7a66}@keyframes split-show{0%{opacity:0;transform:scale(1.4)}10%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}.clock-glyph{display:block;flex:0 0 auto;width:var(--glyph-w);height:var(--glyph-h);background:var(--img-timer) no-repeat;background-size:1200% 100%}.clock-mark{margin-inline:calc(-9 * var(--px))}#countdown{position:absolute;--count-w: calc(260 * var(--px));width:var(--count-w);right:calc(var(--hud-side) - var(--count-ink-r, 0) * var(--count-w));bottom:calc(var(--hud-bottom) - var(--count-ink-b, 0) * var(--count-w) / var(--count-ar, 1));display:flex;align-items:center;justify-content:center;pointer-events:none}#count{width:100%;transform-origin:right bottom;filter:drop-shadow(0 calc(6 * var(--px)) calc(10 * var(--px)) #0008)}#count.digit{translate:calc(var(--count-w) / 2 - var(--count-ink-r, 0) * var(--count-w) - var(--pos-w) / 2 + var(--pos-ink-r, 0) * var(--pos-w)) 0}#count.pop{animation:count-pop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes count-pop{0%{transform:scale(1.25);opacity:0}}#hud table{border-collapse:collapse;font-size:calc(22 * var(--px));margin:0 auto}#hud td,#hud th{padding:calc(5 * var(--px)) calc(12 * var(--px))}#hud #results{justify-content:safe center;overflow-y:auto;padding:calc(12 * var(--px)) 0;box-sizing:border-box}#hud #results h1{font-size:calc(64 * var(--px));margin-bottom:calc(12 * var(--px))}#hud #results h2{margin:0 0 calc(4 * var(--px));font-size:calc(28 * var(--px))}#hud .results-body{display:flex;flex-wrap:wrap;gap:calc(12 * var(--px)) calc(48 * var(--px));justify-content:center;align-items:flex-start}#hud #results .menu-list{margin-top:calc(20 * var(--px))}:root{--tb: clamp(64px, 19vh, 80px);--tg: 14px;--ts: 18px;--tbm: 14px}@media(pointer:coarse)and (min-height:600px)and (min-width:900px){:root{--tb: 100px;--tg: 22px;--ts: 36px;--tbm: 72px}}#touch{--sl: max(var(--ts), env(safe-area-inset-left));--sr: max(var(--ts), env(safe-area-inset-right));position:absolute;inset:0;pointer-events:none}:root{--sb: max(var(--tbm), env(safe-area-inset-bottom))}#touch button{position:absolute;display:grid;place-items:center;padding:0;margin:0;width:var(--tb);height:var(--tb);border-radius:50%;border:3px solid #25150fcc;background:radial-gradient(circle at 50% 35%,#b89059c4,#654327d0);box-shadow:inset 0 3px #fff3,inset 0 -4px #0004,0 3px #160e0b99;color:#fff0c2;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;transition:transform .06s,background .06s}#touch button svg{width:50%;height:50%;fill:currentColor;stroke:#26170f;stroke-width:2.2;stroke-linejoin:round;paint-order:stroke fill;overflow:visible;filter:drop-shadow(0 2px 0 #0006)}#touch button.on{transform:translateY(2px) scale(.94);background:radial-gradient(circle at 50% 35%,#ffb82ecc,#df5719cc);box-shadow:inset 0 3px #fff5,0 1px #160e0b99}#touch .steer{position:absolute;left:var(--sl);bottom:var(--sb);width:calc(2 * var(--tb) + var(--tg));height:var(--tb)}#touch .steer .left{left:0;bottom:0}#touch .steer .right{right:0;bottom:0}#touch .steer button:after{content:"";position:absolute}#touch .steer .left:after{inset:-10px calc(-1 * var(--tg) / 2 - 3px) -10px -10px}#touch .steer .right:after{inset:-10px -10px -10px calc(-1 * var(--tg) / 2 - 3px)}#touch .brake{right:var(--sr);bottom:var(--sb)}#touch .use{right:calc(var(--sr) + var(--tb) * .78 + var(--tg));bottom:calc(var(--sb) + var(--tb) * .62 + var(--tg))}#touch .use svg{width:58%;height:58%}#touch .pause{--p: max(44px, calc(52 * var(--px)));width:var(--p);height:var(--p);top:max(calc(12 * var(--px) + 47 * var(--px) - var(--p) / 2),env(safe-area-inset-top));left:calc(50% + 47 * var(--px) + 16px)}#touch .pause svg{width:42%;height:42%;stroke-width:2.6}@media not (pointer:coarse){#touch{display:none}}@media(pointer:coarse){#minimap{--map-w: min(calc(180 * var(--px)), 30vh);--map-bottom: calc(var(--sb) + var(--tb) + 12px)}#pos,#countdown{bottom:auto;top:calc(var(--hud-top) + 80 * var(--px))}#count{transform-origin:right top}:root{--hud-side: max(calc(18 * var(--px)), env(safe-area-inset-left), env(safe-area-inset-right));--hud-top: max(calc(14 * var(--px)), env(safe-area-inset-top))}}#rotate{position:fixed;inset:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#59381f;color:#fff0c2;font:22px/1.1 Lilita One,system-ui,sans-serif;text-align:center;text-shadow:0 2px #24140d;padding:24px}#rotate svg{width:150px;overflow:visible;margin-bottom:18px}#rotate p{margin:0}#rotate p[lang=en]{font-size:16px;opacity:.7}#rotate .phone{fill:#ffb526;stroke:#26170f;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:rotate-hint 2.6s ease-in-out infinite}#rotate .phone .screen{fill:#26170f;stroke:none}#rotate .phone circle{fill:#26170f;stroke:none}#rotate .arrow{fill:none;stroke:#fff0c2;stroke-width:3.5;stroke-linecap:round}#rotate .head{fill:#fff0c2}@keyframes rotate-hint{0%,20%{transform:rotate(0)}50%,85%{transform:rotate(90deg)}to{transform:rotate(0)}}@media(pointer:coarse)and (orientation:portrait){#rotate{display:flex}}#hud #menu .logo-wrap{animation:logo-bob 3.2s ease-in-out infinite}#hud #menu.pre .logo,#hud #menu.pre .menu-list button{opacity:0}#hud #menu.intro .logo{animation:logo-drop .9s cubic-bezier(.25,.8,.35,1) backwards}#hud #menu.intro .menu-list button{animation:btn-in .5s cubic-bezier(.2,1.4,.4,1) backwards}#hud #menu.intro .menu-list button:nth-child(1){animation-delay:.65s}#hud #menu.intro .menu-list button:nth-child(2){animation-delay:.78s}#hud #menu.intro .menu-list button:nth-child(3){animation-delay:.91s}#hud #menu.intro .menu-list button:nth-child(4){animation-delay:1.04s}@keyframes logo-drop{0%{transform:translateY(-140%) scale(.85);opacity:0}60%{transform:translateY(4%);opacity:1}80%{transform:translateY(-1.5%)}to{transform:none}}@keyframes logo-bob{0%,to{transform:none}25%{transform:translateY(calc(-5 * var(--px))) rotate(.8deg)}75%{transform:translateY(calc(2 * var(--px))) rotate(-.8deg)}}@keyframes btn-in{0%{transform:translateY(calc(40 * var(--px))) scale(.7);opacity:0}}@media(prefers-reduced-motion:reduce){#hud #menu .logo-wrap,#hud #menu.intro .logo,#hud #menu.intro .menu-list button{animation:none}}#podium{display:flex;align-items:flex-end;justify-content:center;gap:calc(14 * var(--px));height:calc(210 * var(--px))}.podium-slot{display:flex;flex-direction:column;align-items:center;width:calc(120 * var(--px))}.podium-slot .pic{width:calc(100 * var(--px));background-repeat:no-repeat}#results tr.mine td{color:#ffcf3d}#results .me{display:inline-block;animation:me-flash 1s ease-in-out infinite}@keyframes me-flash{0%,to{color:#ffcf3d;transform:scale(1)}50%{transform:scale(1.12)}}.podium-slot .face{width:calc(52 * var(--px));background-repeat:no-repeat;margin-bottom:calc(-6 * var(--px));animation:count-pop .45s cubic-bezier(.2,1.4,.4,1) both}.podium-slot .step{width:100%;display:grid;place-items:center;color:#fff0c2;font-size:calc(30 * var(--px));background:linear-gradient(#8b7b6b,#5e5146);border-radius:calc(8 * var(--px)) calc(8 * var(--px)) 0 0;box-shadow:inset 0 calc(-6 * var(--px)) 0 #0003;transform-origin:bottom;animation:rise .5s cubic-bezier(.2,1.3,.4,1) both}.p1 .step{height:calc(70 * var(--px));animation-delay:.9s}.p1 .face{animation-delay:1.3s}.p2 .step{height:calc(48 * var(--px));animation-delay:.5s}.p2 .face{animation-delay:1s}.p3 .step{height:calc(32 * var(--px));animation-delay:.2s}.p3 .face{animation-delay:.8s}.podium-slot.last{width:calc(84 * var(--px));margin-left:calc(30 * var(--px));opacity:.85}.last .pic{width:calc(70 * var(--px))}.last .step{height:calc(14 * var(--px));font-size:calc(18 * var(--px));animation-delay:1.5s}.last .face{animation-delay:1.7s}@keyframes rise{0%{transform:scaleY(0)}}#results .results-body h2,#results th{animation:fade-in .3s 2.5s both}#results td{animation:sweep-in .35s cubic-bezier(.2,1.2,.4,1) calc(2.5s + var(--i) * .16s) both}#results .menu-list{animation:menu-in .4s 4.3s both}@keyframes menu-in{0%{transform:scale(1.25);opacity:0;visibility:hidden}}#results.skip .results-body h2,#results.skip th,#results.skip td,#results.skip .menu-list,#results.skip .podium-slot *{animation-delay:0s}@keyframes sweep-in{0%{transform:translate(calc(-160 * var(--px)));opacity:0}}@keyframes fade-in{0%{opacity:0}}.stats-card{box-sizing:border-box;width:calc(704 * var(--px));margin-top:calc(18 * var(--px));padding:calc(12 * var(--px)) calc(28 * var(--px)) calc(16 * var(--px));background:linear-gradient(#7d6e60,#5a4d42);border-radius:calc(18 * var(--px));border:calc(3 * var(--px)) solid #2f2620;box-shadow:inset 0 calc(3 * var(--px)) 0 #fff2,inset 0 calc(-6 * var(--px)) 0 #0003,0 calc(8 * var(--px)) calc(16 * var(--px)) #0007;display:grid;justify-items:center}#hud .stats-card h1.title{--lw: calc(42 * var(--px));margin:0}.stats-card .line{margin:calc(2 * var(--px)) 0 calc(10 * var(--px));font-size:calc(20 * var(--px));color:#fff0c2;animation:count-pop .4s cubic-bezier(.2,1.4,.4,1) both}.stats-card .grid{display:grid;grid-template-columns:auto auto;column-gap:calc(32 * var(--px));row-gap:calc(8 * var(--px));padding-top:calc(10 * var(--px));border-top:calc(2 * var(--px)) solid #0003}.stats-card .stat{display:grid;grid-template-columns:calc(36 * var(--px)) calc(116 * var(--px)) auto;align-items:center;column-gap:calc(8 * var(--px))}.stats-card .icon{width:calc(36 * var(--px));background-repeat:no-repeat}.stats-card .label{font-size:calc(20 * var(--px));color:#fff0c2;text-align:left}.stats-card .pips{display:flex;gap:calc(4 * var(--px));padding:calc(4 * var(--px));border-radius:calc(9 * var(--px));background:#2a221d;box-shadow:inset 0 calc(2 * var(--px)) calc(3 * var(--px)) #0008,0 calc(1 * var(--px)) 0 #ffffff1c}.stats-card .pip{width:calc(22 * var(--px));height:calc(16 * var(--px));border-radius:calc(4 * var(--px));background:linear-gradient(#4a3f37,#3a302a);box-shadow:inset 0 calc(-2 * var(--px)) 0 #0005}.stats-card .pip:first-child{border-radius:calc(7 * var(--px)) calc(4 * var(--px)) calc(4 * var(--px)) calc(7 * var(--px))}.stats-card .pip:last-child{border-radius:calc(4 * var(--px)) calc(7 * var(--px)) calc(7 * var(--px)) calc(4 * var(--px))}.stats-card .pip.on{background:linear-gradient(#ffe27a,#ffb43a 55%,#f07d1e);box-shadow:inset 0 calc(2 * var(--px)) 0 #fff8d0aa,inset 0 calc(-3 * var(--px)) 0 #b84f0e,0 0 calc(6 * var(--px)) #ffb43a66;animation:pip-on .3s cubic-bezier(.2,1.6,.4,1) both}@keyframes pip-on{0%{transform:scale(.3);filter:brightness(2)}}#hud .center h1.title{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 calc(5 * var(--px)) calc(6 * var(--px)) #0009)}h1.title{--lw: calc(66 * var(--px))}h1.title .letter{display:block;width:var(--lw);background-repeat:no-repeat;animation:letter-in .45s cubic-bezier(.2,1.6,.4,1) both}h1.title .gap{width:calc(26 * var(--px))}.word{display:flex;align-items:flex-end}.br{flex-basis:100%;height:0}#results h1.title{--lw: calc(76 * var(--px))}#lap,#pos,#clock,#itembox,#minimap .map{filter:drop-shadow(0 calc(3 * var(--px)) 0 #3b1606) drop-shadow(0 calc(6 * var(--px)) calc(7 * var(--px)) #0008)}#minimap .map,#minimap canvas{position:absolute;inset:0;width:100%;height:100%}#minimap .map{background-size:100% 100%}#hud #ceremony{background:none;justify-content:space-between;padding:calc(28 * var(--px)) 0 calc(36 * var(--px));box-sizing:border-box}#ceremony .award{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--px));filter:drop-shadow(0 calc(5 * var(--px)) calc(6 * var(--px)) #0009)}#ceremony .award[hidden]{display:none}#ceremony .prize{width:calc(170 * var(--px));background-repeat:no-repeat;animation:prize-in .6s cubic-bezier(.2,1.6,.4,1) both,prize-shine 2.4s .6s ease-in-out infinite}@keyframes prize-in{0%{transform:scale(.1) rotate(-30deg);opacity:0}}@keyframes prize-shine{0%,to{transform:perspective(calc(600 * var(--px))) rotateY(-18deg);filter:drop-shadow(0 0 calc(8 * var(--px)) #ffe08a99)}50%{transform:perspective(calc(600 * var(--px))) rotateY(18deg);filter:drop-shadow(0 0 calc(22 * var(--px)) #ffe08a)}}#ceremony .award h1.title{--lw: calc(60 * var(--px));display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;margin:0}#ceremony .menu-list{animation:menu-in .4s both}#hud :is(#cup-stats,#tracks){background:radial-gradient(#3b241499,#1a0e07dd);touch-action:pan-y}:is(#cup-stats,#tracks) .deck{display:flex;align-items:center;gap:calc(18 * var(--px))}#hud :is(#cup-stats,#tracks) button.arrow{width:calc(72 * var(--px));margin:0;padding:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;filter:drop-shadow(0 calc(4 * var(--px)) calc(5 * var(--px)) #0009);transition:transform .08s}#hud :is(#cup-stats,#tracks) button.arrow:hover{filter:brightness(1.15) drop-shadow(0 calc(4 * var(--px)) calc(5 * var(--px)) #0009)}#hud :is(#cup-stats,#tracks) button.arrow:active{transform:scale(.9)}#hud #cup-stats button.arrow.next.hint{animation:arrow-hint 1.4s ease-in-out infinite}@keyframes arrow-hint{50%{scale:1.1}}@media(prefers-reduced-motion:reduce){#hud #cup-stats button.arrow.next.hint{animation:none}}:is(#cup-stats,#tracks) .card{box-sizing:border-box;width:calc(560 * var(--px));padding:calc(14 * var(--px)) calc(26 * var(--px)) calc(16 * var(--px));background:linear-gradient(#7d6e60,#5a4d42);border-radius:calc(18 * var(--px));box-shadow:inset 0 calc(-6 * var(--px)) 0 #0003,0 calc(8 * var(--px)) calc(16 * var(--px)) #0007}:is(#cup-stats,#tracks) .card.in-right{animation:card-in-right .5s cubic-bezier(.2,1.4,.4,1) both}:is(#cup-stats,#tracks) .card.in-left{animation:card-in-left .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes card-in-right{0%{transform:translate(120%) rotate(6deg);opacity:0}}@keyframes card-in-left{0%{transform:translate(-120%) rotate(-6deg);opacity:0}}#hud :is(#cup-stats,#tracks) .card h1.title{--lw: calc(44 * var(--px));margin:0 0 calc(6 * var(--px));min-height:calc(var(--lw) * 1.86);align-content:center}:is(#cup-stats,#tracks) .head{display:flex;justify-content:center;align-items:center;gap:calc(22 * var(--px));margin-bottom:calc(4 * var(--px))}:is(#cup-stats,#tracks) .head canvas{width:calc(120 * var(--px));height:calc(120 * var(--px))}#cup-stats .head{min-height:calc(120 * var(--px))}#hud #cup-stats tr{height:calc(38 * var(--px))}#cup-stats .card{min-height:calc(508 * var(--px))}#cup-stats .head .place{width:calc(96 * var(--px));background-repeat:no-repeat;animation:count-pop .45s .3s cubic-bezier(.2,1.4,.4,1) both}#cup-stats .head .prize{width:calc(110 * var(--px));background-repeat:no-repeat;animation:prize-in .6s .3s cubic-bezier(.2,1.6,.4,1) both}#hud #cup-stats table{width:100%;font-size:calc(24 * var(--px))}#hud #cup-stats th,#hud #cup-stats td{padding:calc(3 * var(--px)) calc(6 * var(--px))}#cup-stats th{text-align:left;font-weight:400;color:#fff0c2}#cup-stats td{text-align:right;color:#ffcf3d;white-space:nowrap;font-variant-numeric:tabular-nums}#cup-stats tr{animation:sweep-in .35s cubic-bezier(.2,1.2,.4,1) calc(.25s + var(--i) * .12s) both}#cup-stats .icons{display:inline-flex;align-items:center;vertical-align:middle}#cup-stats .item,#cup-stats .star{flex:none;width:calc(30 * var(--px));background-repeat:no-repeat}#cup-stats .item{margin:0 calc(4 * var(--px)) 0 calc(14 * var(--px));translate:0 -16.5%}#cup-stats .star{margin-left:calc(8 * var(--px));transform:scale(0)}#cup-stats .star.pop{transform:none;animation:star-pop .55s cubic-bezier(.2,1.8,.4,1) both}@keyframes star-pop{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.6) rotate(15deg)}}#cup-stats .where{font-size:calc(17 * var(--px));color:#fff0c2;margin-left:calc(6 * var(--px))}:is(#cup-stats,#tracks) .card.still,:is(#cup-stats,#tracks) .card.still *{animation:none}:is(#cup-stats,#tracks) .dots{display:flex;gap:calc(10 * var(--px));margin-top:calc(14 * var(--px))}:is(#cup-stats,#tracks) .dots span{width:calc(12 * var(--px));height:calc(12 * var(--px));border-radius:50%;background:#fff5;transition:transform .25s,background .25s}:is(#cup-stats,#tracks) .dots span.on{background:#ffcf3d;transform:scale(1.5)}#cup-stats #stats-go:not([hidden]){animation:menu-in .4s both}#hud #cup-stats #stats-go[hidden]{display:block;visibility:hidden}#tracks .head canvas{width:calc(170 * var(--px));height:calc(170 * var(--px))}#hud #tracks .rec{margin:calc(6 * var(--px)) 0 0;font-size:calc(24 * var(--px));color:#fff0c2;min-height:1.25em}#hud #tracks .menu-list,#hud #select .menu-list{flex-direction:row;column-gap:calc(6 * var(--px));margin-top:calc(10 * var(--px))}#hud #tracks .menu-list button+button,#hud #select .menu-list button+button{margin-top:0}#hud #board{justify-content:safe center;overflow-y:auto;box-sizing:border-box;padding:calc(12 * var(--px)) 0}#board .initials{display:flex;flex-direction:column;align-items:center}#board .initials[hidden],#board .stamp[hidden]{display:none}#board .label{font-size:calc(28 * var(--px));color:#fff0c2}#board .slots{display:flex;gap:calc(28 * var(--px));margin:calc(6 * var(--px)) 0 0}#board .slot{display:flex;flex-direction:column;align-items:center;--lw: calc(90 * var(--px))}#hud #board .slot button.arrow{width:calc(54 * var(--px));margin:0;padding:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;filter:drop-shadow(0 calc(4 * var(--px)) calc(5 * var(--px)) #0009);transition:transform .08s}#hud #board .slot button.arrow:hover{filter:brightness(1.15) drop-shadow(0 calc(4 * var(--px)) calc(5 * var(--px)) #0009)}#hud #board .slot button.arrow:active{transform:scale(.85)}#board .letter-box{display:flex;justify-content:center;align-items:flex-end;min-width:var(--lw);min-height:calc(var(--lw) * 1.05);cursor:pointer;perspective:calc(400 * var(--px));filter:drop-shadow(0 calc(5 * var(--px)) calc(6 * var(--px)) #0009)}#board .letter-box .letter{display:block;width:var(--lw);background-repeat:no-repeat}#board .slot.on .letter-box{animation:gold-beat .9s ease-in-out infinite}@keyframes gold-beat{50%{transform:scale(1.07);filter:brightness(1.3) drop-shadow(0 0 calc(12 * var(--px)) #ffda68)}}#board.settling :is(.initials,#board-ok){pointer-events:none}#board .letter-box.flip .letter{animation:letter-flip .15s ease-out}@keyframes letter-flip{0%{transform:rotateX(90deg)}}#hud #board table{font-size:calc(24 * var(--px));margin-top:calc(6 * var(--px))}#board td{animation:sweep-in .35s cubic-bezier(.2,1.2,.4,1) calc(.15s + var(--i) * .12s) both}#board th{animation:fade-in .3s both;color:#fff0c2;font-weight:400}#board td.pos,#board td.pts,#board td.time{text-align:right;font-variant-numeric:tabular-nums}#board td .pic{display:block;width:calc(40 * var(--px));background-repeat:no-repeat}#board tr.mine td{color:#ffcf3d;background:#ffcf3d22}#board tr.mine td:first-child{border-radius:calc(8 * var(--px)) 0 0 calc(8 * var(--px))}#board tr.mine td:last-child{border-radius:0 calc(8 * var(--px)) calc(8 * var(--px)) 0}#board .stamp{position:absolute;top:16%;right:12%;z-index:1;padding:calc(6 * var(--px)) calc(18 * var(--px));font-size:calc(40 * var(--px));color:#ff5a3c;border:calc(5 * var(--px)) solid #ff5a3c;border-radius:calc(12 * var(--px));text-shadow:none;transform:rotate(-8deg);animation:stamp-in .35s cubic-bezier(.2,1.6,.4,1) both}@keyframes stamp-in{0%{transform:scale(2.4) rotate(-14deg);opacity:0}}#board .board-note{min-height:calc(28 * var(--px));margin-top:calc(8 * var(--px));color:#fff0c2;font-size:calc(22 * var(--px))}#board .menu-list.end:not([hidden]){animation:menu-in .4s both}#board .menu-list[hidden]{display:none}#hud #board .menu-list.end{flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:calc(6 * var(--px))}#hud #board .menu-list.end button+button{margin-top:0}#hud #trial{justify-content:safe center}#trial .total{font-size:calc(72 * var(--px));color:#ffcf3d;font-variant-numeric:tabular-nums;margin:calc(4 * var(--px)) 0 calc(10 * var(--px))}#hud #trial table{font-size:calc(26 * var(--px))}#trial th{text-align:left;font-weight:400;color:#fff0c2}#trial td.t{text-align:right;color:#ffcf3d;font-variant-numeric:tabular-nums}#trial td.mark{display:flex;align-items:center;gap:calc(8 * var(--px));min-width:calc(230 * var(--px))}#trial tr{animation:sweep-in .35s cubic-bezier(.2,1.2,.4,1) calc(.4s + var(--i) * .14s) both}#trial .star{width:calc(30 * var(--px));background-repeat:no-repeat;animation:star-pop .55s cubic-bezier(.2,1.8,.4,1) calc(.8s + var(--i) * .14s) both}#trial .record{font-size:calc(22 * var(--px));color:#fff0c2;margin:calc(12 * var(--px)) 0 0}#trial .record .faster{color:#8dff9e}#trial .record .slower{color:#ff7a66}#hud #trial .menu-list{display:grid;grid-template-columns:repeat(2,auto);column-gap:calc(6 * var(--px))}#hud #trial .menu-list button+button{margin-top:0}#hud #trial .menu-list button:nth-child(n+3){margin-top:calc(-12 * var(--px))}#hud #trial .menu-list button.hot{animation:gold-beat .9s ease-in-out infinite}#hud #trial .menu-list.send-only{grid-template-columns:auto;justify-content:center}#hud #trial .menu-list button[hidden]{display:none}#hud button:focus{outline:none}#hud :is(#cup-stats,#tracks,#board) button.arrow:focus-visible{filter:brightness(1.2) drop-shadow(0 0 calc(10 * var(--px)) #ffda68)}