@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2) format("woff2"),url(/assets/orbitron-latin-700-normal-DmYOh-W9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/orbitron-latin-900-normal-DrIi7unX.woff2) format("woff2"),url(/assets/orbitron-latin-900-normal-BbJatbhp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-devanagari-500-normal-B_DH_jja.woff2) format("woff2"),url(/assets/rajdhani-devanagari-500-normal-BPH8g_s8.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-ext-500-normal-DiyUS11w.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-500-normal-CyRWJZ5B.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-500-normal-ByNUCHrt.woff2) format("woff2"),url(/assets/rajdhani-latin-500-normal-DfvNI-Td.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-devanagari-700-normal-BQQOj9BB.woff2) format("woff2"),url(/assets/rajdhani-devanagari-700-normal-DBRwWuxA.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-ext-700-normal-S6aYESQK.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-700-normal-BPaQ7tlD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-700-normal-BPDUZo87.woff2) format("woff2"),url(/assets/rajdhani-latin-700-normal-e0Uj8ZlN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night: #0b0614;--night-2: #140a24;--panel: rgba(22, 9, 38, .88);--ink: #f7ecff;--muted: #b39ccf;--pink: #ff2bd6;--purple: #b44dff;--blue: #2de2ff;--orange: #ff9a1f;--danger: #ff4d6d;--accent: var(--pink);--glow-pink: 0 0 6px rgba(255, 43, 214, .9), 0 0 18px rgba(255, 43, 214, .55);--glow-purple: 0 0 6px rgba(180, 77, 255, .85), 0 0 16px rgba(180, 77, 255, .45);--glow-blue: 0 0 6px rgba(45, 226, 255, .85), 0 0 16px rgba(45, 226, 255, .45);--glow-orange: 0 0 6px rgba(255, 154, 31, .9), 0 0 16px rgba(255, 154, 31, .5);--display: "Orbitron", "Arial Black", system-ui, sans-serif;--ui: "Rajdhani", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;color:var(--ink);font:500 17px/1.4 var(--ui);background:radial-gradient(60rem 30rem at 15% -10%,rgba(180,77,255,.28),transparent 60%),radial-gradient(50rem 30rem at 110% 20%,rgba(255,43,214,.2),transparent 60%),radial-gradient(40rem 25rem at 50% 120%,rgba(45,226,255,.14),transparent 60%),var(--night);background-attachment:fixed}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:2px solid var(--purple);background:#b44dff14;border-radius:12px;padding:.6rem 1rem;font-weight:700;box-shadow:0 0 10px #b44dff59,inset 0 0 8px #b44dff33;transition:box-shadow .15s,transform .05s}button:hover{box-shadow:var(--glow-purple),inset 0 0 10px #b44dff59}button.primary{border-color:var(--pink);background:#ff2bd629;color:#fff;font-family:var(--display);font-weight:900;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:var(--glow-pink);box-shadow:var(--glow-pink),inset 0 0 12px #ff2bd659}button.primary:hover{background:#ff2bd642}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.4;cursor:default;box-shadow:none}button.ghost{border-color:#b39ccf66;background:transparent;box-shadow:none;color:var(--muted)}input,select{background:#080410cc;border:2px solid rgba(45,226,255,.45);border-radius:12px;padding:.6rem .8rem;width:100%;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:var(--glow-blue)}.screen{max-width:30rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.1rem}.hero{text-align:center;padding-top:.5rem}.hero h1,.wordmark{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,11vw,3.8rem);line-height:1.1;margin:.5rem 0 0;color:#ffe6fa;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 4px #fff,0 0 10px var(--pink),0 0 22px var(--pink),0 0 44px var(--purple);animation:buzz 6s infinite}.wordmark{font-size:1.9rem;display:inline-block}@keyframes buzz{0%,91%,93%,96%,to{opacity:1}92%,95%{opacity:.55}}.lobby-head{text-align:center}.tagline{margin:.6rem 0 0;font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--blue);text-shadow:var(--glow-blue)}.card{background:var(--panel);border-radius:18px;padding:1.1rem;display:flex;flex-direction:column;gap:.8rem;border:2px solid rgba(255,43,214,.55);box-shadow:0 0 18px #ff2bd638,inset 0 0 24px #b44dff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card.howto{border-color:#2de2ff80;box-shadow:0 0 18px #2de2ff2e,inset 0 0 24px #2de2ff14}.card h2{font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:1rem;color:var(--blue);text-shadow:var(--glow-blue)}.howto ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.45rem}.howto li::marker{color:var(--pink)}.howto b{color:var(--orange);text-shadow:0 0 8px rgba(255,154,31,.6)}.small{color:var(--muted);font-size:.9rem;margin:0}.field{display:flex;flex-direction:column;gap:.35rem}.label{color:var(--purple);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;text-shadow:0 0 8px rgba(180,77,255,.6)}.row{display:flex;gap:.5rem}.row input{text-transform:uppercase;letter-spacing:.25em}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.3rem}.emoji-grid button{padding:.3rem 0;font-size:1.4rem;border-radius:10px;border-color:#b44dff59;box-shadow:none;background:#08041099}.emoji-grid button[aria-checked=true]{border-color:var(--pink);box-shadow:var(--glow-pink)}.skin-pick{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;align-items:start}.skin-stage{position:relative}.skin-stage canvas{display:block;width:7.5rem;height:9rem;border-radius:12px;border:2px solid rgba(180,77,255,.45);box-shadow:0 0 12px #b44dff40}.skin-name{position:absolute;left:0;right:0;bottom:.3rem;text-align:center;font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 0 6px #000}.skin-grid{grid-template-columns:repeat(4,1fr)}.players .outfit{font-size:1rem}.invite{border:2px solid var(--orange);box-shadow:var(--glow-orange);border-radius:14px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background:#ff9a1f14}.invite p{margin:0}.invite b{color:var(--orange);letter-spacing:.15em}.error{color:var(--danger);min-height:1.2em;margin:0;text-shadow:0 0 8px rgba(255,77,109,.6)}.hint{color:var(--muted);margin:0}.code{font-family:var(--display);font-weight:900;font-size:2.6rem;letter-spacing:.25em;text-align:center;color:#fff;text-shadow:0 0 6px var(--orange),0 0 20px var(--orange)}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.players li{display:flex;align-items:center;gap:.55rem;background:#08041099;border:1px solid rgba(180,77,255,.3);border-radius:12px;padding:.45rem .7rem}.players li.me{border-color:var(--pink);box-shadow:0 0 10px #ff2bd659}.players .emoji{font-size:1.3rem}.players .swatch{width:.75rem;height:.75rem;border-radius:50%;box-shadow:0 0 8px currentColor}.players .tag{font-size:.72rem;color:var(--blue);border:1px solid rgba(45,226,255,.5);border-radius:6px;padding:0 .35rem}.players .wins{margin-left:auto;color:var(--orange);font-weight:800;text-shadow:0 0 8px rgba(255,154,31,.6)}.setting{display:flex;align-items:center;justify-content:space-between;gap:1rem}.setting select{width:auto}.screen.game{position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;padding:0;display:block;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;padding:.5rem;pointer-events:none}.timer{font-family:var(--display);font-weight:900;font-size:1.4rem;letter-spacing:.1em;padding:.1rem .8rem;border-radius:12px;color:#fff;background:#0b0614bf;border:2px solid var(--blue);box-shadow:var(--glow-blue);text-shadow:var(--glow-blue)}.timer.late{border-color:var(--pink);box-shadow:var(--glow-pink);text-shadow:var(--glow-pink)}.scores{position:absolute;right:.5rem;top:.5rem;margin:0;padding:.35rem .55rem;list-style:none;background:#0b0614bf;border:2px solid rgba(255,43,214,.6);box-shadow:0 0 12px #ff2bd64d;border-radius:12px;font-size:.9rem;min-width:8rem}.scores li{display:flex;gap:.35rem;align-items:center}.scores li.me{color:var(--pink);text-shadow:0 0 8px rgba(255,43,214,.7)}.scores .pts{margin-left:auto;font-family:var(--ui);font-weight:700;font-size:1.1em;padding-left:.6rem}.scores .dot{width:.6rem;height:.6rem;border-radius:50%;flex:none;box-shadow:0 0 6px currentColor}.mute{position:absolute;left:.5rem;top:.5rem;pointer-events:auto;padding:.3rem .6rem;background:#0b0614bf}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:clamp(2.5rem,min(16vw,28vh),8rem);letter-spacing:.06em;color:#fff;text-shadow:0 0 8px #fff,0 0 20px var(--pink),0 0 50px var(--pink),0 0 80px var(--purple);pointer-events:none}.hint-line{position:absolute;left:0;right:0;bottom:.4rem;margin:0;text-align:center;color:var(--muted);font-size:.9rem;pointer-events:none}.result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#06030cb3;padding:1rem}.result .card{width:min(24rem,100%);text-align:center}.result h2{font-size:1.5rem;color:#fff;text-shadow:0 0 6px #fff,0 0 18px var(--pink),0 0 36px var(--pink)}.result-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.result-points li{display:flex;gap:.5rem;justify-content:space-between;background:#08041099;border:1px solid rgba(180,77,255,.3);border-radius:10px;padding:.35rem .7rem}.result-points li.winner{border-color:var(--orange);box-shadow:var(--glow-orange)}.net-status{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);background:#280614e6;border:2px solid var(--danger);padding:.4rem .8rem;border-radius:10px;margin:0}.lock-hint{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;gap:.3rem;align-items:center;padding:1rem 1.6rem;background:#0b0614c7;border:2px solid var(--pink);box-shadow:var(--glow-pink);color:var(--muted);font-weight:600}.lock-hint .big{font-family:var(--display);font-weight:900;font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:var(--glow-pink)}.feed{position:absolute;left:.5rem;top:3.2rem;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem;max-width:min(22rem,45vw);pointer-events:none;font-size:.9rem}.feed li{background:#0b0614b8;border-left:3px solid var(--blue);border-radius:8px;padding:.15rem .55rem;animation:feed-in .25s ease-out}.feed li.mine{border-left-color:var(--pink);color:#fff}@keyframes feed-in{0%{transform:translate(-1rem);opacity:0}}.power{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;padding:.3rem .8rem .3rem .5rem;border-radius:14px;background:#0b0614c7;border:2px solid var(--power, var(--orange));box-shadow:0 0 14px var(--power, var(--orange));pointer-events:none}.power-icon{font-size:1.8rem;line-height:1}.power-text{display:flex;flex-direction:column;line-height:1.1}.power-name{font-family:var(--display);font-weight:900;font-size:.8rem;letter-spacing:.06em;color:#fff}.power-hint{font-size:.85rem;color:var(--muted)}.power-bar{width:5rem;height:.45rem;border-radius:99px;background:#ffffff1f;overflow:hidden}.power-bar i{display:block;height:100%;width:100%;background:var(--power, var(--orange));transform-origin:left}body.touch .power{bottom:auto;top:3.2rem}.peels{position:absolute;left:50%;bottom:5.4rem;transform:translate(-50%);padding:.15rem .7rem;border-radius:12px;background:#0b0614c7;border:2px solid #ffe93d;box-shadow:0 0 10px #ffe93d80;color:#fff;font-weight:700;pointer-events:none}body.touch .peels{bottom:auto;top:.5rem;left:auto;right:11rem;transform:none}body.touch .feed{top:6.4rem}.awards{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;text-align:left}.awards li{display:grid;grid-template-columns:2rem 1fr;column-gap:.4rem;align-items:center;background:#08041099;border:1px solid rgba(255,233,61,.35);border-radius:10px;padding:.35rem .6rem;animation:feed-in .35s ease-out backwards}.awards .award-emoji{grid-row:span 2;font-size:1.5rem;text-align:center}.awards b{font-family:var(--display);font-size:.78rem;letter-spacing:.05em;color:#ffe93d}.awards span.line{font-size:.9rem;color:var(--muted)}.pad{display:none}body.touch .pad{display:block}body.touch .hint-line{display:none}.stick-zone{position:absolute;left:0;bottom:0;width:45%;height:70%}.look-zone{position:absolute;right:0;top:15%;width:55%;height:85%}.stick-base{position:absolute;left:0;top:0;width:calc(var(--stick-r, 52px) * 2);height:calc(var(--stick-r, 52px) * 2);border-radius:50%;border:2px solid rgba(45,226,255,.7);box-shadow:var(--glow-blue);background:#2de2ff0f;opacity:0;pointer-events:none}.stick-base.active{opacity:1}.stick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#2de2ff59;box-shadow:var(--glow-blue)}.bonk{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:1rem;width:96px;height:96px;border-radius:50%;color:#fff;border:3px solid var(--pink);background:#ff2bd62e;box-shadow:var(--glow-pink),inset 0 0 18px #ff2bd673;text-shadow:var(--glow-pink);font-family:var(--display);font-size:.95rem;font-weight:900;letter-spacing:.08em;touch-action:none}.jump{position:absolute;right:calc(max(1rem,env(safe-area-inset-right)) + 108px);bottom:1.4rem;width:72px;height:72px;border-radius:50%;color:#fff;border:3px solid var(--blue);background:#2de2ff24;box-shadow:var(--glow-blue),inset 0 0 14px #2de2ff66;text-shadow:var(--glow-blue);font-family:var(--display);font-size:.75rem;font-weight:900;letter-spacing:.06em;touch-action:none}.honk{position:absolute;right:calc(max(1rem,env(safe-area-inset-right)) + 20px);bottom:calc(1rem + 108px);width:54px;height:54px;padding:0;border-radius:50%;border:2px solid var(--orange);background:#ff9a1f24;box-shadow:var(--glow-orange);font-size:1.4rem;touch-action:none}.drop{display:none;position:absolute;right:calc(max(1rem,env(safe-area-inset-right)) + 120px);bottom:calc(1.4rem + 84px);width:54px;height:54px;padding:0;border-radius:50%;border:2px solid #ffe93d;background:#ffe93d24;box-shadow:0 0 10px #ffe93d99;font-size:1.4rem;touch-action:none}body.has-peels .drop{display:block}.drop.down{transform:scale(.9)}.jump.down{transform:scale(.92);background:#2de2ff52}.bonk.down{transform:scale(.92);border-color:var(--orange);background:#ff9a1f4d;box-shadow:var(--glow-orange),inset 0 0 22px #ff9a1f99}.rotate{display:none}@media(orientation:portrait){body.touch.playing .rotate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--night);font-family:var(--display);font-weight:900;color:#fff;text-shadow:var(--glow-pink);font-size:1.6rem;text-align:center;padding:2rem;z-index:10}}@media(max-height:480px){.timer{font-size:1.1rem}.scores{font-size:.75rem;min-width:6rem}}.gear{position:absolute;left:3.6rem;top:.5rem;pointer-events:auto;padding:.3rem .6rem;background:#0b0614bf}dialog.options{padding:0;border:none;background:transparent;color:var(--ink);width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 1rem);overflow:auto}body.touch .option.mouse-only,body:not(.touch) .option.touch-only{display:none}@media(max-height:480px){dialog.options .card{gap:.5rem;padding:.8rem 1rem}}dialog.options::backdrop{background:#06030cb3}.option{display:flex;flex-direction:column;gap:.35rem}.option>span{display:flex;justify-content:space-between;color:var(--muted);font-weight:600}.option output{color:var(--blue);font-weight:700}.option.check{flex-direction:row;align-items:center;gap:.6rem}.option.check input{width:1.2rem;height:1.2rem;accent-color:var(--pink)}.option input[type=range]{padding:0;border:none;accent-color:var(--pink)}.chat-log{list-style:none;margin:0;padding:.5rem;min-height:6rem;max-height:14rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;background:#08041099;border:1px solid rgba(45,226,255,.3);border-radius:12px;overflow-wrap:anywhere}.chat-log:empty:before{content:"Nothing said yet.";color:var(--muted)}.chat-log .who{color:var(--blue);font-weight:700;margin-right:.4rem}.chat-log li.mine .who{color:var(--pink)}.chat-log li.system{color:var(--muted);font-style:italic}.profile-edit{display:flex;flex-direction:column;gap:.6rem;padding:.7rem;border:1px solid rgba(255,43,214,.45);border-radius:12px}button.mini{padding:.1rem .5rem;font-size:.8rem;border-radius:8px;box-shadow:none}button.mini.danger{border-color:var(--danger);color:var(--danger)}
