*{box-sizing:border-box}@media (hover:hover) and (pointer:fine){body.theme-light *,body.theme-light ::after,body.theme-light ::before{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 0v24M0 12h24" stroke="black" stroke-width="1.5" fill="none"/></svg>') 12 12,crosshair!important}body.theme-dark *,body.theme-dark ::after,body.theme-dark ::before{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 0v24M0 12h24" stroke="white" stroke-width="1.5" fill="none"/></svg>') 12 12,crosshair!important}}:root{--ink:#2b3a4a;--bg:#f2fbff;--field-bg:#f4f7fa;--field-border:#d0dbe6;--hud-bg:rgba(45, 60, 80, 0.55);--canvas-bg:#f2fbff;--muted-text:#6b7a8a;--legal-bg:rgba(255, 255, 255, 0.85);--legal-border:#d0dbe6;--legal-fg:#2b3a4a;--legal-link:#00d9ff;--legal-link-hover-bg:#eaf4f8;--overlay-tint:rgba(255,255,255,0.55);--neon-red:#ff2d2d;--neon-orange:#ff7a00;--neon-yellow:#ffe600;--neon-green:#00ff9d;--neon-cyan:#00d9ff;--neon-purple:#b026ff;--overlay-base:linear-gradient(160deg, #e8f6ff 0%, #f4fbff 48%, #fdeef6 100%);--aurora-1:rgba(0, 217, 255, 0.45);--aurora-2:rgba(176, 38, 255, 0.30);--aurora-3:rgba(0, 255, 157, 0.35);--aurora-4:rgba(255, 122, 0, 0.30);--texture-opacity:0.06;--glass-bg:rgba(255, 255, 255, 0.50);--glass-bg-strong:rgba(255, 255, 255, 0.70);--glass-border:rgba(120, 150, 180, 0.40);--glass-hi:rgba(255, 255, 255, 0.95);--glass-shadow:0 12px 32px rgba(31, 53, 80, 0.18)}body.theme-dark{--ink:#e8f2fb;--bg:#1a1f28;--field-bg:#232a36;--field-border:#3a4250;--hud-bg:rgba(10, 14, 20, 0.65);--canvas-bg:#1a1f28;--muted-text:#8c98a6;--legal-bg:rgba(20, 26, 34, 0.85);--legal-border:#3a4250;--legal-fg:#e8f2fb;--legal-link:#00d9ff;--legal-link-hover-bg:rgba(0, 217, 255, 0.12);--overlay-tint:rgba(0,0,0,0.35);--overlay-base:linear-gradient(160deg, #080b14 0%, #121a30 52%, #0b1020 100%);--aurora-1:rgba(0, 217, 255, 0.40);--aurora-2:rgba(176, 38, 255, 0.42);--aurora-3:rgba(0, 255, 157, 0.28);--aurora-4:rgba(255, 45, 99, 0.30);--texture-opacity:0.05;--glass-bg:rgba(28, 36, 56, 0.42);--glass-bg-strong:rgba(30, 40, 62, 0.66);--glass-border:rgba(255, 255, 255, 0.14);--glass-hi:rgba(255, 255, 255, 0.22);--glass-shadow:0 16px 40px rgba(0, 0, 0, 0.45)}body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:Ubuntu,'Helvetica Neue',Arial,sans-serif;background:var(--overlay-base) fixed;color:var(--ink);user-select:none;-webkit-user-select:none}#canvas{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair;background:var(--canvas-bg);touch-action:none}.theme-toggle{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:30;width:32px;height:32px;border-radius:50%;border:2px solid var(--neon-cyan);background:rgba(10,14,20,.6);color:var(--neon-cyan);font-size:16px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 10px rgba(0,217,255,.5),inset 0 0 6px rgba(0,217,255,.22);transition:transform .1s,box-shadow .1s}.theme-toggle:hover{transform:scale(1.06)}.theme-toggle:active{transform:scale(.96)}body.in-game .theme-toggle{display:none}.audio-toggles{position:fixed;left:max(10px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:8px}body:not(.in-game) .audio-toggles{display:none}.audio-toggle{width:44px;height:44px;border-radius:50%;border:2px solid var(--neon-cyan);background:rgba(10,14,20,.6);color:var(--neon-cyan);font-size:18px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 10px rgba(0,217,255,.5),inset 0 0 6px rgba(0,217,255,.22);transition:transform .1s,box-shadow .1s,opacity .15s,color .15s,border-color .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.audio-toggle:hover{transform:scale(1.06)}.audio-toggle:active{transform:scale(.96)}.audio-toggle.muted{opacity:.55;border-color:rgba(255,255,255,.45);color:rgba(255,255,255,.75);box-shadow:0 0 6px rgba(0,0,0,.4)}#invite-btn{display:none!important}.audio-toggle.exit-toggle{margin-top:40px;border-color:#ff4d4f;color:#ff4d4f;font-size:13px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 0 10px rgba(255,77,79,.5),inset 0 0 6px rgba(255,77,79,.22)}.hidden{display:none!important}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;background:var(--overlay-base);overflow:hidden}.overlay::before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(38% 38% at 18% 24%,var(--aurora-1) 0,transparent 70%),radial-gradient(42% 42% at 84% 16%,var(--aurora-2) 0,transparent 70%),radial-gradient(46% 46% at 22% 84%,var(--aurora-3) 0,transparent 70%),radial-gradient(44% 44% at 82% 82%,var(--aurora-4) 0,transparent 70%);filter:blur(60px);animation:aurora-drift 26s ease-in-out infinite alternate;will-change:transform}@keyframes aurora-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(2%,2%,0) scale(1.08)}100%{transform:translate3d(1%,-2%,0) scale(1.04)}}.overlay::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('bg-minos.svg') repeat;background-size:460px 460px}.overlay.fade-in{animation:overlay-fade-in 1s ease-out both}@keyframes overlay-fade-in{from{opacity:0}to{opacity:1}}.login{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:calc(100% - 32px)}.title{font-family:Ubuntu,sans-serif;font-weight:700;font-size:clamp(40px, 8vw, 64px);margin:0;letter-spacing:1px;text-shadow:0 3px 0 rgba(0,0,0,.07);display:flex;justify-content:center}.title-mino{display:block;width:clamp(240px,60vw,440px);height:auto;filter:drop-shadow(0 3px 0 rgba(0,0,0,.07)) drop-shadow(0 6px 26px rgba(0, 217, 255, .28));animation:title-float 6s ease-in-out infinite}@keyframes title-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.overlay::before{animation:none}.title-mino{animation:none}}.game-over{background:#fff5f5;color:#c0392b;border-radius:10px;padding:10px 14px;font-weight:700;font-size:16px}.game-over .final-score{font-size:18px}.extra-life-btn{display:block;margin:10px auto 2px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;color:#0c1018;background:#ffe600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 3px 0 #b39800,0 6px 12px rgba(0,0,0,.15);transition:filter .15s ease,transform 50ms ease}.extra-life-btn:hover{filter:brightness(1.06)}.extra-life-btn:active{transform:translateY(1px);box-shadow:0 2px 0 #b39800}.extra-life-btn:disabled{opacity:.6;cursor:progress}.invite-btn{position:absolute;top:12px;right:12px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;color:#f0f4fa;background:rgba(20,28,44,.78);border:1px solid rgba(255,255,255,.16);border-radius:6px;cursor:pointer;z-index:5;transition:background .15s ease,transform 50ms ease}.invite-btn:hover{background:rgba(40,56,88,.92)}.invite-btn:active{transform:translateY(1px)}.invite-btn.copied{background:#2e9c5b;border-color:#2e9c5b;color:#fff}.invite-toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);padding:10px 18px;background:rgba(180,36,36,.92);color:#fff;font-family:inherit;font-size:13px;font-weight:600;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.25);z-index:1000;pointer-events:none}.invite-toast.hidden{display:none}.onboarding{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,14,20,.72);z-index:900;padding:16px}.onboarding.hidden{display:none}.onboarding-card{background:var(--field-bg);color:var(--ink);border:2px solid var(--neon-cyan);border-radius:14px;padding:26px 32px 24px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.4);font-family:inherit;text-align:center}.onboarding-title{margin:0 0 16px;color:var(--neon-cyan);font-size:22px;font-weight:700;letter-spacing:.5px}.onboarding-controls{list-style:none;padding:0;margin:0 0 16px}.onboarding-controls li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;text-align:left}.onboarding-controls kbd{flex:0 0 130px;display:inline-block;padding:6px 10px;background:var(--bg);border:1px solid var(--field-border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;text-align:center;color:var(--ink)}.onboarding-fig{margin:4px 0 18px;padding:10px 8px;background:var(--bg);border:1px solid var(--field-border);border-radius:8px;color:var(--ink)}.onboarding-fig-svg{width:100%;height:auto;max-height:110px;display:block}.onboarding-dismiss{font-family:inherit;font-size:15px;font-weight:700;padding:10px 28px;border:none;border-radius:8px;background:var(--neon-yellow);color:#0c1018;cursor:pointer;letter-spacing:.4px}.onboarding-dismiss:hover{filter:brightness(.95)}.onboarding-dismiss:active{transform:translateY(1px)}.onboarding .onboarding-touch{display:none}.onboarding.is-touch .onboarding-desktop{display:none}.onboarding.is-touch .onboarding-touch{display:block}.invite-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:2px;text-transform:uppercase}.invite-code-input::placeholder{letter-spacing:1px;text-transform:none}.figure{--mino:min(220px, calc((100vw - 32px) / 4), calc((100vh - 240px) / 2));display:grid;gap:0;filter:drop-shadow(0 24px 40px rgba(0,0,0,.28))}.mino{width:var(--mino);height:var(--mino);background:var(--glass-bg);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);padding:14px;display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),var(--glass-shadow),0 0 26px color-mix(in srgb,var(--accent) 22%,transparent);border-radius:16px;transition:transform .18s ease,box-shadow .18s ease}.mino:hover{box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),var(--glass-shadow),0 0 34px color-mix(in srgb,var(--accent) 40%,transparent)}.mino-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:2px;margin:0 0 10px}.mode-tab,.name-input{font-family:inherit;font-weight:700;background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mino-mode{justify-content:flex-start}.modes{display:flex;flex-direction:column;gap:5px}.mode-tab{padding:9px 6px;font-size:12px;color:var(--muted-text);border-radius:7px;cursor:pointer;transition:all .1s}.mode-tab:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink)}.mode-tab.selected{background:var(--ink);color:var(--canvas-bg);border-color:var(--ink)}body.theme-dark .mode-tab.selected{background:var(--accent);color:#0c1018;border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.mino-profile{gap:8px;justify-content:flex-start}.name-input{width:100%;padding:10px;font-size:15px;color:var(--ink);border-radius:8px;outline:0;text-align:center;transition:border-color .15s,box-shadow .15s}.name-input:focus{border-color:var(--accent);background:var(--canvas-bg);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,transparent)}.field-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted-text);text-align:center;margin:4px 0 2px}.skin-row{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.skin-label{margin:6px 0 0}.skin-picker{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.skin-swatch{width:30px;height:30px;padding:2px;border-radius:7px;background:var(--field-bg);border:2px solid var(--field-border);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform 50ms;display:flex;align-items:center;justify-content:center}.skin-swatch img{width:100%;height:100%;display:block;image-rendering:-webkit-optimize-contrast}.skin-swatch:hover{border-color:var(--accent)}.skin-swatch.selected{border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}.skin-swatch:active{transform:translateY(1px)}.mino-rooms{padding:10px;justify-content:flex-start;align-items:stretch;overflow:hidden}.rooms-panel{flex:1;display:flex;flex-direction:column;min-height:0}.rooms-panel.hidden{display:none}.ffa-room{padding:9px 6px;font-family:inherit;font-weight:700;font-size:12px;text-align:center;color:var(--canvas-bg);background:var(--ink);border:2px solid var(--ink);border-radius:7px}body.theme-dark .ffa-room{color:#0c1018;background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.penta-ffa-body{flex:1;min-height:0;display:flex;flex-direction:column}.ffa-body.hidden{display:none}.penta-flip{flex:1;position:relative;perspective:1000px;min-height:0}.penta-flip-inner{position:relative;width:100%;height:100%;transition:transform .45s;transform-style:preserve-3d}.penta-flip.flipped .penta-flip-inner{transform:rotateY(180deg)}.penta-face{position:absolute;inset:0;display:flex;flex-direction:column;gap:5px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.penta-back{transform:rotateY(180deg)}.cat-card{appearance:none;font:inherit;font-weight:700;font-size:12px;text-align:center;padding:9px 6px;color:var(--muted-text);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:9px;cursor:pointer;transition:all .15s}.cat-card:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink);border-color:var(--accent)}body.theme-dark .cat-card:hover{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 35%,transparent)}.penta-back-btn{appearance:none;font:inherit;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;color:var(--muted-text);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:9px;cursor:pointer;transition:all .15s}.penta-back-btn:hover{color:var(--ink);border-color:var(--accent)}.penta-back-arrow{font-size:14px;line-height:1}.room-names{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;overflow-y:auto;min-height:0}.room-name{font-size:12px;font-weight:700;text-align:center;padding:9px 6px;color:var(--muted-text);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:9px;cursor:pointer;transition:all .15s}.room-name:hover{color:var(--ink);border-color:var(--accent)}.room-name.selected{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--field-bg))}.room-name.placeholder{cursor:default;font-style:italic;font-weight:400;color:var(--muted-text)}.room-name.placeholder:hover{border-color:transparent;color:var(--muted-text)}.tetri-rooms{display:flex;flex-direction:column;gap:4px}.tetri-room-tab{appearance:none;font:inherit;font-weight:700;font-size:12px;text-align:center;padding:8px 6px;color:var(--muted-text);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:9px;cursor:pointer;transition:all .15s}.tetri-room-tab:hover{color:var(--ink);border-color:var(--accent)}.tetri-room-tab.selected{color:var(--canvas-bg);background:var(--ink);border-color:var(--ink)}body.theme-dark .tetri-room-tab.selected{color:#0c1018;background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.arena-pin-input{margin-top:6px;padding:8px 8px;font:inherit;font-weight:700;font-size:13px;letter-spacing:2px;text-align:center;text-transform:uppercase;color:var(--ink);background:var(--field-bg);border:2px solid var(--accent);border-radius:7px;width:100%}.arena-pin-input::placeholder{letter-spacing:normal;text-transform:none;color:var(--muted-text)}.arena-pin-input.hidden{display:none}.arena-lobby{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(10,14,20,.75);backdrop-filter:blur(6px)}.arena-lobby.hidden{display:none}.arena-lobby-card{background:var(--field-bg);border:2px solid var(--neon-cyan);border-radius:12px;box-shadow:0 0 24px rgba(0,217,255,.4);padding:18px 22px;min-width:320px;max-width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);display:flex;flex-direction:column;gap:12px;color:var(--ink)}.arena-lobby-title{font-weight:700;font-size:22px;text-align:center;color:var(--neon-cyan);letter-spacing:1px}.arena-lobby-status{font-size:13px;text-align:center;color:var(--muted-text)}.arena-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.arena-roster li{font-size:13px;font-weight:700;padding:6px 10px;background:var(--bg);border:1px solid var(--field-border);border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:8px}.arena-roster li.is-admin{border-color:var(--neon-yellow);color:var(--neon-yellow)}.arena-roster li.is-me{box-shadow:0 0 0 2px var(--neon-cyan) inset}.arena-roster .role-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--field-border);color:var(--ink);letter-spacing:.5px}.arena-roster li.is-admin .role-badge{background:var(--neon-yellow);color:#0c1018}.arena-admin-controls{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid var(--field-border)}.arena-admin-controls.hidden{display:none}.arena-gamemode-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.arena-gamemode-opt{display:flex;align-items:center;gap:7px;padding:7px 9px;background:var(--bg);border:1px solid var(--field-border);border-radius:6px;cursor:pointer;font-weight:700;font-size:13px}.arena-gamemode-opt input{accent-color:var(--neon-cyan)}.arena-picture-picker{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted-text)}.arena-picture-picker.hidden{display:none}.arena-picture-select{appearance:none;font:inherit;font-size:13px;padding:8px 10px;color:var(--text);background:var(--bg);border:1px solid var(--field-border);border-radius:6px;cursor:pointer}.arena-mode-row{display:flex;flex-direction:column;gap:6px}.arena-mode-row.hidden{display:none}.arena-mode-opt{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:start;padding:8px 10px;background:var(--bg);border:1px solid var(--field-border);border-radius:6px;cursor:pointer}.arena-mode-opt input{grid-row:1/span 2;align-self:center;accent-color:var(--neon-cyan)}.arena-mode-opt span{font-weight:700;font-size:13px}.arena-mode-opt small{font-size:11px;color:var(--muted-text);grid-column:2}.arena-leave-btn,.arena-spec-end,.arena-start-btn{appearance:none;font:inherit;font-weight:700;font-size:13px;padding:9px 14px;border-radius:7px;cursor:pointer;transition:transform .1s,box-shadow .1s}.arena-start-btn{color:#0c1018;background:var(--neon-green);border:2px solid var(--neon-green);box-shadow:0 0 12px color-mix(in srgb,var(--neon-green) 60%,transparent)}.arena-leave-btn{color:var(--muted-text);background:0 0;border:2px solid var(--field-border)}.arena-leave-btn:hover,.arena-spec-end:hover,.arena-start-btn:hover{transform:translateY(-1px)}.arena-start-btn:disabled{opacity:.5;cursor:default;transform:none}.arena-spec-badge{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:rgba(10,14,20,.78);border:2px solid var(--neon-yellow);border-radius:999px;color:var(--neon-yellow);font-weight:700;letter-spacing:2px;font-size:13px;box-shadow:0 0 14px rgba(255,230,0,.35)}.arena-spec-badge.hidden{display:none}.arena-spec-badge small{font-size:10px;letter-spacing:.5px;color:var(--muted-text);font-weight:400}.arena-spec-end{margin-top:4px;color:#0c1018;background:var(--neon-yellow);border:2px solid var(--neon-yellow);padding:5px 12px;font-size:11px;letter-spacing:1px}.arena-spec-end.hidden{display:none}.arena-admin-tools{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:26;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 10px;background:rgba(10,14,20,.82);border:2px solid var(--neon-yellow);border-radius:14px;box-shadow:0 0 14px rgba(255,230,0,.3)}.arena-admin-tools.hidden{display:none}.arena-tool-row{display:flex;gap:6px}.arena-tool{color:var(--neon-yellow);background:0 0;border:2px solid rgba(255,230,0,.5);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform 80ms ease,background .12s ease}.arena-tool:hover{transform:translateY(-1px)}.arena-tool.selected{color:#0c1018;background:var(--neon-yellow)}.arena-tool.hidden{display:none}.arena-color-swatches{display:flex;flex-wrap:wrap;gap:5px;max-width:280px;justify-content:center}.arena-color-swatches.hidden{display:none}.arena-swatch{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.35);padding:0;cursor:pointer;transition:transform 80ms ease}.arena-swatch:hover{transform:scale(1.1)}.arena-swatch.selected{border-color:#fff;box-shadow:0 0 8px rgba(255,255,255,.8)}.mino-leaderboard{padding:10px;justify-content:flex-start;align-items:stretch;overflow:hidden;gap:4px}.lb-section{display:flex;flex-direction:column;gap:2px}.lb-mode{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted-text);text-align:left}.lb-top3{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.lb-top3 li{display:grid;grid-template-columns:14px 1fr auto;gap:6px;align-items:center;font-size:11px;font-weight:700;padding:2px 5px;border-radius:4px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.lb-rank{color:var(--accent);text-align:center}.lb-name{color:var(--ink);text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lb-score{color:var(--muted-text);font-variant-numeric:tabular-nums}.mino-bonus{padding:10px;justify-content:flex-start;align-items:stretch;overflow:hidden;gap:6px}.bonus-body{flex:1;display:flex;flex-direction:column;min-height:0;gap:6px}.bonus-tagline{font-size:10px;line-height:1.35;color:var(--muted-text);text-align:left}.bonus-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.bonus-list li{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.bonus-mode{color:var(--ink)}.bonus-stones{color:var(--accent);font-variant-numeric:tabular-nums}.bonus-btn{display:block;margin:auto auto 0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;color:#0c1018;background:var(--accent);border:none;border-radius:8px;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 55%,#000),0 6px 12px rgba(0,0,0,.15);transition:filter .15s ease,transform 50ms ease}.bonus-btn:hover{filter:brightness(1.06)}.bonus-btn:active{transform:translateY(1px);box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 55%,#000)}.bonus-btn:disabled{opacity:.6;cursor:progress}.bonus-active{margin:auto auto 0;padding:7px 10px;font-size:11px;font-weight:700;text-align:center;color:var(--accent);border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.bonus-active.hidden{display:none}.mino-stats{padding:10px;justify-content:flex-start;align-items:stretch;overflow:hidden;gap:5px}.stats-row{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;border-radius:6px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.stats-mode{font-size:11px;font-weight:700;color:var(--ink)}.stats-best{display:inline-flex;align-items:baseline;gap:6px}.stats-best-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted-text)}.stats-best-value{font-size:14px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.stats-total{display:flex;align-items:center;justify-content:space-between;padding:4px 9px 0;margin-top:2px;border-top:1px dashed var(--field-border)}.stats-total-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted-text)}.stats-total-value{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.mino-rules{padding:10px;justify-content:flex-start;align-items:stretch;overflow:hidden}.rules-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0}.rules-panel.hidden{display:none}.rules-svg{flex:1;min-height:0;max-height:70%;width:auto}.rules-list{margin:0;padding:0 0 0 16px;font-size:10.5px;line-height:1.4;color:var(--ink);text-align:left}.rules-list li{margin:0 0 2px}.rules-placeholder{font-size:12px;font-style:italic;color:var(--muted-text);text-align:center}.rules-tetri .rules-piece{animation:rules-tetri-drop 6s ease-in infinite;transform-origin:0 0}.rules-tetri .rules-mino-1{opacity:0;animation:rules-tetri-m1 6s linear infinite}.rules-tetri .rules-mino-2{opacity:0;animation:rules-tetri-m2 6s linear infinite}.rules-tetri .rules-mino-3{opacity:0;animation:rules-tetri-m3 6s linear infinite}.rules-tetri .rules-mino-4{opacity:0;animation:rules-tetri-m4 6s linear infinite}.rules-tetri .rules-food-1{opacity:0;animation:rules-tetri-f1 6s linear infinite}.rules-tetri .rules-food-2{opacity:0;animation:rules-tetri-f2 6s linear infinite}.rules-tetri .rules-food-3{opacity:0;animation:rules-tetri-f3 6s linear infinite}.rules-tetri .rules-dock{opacity:0;animation:rules-tetri-dock 6s linear infinite}@keyframes rules-tetri-drop{0%,55%{transform:translateY(0)}100%,72%{transform:translateY(65px)}}@keyframes rules-tetri-m1{0%{opacity:0}4%,90%{opacity:1}100%,95%{opacity:0}}@keyframes rules-tetri-m2{0%,19%{opacity:0}20%,90%{opacity:1}100%,95%{opacity:0}}@keyframes rules-tetri-m3{0%,33%{opacity:0}34%,90%{opacity:1}100%,95%{opacity:0}}@keyframes rules-tetri-m4{0%,47%{opacity:0}48%,90%{opacity:1}100%,95%{opacity:0}}@keyframes rules-tetri-f1{0%{opacity:0}18%,4%{opacity:1}100%,20%{opacity:0}}@keyframes rules-tetri-f2{0%{opacity:0}32%,4%{opacity:1}100%,34%{opacity:0}}@keyframes rules-tetri-f3{0%{opacity:0}4%,46%{opacity:1}100%,48%{opacity:0}}@keyframes rules-tetri-dock{0%{opacity:0}4%,90%{opacity:1}100%,95%{opacity:0}}.rules-domino .rules-stone-1{opacity:0;animation:rules-dom-s1 9s ease-out infinite}.rules-domino .rules-stone-2{opacity:0;animation:rules-dom-s2 9s ease-out infinite}.rules-domino .rules-stone-3{opacity:0;animation:rules-dom-s3 9s ease-out infinite}.rules-domino .rules-stone-4{opacity:0;animation:rules-dom-s4 9s ease-out infinite}.rules-domino .rules-stone-5{opacity:0;animation:rules-dom-s5 9s ease-out infinite}.rules-domino .rules-stone-6{opacity:0;animation:rules-dom-s6 9s ease-out infinite}.rules-domino .rules-stone-7{opacity:0;animation:rules-dom-s7 9s ease-out infinite}.rules-domino .rules-stone-8{opacity:0;animation:rules-dom-s8 9s ease-out infinite}.rules-domino .rules-stone-9{opacity:0;animation:rules-dom-s9 9s ease-out infinite}.rules-domino .rules-stone-10{opacity:0;animation:rules-dom-s10 9s ease-out infinite}.rules-domino .rules-stone-11{opacity:0;animation:rules-dom-s11 9s ease-out infinite}.rules-domino .rules-stone-12{opacity:0;animation:rules-dom-s12 9s ease-out infinite}.rules-domino .rules-pulse{opacity:0;animation:rules-dom-pulse 9s ease-in-out infinite}@keyframes rules-dom-s1{0%{opacity:0;transform:translate(0,-8px)}4%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s2{0%,17%{opacity:0;transform:translate(0,-8px)}21%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s3{0%,23%{opacity:0;transform:translate(0,-8px)}27%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s4{0%,29%{opacity:0;transform:translate(0,-8px)}33%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s5{0%,35%{opacity:0;transform:translate(0,-8px)}39%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s6{0%,41%{opacity:0;transform:translate(0,-8px)}45%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s7{0%,47%{opacity:0;transform:translate(0,-8px)}51%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s8{0%,53%{opacity:0;transform:translate(0,-8px)}57%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s9{0%,59%{opacity:0;transform:translate(0,-8px)}63%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s10{0%,65%{opacity:0;transform:translate(0,-8px)}69%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s11{0%,71%{opacity:0;transform:translate(0,-8px)}75%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-s12{0%,77%{opacity:0;transform:translate(0,-8px)}81%{opacity:1;transform:translate(0,0)}92%{opacity:1;transform:translate(0,0)}100%,98%{opacity:0;transform:translate(0,0)}}@keyframes rules-dom-pulse{0%,83%{opacity:0}88%{opacity:.85}100%,94%{opacity:0}}.rules-penta .rules-piece5{opacity:0;animation:rules-penta-piece 7s ease-out infinite;transform-origin:0 0}.rules-penta .rules-slot{animation:rules-penta-slot 7s ease-in-out infinite}.rules-penta .rules-glow{opacity:0;animation:rules-penta-glow 7s ease-out infinite}@keyframes rules-penta-piece{0%,4%{transform:translate(0,-55px);opacity:0}14%{opacity:1}30%,42%{transform:translate(0,0);opacity:1}100%,52%{transform:translate(0,0);opacity:0}}@keyframes rules-penta-slot{0%,35%{opacity:.3}48%,92%{opacity:1}100%,98%{opacity:.3}}@keyframes rules-penta-glow{0%,38%{opacity:0;transform:scale(1)}48%{opacity:.7;transform:scale(1.1)}100%,68%{opacity:0;transform:scale(1.25)}}.play-btn{width:100%;flex:1;min-height:0;margin-top:4px;font-family:inherit;font-size:22px;font-weight:700;color:#0c1018;background:linear-gradient(180deg,#00ff9d 0,#00b372 100%);border:none;border-radius:10px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;box-shadow:0 4px 0 #007a4a,0 0 24px rgba(0,255,157,.55);transition:transform 50ms,box-shadow .1s}.play-btn:hover{filter:brightness(1.08);box-shadow:0 4px 0 #007a4a,0 0 32px rgba(0,255,157,.85)}.play-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #007a4a,0 0 18px rgba(0,255,157,.55)}.play-btn.loading{cursor:default;pointer-events:none;position:relative;color:transparent}.play-btn.loading::after{content:"";position:absolute;inset:0;margin:auto;width:28px;height:28px;border:3px solid rgba(12,16,24,.25);border-top-color:#0c1018;border-radius:50%;animation:play-spin .6s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.rules{margin:4px 0 0;font-size:13px;color:var(--muted-text);line-height:1.5;text-align:center;max-width:520px}.rules p{margin:2px 0}.rules b{color:var(--ink)}.legal-footer-overlay{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;flex-wrap:nowrap;justify-content:center;max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none;padding:8px 16px;background:var(--legal-bg);border:1px solid var(--legal-border);border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.18);font-size:13px;font-weight:700;color:var(--legal-fg);white-space:nowrap;z-index:20;pointer-events:auto}.legal-footer-overlay a{color:var(--legal-link);text-decoration:none;padding:2px 6px;border-radius:4px;transition:background .1s}.legal-footer-overlay a:hover{background:var(--legal-link-hover-bg);text-decoration:underline}.legal-footer-overlay .footer-sep{opacity:.4;padding:0 2px}#overlay.hidden~.legal-footer-overlay{display:none}@media (max-height:720px){.title{font-size:48px}}.seo-content{position:relative;z-index:5;padding:64px 24px 96px;background:var(--bg);color:var(--ink);font-family:Ubuntu,'Helvetica Neue',Arial,sans-serif;-webkit-user-select:text;user-select:text}.seo-content .seo-section{max-width:880px;margin:0 auto 48px}.seo-content .seo-section:last-child{margin-bottom:0}.seo-content .seo-h1{font-size:clamp(28px, 5vw, 44px);margin:0 0 18px;line-height:1.15;font-weight:700}.seo-content h2{font-size:clamp(22px, 3.4vw, 30px);margin:0 0 14px;font-weight:700}.seo-content h3{font-size:18px;margin:0 0 10px;color:var(--neon-cyan);font-weight:700}.seo-content p{line-height:1.65;margin:0 0 14px;font-size:16px}.seo-content .seo-lede{font-size:17px}.seo-content a{color:var(--legal-link);text-decoration:underline}.seo-content a:hover{text-decoration:none}.seo-content .seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:18px}.seo-content .seo-card{background:var(--legal-bg);border:1px solid var(--legal-border);border-radius:10px;padding:20px}.seo-content .seo-card p{font-size:15px;margin:0}.seo-content .seo-bullets,.seo-content .seo-link-list{line-height:1.7;padding-left:22px;margin:0 0 14px}.seo-content .seo-bullets li{margin-bottom:8px}.seo-content .seo-link-list{list-style:none;padding-left:0}.seo-content .seo-link-list li{margin-bottom:6px}.seo-content .seo-contact{margin-top:18px;font-size:15px;opacity:.85}body:not(.in-game){overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}body:not(.in-game)::-webkit-scrollbar{width:0;height:0;display:none}body:not(.in-game) .overlay{position:relative;min-height:100vh;inset:auto}#overlay.hidden~.seo-content,body.in-game .seo-content{display:none}.seo-scroll-hint{position:fixed;left:50%;bottom:56px;transform:translateX(-50%);z-index:21;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--legal-bg);border:1px solid var(--legal-border);color:var(--legal-fg);font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.18);animation:seo-scroll-bob 2.2s ease-in-out infinite}.seo-scroll-hint:hover{background:var(--legal-link-hover-bg,rgba(0,217,255,.12))}@keyframes seo-scroll-bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,4px)}}#overlay.hidden~.seo-scroll-hint,body.in-game .seo-scroll-hint{display:none}.hud{position:fixed;inset:0;pointer-events:none;z-index:5}.leaderboard-box,.score-box{position:absolute;background:var(--hud-bg);color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25)}body.theme-dark .leaderboard-box,body.theme-dark .score-box{border:1px solid rgba(0,217,255,.35);box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 14px rgba(0,217,255,.18)}.score-box{top:16px;left:16px;padding:10px 16px;min-width:140px}.score-label{font-size:12px;opacity:.75;letter-spacing:1px;text-transform:uppercase}.score-value{font-size:30px;font-weight:700;line-height:1.1}.mode-badge{display:inline-block;background:rgba(255,255,255,.18);color:var(--neon-yellow);padding:1px 6px;border-radius:4px;font-size:10px;margin-right:4px;letter-spacing:.5px}.leaderboard-box{top:16px;right:16px;padding:10px 14px 12px;min-width:220px}.lb-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:6px;letter-spacing:1px}.lb-list{margin:0;padding-left:22px;font-size:14px;font-weight:700}.lb-list li{padding:2px 0;display:flex;justify-content:space-between;gap:8px}.lb-list li.you{color:var(--neon-yellow)}.lb-list .lb-score{opacity:.8;font-weight:400}.lb-bar{position:relative;flex:0 0 84px;align-self:center;height:12px;border-radius:6px;background:rgba(255,255,255,.18);overflow:hidden}.lb-bar-fill{display:block;height:100%;width:0%;border-radius:6px;background:var(--neon-yellow);opacity:.85;transition:width .25s ease}.lb-bar-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85)}.figure-count{margin-top:2px;font-size:13px;font-weight:700;opacity:.85;letter-spacing:.5px;font-variant-numeric:tabular-nums}.figure-count.full{color:var(--neon-yellow);opacity:1}.power-badge{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:800;letter-spacing:.5px;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:0 0 10px rgba(255,255,255,.55),0 0 18px rgba(255,255,255,.3);animation:power-pulse 1.3s ease-in-out infinite}.power-badge .power-icon{font-size:14px;line-height:1}@keyframes power-pulse{0%,100%{box-shadow:0 0 8px rgba(255,255,255,.45),0 0 16px rgba(255,255,255,.25)}50%{box-shadow:0 0 14px rgba(255,255,255,.85),0 0 26px rgba(255,255,255,.5)}}.round-timer{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);padding:8px 20px;background:var(--hud-bg);color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px}body.theme-dark .round-timer{border:1px solid rgba(0,217,255,.35);box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 14px rgba(0,217,255,.18)}.round-timer.urgent{color:#ff5b5b;animation:round-pulse 1s ease-in-out infinite}@keyframes round-pulse{0%,100%{opacity:1}50%{opacity:.4}}.coop-box{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(420px,70vw);padding:8px 14px 10px;background:var(--hud-bg);color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25)}body.theme-dark .coop-box{border:1px solid rgba(0,217,255,.35);box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 14px rgba(0,217,255,.18)}.coop-title{font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.coop-track{height:10px;border-radius:5px;background:rgba(255,255,255,.18);overflow:hidden}.coop-fill{height:100%;width:0%;border-radius:5px;background:linear-gradient(90deg,#2e9c5b,#5be08a);transition:width .3s ease}.coop-stats{display:flex;justify-content:space-between;margin-top:5px;font-size:12px;font-variant-numeric:tabular-nums}.coop-stats #coop-you{color:var(--neon-yellow);font-weight:700}.race-box{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(420px,70vw);padding:8px 14px 10px;background:var(--hud-bg);color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25);text-align:center}body.theme-dark .race-box{border:1px solid rgba(0,217,255,.35);box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 14px rgba(0,217,255,.18)}.race-title{font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.race-track{position:relative;height:16px;border-radius:8px;background:rgba(255,255,255,.18);overflow:hidden}.race-fill{height:100%;width:0%;border-radius:8px;background:linear-gradient(90deg,var(--neon-yellow),#ff8a2d);transition:width .25s ease}.race-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.mode-banner{position:absolute;top:22%;left:50%;transform:translate(-50%,-50%) scale(.9);max-width:80vw;padding:16px 28px;background:var(--hud-bg);color:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.4);text-align:center;font-size:18px;line-height:1.4;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:60}.mode-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.mode-banner .banner-head{font-size:22px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}.mode-banner .banner-sub{font-size:14px;opacity:.9}.mode-banner .banner-list{margin:8px 0 0;padding:0;list-style:none;font-size:14px}.mode-banner .banner-list li{display:flex;justify-content:space-between;gap:18px;padding:2px 0}body.theme-dark .mode-banner{border:1px solid rgba(0,217,255,.35)}@media (max-width:768px){.figure-count{font-size:11px}.coop-box,.race-box{left:112px;right:112px;width:auto;transform:none;bottom:max(12px,env(safe-area-inset-bottom));padding:6px 12px 8px}.round-timer{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 52px);padding:5px 14px;font-size:17px}.coop-title{font-size:11px}.coop-stats{font-size:11px}.race-title{font-size:12px}.mode-banner{font-size:15px;padding:12px 18px}.mode-banner .banner-head{font-size:18px}}.lives-box{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px 12px;background:var(--hud-bg);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25);font-size:24px;line-height:1}body.theme-dark .lives-box{border:1px solid rgba(0,217,255,.35);box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 14px rgba(0,217,255,.18)}.life{color:#ff2d2d;text-shadow:0 0 6px rgba(255,45,45,.55);transition:color .2s,opacity .2s,text-shadow .2s}.life.lost{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.45);text-shadow:none;opacity:.55}.respawn-overlay{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.7)}.respawn-label{font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.85;margin-bottom:6px}.respawn-count{font-size:96px;font-weight:700;line-height:1;color:var(--neon-yellow);text-shadow:0 0 18px rgba(255,230,0,.65),0 4px 16px rgba(0,0,0,.6)}.reconnect-overlay{position:fixed;inset:0;background:rgba(8,10,16,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.reconnect-card{background:#14171f;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 32px;text-align:center;max-width:360px;box-shadow:0 12px 40px rgba(0,0,0,.6)}.reconnect-spinner{width:38px;height:38px;margin:0 auto 16px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--neon-yellow,#ffe600);border-radius:50%;animation:reconnect-spin .8s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.reconnect-title{font-size:18px;font-weight:700;margin-bottom:6px}.reconnect-detail{font-size:13px;opacity:.75;margin-bottom:18px;min-height:32px}.reconnect-btn{background:var(--neon-yellow,#ffe600);color:#111;border:0;border-radius:8px;padding:10px 22px;font-weight:700;font-size:14px;cursor:pointer}.reconnect-btn:hover{filter:brightness(1.1)}.touch-controls{position:fixed;inset:0;pointer-events:none;z-index:6}.touch-joystick{position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(45,60,80,.28);border:3px solid rgba(255,255,255,.55);box-shadow:0 4px 18px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .12s;touch-action:none;left:-9999px;top:-9999px}.touch-joystick.active{opacity:1}.joystick-knob{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.85);border:3px solid rgba(45,60,80,.55);box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:none;will-change:transform}.touch-buttons{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.touch-btn{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.75);color:#fff;font-family:inherit;font-weight:700;font-size:20px;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 3px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;padding:0}.touch-btn:active{transform:translateY(2px)}.touch-rotate{background:rgba(0,217,255,.82);box-shadow:0 0 14px rgba(0,217,255,.55)}.touch-fire{width:68px;height:68px;font-size:24px;background:rgba(255,45,149,.85);box-shadow:0 0 16px rgba(255,45,149,.6)}@media (hover:none) and (pointer:coarse),(max-width:768px){.score-box{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));padding:4px 12px;min-width:0;max-width:45vw;border-radius:8px;transform:scale(.7);transform-origin:top left}.score-label{font-size:12px;letter-spacing:.4px}.score-value{font-size:22px}.mode-badge{font-size:10px;padding:1px 4px;margin-right:3px;border-radius:4px}.leaderboard-box{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));padding:4px 10px 6px;min-width:0;max-width:45vw;font-size:14px;border-radius:8px;transform:scale(.7);transform-origin:top right}.lb-title{font-size:14px;margin-bottom:3px;letter-spacing:.4px}.lb-list{padding-left:18px;font-size:14px}.lb-list li{padding:1px 0;gap:6px}.lb-bar{flex-basis:62px;height:11px}.lives-box{top:max(8px,env(safe-area-inset-top));padding:4px 10px;font-size:20px;gap:4px}.respawn-count{font-size:72px}.respawn-label{font-size:12px;letter-spacing:1.2px}.legal-footer-overlay{display:none}}@media (orientation:landscape) and (max-height:500px){.score-box{top:max(4px,env(safe-area-inset-top));left:max(4px,env(safe-area-inset-left));transform:scale(.5);transform-origin:top left}.leaderboard-box{top:max(4px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right));transform:scale(.5);transform-origin:top right;max-height:70vh;overflow:hidden}.audio-toggles{top:64px;transform:none}.coop-box,.race-box{bottom:max(10px,env(safe-area-inset-bottom));width:min(360px,52vw);padding:5px 12px 7px}.round-timer{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 50px);padding:4px 14px;font-size:16px}}@media (max-width:520px){.overlay{align-items:stretch;padding:max(14px,env(safe-area-inset-top)) 12px max(40px,env(safe-area-inset-bottom));overflow-y:auto}.login{gap:12px;max-width:100%;width:100%}.figure{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:none!important;grid-auto-rows:auto;grid-auto-flow:row;gap:10px;width:min(380px,calc(100vw - 24px));margin:auto;filter:drop-shadow(0 16px 28px rgba(0, 0, 0, .22))}.mino{grid-row:auto!important;grid-column:auto!important;width:100%;height:auto;aspect-ratio:auto;min-height:min(44vw,170px);padding:12px}.mino-play{padding:10px}.play-btn{font-size:22px;letter-spacing:1.5px;min-height:52px;box-shadow:0 3px 0 #007a4a,0 6px 10px rgba(0,0,0,.12)}.play-btn:active{transform:translateY(1px);box-shadow:0 2px 0 #007a4a}.mino-label{font-size:9px;margin-bottom:6px;letter-spacing:1.5px}.modes{flex-direction:row;flex-wrap:wrap;gap:4px}.mode-tab{flex:1 1 calc(50% - 2px);font-size:11px;padding:7px 3px}.name-input{font-size:13px;padding:7px}.colors{gap:4px}.color-swatch{width:22px;height:22px}.mino-rules{padding:8px}.rules-svg{flex:0 0 auto;height:88px;max-height:none}.rules-list{font-size:9.5px;padding-left:14px}.rules-placeholder{font-size:10px}.penta-flip{min-height:165px}.room-names{max-height:165px}.bonus-btn{padding:10px 16px;margin-top:4px}.rules{font-size:12px}.legal-footer-overlay{font-size:12px;padding:6px 10px;bottom:8px}}@media (orientation:landscape) and (max-height:520px){.overlay{padding:6px;align-items:center}.login{gap:6px;max-width:100%;width:100%}.title{font-size:clamp(20px, 5vh, 34px)}.title-mino{width:clamp(180px,38vh,280px)}.rules{display:none}.game-over{font-size:13px;padding:6px 10px}.figure{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:none!important;grid-auto-rows:auto;grid-auto-flow:row;gap:8px;width:min(720px,calc(100vw - 24px));margin:0 auto;filter:none}.mino-leaderboard{display:none!important}.mino{grid-row:auto!important;grid-column:auto!important;width:100%;height:auto;aspect-ratio:auto;min-height:130px;padding:8px 10px}.mino-play{padding:8px}.play-btn{min-height:48px;font-size:18px;letter-spacing:1.2px;box-shadow:0 3px 0 #007a4a,0 6px 10px rgba(0,0,0,.12)}.play-btn:active{transform:translateY(1px);box-shadow:0 2px 0 #007a4a}.mino-label{font-size:9px;margin-bottom:6px;letter-spacing:1.5px}.modes{gap:4px}.mode-tab{font-size:10px;padding:6px 4px}.name-input{font-size:12px;padding:6px}.colors{gap:4px}.color-swatch{width:20px;height:20px}.rules-svg{flex:0 0 auto;height:64px;max-height:none}.penta-flip{min-height:130px}.room-names{max-height:130px}.bonus-btn{padding:9px 14px;margin-top:4px}.legal-footer-overlay{font-size:11px;padding:4px 10px;bottom:4px}.touch-btn{width:46px;height:46px;font-size:18px}.touch-fire{width:60px;height:60px;font-size:22px}.touch-buttons{gap:8px;bottom:max(12px,env(safe-area-inset-bottom))}.touch-joystick{width:120px;height:120px}.joystick-knob{width:52px;height:52px}}