@font-face{font-family:Fredoka;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2");font-display:swap}@font-face{font-family:Fredoka;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2");font-display:swap}@font-face{font-family:Nunito;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2");font-display:swap}@font-face{font-family:Nunito;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2");font-display:swap}@font-face{font-family:Luckiest Guy;font-weight:400;src:url(./luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2");font-display:swap}:root{--ciel:#3ec1f3;--turbo:#ff8a3d;--soleil:#ffd93d;--vilfroid:#6b3fa0;--menthe:#4ed6a6;--encre:#2b2140;--creme:#fff7e8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--encre);color:#fff;overscroll-behavior:none;height:100%;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app *{touch-action:none;-webkit-user-select:none;user-select:none}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}.screen{background:radial-gradient(circle at 30% 20%,#3ec1f38c,transparent 55%),radial-gradient(circle at 80% 90%,#ff8a3d8c,transparent 50%),var(--encre);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen[hidden]{display:none}.card{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff7e814;border:2px solid #ffffff2e;border-radius:24px;max-width:620px;padding:1.2rem 1.6rem}.brand{letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-family:Fredoka;font-size:.75rem}h1{color:var(--soleil);text-shadow:0 4px #b65a12,0 8px 20px #0006;letter-spacing:.02em;margin:.2rem 0;font-family:Luckiest Guy,Fredoka,sans-serif;font-size:clamp(2rem,7vw,3.6rem)}.sub{margin:.2rem 0 .6rem;font-family:Fredoka;font-size:1.1rem}.hint{opacity:.9;font-size:.9rem;line-height:1.4}.tiny{opacity:.7;margin-top:.6rem;font-size:.75rem}button.big{background:var(--turbo);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:.4rem;padding:.8rem 1.6rem;font-family:Fredoka;font-size:1.2rem;font-weight:700;box-shadow:0 6px #b65a12}button.big:active{transform:translateY(4px);box-shadow:0 2px #b65a12}button.big.alt{background:var(--menthe);color:var(--encre);box-shadow:0 6px #1f7f5c}button.big.alt:active{box-shadow:0 2px #1f7f5c}button.big:disabled{opacity:.5;cursor:default;transform:none}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:.5rem;display:flex}.row.small{align-items:center}.pill{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffff59;border-radius:999px;padding:.5rem .9rem;font-family:Fredoka;font-size:.9rem;font-weight:700}.pill:active{background:#fff3}.field{flex-direction:column;align-items:center;gap:4px;margin:.3rem 0;font-family:Fredoka;font-size:.9rem;display:flex}.field input,.code{text-align:center;color:#fff;-webkit-user-select:text;user-select:text;touch-action:auto;background:#2b214099;border:2px solid #ffffff59;border-radius:12px;width:min(60vw,260px);padding:.4rem .8rem;font-family:Fredoka;font-size:1.1rem;font-weight:700}.code{text-transform:uppercase;letter-spacing:.2em;width:5.2em}.h-small{font-size:clamp(1.6rem,5vw,2.4rem)}.card.lobby{min-width:min(92vw,560px)}.players{text-align:left;grid-template-columns:1fr 1fr;gap:4px 14px;margin:.4rem 0;padding:0;font-size:.95rem;list-style:none;display:grid}.players li{background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:3px 8px;display:flex}.players li .dot{background:var(--c,#999);border:2px solid #ffffff80;border-radius:50%;flex:none;width:12px;height:12px}.players li.me{outline:2px solid var(--soleil)}.players li.empty{opacity:.45;font-style:italic}.players li .st{opacity:.85;margin-left:auto;font-size:.75rem}.players li .st.ok{color:var(--menthe)}.players li .st.bot{color:#8fd3ff}.ranking{text-align:left;columns:2;column-gap:1.4rem;max-width:360px;margin:.4rem auto;padding-left:1.4rem;font-size:.95rem}.ranking li.me{color:var(--soleil);font-weight:700}.ranking[hidden]{display:none}#hud{pointer-events:none;position:absolute;inset:0}#hud[hidden]{display:none}.hud-top{top:calc(8px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));align-items:center;gap:10px;display:flex;position:absolute}.chip{font-variant-numeric:tabular-nums;background:#2b2140bf;border:2px solid #ffffff40;border-radius:999px;padding:4px 12px;font-family:Fredoka;font-size:1rem;font-weight:700}.chip-pos{color:var(--soleil)}.chip-rank{color:#fff;background:#ff8a3dd9;font-size:1.15rem}.chip-net{opacity:.8;font-size:.75rem;font-weight:400}.chip-net.warn{color:var(--turbo);opacity:1}#hud-tags{position:absolute;inset:0;overflow:hidden}.tag{color:#fff;border:2px solid var(--c,#fff);white-space:nowrap;will-change:transform;background:#2b2140b3;border-radius:999px;padding:1px 8px;font-family:Fredoka;font-size:.8rem;font-weight:700;transition:opacity .2s;position:absolute;top:0;left:0}.gauge{background:#2b2140bf;border:2px solid #ffffff40;border-radius:999px;width:min(34vw,220px);height:14px;margin-left:auto;overflow:hidden}#hud-speed{background:linear-gradient(90deg,var(--menthe),var(--soleil),var(--turbo));width:0;height:100%;transition:width 80ms linear}.hud-bottom{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));position:absolute;transform:translate(-50%)}.drift{opacity:0;background:#2b2140bf;border:2px solid #ffffff40;border-radius:999px;width:min(40vw,260px);height:12px;transition:opacity .15s;position:relative;overflow:hidden}.drift.on{opacity:1}#hud-drift-fill{background:#8fd3ff;width:0;height:100%}.drift.t1 #hud-drift-fill{background:#8fd3ff}.drift.t2 #hud-drift-fill{background:var(--turbo)}.drift.t3 #hud-drift-fill{background:var(--vilfroid);box-shadow:0 0 12px var(--vilfroid)}#hud-drift-label{text-align:center;color:#fff;text-shadow:0 2px #00000080;font-family:Luckiest Guy;font-size:.95rem;position:absolute;top:-22px;left:0;right:0}#hud-pops{position:absolute;inset:0;overflow:hidden}.pop{color:var(--soleil);text-shadow:0 3px #b65a12,0 6px 14px #00000080;white-space:nowrap;font-family:Luckiest Guy;font-size:clamp(1.4rem,5vw,2.6rem);animation:.9s ease-out forwards pop;position:absolute;top:38%;left:50%;transform:translate(-50%)}.pop.blue{color:#8fd3ff;text-shadow:0 3px #1a5c8a}.pop.purple{color:#d9b8ff;text-shadow:0 3px 0 var(--vilfroid)}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)rotate(-6deg)}15%{opacity:1;transform:translate(-50%)scale(1.15)rotate(2deg)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-40px)scale(1)}}.touch-zone{pointer-events:auto;position:absolute;top:30%;bottom:0}#touch-left{width:50%;left:0}#touch-right{width:50%;padding:0 calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) 0;pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:14px;display:flex;right:0}#touch-stick{background:#ffffff14;border:3px solid #ffffff59;border-radius:50%;width:120px;height:120px;display:none;position:absolute;transform:translate(-50%,-50%)}#touch-stick:after{content:"";width:46px;height:46px;transform:translate(calc(-50% + var(--dx,0px)),-50%);background:#fff9;border-radius:50%;position:absolute;top:50%;left:50%}.tbtn{pointer-events:auto;color:#fff;letter-spacing:.04em;background:#2b214099;border:3px solid #fff6;border-radius:50%;width:76px;height:76px;font-family:Fredoka;font-size:.9rem;font-weight:700}.tbtn-main{background:#ff8a3dbf;width:96px;height:96px;font-size:1.05rem}.tbtn.down{filter:brightness(1.3);transform:scale(.94)}body.no-touch .touch-zone{display:none}.card{touch-action:pan-y;max-height:calc(100dvh - 12px);overflow-y:auto}.card *{touch-action:pan-y}.card input{touch-action:auto}@media (max-height:430px){.card{padding:.6rem 1.2rem}h1{margin:0;font-size:clamp(1.6rem,6vw,2.4rem)}.sub{margin:.1rem 0 .3rem;font-size:1rem}.hint{font-size:.78rem;line-height:1.25}.field{margin:.1rem 0}.field input{padding:.3rem .7rem;font-size:1rem}button.big{padding:.6rem 1.3rem;font-size:1.05rem}.players{gap:2px 10px;font-size:.85rem}.players li{padding:2px 8px}.brand{display:none}}