:root{--space-top:#05061c;--space-mid:#0a1140;--space-bottom:#120a30;--cyan:#4de8ff;--cyan-dim:#1c8fb0;--magenta:#ff3fb0;--magenta-dim:#a8236f;--sky-neon:#4fa8ff;--sky-neon-dim:#2860a8;--air-neon:#35e8c8;--air-neon-dim:#1a9482;--ground-neon:#6bff8a;--ground-neon-dim:#2fa858;--panel-glass:#121a4099;--panel-glass-soft:#121a4066;--panel-border:#78c8ff59;--ink:#eaf6ff;--ink-soft:#93aed6;--white:#fff;--font-display:"Orbitron", system-ui, sans-serif;--font-body:"Rajdhani", system-ui, sans-serif;font:600 18px/1.4 var(--font-body);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{min-height:100svh;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(ellipse 120% 80% at 50% -10%, var(--space-mid) 0%, var(--space-top) 55%, var(--space-bottom) 100%);background-attachment:fixed;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex;position:relative}h1,h2{color:var(--ink);font-family:var(--font-display);margin:0 0 8px}p{margin:0}button{font:inherit;cursor:pointer}.scenery{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.scenery-stars{width:100%;height:100%;position:absolute;inset:0}.scenery-star{animation:3.2s ease-in-out infinite twinkle}.scenery-nebula{filter:blur(60px);opacity:.22;border-radius:50%;width:60vw;height:60vw;position:absolute}.scenery-nebula-cyan{background:radial-gradient(circle, var(--cyan), transparent 70%);top:-10%;left:-15%}.scenery-nebula-magenta{background:radial-gradient(circle, var(--magenta), transparent 70%);bottom:-10%;right:-15%}.scenery-planet{display:none}@media (width>=900px){.scenery-planet{filter:drop-shadow(0 0 24px #4de8ff40);width:110px;display:block;position:absolute;top:10%;right:6%}}.menu-screen,.game-screen{flex-direction:column;flex:1;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.menu-screen{text-align:center;justify-content:center;gap:18px;padding:32px 20px 48px}.menu-hero{justify-content:center;align-items:flex-end;display:flex}.menu-sticker{background:var(--panel-glass);border:2px solid var(--cyan);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:52px;animation:2.8s ease-in-out infinite float;display:inline-flex;box-shadow:0 0 18px #4de8ff80,inset 0 0 14px #4de8ff26}.menu-sticker-small{border-color:var(--magenta);width:70px;height:70px;margin-bottom:-4px;margin-left:-22px;font-size:36px;animation-delay:.4s;box-shadow:0 0 18px #ff3fb080,inset 0 0 14px #ff3fb026}.menu-screen h1{letter-spacing:1px;color:var(--ink);text-shadow:0 0 12px #4de8ff99,0 0 28px #4de8ff4d;font-size:38px;font-weight:800}.menu-tagline{color:var(--ink-soft);margin-bottom:4px;font-size:17px;font-weight:600}.menu-section{background:var(--panel-glass);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;width:100%;padding:18px 18px 20px;box-shadow:0 0 24px #4de8ff1f,inset 0 1px #ffffff0d}.menu-section h2{text-transform:uppercase;letter-spacing:2px;color:var(--cyan);font-size:13px;font-family:var(--font-display);font-weight:700}.menu-difficulty-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu-btn{border:1px solid var(--panel-border);font-family:var(--font-display);letter-spacing:.5px;color:var(--ink);white-space:nowrap;background:#4de8ff14;border-radius:999px;flex:1;min-width:max-content;padding:14px 20px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 0 12px #4de8ff26}.menu-btn:hover{background:#4de8ff29;transform:translateY(-2px);box-shadow:0 0 20px #4de8ff59}.menu-btn:active{transform:translateY(1px)}.menu-btn-primary{border:1px solid var(--cyan);color:var(--ink);background:linear-gradient(135deg,#4de8ff40,#ff3fb040);width:100%;box-shadow:0 0 24px #4de8ff59}.menu-btn-primary:hover{box-shadow:0 0 32px #4de8ff8c}.menu-btn-god{background:linear-gradient(135deg,#ffd23f40,#ff3fb040);border:1px solid #ffd23f;width:100%;margin-top:10px;animation:2s ease-in-out infinite god-pulse;box-shadow:0 0 18px #ffd23f66}@keyframes god-pulse{0%,to{box-shadow:0 0 18px #ffd23f66}50%{box-shadow:0 0 30px #ffd23fb3}}.music-settings{align-items:center;gap:12px;display:flex}.music-toggle-btn{white-space:nowrap;flex:none;width:auto}.volume-slider{appearance:none;background:#93aed640;border-radius:999px;outline:none;flex:1;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--cyan);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #4de8ffcc}.volume-slider::-moz-range-thumb{background:var(--cyan);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #4de8ffcc}.volume-slider:disabled{opacity:.4}.game-screen{gap:16px;padding:64px 14px 40px}.icon-btn{border:1px solid var(--panel-border);background:var(--panel-glass);width:42px;height:42px;color:var(--ink);border-radius:50%;font-size:20px;box-shadow:0 0 12px #4de8ff33}.back-btn{position:absolute;top:14px;left:14px}.sound-btn{position:absolute;top:14px;right:14px}.music-btn{position:absolute;top:14px;right:62px}.music-btn-off{opacity:.4}.music-btn-off:after{content:"";border-top:2px solid var(--ink);position:absolute;inset:10px;transform:rotate(-45deg)}.matchup-card{background:var(--panel-glass);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:6px;width:100%;padding:14px 10px;display:flex;box-shadow:0 0 24px #4de8ff1f,inset 0 1px #ffffff0d}.matchup-side{opacity:.5;flex-direction:column;flex:1;align-items:center;gap:6px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(0)}.matchup-active{opacity:1;transform:translateY(-3px)}.matchup-avatar{border:2px solid var(--cyan-dim);background:#0a103099;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex;box-shadow:0 0 10px #4de8ff33}.matchup-side:nth-child(3) .matchup-avatar{border-color:var(--magenta-dim);box-shadow:0 0 10px #ff3fb033}.matchup-active .matchup-avatar{border-color:var(--cyan);box-shadow:0 0 18px #4de8ff99}.matchup-active.matchup-side:nth-child(3) .matchup-avatar{border-color:var(--magenta);box-shadow:0 0 18px #ff3fb099}.matchup-name{font-family:var(--font-display);letter-spacing:.5px;color:var(--ink);font-size:12px;font-weight:700}.strike-pips{gap:4px;display:flex}.strike-pip{background:#93aed626;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1.5px #93aed64d}.strike-pip-filled{background:var(--cyan);box-shadow:0 0 8px #4de8ffcc, inset 0 0 0 1.5px var(--cyan);animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in}.matchup-vs{flex-direction:column;align-items:center;gap:5px;padding-top:6px;display:flex}.matchup-vs-badge{font-family:var(--font-display);letter-spacing:1.5px;color:var(--cyan);border:1px solid var(--cyan-dim);background:#0a1030b3;border-radius:8px;padding:3px 10px;font-size:13px;font-weight:800}.matchup-status{color:var(--ink-soft);text-align:center;min-height:14px;font-size:11.5px;font-weight:700}.score-chip{border:1px solid var(--panel-border);color:var(--ink);background:#0a103099;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.score-draws{opacity:.85}.scene-hint{color:var(--ink-soft);letter-spacing:.3px;margin:-6px 0 2px;font-size:12px;font-weight:600}.scene-viewport{touch-action:none;border-radius:24px;width:100%;height:min(72vh,620px);min-height:420px;overflow:hidden}.scene-canvas{outline:none}.scene-loading{width:100%;height:100%;font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 12px #4de8ff99;justify-content:center;align-items:center;font-weight:700;display:flex}.board-badge{color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border:1.5px solid var(--cyan);white-space:nowrap;background:#060a1ebf;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700;box-shadow:0 0 14px #4de8ff80}.piece-sticker{border:2px solid var(--cyan);background:#080c24bf;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;animation:.25s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex;box-shadow:0 0 14px #4de8ffb3,inset 0 0 10px #4de8ff33}.piece-sticker-p2{border-color:var(--magenta);box-shadow:0 0 14px #ff3fb0b3,inset 0 0 10px #ff3fb033}.win-overlay{z-index:10;background:#020410bf;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.win-card{background:var(--panel-glass);border:1px solid var(--cyan-dim);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;width:100%;max-width:340px;padding:32px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) pop-in;box-shadow:0 0 40px #4de8ff40,0 20px 40px #00000080}.win-card h2{color:var(--ink);font-size:24px}.howto-link{color:var(--cyan);letter-spacing:.3px;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.howto-card{max-width:380px}.howto-viewport{border-radius:16px;width:100%;height:260px;margin:14px 0;overflow:hidden}.howto-scene{flex-direction:column;width:100%;height:100%;display:flex}.howto-scene .scene-canvas{flex:1;min-height:0}.howto-caption{text-align:center;font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 10px #4de8ff99;min-height:20px;padding:6px 0 0;font-size:14px;font-weight:700}.leaderboard-card,.feedback-card{text-align:left;max-width:380px}.leaderboard-card h2,.feedback-card h2{text-align:center}.leaderboard-hint{text-align:center;color:var(--ink-soft);margin-bottom:12px;font-size:12px;font-weight:600}.leaderboard-tier-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.leaderboard-tier-btn{border:1px solid var(--panel-border);color:var(--ink-soft);cursor:pointer;background:#0a103099;border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:700}.leaderboard-tier-active{border-color:var(--cyan);color:var(--ink);box-shadow:0 0 10px #4de8ff59}.leaderboard-name-row{gap:8px;margin-bottom:12px;display:flex}.link-devices-toggle{margin:0 0 10px;font-size:12px;display:block}.link-devices-panel{border:1px solid var(--panel-border);background:#0a103080;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px;display:flex}.link-devices-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-code-input{text-transform:uppercase;flex:1}.open-rooms-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.open-rooms-list .menu-btn{white-space:normal;min-width:0;line-height:1.4}.room-code-hero{font-family:var(--font-display);letter-spacing:clamp(1px,.6vw,6px);color:var(--cyan);text-shadow:0 0 20px #4de8ff99;border:1px solid var(--cyan-dim);word-break:break-all;background:#4de8ff0f;border-radius:14px;margin:10px 0 16px;padding:14px 10px;font-size:clamp(22px,7vw,40px);font-weight:800}.waiting-indicator{color:var(--ink-soft);justify-content:center;align-items:center;gap:7px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.waiting-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite waiting-pulse}.waiting-dot:nth-child(2){animation-delay:.2s}.waiting-dot:nth-child(3){animation-delay:.4s}@keyframes waiting-pulse{0%,80%,to{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.link-code-display{font-family:var(--font-display);letter-spacing:2px;color:var(--cyan);font-size:16px;font-weight:700}.link-code-hint{letter-spacing:normal;color:var(--ink-soft);font-family:inherit;font-size:11px;font-weight:600}.link-error{color:var(--magenta);margin:0;font-size:12px;font-weight:600}.lobby-ready-row{justify-content:center;align-items:center;gap:12px;margin:12px 0;display:flex}.lobby-ready-name{color:var(--ink-soft);font-size:14px;font-weight:700}.lobby-ready-yes{color:var(--cyan)}.leaderboard-name-input,.feedback-textarea{border:1px solid var(--panel-border);color:var(--ink);font:inherit;background:#0a103099;border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.leaderboard-name-input:focus,.feedback-textarea:focus{border-color:var(--cyan);outline:none}.leaderboard-save-btn{flex:none;width:auto}.leaderboard-list,.feedback-list{flex-direction:column;gap:6px;max-height:260px;margin-bottom:14px;display:flex;overflow-y:auto}.leaderboard-row{border:1px solid var(--panel-border);background:#0a103080;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.leaderboard-row-me{border-color:var(--cyan);box-shadow:0 0 10px #4de8ff59}.leaderboard-rank{font-family:var(--font-display);color:var(--ink-soft);width:28px;font-weight:700}.leaderboard-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.leaderboard-stats{color:var(--ink-soft);flex:none;font-size:12px;font-weight:600}.leaderboard-wins{color:var(--cyan);font-weight:700}.list-empty{text-align:center;color:var(--ink-soft);padding:20px 0;font-size:13px}.feedback-form{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.feedback-textarea{resize:vertical;min-height:60px}.feedback-item{border:1px solid var(--panel-border);background:#0a103080;border-radius:10px;gap:10px;padding:10px 12px;display:flex}.feedback-item-resolved{opacity:.55}.feedback-item-resolved .feedback-message{text-decoration:line-through}.feedback-done-badge{color:var(--cyan);margin-right:6px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.feedback-votes{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.feedback-vote-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px;line-height:1}.feedback-vote-active-up{color:var(--cyan);text-shadow:0 0 8px #4de8ffb3}.feedback-vote-active-down{color:var(--magenta);text-shadow:0 0 8px #ff3fb0b3}.feedback-score{font-size:13px;font-weight:700}.feedback-message{color:var(--ink);word-break:break-word;flex:1;font-size:14px}.win-emoji{border:2px solid var(--cyan);background:#080c24bf;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 10px;font-size:44px;display:flex;box-shadow:0 0 20px #4de8ff99}.win-overlay-terbang .win-card{border-color:var(--magenta);box-shadow:0 0 50px #ff3fb04d,0 20px 40px #00000080}.terbang-piece{border:2px solid var(--magenta);background:#080c24bf;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 6px;font-size:52px;animation:.8s ease-in-out infinite fly-up;display:flex;box-shadow:0 0 26px #ff3fb0b3}.terbang-title{letter-spacing:2px;background:linear-gradient(135deg, var(--cyan), var(--magenta));color:#0000;filter:drop-shadow(0 0 12px #4de8ff80);-webkit-background-clip:text;background-clip:text;margin:8px 0;font-size:34px;font-weight:800;animation:.6s ease-in-out infinite pulse-scale}.win-card p{color:var(--ink-soft);margin-bottom:12px;font-weight:600}.menu-btn-share{border-color:var(--cyan);background:linear-gradient(135deg,#4de8ff2e,#ff3fb02e);width:100%;margin-top:14px;font-weight:800}.win-actions{gap:10px;margin-top:16px;display:flex}.win-feedback-link{margin:14px auto 0;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fly-up{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.strike-flash{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.strike-flash-p1{--flash-color:var(--cyan)}.strike-flash-p2{--flash-color:var(--magenta)}.strike-flash-wash{background:var(--flash-color);opacity:0;mix-blend-mode:screen;animation:.3s ease-out forwards strike-wash;position:absolute;inset:0}.strike-flash-burst{opacity:0;background:repeating-conic-gradient(from 0deg, var(--flash-color) 0deg 2deg, transparent 2deg 18deg);border-radius:50%;width:130vmin;height:130vmin;animation:.6s ease-out forwards strike-burst;position:absolute}.strike-flash-text{font-family:var(--font-display);letter-spacing:3px;color:var(--white);text-shadow:0 0 20px var(--flash-color), 0 0 46px var(--flash-color);font-size:clamp(38px,12vw,64px);font-weight:800;animation:.62s cubic-bezier(.2,.9,.3,1) forwards strike-punch;position:relative}@keyframes strike-wash{0%{opacity:0}12%{opacity:.35}to{opacity:0}}@keyframes strike-burst{0%{opacity:0;transform:scale(.3)rotate(0)}22%{opacity:.8}to{opacity:0;transform:scale(1)rotate(20deg)}}@keyframes strike-punch{0%{opacity:0;transform:scale(2.4)rotate(-10deg)}18%{opacity:1;transform:scale(.85)rotate(3deg)}32%{transform:scale(1.06)rotate(-1deg)}75%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.12)rotate(0)}}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}}.screen-shake{animation:.32s ease-in-out screen-shake}.update-toast{z-index:30;background:var(--panel-glass);border:1px solid var(--cyan);color:var(--ink);border-radius:999px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #4de8ff59}.update-toast-btn{padding:6px 14px;font-size:13px}.timer-hud{flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-track{fill:none;stroke:#ffffff1f;stroke-width:4px}.timer-ring-progress{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .2s}.timer-numeral{font-family:var(--font-display);color:var(--ink);font-size:20px;font-weight:800;position:absolute}.timer-hud[data-phase=critical] .timer-ring-progress{animation:.5s ease-in-out infinite timer-pulse}.timer-hud[data-phase=critical] .timer-numeral{animation:.4s ease-in-out infinite timer-shake}@keyframes timer-pulse{0%,to{stroke-width:4px}50%{stroke-width:6px}}@keyframes timer-shake{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.auto-move-flash{z-index:25;color:#ff3f3f;font-weight:800;font-family:var(--font-display);background:#ff3f3f26;border:1px solid #ff3f3f;border-radius:999px;padding:8px 18px;animation:.2s ease-out chat-line-in;position:fixed;top:16px;left:50%;transform:translate(-50%)}.chat-overlay{pointer-events:none;z-index:15;flex-direction:column;gap:6px;max-width:420px;display:flex;position:fixed;bottom:96px;left:12px;right:12px}.chat-feed{flex-direction:column;justify-content:flex-end;max-height:160px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 30%);mask-image:linear-gradient(#0000 0%,#000 30%)}.chat-line{color:var(--ink);background:#060a1e59;border-radius:8px;width:fit-content;margin:1px 0;padding:2px 8px;font-size:13px;animation:.25s ease-out chat-line-in}.chat-line-spectator{color:var(--ink-soft)}.chat-sender{color:var(--cyan);font-weight:700}.chat-line-spectator .chat-sender{color:var(--ink-soft)}@keyframes chat-line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-toggle-btn{pointer-events:auto;border:1px solid var(--panel-border);color:var(--ink-soft);background:#060a1e80;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.chat-quick-row,.chat-input-row{pointer-events:auto;gap:6px;display:flex}.chat-quick-btn{border:1px solid var(--panel-border);background:var(--panel-glass);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:13px}.chat-quick-emoji{padding:4px 8px;font-size:16px}.chat-input-row{align-items:center}.chat-input{border:1px solid var(--panel-border);background:var(--panel-glass);color:var(--ink);border-radius:999px;flex:1;padding:6px 12px;font-size:13px}.chat-send-btn{padding:6px 14px;font-size:13px}.chat-floaters{pointer-events:none;height:0;position:relative}.chat-floater{font-size:28px;animation:1.6s ease-out forwards chat-float-up;position:absolute;bottom:0;left:50%}@keyframes chat-float-up{0%{opacity:1;transform:translate(-50%)scale(.8)}20%{transform:translate(-50%,-20px)scale(1.1)}to{opacity:0;transform:translate(-50%,-120px)scale(1)}}