@font-face{font-family:Lilita One;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Lalezar;font-weight:400;font-display:swap;src:url(/fonts/lalezar-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url(/fonts/nunito-latin-800-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:900;font-display:swap;src:url(/fonts/nunito-latin-900-normal.woff2)format("woff2")}:root{--ink:#2a1f2e;--cream:#fff4e0;--sun:#ffd23f;--sand:#e8b88a;--sand2:#dca77a;--red:#c4574a;--green:#7fd06a;--road:#7b7381;--display:"Lilita One", "Lalezar", "Nunito", system-ui, sans-serif;--pop:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{background:var(--sand);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Nunito,Lalezar,ui-rounded,system-ui,sans-serif;font-weight:800;overflow:hidden}canvas#c{width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}svg{display:block}.screen{justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.screen.passthrough{pointer-events:none;padding:0;display:block}.scenic{background:radial-gradient(circle at 20% 30%, #aa6e462e 0 3px, transparent 4px) 0 0 / 90px 90px, radial-gradient(circle at 70% 80%, #aa6e4624 0 2px, transparent 3px) 0 0 / 60px 60px, var(--sand)}.card{pointer-events:auto;background:var(--cream);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);text-align:center;scrollbar-width:none;width:min(370px,100%);max-height:calc(100vh - 40px);animation:cardIn .45s var(--pop) both;border-radius:24px;padding:30px 22px 22px;position:relative;overflow:hidden auto}.checker{border-bottom:3px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%, var(--sun) 0 50%) 0 0 / 14px 14px;height:14px;position:absolute;top:0;left:0;right:0}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:none}}h1,h2,.title{font-family:var(--display);letter-spacing:.5px;font-weight:400}h1{margin:0 0 6px;font-size:38px;line-height:1.05}h2{margin:4px 0 12px;font-size:30px;line-height:1.1}p{margin:8px 0;font-weight:800;line-height:1.35}.btn{pointer-events:auto;border:3px solid var(--ink);background:var(--sun);color:var(--ink);font:inherit;font-family:var(--display);letter-spacing:.5px;box-shadow:0 5px 0 var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-size:20px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:0 5px 0 var(--ink);transform:none}.btn:focus-visible,.seg button:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn.big{padding:13px 20px;font-size:24px}.btn.small{box-shadow:0 4px 0 var(--ink);padding:6px 12px;font-size:17px}.btn.small svg{width:20px;height:20px}.btn.icon{width:42px;height:38px;box-shadow:0 4px 0 var(--ink);background:var(--cream);padding:0}.btn.icon svg{width:22px;height:22px}.btn.wide{width:100%;margin-top:12px}.btn.ghost{background:var(--cream)}.logo{width:min(150px,52%);margin:0 auto -3px}.home-stack{flex-direction:column;align-items:center;width:min(370px,100%);max-height:calc(100vh - 20px);display:flex}.home-stack .card{max-height:calc(100vh - 110px)}.logo.card-sign{z-index:2;filter:drop-shadow(0 4px #2a1f2e59);width:min(220px,62%);margin:0 0 -7px;position:relative}.sign{width:100%;height:auto;animation:logoIn .7s var(--pop) .1s both;transform-origin:50% 90%;overflow:visible}.neon text{font-family:var(--display);letter-spacing:2px;text-anchor:middle;font-size:44px}.neon text.num{letter-spacing:6px;font-size:52px}.neon .tube{fill:var(--c);fill-opacity:.18;stroke:var(--c);stroke-width:3.2px;stroke-linejoin:round}.neon .spill{fill:var(--c);opacity:.16}.neon .core{fill:none;stroke:#fffbe8;stroke-width:1.1px;stroke-linejoin:round}.neon{opacity:0;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}.n0{animation-name:neon0}.n1{animation-name:neon1}.n2{animation-name:neon2}@keyframes logoIn{0%{opacity:0;transform:scale(.4)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes neon0{0%{opacity:0}1%{opacity:.9}2%{opacity:.05}3%{opacity:.7}3.6%{opacity:.15}5%,46%{opacity:1}49%,to{opacity:0}}@keyframes neon1{0%,50%{opacity:0}51%{opacity:.9}52%{opacity:.05}53%{opacity:.7}53.6%{opacity:.15}55%,71%{opacity:1}74%,to{opacity:0}}@keyframes neon2{0%,75%{opacity:0}76%{opacity:.9}77%{opacity:.05}78%{opacity:.7}78.6%{opacity:.15}80%,96%{opacity:1}99%,to{opacity:0}}.cab{animation:cabIn .7s var(--pop) .25s both;flex-direction:column;align-items:center;margin:0 auto 4px;display:flex}.cab canvas{aspect-ratio:300/132;border:3px solid var(--ink);border-radius:16px;width:min(300px,100%);display:block}.cab .bubble{background:var(--sun);max-width:170px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;text-align:center;transform-origin:70% 100%;animation:bubbleIn .5s var(--pop) 1.1s both;border-radius:14px;margin:0 0 12px -12%;padding:6px 12px 7px;font-size:15px;line-height:1.1;position:relative}.cab .bubble:after{content:"";background:var(--sun);border:solid var(--ink);border-width:0 3px 3px 0;width:14px;height:14px;position:absolute;bottom:-13px;right:30px;transform:rotate(45deg)skew(10deg,10deg)}.cab .bubble[lang=ar]{letter-spacing:0;font-size:18px;line-height:1.3}@keyframes bubbleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes cabIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.field{text-align:left;margin-top:14px;font-weight:900;display:block}input{width:100%;font:inherit;border:3px solid var(--ink);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;margin-top:6px;padding:10px 12px;font-size:20px;font-weight:900;box-shadow:inset 0 3px #2a1f2e14}input::placeholder{color:#2a1f2e59}.row-in{align-items:stretch;gap:8px;display:flex}.plate-in{text-transform:uppercase;letter-spacing:8px;text-align:center;font-family:var(--display);background:var(--sun);margin:0;font-size:24px;font-weight:400}.plate-in::placeholder{color:#2a1f2e4d}.or{color:#2a1f2e8c;align-items:center;gap:10px;margin:16px 0 10px;font-size:15px;font-weight:900;display:flex}.or:before,.or:after{content:"";border-top:3px dashed #2a1f2e33;flex:1}.err{color:var(--red);min-height:1.3em;margin-bottom:0}.err:not(:empty){animation:.35s shake}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.car{width:30px;height:47px;color:var(--sun)}.join-row{justify-content:center;align-items:stretch;gap:10px;height:120px;margin-top:4px;display:flex}.plate{background:var(--sun);border:4px solid var(--ink);min-width:0;box-shadow:0 5px 0 var(--ink), inset 0 0 0 3px var(--sun), inset 0 0 0 5px #2a1f2e59;border-radius:14px;flex-direction:column;flex:1;justify-content:center;padding:6px 6px 4px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.plate-top,.plate-bot{color:#2a1f2eb3;font-size:12px;font-weight:900;display:block}.code{white-space:nowrap;font-family:var(--display);letter-spacing:.12em;padding-left:.12em;font-size:clamp(26px,21cqw,48px);line-height:1}.code span{animation:tick .5s var(--pop) both;display:inline-block}.code span:nth-child(2){animation-delay:70ms}.code span:nth-child(3){animation-delay:.14s}.code span:nth-child(4){animation-delay:.21s}@keyframes tick{0%{opacity:0;transform:translateY(-60%)rotateX(80deg)}to{opacity:1;transform:none}}#qr{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:14px;flex:none;display:block;width:120px!important;height:120px!important}.sect{color:#2a1f2e99;align-items:center;gap:10px;margin:16px 0 4px;font-size:14px;display:flex}.sect:before,.sect:after{content:"";border-top:3px dashed #2a1f2e2e;flex:1}.players{text-align:left;margin:4px 0 0;padding:0;list-style:none}.players li{border-radius:12px;align-items:center;gap:12px;padding:6px 8px;font-size:19px;font-weight:900;display:flex}.players li.new{animation:rowIn .45s var(--pop) both}.players li.me{background:#ffd23f59}.players .car{flex:none;width:18px;height:28px;margin:-6px 4px;transform:rotate(90deg)}.tag{background:var(--ink);color:var(--cream);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:12px}@keyframes rowIn{0%{opacity:0;transform:translate(-30px)scale(.9)}to{opacity:1;transform:none}}.seg{justify-content:center;gap:8px;margin:6px 0;display:flex}.seg button{font:inherit;font-family:var(--display);border:3px solid var(--ink);background:var(--cream);width:60px;color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;border-radius:12px;padding:6px 0;font-size:22px;transition:transform 80ms,box-shadow 80ms}.seg button.on{background:var(--sun);box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.hint{color:#2a1f2ea6;margin-bottom:0}.hint.wait:after{content:"";text-align:left;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.hud{padding:calc(12px + env(safe-area-inset-top)) 12px 0;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:fixed;top:0;left:0;right:0}.hud-left{flex-direction:column;grid-row:1/span 2;align-items:flex-start;gap:8px;display:flex}.hud-icons{gap:8px;display:flex}.hud #peek{grid-area:1/3;justify-self:end}.hud #timer{grid-area:1/2;justify-self:center}.pill{white-space:nowrap;background:var(--ink);color:var(--cream);font-family:var(--display);letter-spacing:.5px;border-radius:999px;padding:8px 14px;font-size:18px;box-shadow:0 4px #0000004d}.hud .pill,.hud .btn{box-sizing:border-box;align-items:center;height:40px;display:inline-flex}.hud .btn.icon{width:44px}.meter{min-width:96px;color:var(--sun);font-variant-numeric:tabular-nums;justify-content:center}#center{padding-top:calc(118px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#big{font-family:var(--display);color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);font-size:96px;line-height:1}#big.go{color:var(--sun);animation:goIn .7s var(--pop);font-size:120px}@keyframes goIn{0%{transform:scale(.2)rotate(-12deg)}60%{transform:scale(1.15)rotate(4deg)}to{transform:none}}#sub{white-space:nowrap;background:var(--cream);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);animation:cardIn .4s var(--pop) both;border-radius:999px;grid-area:2/2;justify-self:center;padding:4px 12px;font-size:15px;font-weight:900;line-height:1.2}#toast{box-sizing:border-box;background:var(--ink);max-width:100%;color:var(--cream);text-align:center;animation:pop .4s var(--pop);border-radius:14px;grid-area:3/1/auto/-1;justify-self:center;padding:10px 16px;font-size:18px;font-weight:900;box-shadow:0 4px #0000004d}@keyframes pop{0%{opacity:0;transform:translateY(30px)scale(.5)}to{opacity:1;transform:none}}#results{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;padding:0 14px;display:flex;position:fixed}.standings{text-align:left;margin:6px 0;padding:0;list-style:none}.standings li{animation:rowIn .45s var(--pop) both;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;font-size:18px;font-weight:900;display:flex}.standings li:nth-child(2){animation-delay:80ms}.standings li:nth-child(3){animation-delay:.16s}.standings li:nth-child(4){animation-delay:.24s}.standings li:nth-child(5){animation-delay:.32s}.standings li:nth-child(n+6){animation-delay:.4s}.standings li.me{background:#ffd23f59}.standings .car{flex:none;width:16px;height:25px;margin:-6px 4px;transform:rotate(90deg)}.place{font-family:var(--display);border:3px solid var(--ink);background:var(--cream);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:400;display:grid}.place.p1{background:var(--sun)}.place.p2{background:#d8d8e0}.place.p3{background:#e0a070}.place.dnf{opacity:.6;font-size:11px}.standings .pts{font-family:var(--display);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:22px;font-weight:400}.standings .plus{background:var(--green);border:2px solid var(--ink);animation:plusIn .5s var(--pop) .5s both;border-radius:999px;padding:1px 7px;font-size:14px}.standings .plus.zero{color:#2a1f2e80;background:0 0;border-color:#2a1f2e40}@keyframes plusIn{0%{transform:scale(0)}to{transform:none}}.title{margin:4px 0 0;font-size:40px}.stand{justify-content:center;align-items:flex-end;gap:8px;height:200px;margin:18px 0 10px;display:flex}.stand>div{flex-direction:column;justify-content:flex-end;align-items:center;width:96px;display:flex}.stand .car{width:28px;height:44px;animation:hop .6s var(--pop) both;margin-bottom:6px}.stand .n{text-align:center;overflow-wrap:anywhere;white-space:normal;max-width:100%;margin-bottom:4px;font-size:15px;font-weight:900;line-height:1.1}.stand .n.long{letter-spacing:-.2px;font-size:12px}@media (width<=600px){.hud-left{grid-row:1}#sub{grid-column:1/-1}}.stand .block{border:4px solid var(--ink);width:100%;font-family:var(--display);transform-origin:bottom;animation:rise .7s var(--pop) both;border-bottom:0;border-radius:12px 12px 0 0;place-items:start center;padding-top:6px;font-size:34px;display:grid}.stand>div:first-child .block,.stand>div:first-child .car{animation-delay:.35s}.stand>div:nth-child(2) .block,.stand>div:nth-child(2) .car{animation-delay:.7s}.stand>div:nth-child(3) .block,.stand>div:nth-child(3) .car{animation-delay:.1s}@keyframes rise{0%{transform:scaleY(0)}to{transform:none}}@keyframes hop{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:none}}#confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}#confetti i{border:2px solid var(--ink);border-radius:2px;width:10px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translate(var(--dx), 110vh) rotate(var(--r))}}@media (height<=700px){.logo.card-sign{width:160px}.cab canvas{width:240px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#confetti{display:none}.n0{opacity:1;animation:none!important}.n1,.n2{display:none}}.standings .pts small{color:#2a1f2e99;font-family:Nunito,sans-serif;font-size:13px}.standings .who{flex-direction:column;flex:auto;min-width:0;line-height:1.15;display:flex}.standings .name{overflow-wrap:anywhere;white-space:normal}.standings .name.long{font-size:16px}.standings .sub{color:#2a1f2ea6;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:3px;font-size:13px;font-weight:800;display:flex}.standings .time{font-variant-numeric:tabular-nums}.standings .plus{color:var(--ink);padding:0 6px;font-size:12px}.standings .tip{background:var(--sun);color:var(--ink);border:2px solid var(--ink);animation:plusIn .5s var(--pop) .7s both;border-radius:999px;padding:0 6px;font-size:12px}.standings .side{color:#3c8a2e;white-space:nowrap;animation:plusIn .5s var(--pop) .8s both;font-size:12px}#mood{left:144px;bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;filter:drop-shadow(0 4px #0000004d);width:52px;height:52px;position:fixed}#mood svg{width:100%;height:100%;display:block}#mood .fc{stroke:var(--ink);stroke-width:3.5px;fill:var(--cream)}#mood.happy .fc{fill:var(--sun)}#mood.angry .fc{fill:#ff8a73}#mood .ey{fill:var(--ink)}#mood .ln{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}#mood.bump{animation:moodBump .45s var(--pop)}@keyframes moodBump{0%{transform:scale(1)}40%{transform:scale(1.3)rotate(-8deg)}to{transform:none}}.switch{text-align:left;cursor:pointer;align-items:center;gap:12px;margin-top:14px;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch .track{border:3px solid var(--ink);background:var(--cream);border-radius:999px;flex:none;width:56px;height:32px;transition:background .2s;position:relative;box-shadow:inset 0 3px #2a1f2e1f}.switch .knob{border:3px solid var(--ink);width:22px;height:22px;transition:transform .25s var(--pop);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track .knob{transform:translate(24px)}.switch input:focus-visible+.track{outline:3px solid var(--ink);outline-offset:3px}.switch-text{flex-direction:column;line-height:1.2;display:flex}.switch-text small{color:#2a1f2e99;font-size:13px}.count{background:var(--green);border:2px solid var(--ink);border-radius:999px;place-items:center;min-width:26px;height:26px;margin-left:8px;padding:0 7px;font-size:15px;display:inline-grid}.rooms{text-align:left;margin:8px 0 0;padding:0;list-style:none}.rooms li{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:rowIn .35s var(--pop) both;background:#fff;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.rooms li.busy{background:#ffffff80;border-color:#2a1f2e66;box-shadow:0 4px #2a1f2e59}.room-main{flex-direction:column;flex:1;min-width:0;display:flex}.room-main b{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.room-main small{color:#2a1f2e99;font-size:13px}.rooms .status{color:#2a1f2e99;white-space:nowrap;font-size:13px}.scan-hint{color:#2a1f2e99;margin:8px 0 0;font-size:12px}#speedo{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;filter:drop-shadow(0 5px #0000004d);width:124px;height:124px;transition:filter .2s;position:fixed}#speedo svg{width:100%;height:100%;overflow:visible}#speedo .bezel{fill:#2a1f2e;stroke:#2a1f2e;stroke-width:6px}#speedo .track{fill:none;stroke:#fff4e024;stroke-width:7px}#speedo .red{fill:none;stroke:#ff4f4f;stroke-width:7px}#speedo .mj{stroke:#fff4e0;stroke-width:4px;stroke-linecap:round}#speedo .mn{stroke:#fff4e08c;stroke-width:2px;stroke-linecap:round}#speedo .labels text{font-family:var(--display);fill:#fff4e0;text-anchor:middle;font-size:15px}#speedo .readout rect{fill:#120c14;stroke:#fff4e02e;stroke-width:2px}#speedo .num{font-family:var(--display);fill:var(--sun);text-anchor:middle;font-variant-numeric:tabular-nums;font-size:20px}#speedo .unit{fill:#fff4e099;text-anchor:middle;font-size:11px;font-weight:900}#speedo .needle{transform-origin:100px 100px;transform-box:view-box}#speedo .needle path{fill:var(--sun);stroke:#2a1f2e;stroke-width:3px;stroke-linejoin:round}#speedo .hub{fill:#2a1f2e;stroke:var(--sun);stroke-width:3px}#speedo .hub-dot{fill:var(--sun)}#speedo.redline .num{fill:#ff6b5e}#speedo.boost{filter:drop-shadow(0 5px #0000004d)drop-shadow(0 0 12px #ffd23fbf)}#speedo.boost .needle path{fill:#fff3a8}.btn.icon.off{opacity:.55;position:relative}.btn.icon.off:after{content:"";background:var(--ink);border-radius:2px;height:3px;position:absolute;top:50%;left:8px;right:8px;transform:rotate(-35deg)}