@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-j0pmKyiQ.woff2) format("woff2"),url(/assets/rubik-latin-400-normal-BV1Ho3GG.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rubik-latin-500-normal-1os41rQk.woff2) format("woff2"),url(/assets/rubik-latin-500-normal-LZYVHeqz.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-latin-600-normal-7iWW07_k.woff2) format("woff2"),url(/assets/rubik-latin-600-normal-Bd1rsTk4.woff) format("woff")}:root{--night:#0d0a24;--plum:#24124a;--rose:#ff4f9a;--peach:#ffb48a;--cyan:#47e6ff;--mint:#5dffb0;--gold:#ffd23f;--text:#fff4fb;--muted:rgba(255,236,248,.66);--glass:rgba(30,16,62,.52);--stroke:rgba(255,180,225,.2);--font-display:"Fredoka","Baloo 2","Nunito","Trebuchet MS",system-ui,sans-serif;--font-ui:"Rubik","Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;background:var(--night);color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input{-webkit-user-select:text;user-select:text}button{font-family:inherit}#app{position:fixed;inset:0;touch-action:none}#app canvas{display:block;cursor:crosshair;transition:filter .7s ease}body.menu #app canvas{filter:blur(6px) saturate(1.15) brightness(.95);cursor:default}.hud{position:fixed;pointer-events:none;z-index:5}.glass{background:var(--glass);border:1px solid var(--stroke);border-radius:22px;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 40px #05001473,inset 0 1px #ffffff14}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#mute{top:calc(14px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--text);cursor:pointer;pointer-events:auto;padding:0;z-index:30}#mute .cross,#mute.off .wave{display:none}#mute.off .cross{display:block}#mute:hover{background:#3c1e6e99}#leaderboard{top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));width:228px;padding:10px 12px 8px;border-radius:18px}#leaderboard h2{margin:0 0 6px;font:600 12px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#lbList{list-style:none;margin:0;padding:0;font-size:13px}#lbList li{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:9px;font-variant-numeric:tabular-nums}#lbList li .rk{width:20px;color:var(--muted);font-size:11px}#lbList li .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lbList li .sc{color:var(--peach);font-weight:500}#lbList li .bt{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:0 4px;line-height:14px}#lbList li.hu .nm{color:#ffe14d}#lbList li.me{background:linear-gradient(90deg,#ff4f9a61,#ff4f9a1f);box-shadow:inset 0 0 0 1px #ffa0d273;font-weight:600}#lbList li.me .rk{color:var(--text)}#lbList li.gap{justify-content:center;color:var(--muted);padding:0;height:12px;line-height:8px}#stats{left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:10px 16px;display:grid;grid-template-columns:auto auto;gap:4px 18px;font-variant-numeric:tabular-nums}#stats div{display:flex;flex-direction:column;gap:2px}#stats small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#stats strong{font-family:var(--font-display);font-weight:600;font-size:22px}#stats #netInfo{grid-column:1/-1;display:block;font-size:10.5px;letter-spacing:.04em;color:var(--muted);white-space:nowrap}#netInfo[data-tone=good]{color:#9dffc4}#netInfo[data-tone=mid]{color:#ffe08a}#netInfo[data-tone=bad]{color:#ff9aa8}#minimapWrap{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));width:170px;height:170px;border-radius:50%;background:#140a2c8c;border:1px solid var(--stroke);box-shadow:0 10px 40px #05001473;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#minimap{display:block;width:100%;height:100%;border-radius:50%}#fxbar{left:50%;transform:translate(-50%);bottom:calc(30px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 440px)}.badge{width:62px;height:62px;position:relative;border-radius:50%;display:grid;place-items:center;background:#140a2c9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 24px #0006}.badge img{width:44px;height:44px}.badge svg{position:absolute;inset:0;transform:rotate(-90deg)}.badge .lbl{position:absolute;top:100%;margin-top:4px;font-size:10px;white-space:nowrap;color:var(--text);font-weight:500;text-shadow:0 1px 3px #000}.badge.blink{animation:blink .35s steps(2) infinite}@keyframes blink{50%{opacity:.35}}#killfeed{top:calc(66px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));width:min(340px,calc(100vw - 280px));display:flex;flex-direction:column;gap:5px;align-items:flex-start}#killfeed .kf{overflow-wrap:anywhere;padding:6px 12px;border-radius:12px;font-size:13px;line-height:1.3;background:#180c3499;border:1px solid var(--stroke);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:100%}#killfeed .kf b{font-weight:600;color:var(--peach)}#killfeed .kf.mine{border-color:#ff78beb3;background:#7818508c}#killfeed .kf.gold{border-color:#ffd23fb3;background:#5a3c068c;color:#fff3c4}#toast{position:fixed;pointer-events:none;z-index:45;top:calc(18px + env(safe-area-inset-top,0px));left:0;right:0;margin:0 auto;padding:10px 18px;font-weight:500;opacity:0;width:max-content;max-width:min(560px,calc(100vw - 32px));text-align:center;line-height:1.4;font-size:14px}#toast[data-pos=bottom]{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px))}#cursorRing{left:0;top:0;width:60px;height:60px;margin:-30px 0 0 -30px;will-change:transform;opacity:.9}#cursorRing svg{display:block;filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}#cursorRing.ready #ringArc{stroke:#a8ffd0;filter:drop-shadow(0 0 5px rgba(120,255,190,.8))}#cursorRing.gold #ringArc{stroke:var(--gold)}#cursorRing.blocked #ringArc{stroke:#f4f0ff}#cursorRing.dry #ringArc{stroke:#ff6b6b;opacity:.75}#wallWarn{inset:0;opacity:0;background:radial-gradient(ellipse at center,#ff003c00 45%,#ff14468c);mix-blend-mode:screen;transition:opacity .15s}.screen{position:fixed;inset:0;z-index:20;display:flex;padding:16px;overflow:auto;background:radial-gradient(ellipse at center,#0d0a241f,#0d0a2480)}.screen .card{width:min(520px,100%);margin:auto;padding:22px 26px 18px;display:flex;flex-direction:column;gap:11px;text-align:center;border-radius:28px}#logo{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,8vw,64px);line-height:1;letter-spacing:.01em;display:flex;justify-content:center;align-items:baseline;gap:1px;margin:0}#logo span{display:inline-block;background:linear-gradient(180deg,#fff6fb 0%,#ffc2dc 45%,var(--rose) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #7a1f55) drop-shadow(0 0 18px rgba(255,79,154,.45))}#logo .io{font-size:.55em;background:linear-gradient(180deg,#e9fdff,var(--cyan));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 #134a63) drop-shadow(0 0 14px rgba(71,230,255,.5));margin-left:4px}#tagline{margin:0;color:var(--muted);font-size:14px;letter-spacing:.02em}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field>span{font:600 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#nick{width:100%;padding:12px 14px;font:500 16px var(--font-ui);color:var(--text);background:#00000052;border:1px solid var(--stroke);border-radius:14px}#nick::placeholder{color:#ffecf859}#nick:focus{outline:2px solid var(--cyan);outline-offset:1px}#skinPreview{width:100%;height:auto;aspect-ratio:300/108;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#783cc859,#0a061e66);border:1px solid var(--stroke)}#skinName{text-align:center;font:600 15px var(--font-display);color:var(--peach)}#skinChips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.skinchip{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.22);padding:0;cursor:pointer;background-size:cover;background-position:center;transition:transform .15s,border-color .15s,box-shadow .15s}.skinchip:hover{transform:scale(1.12)}.skinchip[aria-selected=true]{border-color:#fff;box-shadow:0 0 0 3px #ff4f9ab3,0 0 16px #ff4f9a99;transform:scale(1.14)}.bigbtn{font:700 26px var(--font-display);letter-spacing:.06em;color:#2a0d24;background:linear-gradient(180deg,#ffd9ec,var(--rose));border:0;border-radius:999px;padding:12px 24px;cursor:pointer;box-shadow:0 6px #9c2767,0 14px 30px #ff4f9a66;transition:transform .12s,box-shadow .12s}.bigbtn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px #9c2767,0 18px 34px #ff4f9a80}.bigbtn:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #9c2767,0 6px 14px #ff4f9a66}.bigbtn:disabled{cursor:progress;filter:saturate(.7) brightness(.92)}.bigbtn[aria-busy=true]{animation:busy 1.1s ease-in-out infinite}@keyframes busy{50%{opacity:.62}}.linkbtn{background:none;border:0;color:var(--muted);font-size:13px;text-decoration:underline;cursor:pointer;padding:2px}.linkbtn:hover{color:var(--text)}.linkbtn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.linkrow{display:flex;flex-direction:column;align-items:center;gap:4px}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chip{font-size:12px;padding:5px 10px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:var(--text);white-space:nowrap}.chip b{font-weight:600;color:var(--peach)}.tip{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}#death h2{margin:0;font:700 clamp(36px,7vw,54px)/1.05 var(--font-display);color:var(--rose);filter:drop-shadow(0 3px 0 #7a1f55) drop-shadow(0 0 18px rgba(255,79,154,.5))}#deathStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}#deathStats div{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 6px}#deathStats dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#deathStats dd{margin:4px 0 0;font:600 22px var(--font-display);font-variant-numeric:tabular-nums}.hotline{margin:0;font-size:11px;color:#ffecf880}.netstatus{align-self:center;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 12px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:500;line-height:1.3}.netstatus .dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #5dffb0d9}.netstatus.full .dot{background:var(--gold);box-shadow:0 0 8px #ffd23fd9}.notice{margin:0;padding:10px 14px;border-radius:14px;background:#ff4f9a24;border:1px solid rgba(255,140,200,.4);font-size:13px;line-height:1.45;text-align:center;overflow-wrap:anywhere}.notice p{margin:0}.notice-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.smallbtn{font:600 13px var(--font-ui);color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .15s}.smallbtn:hover{background:#ffffff2e}.smallbtn.primary{background:linear-gradient(180deg,#ffd9ec,var(--rose));color:#2a0d24;border-color:transparent}.smallbtn.primary:hover{filter:brightness(1.06)}#loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a1453,var(--night) 70%);transition:opacity .5s}#loader p{font-family:var(--font-display);font-size:22px;color:var(--text);margin:0;text-align:center;padding:0 16px}#loader{align-content:center;gap:14px}#loader .loader-retry{font:600 16px var(--font-display);padding:10px 22px;border:0;border-radius:999px;background:#ff6fae;color:#2a0b1e;cursor:pointer}#loader .loader-detail{max-width:min(640px,90vw);font-size:12px;opacity:.55;text-align:center;overflow-wrap:anywhere}#loader p span{display:inline-block;animation:hop 1s infinite ease-in-out}#loader p span:nth-child(2){animation-delay:.12s}#loader p span:nth-child(3){animation-delay:.24s}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-height:800px)and (min-width:641px){body.online #home .card{gap:8px;padding-top:16px;padding-bottom:14px}body.online #logo{font-size:clamp(40px,6vw,56px)}body.online #skinPreview{width:min(100%,330px);align-self:center}}@media(max-width:900px){#fxbar{max-width:calc(100vw - 32px);bottom:calc(200px + env(safe-area-inset-bottom,0px))}#minimapWrap{width:124px;height:124px}#leaderboard{width:176px}#killfeed{width:min(300px,calc(100vw - 220px));top:calc(64px + env(safe-area-inset-top,0px))}}@media(max-width:420px){.bigbtn{font-size:22px;padding:11px 14px}}@media(max-width:640px){#leaderboard:not(.open) li:nth-child(n+6){display:none}#stats strong{font-size:18px}.screen .card{padding:18px 16px 16px;gap:10px}#deathStats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){#loader p span{animation:none}#app canvas{transition:none}.badge.blink,.bigbtn[aria-busy=true]{animation:none}}.touchpad{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:none;gap:14px;align-items:flex-end;z-index:20;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body.touch.playing .touchpad{display:flex}.touchbtn{width:76px;height:76px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#1e103c8c;color:#fff;font:600 11px var(--font-display);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;backdrop-filter:blur(4px)}.touchbtn span{font-size:26px;line-height:1}.touchbtn.touch-boost{width:92px;height:92px}.touchbtn.on{background:#ff4f9a99;border-color:#fff;transform:scale(.95)}body.touch #minimapWrap{bottom:calc(126px + env(safe-area-inset-bottom,0px))}body.boutons-gauche .touchpad{right:auto;left:calc(16px + env(safe-area-inset-left,0px));flex-direction:row-reverse}body.touch.boutons-gauche #minimapWrap{right:auto;left:calc(14px + env(safe-area-inset-left,0px))}body.touch.boutons-gauche #stats{left:auto;right:calc(14px + env(safe-area-inset-right,0px))}.chip.hand-toggle{border:1px solid rgba(255,255,255,.28);background:#ffffff14;color:var(--text);font-family:inherit;cursor:pointer;pointer-events:auto}html,body{overscroll-behavior:none}@media(pointer:coarse){#leaderboard{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}#leaderboard h2:after{content:" ▾";opacity:.7}#leaderboard.open{width:min(330px,calc(100vw - 32px));z-index:31}#leaderboard.open h2:after{content:" ▴"}#leaderboard.open #lbList{font-size:15px}#leaderboard.open #lbList li{padding:5px 8px}#leaderboard.open #lbList li .nm{white-space:normal;overflow:visible;overflow-wrap:break-word;min-width:0}}