:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#0d0e14;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading:"Orbitron", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:700}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}.game-card,.board,.psim-container,.hero-clash-container{backface-visibility:hidden;transform:translateZ(0)}@keyframes shake-bomb{0%{transform:translate(0)rotate(0)}10%{transform:translate(-5px,-3px)rotate(-.6deg)}22%{transform:translate(4px,5px)rotate(.6deg)}34%{transform:translate(-4px,-2px)rotate(-.4deg)}46%{transform:translate(3px,4px)rotate(.3deg)}58%{transform:translate(-2px,-3px)rotate(-.2deg)}70%{transform:translate(2px,2px)rotate(.1deg)}82%{transform:translate(-1px,-1px)}92%{transform:translate(1px)}to{transform:translate(0)}}@keyframes shake-blackhole{0%{transform:translate(0)}15%{transform:translate(-3px,-2px)}30%{transform:translate(3px,3px)}50%{transform:translate(-2px,-1px)}70%{transform:translate(2px,1px)}85%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes shake-vampire{0%{transform:translate(0)}20%{transform:translate(-2px,-1px)}40%{transform:translate(2px,1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}.board-shake-bomb{animation:.42s cubic-bezier(.36,.07,.19,.97) both shake-bomb}.board-shake-blackhole{animation:.3s cubic-bezier(.36,.07,.19,.97) both shake-blackhole}.board-shake-vampire{animation:.18s cubic-bezier(.36,.07,.19,.97) both shake-vampire}@media (prefers-reduced-motion:reduce){.board-shake-bomb,.board-shake-blackhole,.board-shake-vampire{animation:none}}@keyframes spark-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--spark-x,20px), var(--spark-y,-30px)) scale(0);opacity:0}}.bomb-spark{pointer-events:none;z-index:10;position:absolute;inset:0}.bomb-spark:before,.bomb-spark:after{content:"";background:#f59e0b;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #ef4444}.bomb-spark:before{--spark-x:-22px;--spark-y:-28px;animation:.45s ease-out both spark-fly}.bomb-spark:after{--spark-x:24px;--spark-y:-20px;animation:.45s ease-out 40ms both spark-fly}@keyframes vortex-spin{0%{opacity:.8;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(360deg)scale(0)}}.blackhole-vortex{pointer-events:none;z-index:10;border:2px solid #a855f7b3;border-radius:50%;animation:.55s ease-in both vortex-spin;position:absolute;inset:6px}.blackhole-vortex:before{content:"";border:1.5px solid #7c3aed80;border-radius:50%;animation:.55s ease-in 60ms both vortex-spin;position:absolute;inset:5px}@keyframes shard-fall{0%{opacity:.9;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--shard-x,0px), var(--shard-y,20px)) rotate(var(--shard-r,45deg)) scale(.2);opacity:0}}.freeze-shard{pointer-events:none;z-index:10;background:linear-gradient(#bae6fd,#38bdf8);border-radius:1px;width:4px;height:8px;position:absolute;top:50%;left:50%}.freeze-shard:first-child{--shard-x:-12px;--shard-y:-18px;--shard-r:-30deg;animation:.6s ease-out .1s both shard-fall}.freeze-shard:nth-child(2){--shard-x:14px;--shard-y:-14px;--shard-r:40deg;animation:.6s ease-out 50ms both shard-fall}.freeze-shard:nth-child(3){--shard-x:10px;--shard-y:16px;--shard-r:-50deg;animation:.65s ease-out 80ms both shard-fall}.freeze-shard:nth-child(4){--shard-x:-14px;--shard-y:12px;--shard-r:35deg;animation:.6s ease-out .12s both shard-fall}@keyframes win-shimmer-sweep{0%{opacity:0;transform:scaleX(0)}30%{opacity:.7}to{opacity:0;transform:scaleX(1)}}.winning-square:after{content:"";border-radius:inherit;transform-origin:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#72f5a459 50%,#0000 100%);animation:.7s ease-out .1s both win-shimmer-sweep;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.winning-square:after,.bomb-spark:before,.bomb-spark:after,.blackhole-vortex,.blackhole-vortex:before,.freeze-shard{animation:none}}@keyframes stamp-glow-x{0%{opacity:.5;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes stamp-glow-o{0%{opacity:.5;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.x-mark-square.square-filled .square-value{animation:.22s cubic-bezier(.2,1.3,.35,1) both stamp-glow-x}.o-mark-square.square-filled .square-value{animation:.22s cubic-bezier(.2,1.3,.35,1) both stamp-glow-o}.power-target-eligible{outline-color:var(--current-power-color,#ffd166b8)!important;box-shadow:0 0 0 2px var(--current-power-color,#ffd1664d), inset 0 0 12px #ffffff0d!important}.turn-bridge{pointer-events:none;z-index:6;opacity:0;height:3.5px;transition:opacity .24s,transform .28s cubic-bezier(.2,1.2,.35,1);position:absolute;left:22px;right:22px;transform:scaleX(.65)}.turn-bridge--top{border-radius:0 0 5px 5px;top:0}.turn-bridge--bottom{border-radius:5px 5px 0 0;bottom:0}.turn-bridge--x{background-color:var(--x-color,#8cf2ff)}.turn-bridge--x.active{opacity:.95;box-shadow:0 0 14px var(--x-color,#8cf2ff), 0 2px 18px #8cf2ff73;transform:scaleX(1)}.turn-bridge--bottom.turn-bridge--x.active{box-shadow:0 0 14px var(--x-color,#8cf2ff), 0 -2px 18px #8cf2ff73}.turn-bridge--o{background-color:var(--o-color,#ff8fc5)}.turn-bridge--o.active{opacity:.95;box-shadow:0 0 14px var(--o-color,#ff8fc5), 0 2px 18px #ff8fc573;transform:scaleX(1)}.turn-bridge--bottom.turn-bridge--o.active{box-shadow:0 0 14px var(--o-color,#ff8fc5), 0 -2px 18px #ff8fc573}@media (prefers-reduced-motion:reduce){.turn-bridge{transition:opacity .12s;transform:none!important}}@keyframes float-score{0%{opacity:1;transform:translate(-50%)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-32px)}}.floating-score{color:#fde68a;text-shadow:0 1px 6px #0009;pointer-events:none;z-index:12;white-space:nowrap;font-size:11px;font-weight:800;animation:.7s ease-out both float-score;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.floating-score{opacity:0;animation:none}.x-mark-square.square-filled .square-value,.o-mark-square.square-filled .square-value,.stamp-glow-x,.stamp-glow-o{animation:none}}body{color:#f5f7fb;background:#0a0b10;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#8cf2ff17 0%,#0000 55%),radial-gradient(60% 50% at 80% 100%,#ff8fc512 0%,#0000 50%),radial-gradient(50% 40% at 20% 80%,#c084fc0f 0%,#0000 50%),linear-gradient(165deg,#0a0b10 0%,#101320 40%,#0d0e16 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 28%,#8cf2ff40,#0000),radial-gradient(1px 1px at 78% 15%,#ff8fc533,#0000),radial-gradient(1.5px 1.5px at 42% 72%,#c084fc2e,#0000),radial-gradient(1px 1px at 88% 58%,#8cf2ff26,#0000),radial-gradient(1px 1px at 25% 90%,#ffd16626,#0000),radial-gradient(1.5px 1.5px at 65% 42%,#12f5dc1f,#0000),radial-gradient(1px 1px at 55% 8%,#ff8fc52e,#0000),radial-gradient(1px 1px at 8% 55%,#c084fc1f,#0000),radial-gradient(1.5px 1.5px at 92% 85%,#8cf2ff24,#0000),radial-gradient(1px 1px at 35% 35%,#ffd1661a,#0000);background-size:100% 100%;animation:25s ease-in-out infinite alternate drift-particles;position:fixed;inset:0}@keyframes drift-particles{0%{transform:translate(0)scale(1)}33%{transform:translate(-8px,12px)scale(1.04)}66%{transform:translate(6px,-8px)scale(.97)}to{transform:translate(-4px,6px)scale(1.02)}}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit}.app-shell{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex}.game-card{background:#0e101aeb;border:1px solid #8cf2ff1a;border-radius:24px;flex-direction:column;align-items:center;gap:22px;width:min(460px,100%);padding:32px;display:flex;box-shadow:0 24px 80px #0006,inset 0 1px #8cf2ff0f,0 0 60px #8cf2ff08}.game-header{text-align:center}.eyebrow{color:#8ed8ff;letter-spacing:.18em;margin-bottom:10px;font-size:13px;font-weight:800;display:inline-block}h1{margin:0;font-size:clamp(36px,6vw,52px);line-height:1}p{color:#b8c0d9;margin:12px 0 0}.status{color:#e9edf8;text-align:center;background:#ffffff12;border-radius:14px;width:100%;padding:14px 16px;font-weight:700}.status.winner{color:#99f2bd;background:#50c87829}.status.draw{color:#ffd796;background:#ffc25729}.board{grid-template-columns:repeat(var(--board-size), minmax(0, 1fr));gap:10px;width:min(100%,360px);display:grid;position:relative}.board-ai-thinking{pointer-events:none!important}.board-size-3{--board-size:3}.board-size-4{--board-size:4}.board-size-5{--board-size:5}.square{aspect-ratio:1;color:#f8f9ff;cursor:pointer;background:#202432;border:1px solid #ffffff1f;border-radius:18px;width:100%;font-size:48px;font-weight:900;transition:transform .16s,border-color .16s,background .16s}.square:hover{background:#282d3f;border-color:#8ed8ffb8;transform:translateY(-2px)}.square-filled{cursor:default}.restart-button{color:#101218;cursor:pointer;background:#8ed8ff;border:0;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:800}.mode-toggle{background:#ffffff12;border-radius:999px;grid-template-columns:repeat(2,1fr);width:100%;padding:5px;display:grid}.mode-button{color:#b8c0d9;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:800}.mode-button.active{color:#151823;background:#f5f7fb}.mode-button:not(.active):hover{color:#f5f7fb}.score-board{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid}.score-card{background:#ffffff12;border-radius:18px;place-items:center;gap:4px;min-height:76px;display:grid}.score-label{color:#b8c0d9;letter-spacing:.14em;font-size:13px;font-weight:800}.score-card strong{font-size:30px;line-height:1}.x-score strong{color:#8ed8ff}.o-score strong{color:#ffb3c7}.score-reset-button{color:#f5f7fb;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:800}.score-reset-button:hover{background:#ffffff29}.arena-settings-wrapper{gap:12px;width:100%;display:grid}.settings-button{color:#dff4ff;cursor:pointer;background:#8ed8ff1f;border:0;border-radius:999px;width:100%;padding:11px 14px;font-size:14px;font-weight:800}.settings-button:hover{background:#8ed8ff2e}.arena-settings{background:#8ed8ff0f;border:1px solid #8ed8ff2e;border-radius:18px;gap:14px;padding:16px;display:grid}.arena-settings h2{margin:0;font-size:18px}.arena-settings p{margin-top:6px;font-size:14px}.arena-setting-list{gap:10px;display:grid}.arena-setting{background:#ffffff12;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.arena-setting span{gap:3px;display:grid}.arena-setting strong{font-size:14px}.arena-setting small{color:#b8c0d9;font-size:12px}.arena-setting input{accent-color:#8ed8ff;cursor:pointer;width:20px;height:20px}.boost-mode-setting{align-items:stretch}.boost-mode-heading{align-items:flex-start;gap:10px;min-width:0;display:flex}.boost-mode-heading>span:last-child{gap:3px;min-width:0;display:grid}.boost-mode-icon{background:#ffd7781a;border:1px solid #ffd7783d;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;line-height:1;display:grid}.boost-mode-options{background:#ffffff14;border-radius:999px;grid-template-columns:repeat(2,1fr);min-width:154px;padding:4px;display:grid}.boost-mode-options button{color:#b8c0d9;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.boost-mode-options button>strong{font-size:inherit;font-weight:inherit}.boost-mode-options button.active{color:#151823;background:#ffd978}.boost-mode-setting--explained{gap:12px;padding:14px;display:grid}.boost-mode-setting--explained .boost-mode-heading small{color:#d4caa9;max-width:52ch;line-height:1.5}.boost-mode-setting--explained .boost-mode-options{background:0 0;border-radius:0;gap:8px;width:100%;min-width:0;padding:0}.boost-mode-setting--explained .boost-mode-options button{text-align:left;background:#080c166b;border:1px solid #ffffff1a;border-radius:13px;align-content:center;gap:4px;min-height:68px;padding:10px 12px;display:grid}.boost-mode-setting--explained .boost-mode-options button strong{color:#f5f7fb;font-size:13px}.boost-mode-setting--explained .boost-mode-options button small{color:#9ba5bb;font-size:10px;font-weight:750;line-height:1.35}.boost-mode-setting--explained .boost-mode-options button.active{background:#ffd77824;border-color:#ffd77880;box-shadow:inset 0 0 0 1px #ffd77814}.boost-mode-setting--explained .boost-mode-options button.active strong{color:#ffe7a8}.boost-mode-setting--explained .boost-mode-options button.active small{color:#e3d5ad}.settings-confirm-panel{background:#ffd7781a;border:1px solid #ffd77838;border-radius:14px;gap:10px;padding:13px 14px;display:grid}.settings-confirm-panel p{color:#ffe6a3;margin:0;font-size:13px;font-weight:800;line-height:1.4}.settings-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.settings-confirm-actions button{color:#f5f7fb;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.settings-confirm-actions button:hover{background:#ffffff29}.settings-confirm-actions .confirm-reset-button{color:#151823;background:#ffd978}.settings-confirm-actions .confirm-reset-button:hover{background:#ffe6a3}.square{position:relative}.multiplier-badge{color:#ffd978;background:#ffd77829;border-radius:999px;padding:3px 6px;font-size:12px;font-weight:900;position:absolute;top:8px;right:10px}.score-info-box{color:#ffe6a3;background:#ffd7781a;border-radius:14px;gap:8px;padding:13px 14px;display:grid}.score-info-box strong{font-size:14px}.score-info-box p{color:#f3dfb0;margin:0;font-size:13px;line-height:1.45}.score-example{font-weight:800}.winning-square{background:#50c87829;border-color:#7df5aff2;box-shadow:0 0 0 2px #7df5af2e}.power-panel{background:#ffb3c70f;border:1px solid #ffb3c72e;border-radius:18px;gap:12px;width:100%;padding:14px;display:grid}.power-panel-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.power-panel-header span{font-size:14px;font-weight:900}.power-panel-header small{color:#b8c0d9;font-size:12px}.power-list{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.power-button{color:#f5f7fb;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;place-items:center;gap:3px;min-height:76px;display:grid;position:relative}.power-button:hover:not(:disabled),.power-button.active{background:#ffb3c724;border-color:#ffb3c7e6}.power-button:disabled{opacity:.42;cursor:not-allowed}.power-icon{font-size:22px}.power-count{color:#151823;background:#f5f7fb;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;font-weight:900;display:grid;position:absolute;top:7px;right:7px}.active-power-hint{color:#ffe6ef;background:#ffffff14;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}.shield-badge{font-size:16px;position:absolute;top:8px;left:10px}.boost-badge{font-size:16px;position:absolute;bottom:8px;left:10px}@media (width<=560px){.app-shell{padding:max(16px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:flex-start}.game-card{border-radius:18px;gap:16px;width:100%;padding:22px 14px}.game-header{gap:8px;display:grid}.eyebrow{margin-bottom:2px;font-size:11px}h1{font-size:34px;line-height:1.05}p{font-size:14px;line-height:1.45}.mode-toggle{width:100%}.score-board{grid-template-columns:1fr 1fr}.score-reset-button{order:3;grid-column:1/-1}.score-card{min-height:68px}.board{gap:8px;width:100%;max-width:312px}.square{border-radius:14px;font-size:38px}.power-panel{padding:12px}.power-panel-header{gap:4px;display:grid}.power-list{grid-template-columns:repeat(2,1fr)}.power-button{min-height:70px}.arena-settings{padding:12px}.arena-setting{flex-direction:column;align-items:flex-start}.arena-setting input{align-self:flex-end}.boost-mode-options{width:100%}.score-info-box{text-align:left}}.result-status{gap:6px;animation:.28s ease-out result-pop;display:grid}.result-icon{font-size:28px;line-height:1}.result-status strong{font-size:16px}.result-status small{color:inherit;opacity:.86;font-size:13px}.setup-options,.setup-action-row,.how-to-play-card-grid{grid-template-columns:1fr}.setup-secondary-action{text-align:center;min-height:56px}.accordion-trigger{min-height:54px;padding:12px 13px}.accordion-title{gap:9px;font-size:12px}.accordion-content{padding:0 13px 13px}.how-to-play-header{display:grid}.panel-close-button{justify-self:start}.round-result-confirm-actions{grid-template-columns:1fr}@keyframes result-pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.setup-card{gap:20px}.setup-group{gap:10px;width:100%;display:grid}.setup-label{color:#8ed8ff;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:900}.setup-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.target-options{grid-template-columns:repeat(5,1fr)}.turn-time-options{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.turn-time-option{color:#b8c0d9;cursor:pointer;background:#0e172aa6;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:10px 2px;transition:all .18s;display:flex}.turn-time-label{letter-spacing:.05em;color:#e2e8f0;white-space:nowrap;font-family:inherit;font-size:15px;font-weight:900}.turn-time-sublabel{letter-spacing:.04em;text-transform:lowercase;color:#64748b;white-space:nowrap;font-size:10px;font-weight:700}@media (width<=440px){.turn-time-options{gap:4px}.turn-time-option{border-radius:10px;padding:8px 1px}.turn-time-label{font-size:13px}.turn-time-sublabel{font-size:8.5px}}.turn-time-option:hover{background:#8cf2ff14;border-color:#8cf2ff66;transform:translateY(-2px)}.turn-time-option.active{color:#f5f7fb;background:#8ed8ff24;border-color:#8cf2ffb3;box-shadow:0 0 0 1px #8cf2ff14,0 4px 20px #8cf2ff1f}.turn-time-option.active .turn-time-label{color:#f5f7fb;text-shadow:0 0 8px #8cf2ff66}.turn-time-option.active .turn-time-sublabel{color:#a5b4fc}.setup-option{color:#b8c0d9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:12px 10px;font-size:13px;font-weight:900;transition:all .18s;position:relative;overflow:hidden}.setup-option:hover{background:#8cf2ff14;border-color:#8cf2ff59;transform:translateY(-2px);box-shadow:0 4px 16px #8cf2ff14}.setup-option:active{transform:translateY(0)scale(.97)}.setup-option.active{color:#f5f7fb;background:#8ed8ff24;border-color:#8cf2ffb3;box-shadow:0 0 0 1px #8cf2ff14,0 4px 20px #8cf2ff1f}.setup-group small{color:#b8c0d9;font-size:12px}.setup-summary{color:#dff4ff;background:#8ed8ff14;border-radius:14px;width:100%;padding:13px 14px;font-size:13px;line-height:1.45}.setup-summary.arena{color:#ffe6ef;background:#ffb3c714}.setup-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.setup-secondary-action{color:#f5f7fb;text-align:left;cursor:pointer;background:#8ed8ff14;border:1px solid #8ed8ff3d;border-radius:14px;align-content:center;gap:4px;min-width:0;min-height:62px;padding:12px;display:grid}.setup-secondary-action span{font-size:14px;font-weight:900;line-height:1.1}.setup-secondary-action small{color:#b8c0d9;overflow-wrap:anywhere;font-size:11px;font-weight:800;line-height:1.2}.setup-secondary-action--help{background:linear-gradient(135deg,#8ed8ff29,#ffb3c714),#ffffff0a;border-color:#8ed8ff6b}.setup-secondary-action--help:hover{background:linear-gradient(135deg,#8ed8ff38,#ffb3c71f),#ffffff0f;border-color:#8ed8ffb8}.setup-secondary-action--disabled,.setup-secondary-action:disabled{color:#f5f7fb94;cursor:not-allowed;background:#ffd1660f;border-style:dashed;border-color:#ffd1663d}.setup-secondary-action--disabled small,.setup-secondary-action:disabled small{color:#fff0bd9e}.start-game-button{color:#f5f7fb;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#8cf2ff33,#c084fc1f,#ff8fc526);border:1px solid #8cf2ff80;border-radius:14px;width:100%;padding:18px;font-family:Orbitron,system-ui,sans-serif;font-size:15px;font-weight:700;animation:3s ease-in-out infinite btn-pulse;position:relative;box-shadow:0 0 20px #8cf2ff24,0 4px 16px #0000004d}@keyframes btn-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.012)}}.start-game-button:hover{background:linear-gradient(135deg,#8cf2ff4d,#c084fc2e,#ff8fc538);border-color:#8cf2ffcc;transform:translateY(-2px);box-shadow:0 0 24px #8cf2ff33,0 8px 32px #8cf2ff1a}.start-game-button:active{transform:translateY(0)scale(.98)}.setup-back-button{color:#dfe8f7;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.setup-return-confirm{color:#ffe6ef;background:#ffb3c714;border:1px solid #ffb3c74d;border-radius:16px;gap:8px;width:100%;padding:14px;display:grid}.setup-return-confirm strong{font-size:14px}.setup-return-actions{justify-content:center;gap:8px;display:flex}.setup-return-actions button{color:#f5f7fb;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.setup-return-actions button:hover{background:#ffffff29}.setup-return-actions .danger-action{color:#ffe6ef;background:#ffb3c738}.match-target-info{color:#b8c0d9;text-align:center;background:#ffffff12;border-radius:999px;width:100%;padding:10px 12px;font-size:13px;font-weight:800}.game-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.how-to-play-panel{text-align:left;background:#8ed8ff0f;border:1px solid #8ed8ff2e;border-radius:18px;gap:14px;width:100%;padding:16px;display:grid}.how-to-play-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.how-to-play-header h2{margin:4px 0 0;font-size:22px}.panel-close-button{color:#f5f7fb;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.panel-close-button:hover{background:#ffffff29}.rule-section{background:#ffffff0f;border-radius:14px;gap:6px;padding:12px;display:grid}.rule-section h3{color:#8ed8ff;margin:0;font-size:14px}.rule-section p{color:#d8deef;margin:0;font-size:13px;line-height:1.45}.rule-section ul{color:#d8deef;margin:0;padding-left:18px;font-size:13px;line-height:1.55}.rule-section li+li{margin-top:4px}.how-to-play-accordion{gap:10px;display:grid}.accordion-section{background:#0f1121db;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.accordion-section.is-open{background:linear-gradient(135deg,#6ee7ff14,#ff9ac008),#0c121ff0;border-color:#6ee7ff6b;box-shadow:0 0 24px #6ee7ff14}.accordion-trigger{color:#dfe7ff;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:14px 16px;display:flex}.accordion-trigger:hover{color:#fff;background:#ffffff08}.accordion-title{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:11px;min-width:0;font-size:14px;font-weight:900;display:inline-flex}.accordion-section.is-open .accordion-title{color:var(--x-color);text-shadow:0 0 16px #6ee7ff5c}.accordion-caret{color:#8390b5;font-size:13px;transition:transform .16s,color .16s;transform:rotate(0)}.accordion-section.is-open .accordion-caret{color:var(--x-color);transform:rotate(180deg)}.accordion-content{gap:12px;padding:0 16px 16px;display:grid}.accordion-content:before{content:"";background:#6ee7ff2e;height:1px}.accordion-rule-item{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;display:grid}.accordion-rule-icon{width:22px;min-height:22px;color:var(--x-color);place-items:center;font-weight:900;display:grid}.accordion-rule-item strong{color:#f5f7fb;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:12px;font-weight:900;display:block}.accordion-rule-item p{color:#b8c0d9;margin:0;font-size:12px;line-height:1.5}.how-to-play-state-line{color:#fff0bd;background:#ffd1660f;border:1px solid #ffd1662e;border-radius:10px;padding:9px 10px;font-size:12px;line-height:1.45}.how-to-play-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.how-to-play-info-card{background:#8ed8ff12;border:1px solid #8ed8ff29;border-radius:12px;gap:6px;padding:10px;display:grid}.how-to-play-info-card.arena{background:#ffb3c712;border-color:#ffb3c72e}.how-to-play-info-card strong{color:#f5f7fb;font-size:13px}.how-to-play-info-card p{margin:0}.how-to-play-mode-grid{gap:10px}.how-to-play-mode-card{background:linear-gradient(#8ed8ff1a,#8ed8ff09),#ffffff09;border-radius:12px;gap:8px;padding:12px}.how-to-play-mode-card.arena{background:linear-gradient(#ffb3c71b,#ffb3c709),#ffffff09}.how-to-play-mode-card strong{color:#f5f7fb;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.how-to-play-mode-card strong:after{content:"TUR";color:#8ed8ff;letter-spacing:.08em;background:#8ed8ff1f;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:950}.how-to-play-mode-card.arena strong:after{content:"PUAN";color:#ffb3c7;background:#ffb3c71f}.how-to-play-mode-card ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.how-to-play-mode-card li{color:#c8d1e5;padding-left:14px;font-size:12px;line-height:1.4;position:relative}.how-to-play-mode-card li:before{content:"";background:#8ed8ff;border-radius:999px;width:5px;height:5px;position:absolute;top:.58em;left:0;box-shadow:0 0 10px #8ed8ff6b}.how-to-play-mode-card.arena li:before{background:#ffb3c7;box-shadow:0 0 10px #ffb3c76b}.locked-power-note{color:#e8dcc1;background:#ffd16612;border:1px dashed #ffd16647;border-radius:12px;padding:10px;font-size:12px;line-height:1.45}.locked-power-note strong{color:#fff0bd}.quick-reference-list{flex-wrap:wrap;gap:7px;display:flex}.quick-reference-break{flex-basis:100%;height:0}.quick-reference-item{color:#dff4ff;cursor:help;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.quick-reference-item:after{content:attr(data-description);z-index:12;color:#f7f8ff;text-align:center;opacity:0;pointer-events:none;background:#0b0e1df7;border:1px solid #ffd16659;border-radius:9px;width:max-content;max-width:min(250px,80vw);padding:8px 10px;font-size:11px;font-weight:600;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.quick-reference-item:hover,.quick-reference-item:focus-visible{background:#ffd1661a;border-color:#ffd166a6;outline:none}.quick-reference-item:hover:after,.quick-reference-item:focus-visible:after{opacity:1;transform:translate(-50%)}:root{--arena-bg:#080b14;--panel-bg:#111726c7;--panel-line:#cadaff21;--x-color:#6ee7ff;--o-color:#ff7ab6;--gold:#ffd166;--green:#72f5a4}body{background-color:#080b14;background-image:radial-gradient(circle at 18% 8%,#6ee7ff26,#0000 28%),radial-gradient(circle at 82% 20%,#ff7ab61f,#0000 30%),linear-gradient(145deg,#070913 0%,#111725 52%,#090b12 100%);background-attachment:fixed;overflow-x:hidden}.app-shell{isolation:isolate}.game-card{border-color:var(--panel-line);background:linear-gradient(#ffffff13,#0000 18%),#0c101cf0;border-radius:22px;width:min(560px,100%);box-shadow:0 28px 90px #00000075,inset 0 1px #ffffff1a}.game-header{gap:8px;display:grid}.eyebrow{color:var(--gold);text-shadow:0 0 18px #ffd16657}h1{color:#fff;text-shadow:0 0 30px #6ee7ff2e}button{-webkit-tap-highlight-color:transparent}button:focus-visible,.square:focus-visible{outline-offset:3px;outline:3px solid #ffd166b8}.setup-back-button,.settings-button,.score-reset-button,.restart-button,.panel-close-button,.setup-return-actions button,.settings-confirm-actions button,.setup-option,.start-game-button{transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,color .14s}.setup-back-button:hover,.settings-button:hover,.score-reset-button:hover,.restart-button:hover,.panel-close-button:hover,.setup-return-actions button:hover,.settings-confirm-actions button:hover,.setup-option:hover,.start-game-button:hover{transform:translateY(-1px)}.match-target-info{color:#dce6ff;background:#ffffff0e;border:1px solid #ffffff17;box-shadow:inset 0 1px #ffffff12}.score-board{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;padding:10px}.score-card{background:#ffffff0e;border:1px solid #ffffff17;border-radius:14px;min-height:68px}.score-label{letter-spacing:.08em}.x-score{box-shadow:inset 0 0 22px #8cf2ff14}.o-score{box-shadow:inset 0 0 22px #ff8fc514}.arena-board-stack{justify-items:center;gap:14px;width:100%;display:grid}.panel-timer-badge{background:#00000059;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;padding:3px 8px;transition:all .2s;display:inline-flex}.panel-timer-digits{font-family:var(--font-heading,inherit);color:#64748b;letter-spacing:.04em;font-size:12px;font-weight:800;transition:all .2s}.player-panel.player-x .panel-timer-badge.active{border-color:var(--x-color,#8cf2ff);background:#0e172abf;box-shadow:0 0 10px #8cf2ff40}.player-panel.player-x .panel-timer-badge.active .panel-timer-digits{color:var(--x-color,#8cf2ff);text-shadow:0 0 8px var(--x-color,#8cf2ff)}.player-panel.player-o .panel-timer-badge.active{border-color:var(--o-color,#ff8fc5);background:#0e172abf;box-shadow:0 0 10px #ff8fc540}.player-panel.player-o .panel-timer-badge.active .panel-timer-digits{color:var(--o-color,#ff8fc5);text-shadow:0 0 8px var(--o-color,#ff8fc5)}.panel-timer-badge.warning{animation:.5s ease-in-out infinite alternate timer-warning-pulse;background:#ff475729!important;border-color:#ff4757!important;box-shadow:0 0 14px #ff475773!important}.panel-timer-badge.warning .panel-timer-digits{color:#ff4757!important;text-shadow:0 0 10px #ff4757e6!important}.panel-timer-track{background:#ffffff0d;border-radius:999px;width:100%;height:3px;margin-top:3px;margin-bottom:2px;overflow:hidden}.panel-timer-fill{border-radius:999px;height:100%;transition:width 1s linear}.panel-timer-fill.idle{opacity:0}.player-panel.player-x .panel-timer-fill.active{background:linear-gradient(90deg, var(--x-color,#8cf2ff), var(--o-color,#ff8fc5));box-shadow:0 0 8px var(--x-color,#8cf2ff);opacity:1}.player-panel.player-o .panel-timer-fill.active{background:linear-gradient(90deg, var(--o-color,#ff8fc5), var(--x-color,#8cf2ff));box-shadow:0 0 8px var(--o-color,#ff8fc5);opacity:1}.panel-timer-fill.warning{opacity:1;background:linear-gradient(90deg,coral,#ff4757)!important;box-shadow:0 0 10px #ff4757cc!important}@keyframes timer-warning-pulse{0%{border-color:#ff475780;box-shadow:0 0 8px #ff475733}to{border-color:#ff4757;box-shadow:0 0 20px #ff475799}}.player-panel{background:linear-gradient(135deg,#ffffff13,#ffffff06),#0b101ddb;border:1px solid #ffffff1a;border-radius:18px;gap:10px;width:min(100%,440px);padding:14px;transition:transform .16s,opacity .16s,border-color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff14}.player-panel-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-identity{align-items:center;gap:10px;min-width:0;display:flex}.player-symbol{border-radius:12px;place-items:center;width:42px;height:42px;font-size:26px;font-weight:950;line-height:1;display:grid}.player-x .player-symbol{color:#0c0f1c;background:var(--x-color);box-shadow:0 4px 12px #00000059}.player-o .player-symbol{color:#0c0f1c;background:var(--o-color);box-shadow:0 4px 12px #00000059}.player-name{color:#f7fbff;overflow-wrap:anywhere;font-size:15px;font-weight:900}.player-score{justify-items:end;line-height:1;display:grid}.player-score small{color:#9eabc6;text-transform:uppercase;font-size:12px;font-weight:900}.player-score strong{color:#fff;font-size:28px}.active-player{opacity:1;transform:translateY(-1px)}.player-x.active-player{border-color:var(--x-color);box-shadow:0 0 0 1px var(--x-color), inset 0 1px 0 #ffffff1a}.player-o.active-player{border-color:var(--o-color);box-shadow:0 0 0 1px var(--o-color), inset 0 1px 0 #ffffff1a}.inactive-player{opacity:.66}.power-panel-header{align-items:center}.power-panel-header span{color:#f2f7ff;letter-spacing:.04em;text-transform:uppercase}.power-panel-header small{text-align:right;max-width:260px;line-height:1.35}.power-list{grid-template-columns:repeat(4,minmax(0,1fr))}.power-button{background:#ffffff0e;border-radius:12px;min-width:0;min-height:62px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,opacity .14s;box-shadow:inset 0 1px #ffffff0f}.power-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #0000003d}.player-x .power-button:hover:not(:disabled),.player-x .power-button.active{border-color:var(--x-color);background:#ffffff14}.player-o .power-button:hover:not(:disabled),.player-o .power-button.active{border-color:var(--o-color);background:#ffffff14}.power-button.active{animation:.85s ease-in-out infinite alternate power-armed}.power-icon{background:#ffffff1a;border-radius:9px;place-items:center;min-width:28px;height:28px;font-size:13px;font-weight:950;display:grid}.power-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.power-count{border:1px solid #ffffff80}.active-power-hint{color:#ffe8a6;background:#ffd1661a;border:1px solid #ffd16638}.board{background:radial-gradient(circle,#6ee7ff14,#0000 64%),#ffffff0b;border:1px solid #ffffff1a;border-radius:22px;gap:clamp(7px,2vw,11px);width:min(100%,390px);padding:clamp(10px,2.4vw,14px);box-shadow:inset 0 0 35px #ffffff0a,0 18px 50px #00000057}.board-size-3{--board-size:3;--square-font-size:clamp(34px, 11vw, 54px);--badge-scale:1}.board-size-4{--board-size:4;--square-font-size:clamp(26px, 8.5vw, 42px);--badge-scale:.86}.board-size-5{--board-size:5;--square-font-size:clamp(20px, 6.8vw, 34px);--badge-scale:.74}.square{font-size:var(--square-font-size,clamp(28px, 8vw, 48px));background:linear-gradient(145deg,#ffffff14,#ffffff04),#151b2b;border-color:#ffffff21;border-radius:clamp(8px,2.5vw,16px);line-height:1;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 24px #00000024}@media (hover:hover) and (pointer:fine){.square:hover:not(.square-filled){transform:translateY(-2px)scale(1.015)}}.power-targeting-square{transition:transform .15s,opacity .15s,filter .15s,outline-color .15s}.power-target-eligible{z-index:1;cursor:crosshair;outline-offset:-3px;filter:brightness(1.12)saturate(1.08);outline:2px solid #ffd166b8;animation:.9s ease-in-out infinite alternate online-power-target-pulse}.power-target-ineligible{opacity:.4;filter:saturate(.55)brightness(.82)}.power-target-ineligible:hover{transform:none}.square-filled{animation:.18s cubic-bezier(.2,1.45,.35,1) stone-pop}.square-value{z-index:1;font-weight:950;display:inline-block;position:relative}.x-mark-square .square-value{color:var(--x-color);text-shadow:0 0 18px #6ee7ff6b}.o-mark-square .square-value{color:var(--o-color);text-shadow:0 0 18px #ff7ab66b}.winning-square{background:radial-gradient(circle,#72f5a433,#0000 62%),#152234;border-color:#72f5a4f2;animation:.18s cubic-bezier(.2,1.45,.35,1) stone-pop,.62s ease-in-out 2 winner-pulse;box-shadow:0 0 0 2px #72f5a438,0 0 28px #72f5a442}.multiplier-badge,.shield-badge,.boost-badge,.freeze-badge{z-index:2;transform:scale(var(--badge-scale,1));transform-origin:50%;border:1px solid #fff3;box-shadow:0 4px 12px #00000040}.multiplier-badge{color:#ffe7a3;background:#ffd16640;border-radius:999px;padding:2px 5px;font-size:clamp(9px,2.2vw,12px);font-weight:900;line-height:1;position:absolute;top:4px;right:4px}.shield-badge,.boost-badge,.freeze-badge{letter-spacing:0;border-radius:999px;padding:2px 4px;font-size:clamp(8px,2vw,10px);font-weight:950;line-height:1;position:absolute}.shield-badge{color:#dff8ff;background:#6ee7ff38;top:4px;left:4px}.boost-badge{color:#fff0bd;background:#ffd16638;bottom:4px;left:4px}.freeze-badge{background:#a0dcff38;bottom:4px;right:4px}.boosted-square{box-shadow:inset 0 0 0 2px #ffd16647,0 0 22px #ffd1661f}.status{background:#ffffff0f;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff12}.live-status{gap:3px;display:grid}.live-status-kicker{color:#9eabc6;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.live-status.x-turn strong{color:var(--x-color)}.live-status.o-turn strong{color:var(--o-color)}.result-status{border-radius:18px;padding:18px;box-shadow:0 18px 48px #00000040,inset 0 1px #ffffff17}.match-result{background:radial-gradient(circle at top,#ffd16638,#0000 62%),#221a0c94;border-color:#ffd16657}.round-result{transform-origin:50%}.result-icon{color:var(--gold);letter-spacing:.08em;font-size:20px;font-weight:950}.arena-settings,.how-to-play-panel,.setup-return-confirm,.score-info-box,.rule-section{background:#ffffff0e;border-color:#ffffff1a}@keyframes stone-pop{0%{transform:scale(.78)}72%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes winner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes power-armed{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.15);transform:scale(1.025)}}@media (width<=560px){.game-card{gap:14px;width:100%;padding:18px 10px}.score-board{gap:8px;padding:8px}.arena-board-stack{gap:10px}.player-panel{border-radius:16px;width:100%;padding:11px}.player-symbol{border-radius:10px;width:36px;height:36px;font-size:22px}.player-name{font-size:13px}.player-score strong{font-size:24px}.power-panel-header{gap:4px;display:grid}.power-panel-header small{text-align:left;max-width:none}.power-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.power-button{min-height:58px;padding:6px 4px}.power-icon{border-radius:8px;min-width:24px;height:24px;font-size:11px}.power-name{font-size:10px}.board{width:100%;max-width:330px;padding:9px}.square{font-size:clamp(27px, calc(62px / var(--board-size) + 22px), 42px)}.shield-badge,.boost-badge,.lock-badge{max-width:calc(100% - 12px);font-size:7px;overflow:hidden}.shield-icon-badge{transform-origin:0 0;top:4px;left:4px;transform:scale(.9)}}body{letter-spacing:0;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}p,small,button,.status,.power-panel-header small,.rule-section,.result-copy,.player-name,.power-name{letter-spacing:0}.eyebrow,.setup-label,.score-label,.live-status-kicker,.player-score small,.power-panel-header span{letter-spacing:.08em}.result-status{text-align:left;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:min(100%,420px);min-height:0;padding:12px 14px;display:flex}.result-copy{gap:2px;min-width:0;display:grid}.result-copy strong{color:#fff;font-size:16px;line-height:1.15}.result-copy span{color:var(--gold);font-size:14px;font-weight:900;line-height:1.2}.result-copy small{color:#cad4ea;font-size:12px;font-weight:700;line-height:1.25}.result-icon{letter-spacing:0;background:#ffffff17;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.match-result{background:radial-gradient(circle at 18% 12%,#ffd1662e,#0000 58%),#1b1712a8}.round-result{animation:.22s ease-out result-pop}.how-to-play-modal{z-index:50;overscroll-behavior:contain;background:#03060ee0;place-items:center;min-height:100dvh;padding:18px;animation:.18s ease-out result-pop;display:grid;position:fixed;inset:0;overflow:hidden}.how-to-play-modal .how-to-play-panel{background:linear-gradient(#ffffff14,#0000 24%),#0e1320f5;border-radius:20px;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(620px,100%);max-height:min(90dvh,720px);padding:18px;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000085,inset 0 1px #ffffff17}.how-to-play-content{overscroll-behavior:contain;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.how-to-play-header{align-items:center}.how-to-play-header h2{font-size:22px;line-height:1.05}.how-to-play-panel .eyebrow{margin-bottom:6px;font-size:10px}.rule-section{border-radius:12px;gap:5px;padding:10px 11px}.rule-section h3{font-size:13px}.rule-section p,.rule-section ul{font-size:12px;line-height:1.42}.power-button{min-height:68px;padding:7px 6px}.power-icon{background:radial-gradient(circle at 35% 25%,#ffffff52,#0000 42%),#ffffff1f;border-radius:11px;min-width:34px;height:34px;font-size:21px;line-height:1}.power-name{font-size:11px;font-weight:900}.power-count{border-color:#ffffff9e;min-width:19px;height:19px;top:6px;right:6px;box-shadow:0 5px 12px #00000038}.power-button.active{border-width:2px;animation:1.2s ease-in-out infinite alternate power-select-pulse;transform:translateY(-2px)scale(1.04)}.player-x .power-button.active{background:#6ee7ff2e;border-color:#8ed8ff;box-shadow:0 0 0 2px #6ee7ff66,0 0 24px #6ee7ff59}.player-o .power-button.active{background:#ff7ab62e;border-color:#ff85b3;box-shadow:0 0 0 2px #ff7ab666,0 0 24px #ff7ab659}@keyframes power-select-pulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.16);transform:scale(1.025)}}.inactive-player .power-button{opacity:.72}.inactive-player .power-icon{filter:saturate(.78)}@media (width<=560px){.how-to-play-modal{padding:10px}.how-to-play-modal .how-to-play-panel{border-radius:18px;max-height:min(90dvh,100dvh - 20px);padding:14px}.how-to-play-header{display:flex}.panel-close-button{flex:none;justify-self:auto}.result-status{gap:10px;padding:11px 12px}.result-icon{border-radius:11px;width:34px;height:34px;font-size:18px}.result-copy strong{font-size:15px}.result-copy span,.result-copy small{font-size:12px}.power-button{min-height:62px}.power-icon{min-width:30px;height:30px;font-size:18px}}.boost-badge{color:#ffeaa6;background:radial-gradient(circle at 35% 22%,#ffffff47,#0000 42%),#ffd16633;border-color:#ffe7a652;border-radius:9px;place-items:center;width:23px;height:23px;padding:0;font-size:13px;line-height:1;display:grid;bottom:7px;left:auto;right:7px}@media (width<=560px){.boost-badge{border-radius:8px;width:20px;height:20px;font-size:12px}}.brand-header{gap:9px;width:100%;padding:4px 0 2px}.brand-header .eyebrow{color:#8cf2ff;margin-bottom:0;font-size:10px}.brand-header h1{letter-spacing:.04em;background:linear-gradient(95deg,#fff 0%,#8cf2ff 35%,#c084fc 65%,#ff8fc5 100%) 0 0/200% 100%;color:#0000;text-shadow:none;filter:drop-shadow(0 0 18px #8cf2ff4d)drop-shadow(0 0 40px #c084fc26);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,system-ui,sans-serif;font-size:clamp(48px,8.8vw,74px);font-weight:900;line-height:.92;animation:6s ease-in-out infinite brand-shimmer}@keyframes brand-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.brand-header h1:after{content:"";background:linear-gradient(90deg,#0000,#8cf2ffb8,#ff8fc585,#0000);border-radius:999px;width:min(150px,46%);height:3px;margin:10px auto 0;animation:3s ease-in-out infinite alternate line-glow;display:block;box-shadow:0 0 16px #8cf2ff40}@keyframes line-glow{0%{opacity:.65;transform:scaleX(.95)}to{opacity:1;transform:scaleX(1.05)}}.brand-header p{color:#b8c8e8;letter-spacing:.02em;justify-self:center;max-width:330px;margin:0;font-size:14px;font-weight:600;line-height:1.35}.match-chip-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px;display:flex}.match-chip{color:#dce7fb;letter-spacing:.08em;background:#fff1;border:1px solid #ffffff1c;border-radius:999px;justify-content:center;align-items:center;min-height:25px;padding:5px 9px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.match-chip.arena{color:#ffd9e7;background:#ff7ab61f;border-color:#ff7ab647}.match-chip.classic{color:#dcf9ff;background:#6ee7ff1a;border-color:#6ee7ff42}.match-chip.match-chip--room,.match-chip.online-code-chip{color:#20f3df;letter-spacing:.12em;background:#12f5dc1f;border-color:#12f5dc59;font-family:Orbitron,system-ui,sans-serif}.match-chip.match-chip--room strong,.match-chip.online-code-chip strong{color:#fff;margin-left:4px}.game-card{gap:18px}.game-actions{margin-top:-3px}.setup-back-button,.settings-button,.score-reset-button,.restart-button,.panel-close-button{background:#ffffff12;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff12}.setup-back-button,.score-reset-button{min-height:38px;padding:10px 14px;font-size:14px}.restart-button{color:#fff5cc;background:linear-gradient(135deg,#ffd1663d,#6ee7ff29),#ffffff0f;border-color:#ffd16657;min-width:142px}.restart-button:hover{background:linear-gradient(135deg,#ffd16652,#6ee7ff36),#ffffff14}.setup-return-confirm{text-align:center;color:#fff0bd;background:#0d121f;border:1px solid #ffd1664d;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:min(100%,420px);padding:12px 14px;animation:.15s ease-out confirm-pop-in;display:flex;box-shadow:0 8px 24px #00000059}@keyframes confirm-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.setup-return-confirm strong{color:#fef08a;letter-spacing:.02em;font-size:13px;font-weight:800}.setup-return-confirm p{color:#94a3b8;margin:0;font-size:11px;line-height:1.35}.setup-return-actions{gap:8px;margin-top:3px;display:flex}.setup-return-actions button{color:#e2e8f0;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:background .12s}.setup-return-actions button:hover{color:#fff;background:#ffffff24}.setup-return-actions .danger-action{color:#fca5a5;background:#ef44442e;border-color:#ef444466}.setup-return-actions .danger-action:hover{color:#fff;background:#ef444447;border-color:#ef444499}.power-button:after{content:attr(data-hint);z-index:5;color:#dfe8f7;opacity:0;pointer-events:none;text-align:center;background:#080c16f0;border:1px solid #ffffff1f;border-radius:9px;width:max-content;max-width:150px;padding:6px 8px;font-size:11px;font-weight:800;line-height:1.25;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,4px)}.power-button:hover:not(:disabled):after,.power-button:focus-visible:after{opacity:1;transform:translate(-50%)}.player-panel,.power-list{overflow:visible}@media (width<=560px){.power-button:after{display:none}}.player-panel{width:min(100%,462px)}.score-board,.arena-settings-wrapper{max-width:462px}@media (width<=560px){.brand-header{gap:8px;padding-left:36px;padding-right:36px;position:relative}.brand-header h1{max-width:100%;font-size:clamp(32px,10vw,48px)}.setup-quick-actions{top:8px;right:8px}.brand-header p{font-size:13px}.match-chip-row{gap:5px}.match-chip{min-height:23px;padding:5px 7px;font-size:9px}.game-card{gap:13px}.setup-return-confirm{width:100%}.psim-container{box-sizing:border-box;border-radius:12px;max-width:100%;padding:12px 8px}}.round-result-overlay{z-index:60;background:#03060eeb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.round-result-modal-wrapper{justify-content:center;align-items:center;width:min(420px,100%);display:flex;position:relative}.popup-confetti-emitter{pointer-events:none;z-index:10;width:0;height:0;position:absolute;top:90px;left:50%;transform:translate(-50%,-50%)}.popup-confetti-spark{width:var(--size,10px);height:var(--size,10px);background:var(--bg,#fbbf24);box-shadow:0 0 8px var(--bg,#fbbf24);opacity:0;animation:1.3s cubic-bezier(.14,.85,.35,1) forwards popup-confetti-burst;animation-delay:var(--delay,0s);position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(0)}@keyframes popup-confetti-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(0)}40%{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.1) rotate(var(--rot));opacity:1}75%{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty) + 15px)) scale(.85) rotate(calc(var(--rot) * 1.25));opacity:.8}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty) + 35px)) scale(.2) rotate(calc(var(--rot) * 1.5));opacity:0}}.round-result-card{--result-accent:#8ed8ff;--result-accent-rgb:142, 216, 255;overscroll-behavior:contain;border:1px solid rgba(var(--result-accent-rgb), .35);background:radial-gradient(circle at 50% 0%, rgba(var(--result-accent-rgb), .16), transparent 48%), linear-gradient(180deg, #ffffff12, transparent 30%), #0d111df7;width:min(420px,100%);max-height:calc(100vh - 36px);box-shadow:0 30px 90px #00000085, inset 0 1px 0 #ffffff17, 0 0 40px rgba(var(--result-accent-rgb), .06);text-align:center;border-radius:22px;justify-items:center;gap:14px;padding:24px;animation:.22s ease-out round-result-pop;display:grid;position:relative;overflow-y:auto}.round-result-close{border:1px solid rgba(var(--result-accent-rgb), .28);color:#eaf0ff;cursor:pointer;background:#ffffff0e;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:23px;line-height:1;transition:background .16s,border-color .16s,transform .16s;display:grid;position:absolute;top:13px;right:13px}.round-result-close:hover{border-color:rgba(var(--result-accent-rgb), .52);background:rgba(var(--result-accent-rgb), .16);transform:translateY(-1px)}.round-result-close:focus-visible{outline:3px solid rgba(var(--result-accent-rgb), .24);outline-offset:3px}.round-result-card--x{--result-accent:var(--x-color,#38bdf8)}.round-result-card--o{--result-accent:var(--o-color,#f43f5e)}.round-result-card--draw{--result-accent:#fbbf24}.round-result-eyebrow{color:var(--result-accent);letter-spacing:.2em;font-size:10px;font-weight:900}.round-result-symbol{border:1px solid var(--result-accent);width:88px;height:88px;color:var(--result-accent);box-shadow:inset 0 1px 0 #ffffff12, 0 0 24px rgba(var(--result-accent-rgb), .2);text-shadow:0 0 16px rgba(var(--result-accent-rgb), .45);background:#121624d9;border-radius:24px;place-items:center;font-family:Orbitron,system-ui,sans-serif;font-size:56px;font-weight:900;animation:2s ease-in-out infinite alternate symbol-glow;display:grid}@keyframes symbol-glow{0%{opacity:.88;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.round-result-card h2{color:#f5f7fb;margin:0;font-size:21px;line-height:1.2}.round-result-score{background:#ffffff0b;border:1px solid #ffffff17;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.round-result-score>div{gap:3px;display:grid}.round-result-score strong{font-size:25px;line-height:1}.round-result-score>div:first-child strong{color:#79ddff}.round-result-score>div:last-child strong{color:#ff9ac0}.round-result-score span{color:#929bb1;letter-spacing:.12em;font-size:9px;font-weight:900}.round-result-message{background:#ffffff09;border:1px solid #ffffff14;border-radius:15px;place-content:center;gap:5px;width:100%;min-height:64px;padding:12px 14px;display:grid}.round-result-message strong{color:#eef3ff;font-size:13px}.round-result-message small{color:#9ba5bb;font-size:11px;line-height:1.4}.round-result-actions{grid-template-columns:1fr .55fr;gap:9px;width:100%;display:grid}.round-result-actions--single{grid-template-columns:1fr}.round-result-actions button{border:1px solid rgba(var(--result-accent-rgb), .32);background:rgba(var(--result-accent-rgb), .14);color:#f7f9ff;cursor:pointer;border-radius:999px;min-height:43px;font-size:12px;font-weight:900;transition:transform .16s,background .16s,border-color .16s}.round-result-btn--viral{letter-spacing:.5px;box-shadow:0 0 20px rgba(var(--result-accent-rgb), .25), inset 0 0 14px rgba(var(--result-accent-rgb), .08);text-shadow:0 0 10px rgba(var(--result-accent-rgb), .4);border:1.5px solid rgba(var(--result-accent-rgb), .55)!important;background:linear-gradient(135deg, rgba(var(--result-accent-rgb), .28), rgba(var(--result-accent-rgb), .12))!important;min-height:48px!important;font-size:14px!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important}.round-result-btn--viral:hover{box-shadow:0 0 28px rgba(var(--result-accent-rgb), .45), inset 0 0 18px rgba(var(--result-accent-rgb), .16);border-color:rgba(var(--result-accent-rgb), .85)!important;background:linear-gradient(135deg, rgba(var(--result-accent-rgb), .42), rgba(var(--result-accent-rgb), .2))!important;transform:translateY(-2px)scale(1.02)!important}.round-result-btn--viral:active{transform:translateY(0)scale(.97)!important}.round-result-actions button:hover{border-color:rgba(var(--result-accent-rgb), .52);background:rgba(var(--result-accent-rgb), .2);transform:translateY(-1px)}.round-result-actions button:disabled{color:#7f899f;cursor:default;opacity:.72;background:#ffffff0d;border-color:#ffffff1a;transform:none}.round-result-actions .secondary-action{color:#cfd7e8;background:#fff1;border-color:#ffffff1f}.round-result-actions button:focus-visible{outline:3px solid rgba(var(--result-accent-rgb), .24);outline-offset:3px}.round-result-preview{background:#090f1cc2;border:1px solid #8ed8ff33;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:min(100%,520px);margin:4px auto 0;padding:11px 12px 11px 15px;display:flex;box-shadow:inset 0 1px #ffffff0d}.round-result-preview-copy{gap:3px;min-width:0;display:grid}.round-result-preview--action-only{width:auto;box-shadow:none;background:0 0;border:0;justify-content:center;margin:4px auto 0;padding:0}.round-result-preview strong{color:#f5f7fb;font-size:13px}.round-result-preview small{color:#9ba5bb;font-size:11px;line-height:1.35}.round-result-preview button{color:#f7f9ff;cursor:pointer;background:#8ed8ff24;border:1px solid #8ed8ff5c;border-radius:999px;flex:none;min-height:36px;padding:0 15px;font-size:11px;font-weight:900}.round-result-preview button:hover:not(:disabled){background:#8ed8ff38}.round-result-preview button:focus-visible{outline-offset:3px;outline:3px solid #8ed8ff3d}.round-result-preview button:disabled{color:#7f899f;cursor:default;background:#ffffff0d;border-color:#ffffff1a}@keyframes round-result-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.round-result-overlay{padding:10px}.round-result-card{border-radius:20px;width:100%;max-height:calc(100dvh - 20px);padding:19px}.round-result-symbol{border-radius:21px;width:76px;height:76px;font-size:54px}.round-result-actions{grid-template-columns:1fr}.round-result-close{width:32px;height:32px;top:10px;right:10px}.round-result-preview{flex-direction:column;align-items:stretch}.round-result-preview button{width:100%}}@media (prefers-reduced-motion:reduce){.how-to-play-modal,.round-result-card{animation:none}.round-result-actions button{transition:none}.bomb-blast-graphic,.bomb-detonating-bomb,.shield-orbital-ring,.locked-arcade-bomb-graphic,.vampire-beam-line,.frozen-crystal-graphic{transition:none!important;animation:none!important}}.round-result-confirm{background:#ffd16612;border:1px solid #ffd16638;border-radius:16px;gap:8px;width:100%;padding:14px;display:grid}.round-result-confirm>strong{color:#fff0bd;font-size:14px}.round-result-confirm p{color:#c9c1aa;margin:0;font-size:12px;line-height:1.45}.round-result-confirm-actions{grid-template-columns:1fr 1fr;margin-top:4px}.round-result-confirm-actions .danger-action{color:#ffdbe9;background:#ff9ac01f;border-color:#ff9ac04d}.setup-control-group{gap:9px;width:100%;display:grid}.setup-control-label{color:#8ed8ff;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:900}.setup-segment-grid{gap:8px;display:grid}.setup-segment-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-segment-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-segment{color:#b8c0d9;cursor:pointer;background:#0c0f1cb8;border:1px solid #ffffff1a;border-radius:12px;place-items:center;gap:3px;min-height:52px;padding:10px 14px;font-weight:900;transition:border-color .18s,background .18s,color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.setup-segment span{font-size:13px;line-height:1}.setup-segment small{color:#7f8aa3;font-size:10px;font-weight:800}.setup-segment:hover{color:#eaf7ff;border-color:#8cf2ff66;transform:translateY(-2px);box-shadow:0 6px 20px #8cf2ff14}.setup-segment:active{transform:translateY(0)scale(.97)}.setup-segment.is-disabled,.setup-segment:disabled{color:#f5f7fb94;cursor:not-allowed;background:#ffd1660f;border-style:dashed;border-color:#ffd1663d}.setup-segment.is-disabled:hover,.setup-segment:disabled:hover{color:#f5f7fb94;transform:none}.setup-segment.is-disabled small,.setup-segment:disabled small{color:#fff0bd9e}.setup-segment.is-selected{color:#20f3df;background:linear-gradient(#12f5dc24,#12f5dc0a),#081620e0;border-color:#12f5dcd9;animation:2.5s ease-in-out infinite alternate selected-glow;box-shadow:0 0 0 1px #12f5dc1a,0 10px 30px #12f5dc1f,inset 0 1px #12f5dc26}@keyframes selected-glow{0%{opacity:.88}to{opacity:1}}.setup-segment.is-selected small{color:#9ff8ee}.setup-segment:focus-visible{outline-offset:3px;outline:3px solid #12f5dc38}@media (width<=420px){.setup-segment{min-height:46px;padding:8px 10px}.setup-segment span{font-size:12px}.setup-segment small{font-size:9px}}.online-lobby-panel{background:linear-gradient(#8ed8ff14,#0000 32%),#ffffff0a;border:1px solid #8ed8ff33;border-radius:16px;gap:11px;width:100%;padding:13px;display:grid}.online-field,.online-action-grid,.online-room-summary{gap:9px;display:grid}.online-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.online-mode-grid--single,.online-choice-grid{grid-template-columns:1fr}.online-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.online-choice-card{color:#eaf9ff;cursor:pointer;background:linear-gradient(135deg,#8ed8ff21,#12f5dc12),#ffffff0b;border:1px solid #8ed8ff40;border-radius:14px;place-items:center;gap:5px;width:100%;min-height:58px;padding:13px;display:grid}.online-choice-card:hover{background:linear-gradient(135deg,#8ed8ff2e,#12f5dc1c),#ffffff0f;border-color:#12f5dc94}.online-choice-card span{font-size:18px;font-weight:950}.online-choice-card small{color:#aebbd0;text-align:center;max-width:100%;font-size:12px;font-weight:800;line-height:1.35}.online-flow-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;align-content:start;gap:11px;min-width:0;padding:13px;display:grid}.online-flow-card h2{color:#f5f7fb;margin:5px 0 4px;font-size:20px;line-height:1.15}.online-flow-card p{color:#aebbd0;margin:0;font-size:12px;font-weight:800;line-height:1.45}.online-flow-header{text-align:left;gap:3px;padding-bottom:2px;display:grid}.online-flow-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.online-flow-card-header>div{min-width:0}.online-flow-header h2{margin-top:4px}.online-flow-close{color:#dfe8f7;cursor:pointer;background:#ffffff0f;border:1px solid #8ed8ff3d;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;padding:0;font-size:22px;font-weight:700;line-height:1;display:grid}.online-flow-close:hover,.online-flow-close:focus-visible{color:#fff;background:#12f5dc1f;border-color:#12f5dc85;outline:none}.online-field label{color:#8ed8ff;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.online-field input,.online-join-row input{color:#f5f7fb;width:100%;min-width:0;min-height:44px;font:inherit;background:#080c16b8;border:1px solid #ffffff1f;border-radius:11px;outline:none;padding:10px 12px;font-size:15px;font-weight:800}.online-field input:focus,.online-join-row input:focus{border-color:#8ed8ffb8;box-shadow:0 0 0 3px #8ed8ff1f}.online-field input:disabled,.online-join-row input:disabled{opacity:.62;cursor:not-allowed}.online-action-grid{grid-template-columns:1fr}.online-join-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.online-primary-action,.online-secondary-action{color:#e9f8ff;cursor:pointer;background:#8ed8ff1f;border:1px solid #8ed8ff5c;border-radius:12px;min-height:46px;padding:10px 13px;font-size:15px;font-weight:900}.online-primary-action{background:linear-gradient(135deg,#8ed8ff38,#ffb3c71f),#ffffff0a;width:100%}.online-primary-action:hover:not(:disabled),.online-secondary-action:hover:not(:disabled){background:#8ed8ff2e;border-color:#8ed8ffb8}.online-primary-action:disabled,.online-secondary-action:disabled{opacity:.58;cursor:wait}.online-room-summary{background:linear-gradient(#8ed8ff14,#12f5dc0a),#ffffff08;border:1px solid #8ed8ff38;border-radius:16px;padding:16px}.online-room-summary--ready{background:linear-gradient(#12f5dc1a,#8ed8ff0d),#ffffff08;border-color:#12f5dc57}.online-room-code{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.online-room-code--large{text-align:center;border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;gap:6px;padding-bottom:12px;display:flex}.online-lobby-code-chip{cursor:pointer;background:#20f3df0d;border:1px dashed #20f3df59;border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:min(100%,280px);margin:3px 0 6px;padding:6px 16px 8px;transition:all .18s;display:inline-flex}.online-lobby-code-chip:hover{background:#20f3df1a;border-color:#20f3dfb3;transform:translateY(-1px);box-shadow:0 4px 16px #20f3df26}.online-lobby-code-chip:active{transform:scale(.98)}.online-code-display{color:#20f3df;letter-spacing:.16em;text-shadow:0 0 16px #20f3df59;white-space:nowrap;margin:0;font-family:Orbitron,system-ui,sans-serif;font-size:36px;font-weight:900}.online-code-badge{color:#72f5ea;letter-spacing:.04em;background:#20f3df24;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.online-code-badge--copied{color:#72f5a4;background:#72f5a440;box-shadow:0 0 10px #72f5a44d}.online-copy-buttons-group{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;width:100%;margin-top:6px;display:grid}.online-room-code span,.online-room-details span{color:#9aa8c2;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.online-copy-action{color:#ddfffb;cursor:pointer;white-space:nowrap;background:#12f5dc17;border:1px solid #12f5dc4d;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 14px;font-size:12.5px;font-weight:800;transition:all .18s;display:inline-flex}.online-copy-action:hover:not(:disabled){background:#12f5dc33;border-color:#12f5dc99;transform:translateY(-1px);box-shadow:0 4px 14px #00000040}.online-copy-action:active:not(:disabled){transform:translateY(0)scale(.97)}.online-copy-action--whatsapp{color:#25d366;background:linear-gradient(135deg,#25d36633,#25d36614);border-color:#25d36680;box-shadow:0 0 12px #25d36626}.online-copy-action--whatsapp:hover:not(:disabled){color:#38e67a;background:linear-gradient(135deg,#25d36652,#25d36629);border-color:#25d366d9;box-shadow:0 0 20px #25d36659}.online-copy-action--invite{color:#d8b4fe;background:linear-gradient(135deg,#a855f72e,#6366f11a);border-color:#a855f766}.online-copy-action--invite:hover:not(:disabled){background:linear-gradient(135deg,#a855f74d,#6366f12e);border-color:#a855f7bf;box-shadow:0 0 18px #a855f740}.online-copy-action--copied{color:#72f5a4!important;background:#72f5a42e!important;border-color:#72f5a4!important;box-shadow:0 0 14px #72f5a440!important}.online-action-icon{font-size:15px;line-height:1}.online-room-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.online-room-actions-group{flex-direction:column;gap:8px;width:100%;margin-top:10px;display:flex}.online-leave-action{color:#ffb3d9;cursor:pointer;background:#ff8fc514;border:1px solid #ff8fc561;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.online-leave-action:hover{color:#fff;background:#ff8fc538;border-color:#ff8fc5a6;box-shadow:0 0 16px #ff8fc538}.danger-action-secondary{color:#ffb3d9!important;border-color:#ff8fc566!important}.danger-action-secondary:hover{color:#fff!important;background:#ff8fc526!important}.online-leave-confirm-card{text-align:center;background:linear-gradient(#ff8fc524,#ff4d6d14),#140a1999;border:1px solid #ff8fc573;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;animation:.16s cubic-bezier(.16,1,.3,1) setupScaleIn;display:flex;box-shadow:0 0 20px #ff4d6d33}.online-leave-confirm-card strong{color:#ff8fc5;font-size:13px;font-weight:800}.online-leave-confirm-card span{color:#cdd6e8;font-size:11px;line-height:1.35}.online-leave-confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:6px;display:grid}.online-leave-confirm-btn{cursor:pointer;border-radius:10px;min-height:38px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .16s}.online-leave-confirm-btn--cancel{color:#e2e8f0;background:#ffffff14;border:1px solid #fff3}.online-leave-confirm-btn--cancel:hover{color:#fff;background:#ffffff29}.online-leave-confirm-btn--danger{color:#ffa3be;box-shadow:none;background:#ff78961f;border:1px solid #ff789659}.online-leave-confirm-btn--danger:hover{color:#fff;background:#ff78963d;border-color:#ff78968c}.online-reconnecting-hud{background:radial-gradient(circle at 10%,#fa03,#0000 45%),linear-gradient(135deg,#1e160af2,#120e08fa);border:1px solid #ffb4328c;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:12px 0;padding:12px 16px;animation:.22s cubic-bezier(.2,1.2,.3,1) hudScaleIn;display:grid;box-shadow:0 0 24px #ffaa0040,inset 0 1px #ffffff1f}@keyframes hudScaleIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.reconnect-hud-radar{background:#ffaa0026;border:1px solid #ffbe3c66;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.radar-pulse{border:2px solid #ffb43299;border-radius:50%;animation:1.6s ease-out infinite radar-wave;position:absolute;inset:-4px}@keyframes radar-wave{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.radar-icon{font-size:18px}.reconnect-hud-info{flex-direction:column;gap:2px;display:flex}.reconnect-hud-info strong{color:#ffd978;letter-spacing:.02em;font-size:13px;font-weight:850}.reconnect-hud-info small{color:#ffe6b4cc;font-size:11px}.reconnect-hud-timer{place-items:center;width:44px;height:44px;display:grid;position:relative}.reconnect-countdown-svg{width:100%;height:100%;transform:rotate(-90deg)}.reconnect-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3.2px}.reconnect-circle-progress{fill:none;stroke:#fa0;stroke-width:3.2px;stroke-linecap:round;filter:drop-shadow(0 0 4px #fa09);transition:stroke-dasharray .3s}.reconnect-timer-text{color:#fff2cc;font-size:11px;font-weight:900;position:absolute}.hero-banner-container{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1.5rem 1rem;display:flex;overflow:hidden}.hero-banner-container--compact{padding:.5rem 1rem}.hero-clash-container{justify-content:center;align-items:center;width:100%;max-width:400px;height:120px;display:flex;position:relative}.hero-banner-container--compact .hero-clash-container{max-width:280px;height:70px}.hero-symbol{font-family:Orbitron,system-ui,sans-serif;font-size:5.5rem;font-weight:900;line-height:1;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.hero-banner-container--compact .hero-symbol{font-size:3.2rem}.hero-symbol-x{color:#8cf2ff;text-shadow:0 0 10px #8cf2ff,0 0 20px #8cf2ff,0 0 40px #8cf2ff;animation-name:hero-slide-right;left:15%}.hero-symbol-o{color:#ff8fc5;text-shadow:0 0 10px #ff8fc5,0 0 20px #ff8fc5,0 0 40px #ff8fc5;animation-name:hero-slide-left;right:15%}.hero-clash-glow{opacity:0;z-index:0;background:#fff;border-radius:50%;width:30px;height:30px;animation:3s ease-in-out infinite hero-glow-burst;position:absolute;box-shadow:0 0 30px 20px #ffffffe6,0 0 60px 40px #c084fc}.hero-banner-container--compact .hero-clash-glow{width:20px;height:20px;box-shadow:0 0 20px 12px #fffc,0 0 40px 24px #c084fc}.hero-symbol-x,.hero-symbol-o{z-index:1}@keyframes hero-slide-right{0%,to{opacity:.8;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(70px)scale(1.1)}50%{opacity:1;transform:translate(95px)scale(1.2)}60%{opacity:1;transform:translate(70px)scale(1.1)}}@keyframes hero-slide-left{0%,to{opacity:.8;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(-70px)scale(1.1)}50%{opacity:1;transform:translate(-95px)scale(1.2)}60%{opacity:1;transform:translate(-70px)scale(1.1)}}@keyframes hero-glow-burst{0%,45%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(2.2)}60%{opacity:.6;transform:scale(1.5)}}@media (width<=480px){.hero-symbol{font-size:4.5rem}.hero-clash-container{height:100px}.hero-banner-container--compact .hero-symbol{font-size:2.6rem}.hero-banner-container--compact .hero-clash-container{height:56px}@keyframes hero-slide-right{0%,to{opacity:.8;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(50px)scale(1.1)}50%{opacity:1;transform:translate(70px)scale(1.2)}60%{opacity:1;transform:translate(50px)scale(1.1)}}@keyframes hero-slide-left{0%,to{opacity:.8;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(-50px)scale(1.1)}50%{opacity:1;transform:translate(-70px)scale(1.2)}60%{opacity:1;transform:translate(-50px)scale(1.1)}}}.setup-sim-section{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:380px;margin:14px auto 0;display:flex}.setup-sim-label{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(95deg,#fff 0%,#ff8fc5 40%,#c084fc 75%,#a855f7 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 12px #ff8fc566)drop-shadow(0 0 24px #c084fc40);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:8px;font-family:Orbitron,system-ui,sans-serif;font-size:13.5px;font-weight:900;transition:transform .2s,filter .2s;animation:6s ease-in-out infinite brand-shimmer;display:inline-flex}.setup-sim-label:hover{filter:drop-shadow(0 0 16px #ff8fc599)drop-shadow(0 0 30px #c084fc66);transform:translateY(-1px)}.setup-sim-icon{flex-shrink:0;animation:2s ease-in-out infinite alternate setup-sim-bolt-pulse}@keyframes setup-sim-bolt-pulse{0%{transform:scale(.98)}to{transform:scale(1.12)}}.psim-container{box-sizing:border-box;background:#0c0f1cbf;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:380px;margin:0 auto;padding:16px 14px 14px;display:flex;box-shadow:0 8px 32px #0000004d}.psim-powers-row{scrollbar-width:none;-ms-overflow-style:none;justify-content:center;gap:6px;width:100%;margin-top:4px;margin-bottom:14px;padding:6px 4px;display:flex;overflow-x:auto}.psim-powers-row::-webkit-scrollbar{display:none}.psim-power-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;font-size:17px;transition:all .2s;display:flex}.psim-power-btn:hover{background:#ffffff1f}.psim-power-btn.active{background:#38bdf82e;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 0 12px #38bdf859}.psim-board{background:#1c223c;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;padding:6px;display:grid;transform:translateZ(0)}.psim-cell{box-sizing:border-box;background:#0c0f1c;border:1px solid #232a48;border-radius:9px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:700;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}@media (width<=380px){.psim-cell{width:44px;height:44px;font-size:20px}}.psim-cell .multiplier-badge{color:#1a1500;z-index:6;background:#eab308e6;border-radius:4px;padding:1px 3px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:2px;right:2px}.psim-cell .shield-icon-badge{z-index:5;top:2px;left:2px}.psim-cell .trap-badge{box-shadow:none;z-index:4;pointer-events:none;filter:drop-shadow(0 0 6px #a855f7cc);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.psim-cell .black-hole-badge{box-shadow:none;z-index:6;pointer-events:none;filter:drop-shadow(0 0 10px #a855f7f2);background:0 0;border:none;justify-content:center;align-items:center;font-size:22px;animation:.8s cubic-bezier(.4,0,.2,1) forwards blackHoleSpinSuck;display:flex;position:absolute;inset:0}.psim-cell .frozen-crystal-overlay{pointer-events:none;z-index:4;background:radial-gradient(circle,#38bdf84d 0%,#0ea5e926 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.psim-cell .frozen-crystal-graphic{filter:drop-shadow(0 0 6px #38bdf8e6);width:60%;height:60%}.psim-cell .vampire-drain-pulse{border-radius:inherit;pointer-events:none;z-index:5;border:2px solid #ef4444;animation:.65s ease-in-out infinite alternate psim-vamp-drain;position:absolute;inset:0;box-shadow:inset 0 0 12px #ef444499,0 0 10px #ef4444b3}.psim-cell .vampire-absorb-burst{border-radius:inherit;pointer-events:none;z-index:5;border:2px solid #c084fc;animation:.65s ease-in-out infinite alternate psim-vamp-absorb;position:absolute;inset:0;box-shadow:inset 0 0 14px #c084fcb3,0 0 12px #c084fccc}@keyframes psim-vamp-drain{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1.02)}}@keyframes psim-vamp-absorb{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.04)}}.psim-val-X{color:#8cf2ff;text-shadow:0 0 10px #8cf2ffb3}.psim-val-O{color:#ff8fc5;text-shadow:0 0 10px #ff8fc5b3}.psim-desc{text-align:center;color:#c4cce8;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-self:stretch;align-items:center;width:100%;height:auto;min-height:52px;padding:8px 12px;font-size:clamp(11.5px,3vw,13px);line-height:1.4;display:flex}.psim-desc-text{white-space:normal;word-break:normal;overflow-wrap:break-word;width:100%;margin:0}.psim-desc-name{color:#38bdf8;margin-right:4px;font-weight:700}.psim-desc-body{color:#cbd5e1}.psim-win-text{color:#facc15;text-shadow:0 0 8px #facc1580;font-weight:700}@keyframes psim-anim-explode{0%{background:#0c0f1c;transform:scale(1)}50%{background:#f44;transform:scale(1.3);box-shadow:0 0 20px #f44}to{opacity:0;transform:scale(0)}}.psim-explode{animation:.6s forwards psim-anim-explode}.psim-shield{border-color:#32cd32;box-shadow:inset 0 0 15px #32cd3280}@keyframes psim-anim-deflect{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:inset 0 0 30px #32cd32e6}to{transform:scale(1)}}.psim-deflect{animation:.5s psim-anim-deflect}@keyframes psim-anim-boost{0%{filter:brightness()}50%{filter:brightness(2);text-shadow:0 0 15px gold;transform:scale(1.2)}to{filter:brightness()}}.psim-boost-glow{animation:.6s forwards psim-anim-boost}.psim-trap{background:radial-gradient(circle,#2a0845 0%,#0c0f1c 70%);box-shadow:inset 0 0 10px #61045f}@keyframes psim-anim-sucked{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(0)rotate(360deg)}}.psim-sucked{animation:.6s forwards psim-anim-sucked}@keyframes psim-anim-morph{0%{filter:hue-rotate()}50%{filter:hue-rotate(180deg);transform:scale(1.2)}to{filter:hue-rotate(360deg)}}.psim-morph{animation:.7s forwards psim-anim-morph}.psim-frozen{background:#1e3a5f;border-color:#38bdf8;box-shadow:inset 0 0 15px #38bdf8}@keyframes psim-anim-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.psim-shake{animation:.4s psim-anim-shake}.psim-vamp-beam{transform-origin:0;pointer-events:none;z-index:20;background:linear-gradient(90deg,#f44,#a855f7);height:4px;animation:.8s forwards psim-anim-beam;position:absolute;box-shadow:0 0 10px #f44}@keyframes psim-anim-beam{0%{opacity:0}50%{opacity:1;filter:brightness(1.5)}to{opacity:0}}.online-room-details div{background:#ffffff0e;border-radius:12px;gap:4px;min-width:0;padding:10px 12px;display:grid}.online-room-details strong{color:#f5f7fb;overflow-wrap:anywhere;min-width:0;font-size:13px}.online-player-list{gap:7px;display:grid}.online-player-row{background:#ffffff0f;border-radius:11px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:7px 9px;display:grid}.online-player-row strong{color:#8ed8ff;background:#ffffff1a;border-radius:9px;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.online-player-row span{color:#e4eaf6;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:800}.online-message{color:#dff4ff;text-align:center;background:#8ed8ff1a;border-radius:11px;padding:10px 11px;font-size:13px;font-weight:900}.online-message--error{color:#ffdce9;background:#ff7ab61a;border:1px solid #ff7ab647}.online-play-action{color:#f4fffe;cursor:pointer;background:linear-gradient(135deg,#12f5dc33,#8ed8ff1f),#12f5dc1a;border:1px solid #12f5dc8a;border-radius:14px;place-items:center;gap:4px;width:100%;min-height:54px;padding:13px 14px;display:grid;box-shadow:0 14px 34px #12f5dc1f}.online-play-action:hover{background:linear-gradient(135deg,#12f5dc42,#8ed8ff29),#12f5dc1f;border-color:#12f5dcc7}.online-play-action span{font-size:16px;font-weight:950}.online-play-action small{color:#9fded8;text-align:center;max-width:100%;font-size:11px;font-weight:800;line-height:1.3}.online-game-card{width:min(560px,100%)}.online-game-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.online-game-meta div{background:#ffffff0f;border-radius:12px;gap:4px;min-width:0;padding:10px;display:grid}.online-game-meta span{color:#9aa8c2;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.online-game-meta strong{color:#f5f7fb;overflow-wrap:anywhere;min-width:0;font-size:13px}.online-compact-meta{color:#cfd7e8;background:#ffffff0e;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 11px;font-size:13px;font-weight:900;display:flex}.online-compact-meta strong{color:#8ed8ff;font-size:13px}.online-arena-score-note{color:#e8d9ae;text-align:center;background:#ffd16612;border:1px solid #ffd16629;border-radius:999px;width:min(100%,440px);margin-top:-5px;padding:7px 10px;font-size:11px;font-weight:800;line-height:1.3}.online-turn-line{color:#cfd7e8;place-items:center;width:min(100%,462px);min-height:30px;padding:6px 10px;font-size:14px;font-weight:850;line-height:1.25;display:grid}.online-game-players{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.online-player-row.is-current{background:#12f5dc1a;border:1px solid #12f5dc52}.online-classic-stack,.online-arena-stack{width:100%}.online-arena-stack .player-panel{width:min(100%,440px)}.online-arena-stack .player-name{max-width:245px}.online-seat-panel{width:100%;padding:12px}.online-seat-panel .player-panel-topline{width:100%}@media (width<=420px){.setup-segment-grid--three,.online-mode-grid,.online-room-details,.online-game-meta,.online-game-players,.online-join-row{grid-template-columns:1fr}.online-room-code strong{font-size:30px}.online-choice-grid{grid-template-columns:1fr}.online-game-card{gap:11px}.online-arena-stack{gap:9px}.online-arena-stack .player-panel{gap:8px;padding:9px}.online-arena-stack .power-panel-header small{font-size:10px;line-height:1.25}.online-arena-stack .power-button{min-height:56px}.online-arena-stack .player-name{max-width:190px}.online-arena-score-note{margin-top:-3px;padding:6px 8px;font-size:10px}}@keyframes online-power-target-pulse{0%{outline-color:#ffd16680}to{outline-color:#ffe8a6f5}}.trapped-square{background:radial-gradient(circle,#581c8766 0%,#0f111af2 85%)!important;border-color:#a855f7b3!important;box-shadow:inset 0 0 14px #a855f74d,0 0 16px #a855f740!important}.trap-badge{z-index:3;box-shadow:none;pointer-events:none;filter:drop-shadow(0 0 8px #a855f7d9);background:0 0;border:none;justify-content:center;align-items:center;font-size:clamp(16px,3.5vw,24px);display:flex;position:absolute;inset:0}.black-hole-message{color:#f3e8ff;text-align:center;background:radial-gradient(circle at 18% 10%,#a855f738,#0000 56%),#0d111deb;border:1px solid #a855f766;border-radius:14px;width:min(100%,420px);padding:11px 14px;font-size:13px;font-weight:950;animation:1.1s ease-out both black-hole-message-pop;box-shadow:0 16px 34px #00000059,inset 0 1px #ffffff14}.black-hole-triggered-square{animation:1.1s ease-out both black-hole-square-pop;background:radial-gradient(circle,#000 0% 25%,#2e1065 55%,#0c0f1c 100%)!important;border-color:#a855f7e6!important;box-shadow:0 0 0 2px #a855f766,0 0 30px #a855f773,inset 0 0 26px #000c!important}.black-hole-badge{z-index:5;box-shadow:none;filter:drop-shadow(0 0 14px #a855f7f2);background:0 0;border:none;justify-content:center;align-items:center;font-size:clamp(22px,5vw,32px);animation:1.1s ease-out both blackHoleSpinSuck;display:flex;position:absolute;inset:0}.locked-square,.locked-square:hover{cursor:not-allowed;transform:none}.locked-square{background:radial-gradient(circle,#ff554b29,#0000 75%),linear-gradient(145deg,#1d1822,#121016);border-color:#ff5f578c;animation:.45s cubic-bezier(.2,.9,.3,1) both bomb-impact-impact;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ff5f5740,inset 0 0 16px #ff3c321f,0 0 14px #ff504624}.locked-square .square-value{display:none}.shattered-glass-overlay{pointer-events:none;z-index:3;border-radius:inherit;justify-content:center;align-items:center;animation:.38s ease-out both crack-shatter-in;display:flex;position:absolute;inset:0;overflow:hidden}.shattered-glass-svg{width:100%;height:100%;overflow:visible}.crack-major{fill:none;stroke:#fb923cd9;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2.5px #ea580ca6)}.crack-mid{fill:none;stroke:#fdba74a6;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #f9731666)}.crack-fine{fill:none;stroke:#fed7aa66;stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round}@keyframes crack-shatter-in{0%{opacity:0;transform:scale(.92)}to{opacity:.95;transform:scale(1)}}.game-card{position:relative}.setup-quick-actions{z-index:12;position:absolute;top:14px;right:14px}.app-settings{display:inline-flex;position:relative}.settings-icon-button{color:#eaf7ff;cursor:pointer;background:#0c0f1cad;border:1px solid #8ed8ff3d;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff14}.settings-icon-button:hover{background:#12f5dc1a;border-color:#12f5dc7a}.settings-icon-button span{font-size:16px;line-height:1}.settings-backdrop{z-index:19;background:#0000008c;position:fixed;inset:0}.settings-popover{z-index:20;background:linear-gradient(#8ed8ff14,#0000),#0d111df5;border:1px solid #8ed8ff38;border-radius:14px;min-width:184px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #00000080,inset 0 1px #ffffff14}.settings-popover-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.settings-popover-title{color:#8cf2ff;font-size:13px;font-weight:700}.settings-popover-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;transition:all .2s;display:grid}.settings-popover-close-btn:hover{background:#ff8fc54d;border-color:#ff8fc5}.settings-popover-section{margin-bottom:10px}.settings-lang-section{flex-direction:column;gap:6px;display:flex}.settings-section-label{text-transform:uppercase;letter-spacing:.05em;color:#8cf2ff;opacity:.85;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.settings-lang-globe{font-size:13px;line-height:1}.settings-lang-pills{grid-template-columns:1fr 1fr;gap:6px;display:grid}.settings-lang-pill{color:#cbd5e1;letter-spacing:.02em;cursor:pointer;background:#ffffff0d;border:1px solid #8ed8ff33;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.settings-lang-pill:hover{color:#fff;background:#8cf2ff1f;border-color:#8cf2ff66}.settings-lang-pill.is-active{color:#fff;background:linear-gradient(135deg,#8cf2ff40,#12f5dc2e);border-color:#8cf2ff;font-weight:700;box-shadow:0 0 10px #8cf2ff40}.settings-popover-done-btn{color:#8cf2ff;cursor:pointer;background:#8cf2ff1f;border:1px solid #8cf2ff4d;border-radius:8px;width:100%;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.settings-popover-done-btn:hover{background:#8cf2ff40}.settings-popover--expanded{overscroll-behavior:contain;width:min(440px,100vw - 32px);max-height:min(680px,100vh - 110px);overflow-y:auto}.settings-popover--expanded .arena-settings{text-align:left;border-radius:12px;margin-top:8px;padding:12px}.settings-popover--expanded .arena-settings h2{font-size:16px}.settings-popover--expanded .arena-settings p{font-size:12px}.online-arena-create-settings{width:100%}.online-arena-create-settings .arena-setting{background:#ffd16612;border:1px solid #ffd16629}@media (width<=420px){.boost-mode-setting--explained .boost-mode-options{grid-template-columns:1fr}.boost-mode-setting--explained .boost-mode-options button{min-height:58px}}.sound-toggle{color:#eaf7ff;cursor:pointer;background:#ffffff0e;border:1px solid #8ed8ff3d;border-radius:10px;align-items:center;gap:7px;width:100%;min-height:36px;padding:8px 10px;display:inline-flex}.sound-toggle:hover{background:#12f5dc17;border-color:#12f5dc7a}.sound-toggle span{color:#20f3df;background:#12f5dc21;border-radius:999px;place-items:center;width:19px;height:19px;font-size:13px;font-weight:950;line-height:1;display:grid}.sound-toggle strong{white-space:nowrap;font-size:12px;font-weight:900;line-height:1}.sound-toggle.is-off{color:#d8deef;border-color:#ffd16638}.sound-toggle.is-off span{color:#ffd796;background:#ffd1661a}@media (width<=420px){.setup-quick-actions{top:10px;right:10px}.settings-icon-button{width:34px;height:34px}.settings-popover{min-width:136px}.settings-popover--expanded{width:auto;max-height:calc(100vh - 72px);position:fixed;top:58px;left:10px;right:10px}.sound-toggle strong{font-size:11px}}@keyframes black-hole-message-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}14%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-5px)scale(.98)}}@keyframes bomb-impact-impact{0%{transform:scale(.92);box-shadow:0 0 32px #ff5a4673,inset 0 0 16px #ff5a464d}40%{transform:scale(1.03)}to{transform:scale(1);box-shadow:0 0 16px #ff504626,inset 0 0 20px #ff3c321f}}@keyframes bomb-shockwave-ring{0%{opacity:.9;transform:scale(.5)}60%{opacity:.6}to{opacity:0;transform:scale(1.35)}}@keyframes bomb-spark-fade{0%{opacity:0;transform:scale(.4)rotate(-20deg)}30%{opacity:1;transform:scale(1.15)rotate(0)}to{opacity:.9;transform:scale(1)}}@keyframes black-hole-square-pop{0%{transform:scale(.96)}24%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes black-hole-badge-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-14deg)}18%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.22)rotate(8deg)}}.frozen-square{position:relative;overflow:hidden;background:radial-gradient(circle,#bae6fd47 0%,#0ea5e92e 55%,#0c4a6ed9 100%)!important;border-color:#7dd3fcf2!important;box-shadow:inset 0 0 15px #38bdf859,0 0 18px #38bdf866!important}.frozen-crystal-overlay{pointer-events:none;z-index:4;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.frozen-crystal-graphic{filter:drop-shadow(0 0 8px #38bdf8d9)drop-shadow(0 2px 4px #0284c7e6);width:76%;height:76%;animation:.35s ease-out crystalFrostEnter;transform:translateZ(0)}@keyframes crystalFrostEnter{0%{opacity:0;transform:scale(.6)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.power-crystal-icon{vertical-align:middle;filter:drop-shadow(0 0 4px #38bdf8cc);width:22px;height:22px;display:inline-block}.reward-crystal-icon{vertical-align:middle;width:16px;height:16px;margin-right:4px;display:inline-block}.reward-freeze-opt{justify-content:center;align-items:center;gap:4px;display:inline-flex}.vampire-siphon-svg-overlay{pointer-events:none;z-index:25;width:100%;height:100%;position:absolute;inset:0}.vampire-beam-line{stroke:url(#vampireBeamGrad);stroke-width:4px;stroke-linecap:round;stroke-dasharray:8 4;animation:.65s linear infinite vampireBeamPulse}@keyframes vampireBeamPulse{0%{stroke-dashoffset:24px;filter:brightness(1.2)}50%{stroke-dashoffset:0;filter:brightness(1.8)}to{stroke-dashoffset:-24px;filter:brightness(1.2)}}.vampire-source-orb{fill:#ef4444;filter:drop-shadow(0 0 8px #ef4444);animation:.65s ease-in-out infinite alternate vampireOrbDrain}.vampire-target-orb{fill:#c084fc;filter:drop-shadow(0 0 10px #e879f9);animation:.65s ease-in-out infinite alternate vampireOrbAbsorb}@keyframes vampireOrbDrain{0%{opacity:.8;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}@keyframes vampireOrbAbsorb{0%{opacity:.85;transform:scale(.9)}to{opacity:1;transform:scale(1.35)}}.vampire-source-square{animation:.65s ease-in-out vampireSourceDrainSquare;position:relative}.vampire-target-square{animation:.65s ease-in-out vampireTargetAbsorbSquare;position:relative}.vampire-drain-pulse{border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(circle,#ef444473 0%,#0000 70%);animation:.65s ease-out vampireDrainRipple;position:absolute;inset:0}.vampire-absorb-burst{border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(circle,#e879f980 0%,#c084fc40 50%,#0000 80%);animation:.65s ease-out vampireAbsorbRipple;position:absolute;inset:0}@keyframes vampireSourceDrainSquare{0%{transform:scale(1);box-shadow:0 0 #ef444400}40%{transform:scale(.94);box-shadow:0 0 20px #ef4444cc,inset 0 0 12px #ef444499}to{transform:scale(1)}}@keyframes vampireTargetAbsorbSquare{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 24px #e879f9e6,inset 0 0 16px #c084fcb3}to{transform:scale(1)}}@keyframes vampireDrainRipple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}@keyframes vampireAbsorbRipple{0%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}.freeze-badge{filter:drop-shadow(0 1px 4px #56caffe6);font-size:.82rem;position:absolute;top:6px;right:7px}.shield-icon-badge{z-index:5;filter:drop-shadow(0 0 6px #22d3eef2)drop-shadow(0 2px 4px #083344cc);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;left:7px}.shield-energy-aura{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.shield-orbital-ring{pointer-events:none;border:1.5px solid #67e8f9bf;border-radius:50%;width:84%;height:50%;position:absolute;box-shadow:0 0 10px #22d3eea6,inset 0 0 8px #22d3ee66}.shield-orbital-ring.ring-1{animation:3.5s ease-in-out infinite alternate shieldRingPulse;transform:rotate(-25deg)}.shield-orbital-ring.ring-2{border-color:#a5f3fc8c;animation:4s ease-in-out infinite alternate shieldRingPulseRev;transform:rotate(35deg);box-shadow:0 0 8px #06b6d480}@keyframes shieldRingPulse{0%{opacity:.75;transform:rotate(-25deg)scale(.96)}to{opacity:1;transform:rotate(-25deg)scale(1.05)}}@keyframes shieldRingPulseRev{0%{opacity:.65;transform:rotate(35deg)scale(1.04)}to{opacity:.9;transform:rotate(35deg)scale(.95)}}.shielded-square{border-color:#22d3eed9!important;box-shadow:inset 0 0 16px #06b6d44d,0 0 14px #06b6d459!important}.power-bomb-icon{vertical-align:middle;filter:drop-shadow(0 0 4px #f97316b3);width:22px;height:22px;display:inline-block}.power-shield-icon{vertical-align:middle;filter:drop-shadow(0 0 4px #22d3eecc);display:inline-block}.bomb-explosion-overlay{pointer-events:none;z-index:30;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bomb-detonating-bomb{z-index:31;filter:drop-shadow(0 0 10px #f59e0bcc);width:62%;height:62%;animation:.32s ease-in forwards arcadeBombDropSizzle;position:absolute;transform:translateZ(0)}@keyframes arcadeBombDropSizzle{0%{opacity:0;transform:translateY(-36px)scale(.5)}40%{opacity:1;transform:translateY(0)scale(1.05)}80%{filter:brightness(2)drop-shadow(0 0 18px #f59e0b);opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}.bomb-blast-graphic{z-index:32;filter:drop-shadow(0 0 18px #f97316f2)drop-shadow(0 0 30px #ef4444e6);opacity:0;width:115%;height:115%;animation:.65s cubic-bezier(.1,.95,.25,1.2) .12s forwards starburstDetonation;position:absolute;transform:translateZ(0)}.bomb-exploding-square{animation:.55s ease-in-out bombCellShake}@keyframes bombCellShake{0%{transform:scale(1)translate(0)}15%{transform:scale(1.08)translate(-3px,2px)}30%{transform:scale(1.04)translate(3px,-2px)}45%{transform:scale(1.02)translate(-2px,-1px)}60%{transform:scale(1.01)translate(1px,2px)}to{transform:scale(1)translate(0)}}@keyframes starburstDetonation{0%{opacity:0;filter:brightness(3.5);transform:scale(.2)rotate(-15deg)}20%{opacity:1;filter:brightness(2.2);transform:scale(1.28)rotate(4deg)}55%{opacity:.96;filter:brightness(1.4);transform:scale(1.03)rotate(-1deg)}to{opacity:0;filter:brightness(.8);transform:scale(1.16)rotate(2deg)}}.fuse-spark-group{transform-origin:62px 10px;animation:.3s ease-in-out infinite alternate fuseSparkSizzle}@keyframes fuseSparkSizzle{0%{filter:brightness(1.2);transform:translate(62px,10px)scale(.85)rotate(-10deg)}to{filter:brightness(2.2)drop-shadow(0 0 6px #facc15);transform:translate(62px,10px)scale(1.3)rotate(15deg)}}.locked-bomb-overlay{pointer-events:none;z-index:4;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.locked-arcade-bomb-graphic{filter:drop-shadow(0 0 10px #f59e0bbf)drop-shadow(0 0 18px #ef444499);width:76%;height:76%;animation:2s ease-in-out infinite alternate lockedBombIdle;transform:translateZ(0)}@keyframes lockedBombIdle{0%{filter:brightness(.95);transform:scale(.96)rotate(-2deg)}to{filter:brightness(1.15);transform:scale(1.03)rotate(2deg)}}.locked-bomb-glow{border-radius:inherit;background:radial-gradient(circle,#ef444447 0%,#b91c1c29 48%,#0000 80%);position:absolute;inset:0}.locked-scorch-overlay{pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.locked-crater-graphic{opacity:.94;filter:drop-shadow(0 0 12px #f97316cc)drop-shadow(0 0 18px #ef444499);width:82%;height:82%;animation:.4s ease-out craterEmberSettle;transform:translateZ(0)}@keyframes craterEmberSettle{0%{opacity:0;transform:scale(.4)rotate(-10deg)}to{opacity:.94;transform:scale(1)rotate(0)}}.scorch-crater-glow{border-radius:inherit;background:radial-gradient(circle,#ef444459 0%,#b91c1c33 45%,#0000 80%);position:absolute;inset:0}.locked-square{background:radial-gradient(circle,#261418e6 0%,#0f111af5 100%)!important;border-color:#f9731673!important;box-shadow:inset 0 0 14px #f9731626,0 0 10px #0006!important}.reward-pack-popover p,.rewarded-power-options span{color:#ecefffc7;font-size:.86rem}.reward-pack-popover p{margin:0}.rewarded-power-options button{color:#fff7d8;cursor:pointer;background:#885b1c66;border:1px solid #ffda789e;border-radius:9px;padding:9px 12px}.reward-pack-button{color:#fff4cb;cursor:pointer;width:34px;height:34px;font:inherit;background:linear-gradient(135deg,#f5ab3573,#974cb57a);border:1px solid #ffd35bb3;border-radius:999px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:1rem;font-weight:700;animation:1.8s ease-in-out infinite alternate reward-pack-glow;display:inline-flex;box-shadow:0 0 16px #fab73847}.reward-pack-button:hover:not(:disabled){transform:translateY(-1px)scale(1.03)}.reward-pack-button.claimed{color:#e0e5f6b8;box-shadow:none;background:#53597757;border-color:#bec7dd61;animation:none}.reward-pack-popover{background:linear-gradient(135deg,#ffcf5c1f,#533a792e);border:1px solid #fcc9566b;border-radius:12px;gap:8px;margin:10px 0 2px;padding:10px;display:grid}.rewarded-power-list{border-top:1px solid #ffda7833;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;padding-top:8px}.rewarded-power-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@keyframes reward-pack-glow{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.15);transform:scale(1.06)}}.viral-hub-card{gap:18px}.viral-mode-grid{flex-direction:column;gap:12px;width:100%;display:flex}.viral-mode-card{color:#f5f7fb;text-align:left;cursor:pointer;background:#121624eb;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.viral-mode-card:before{content:"";background:#fff3;width:4px;height:100%;transition:width .2s;position:absolute;top:0;left:0}.viral-mode-card:hover{transform:translateY(-3px)scale(1.01)}.viral-mode-card:active{transform:translateY(0)scale(.98)}.viral-mode-card--ai{background:linear-gradient(135deg,#38bdf814,#0f172ad9);border-color:#38bdf840}.viral-mode-card--ai:before{background:linear-gradient(#38bdf8,#0284c7)}.viral-mode-card--ai:hover{border-color:#38bdf88c;box-shadow:0 8px 24px #38bdf81f,inset 0 1px #ffffff1a}.viral-mode-card--pvp{background:linear-gradient(135deg,#f43f5e14,#0f172ad9);border-color:#f43f5e40}.viral-mode-card--pvp:before{background:linear-gradient(#f43f5e,#e11d48)}.viral-mode-card--pvp:hover{border-color:#f43f5e8c;box-shadow:0 8px 24px #f43f5e1f,inset 0 1px #ffffff1a}.viral-mode-card--online{background:linear-gradient(135deg,#a855f717,#0f172ad9);border-color:#a855f747}.viral-mode-card--online:before{background:linear-gradient(#a855f7,#7e22ce)}.viral-mode-card--online:hover{border-color:#a855f799;box-shadow:0 8px 24px #a855f724,inset 0 1px #ffffff1a}.viral-mode-card--tournament{opacity:.65;cursor:not-allowed;background:#f59e0b08;border-color:#f59e0b2e}.viral-mode-card--tournament:before{background:#f59e0b}.viral-mode-card--tournament:hover{box-shadow:none;transform:none}.viral-card-icon{filter:drop-shadow(0 2px 6px #0006);font-size:26px;line-height:1}.viral-card-content{flex-direction:column;flex:1;gap:2px;display:flex}.viral-card-content h3{letter-spacing:.04em;color:#f1f5f9;margin:0;font-family:Orbitron,system-ui,sans-serif;font-size:15px;font-weight:800}.viral-card-content p{color:#94a3b8;overflow-wrap:break-word;margin:0;font-size:12px;font-weight:500;line-height:1.35}@media (width<=480px){.viral-mode-card{gap:10px;padding:12px 14px}.viral-card-icon{font-size:22px}.viral-card-content h3{font-size:14px}.viral-card-content p{font-size:11.5px;line-height:1.3}}.viral-card-arrow{color:#ffffff59;font-size:16px;font-weight:800;transition:transform .2s,color .2s}.viral-mode-card:hover .viral-card-arrow{color:#f1f5f9;transform:translate(4px)}.viral-card-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:900;position:absolute;top:8px;right:12px}.viral-card-badge--soon{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.viral-footer-actions{justify-content:center;width:100%;padding-top:6px;display:flex}.viral-footer-btn--prominent{color:#e2e8f0;letter-spacing:.03em;cursor:pointer;background:linear-gradient(135deg,#38bdf81a,#a855f714);border:1px solid #38bdf859;border-radius:14px;width:100%;max-width:320px;padding:12px 20px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #0003}.viral-footer-btn--prominent:hover{color:#fff;background:linear-gradient(135deg,#38bdf82e,#a855f724);border-color:#38bdf899;transform:translateY(-2px);box-shadow:0 6px 20px #38bdf826}.viral-footer-btn--prominent:active{transform:translateY(0)scale(.98)}.viral-modal-overlay{z-index:100;background:#04060ef0;place-items:center;padding:16px;animation:.2s ease-out modal-fade-in;display:grid;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.viral-modal-card{overscroll-behavior:contain;box-sizing:border-box;background:#0f121ef5;border:1px solid #8cf2ff4d;border-radius:24px;flex-direction:column;gap:16px;width:min(440px,100%);max-height:calc(100vh - 32px);padding:26px 24px;animation:.22s cubic-bezier(.18,.89,.32,1.28) modal-pop-up;display:flex;position:relative;overflow:hidden auto;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff1f,0 0 50px #8cf2ff14}.viral-modal-card--online{border-color:#7f00ff66;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff1f,0 0 50px #7f00ff1a}.viral-modal-card--compact{gap:16px;width:min(380px,100%);padding:24px 20px}@keyframes modal-pop-up{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.viral-modal-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;transition:all .16s;display:grid;position:absolute;top:16px;right:16px}.viral-modal-close:hover{background:#ffffff2e;border-color:#ffffff4d;transform:rotate(90deg)}.viral-modal-header{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.viral-modal-icon{font-size:36px;line-height:1}.viral-modal-header h2{color:#fff;letter-spacing:.04em;margin:4px 0 0;font-family:Orbitron,system-ui,sans-serif;font-size:22px;font-weight:800}.viral-modal-header p{color:#b8c8e8;margin:0;font-size:13px}.viral-modal-actions{gap:10px;width:100%;margin-top:6px;display:flex}.viral-btn-secondary{color:#b8c8e8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;flex:1;padding:14px;font-size:14px;font-weight:700;transition:all .16s}.viral-btn-secondary:hover{color:#fff;background:#ffffff1f}.player-names-setup-group{box-sizing:border-box;width:100%;margin-bottom:8px}.setup-player-names-grid{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.setup-name-input-wrapper{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.setup-name-input-wrapper--p1{background:color-mix(in srgb, var(--x-color,#8cf2ff) 7%, #0f121ed9);border-color:color-mix(in srgb, var(--x-color,#8cf2ff) 30%, transparent)}.setup-name-input-wrapper--p1:hover{background:color-mix(in srgb, var(--x-color,#8cf2ff) 12%, #0f121ed9);border-color:color-mix(in srgb, var(--x-color,#8cf2ff) 50%, transparent)}.setup-name-input-wrapper--p1:focus-within{border-color:var(--x-color,#8cf2ff);box-shadow:0 0 18px color-mix(in srgb, var(--x-color,#8cf2ff) 35%, transparent), inset 0 0 12px color-mix(in srgb, var(--x-color,#8cf2ff) 8%, transparent);background:color-mix(in srgb, var(--x-color,#8cf2ff) 14%, #0f121ee6)}.setup-name-input-wrapper--p2{background:color-mix(in srgb, var(--o-color,#ff8fc5) 7%, #0f121ed9);border-color:color-mix(in srgb, var(--o-color,#ff8fc5) 30%, transparent)}.setup-name-input-wrapper--p2:hover{background:color-mix(in srgb, var(--o-color,#ff8fc5) 12%, #0f121ed9);border-color:color-mix(in srgb, var(--o-color,#ff8fc5) 50%, transparent)}.setup-name-input-wrapper--p2:focus-within{border-color:var(--o-color,#ff8fc5);box-shadow:0 0 18px color-mix(in srgb, var(--o-color,#ff8fc5) 35%, transparent), inset 0 0 12px color-mix(in srgb, var(--o-color,#ff8fc5) 8%, transparent);background:color-mix(in srgb, var(--o-color,#ff8fc5) 14%, #0f121ee6)}.setup-name-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;transition:all .25s;display:inline-flex}.setup-name-badge--p1{background:color-mix(in srgb, var(--x-color,#8cf2ff) 22%, transparent);color:var(--x-color,#8cf2ff);border:1px solid color-mix(in srgb, var(--x-color,#8cf2ff) 60%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--x-color,#8cf2ff) 25%, transparent)}.setup-name-badge--p2{background:color-mix(in srgb, var(--o-color,#ff8fc5) 22%, transparent);color:var(--o-color,#ff8fc5);border:1px solid color-mix(in srgb, var(--o-color,#ff8fc5) 60%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--o-color,#ff8fc5) 25%, transparent)}.setup-name-input{color:#f1f5f9;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14.5px;font-weight:600}.setup-name-input::placeholder{color:#ffffff59;font-weight:400}.setup-rotation-hint{color:#94a3b8;text-align:center;margin-top:8px;font-size:11.5px;line-height:1.4;display:block}.online-choice-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.online-choice-card{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(145deg,#7f00ff1f,#121624cc);border:1px solid #7f00ff4d;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:20px 14px;transition:all .2s;display:flex}.online-choice-card:hover{background:linear-gradient(145deg,#7f00ff38,#121624e6);border-color:#e100ff99;transform:translateY(-2px);box-shadow:0 8px 24px #7f00ff40}.online-choice-icon{font-size:32px}.online-choice-title{font-family:Orbitron,system-ui,sans-serif;font-size:14px;font-weight:800}.online-choice-card small{color:#b8c8e8;font-size:11px}.viral-share-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf82e,#a855f724);border:1px solid #38bdf866;border-radius:12px;width:100%;margin-top:4px;padding:12px;font-family:Orbitron,system-ui,sans-serif;font-size:13px;font-weight:700;transition:all .18s}.viral-share-btn:hover{border-color:#38bdf8b3;transform:translateY(-2px);box-shadow:0 6px 20px #38bdf833}.interstitial-ad-overlay{z-index:200;background:#02040af5;place-items:center;padding:20px;animation:.2s ease-out modal-fade-in;display:grid;position:fixed;inset:0}.interstitial-ad-card{text-align:center;background:linear-gradient(145deg,#f59e0b1a,#0f172af2);border:1px solid #f59e0b66;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:min(380px,100%);padding:32px 24px;display:flex;box-shadow:0 20px 60px #000c}.interstitial-ad-card .ad-badge{letter-spacing:.15em;color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:900}.interstitial-ad-card h3{color:#fff;margin:0;font-family:Orbitron,system-ui,sans-serif;font-size:20px}.interstitial-ad-card p{color:#94a3b8;margin:0;font-size:13px}.interstitial-ad-card .ad-countdown{color:#e2e8f0;margin-top:10px;font-size:14px}.skin-options-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;width:100%;padding:4px 2px 8px;display:flex;overflow-x:auto}.skin-options-row::-webkit-scrollbar{display:none}.skin-option-btn{white-space:nowrap;flex:none;align-items:center;gap:6px;display:flex;position:relative}.skin-ad-badge{font-size:11px;line-height:1}.skin-check-badge{color:#38bdf8;font-size:11px;font-weight:900}body[data-skin=neon]{--x-color:#8cf2ff;--o-color:#ff8fc5}body[data-skin=neon] .x-mark-square .square-value{color:#8cf2ff;text-shadow:0 0 12px #8cf2ffb3}body[data-skin=neon] .o-mark-square .square-value{color:#ff8fc5;text-shadow:0 0 12px #ff8fc5b3}body[data-skin=gold]{--x-color:#fbbf24;--o-color:#c084fc}body[data-skin=gold] .x-mark-square .square-value{color:#fbbf24;text-shadow:0 0 12px #fbbf24d9}body[data-skin=gold] .o-mark-square .square-value{color:#c084fc;text-shadow:0 0 12px #c084fcd9}body[data-skin=emerald]{--x-color:#34d399;--o-color:#fb923c}body[data-skin=emerald] .x-mark-square .square-value{color:#34d399;text-shadow:0 0 12px #34d399d9}body[data-skin=emerald] .o-mark-square .square-value{color:#fb923c;text-shadow:0 0 12px #fb923cd9}body[data-skin=cosmic]{--x-color:#a855f7;--o-color:#2dd4bf}body[data-skin=cosmic] .x-mark-square .square-value{color:#a855f7;text-shadow:0 0 12px #a855f7d9}body[data-skin=cosmic] .o-mark-square .square-value{color:#2dd4bf;text-shadow:0 0 12px #2dd4bfd9}body[data-skin=ice]{--x-color:#60a5fa;--o-color:#fb7185}body[data-skin=ice] .x-mark-square .square-value{color:#60a5fa;text-shadow:0 0 12px #60a5fad9}body[data-skin=ice] .o-mark-square .square-value{color:#fb7185;text-shadow:0 0 12px #fb7185d9}.status.ai-thinking{letter-spacing:.04em;color:#8cf2ffb3;align-items:center;gap:8px;font-size:.8rem;font-style:italic;display:flex}.ai-thinking-dots{align-items:center;gap:4px;display:inline-flex}.ai-thinking-dots span{background:#8cf2ff99;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite ai-dot-blink}.ai-thinking-dots span:nth-child(2){animation-delay:.2s}.ai-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-dot-blink{0%,80%,to{opacity:.2;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}.setup-quick-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.language-toggle-btn{color:#e2e8f0;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172abf;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.language-toggle-btn:hover{background:#ffffff1f;border-color:#8cf2ff73;transform:translateY(-1px)}.language-toggle-btn .lang-flag{font-size:13px;line-height:1}.language-toggle-btn .lang-code{color:#8cf2ff;font-weight:900}.floating-emotes-container{pointer-events:none;z-index:55;position:fixed;inset:0;overflow:hidden}.floating-emote-bubble{letter-spacing:.3px;white-space:nowrap;pointer-events:none;will-change:transform, opacity;box-sizing:border-box;border-radius:20px;align-items:center;gap:7px;max-width:min(90vw,340px);padding:9px 16px;font-size:15px;font-weight:700;animation:2.5s ease-out forwards emote-float-up;display:flex;position:absolute;bottom:38%}.floating-emote-bubble--left{left:12%}.floating-emote-bubble--right{right:12%}.floating-emote-bubble--center{left:50%;transform:translate(-50%)}.floating-emote-bubble--x{color:var(--x-color,#6ee7ff);text-shadow:0 0 10px #6ee7ff59;background:linear-gradient(135deg,#6ee7ff2e,#6ee7ff0f);border:1px solid #6ee7ff73;box-shadow:0 0 18px #6ee7ff33,inset 0 0 12px #6ee7ff0f}.floating-emote-bubble--o{color:var(--o-color,#ff7ab6);text-shadow:0 0 10px #ff7ab659;background:linear-gradient(135deg,#ff7ab62e,#ff7ab60f);border:1px solid #ff7ab673;box-shadow:0 0 18px #ff7ab633,inset 0 0 12px #ff7ab60f}.floating-emote-emoji{flex-shrink:0;font-size:20px;line-height:1}.floating-emote-text{text-overflow:ellipsis;white-space:nowrap;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}@keyframes emote-float-up{0%{opacity:0;transform:translateY(20px)scale(.8)}8%{opacity:1;transform:translateY(0)scale(1.05)}14%{opacity:1;transform:translateY(-4px)scale(1)}65%{opacity:1;transform:translateY(-65px)scale(1)}to{opacity:0;transform:translateY(-95px)scale(.88)}}.quick-emote-bar{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:min(100%,462px);margin:0 auto;padding:8px 0 4px;transition:opacity .2s;display:flex}.quick-emote-bar--disabled{opacity:.35;pointer-events:none}.quick-emote-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #cadaff26;border-radius:12px;justify-content:center;align-items:center;width:46px;height:42px;transition:all .18s;display:flex;position:relative;overflow:hidden}.quick-emote-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#cadaff59;transform:translateY(-2px);box-shadow:0 4px 14px #00000040}.quick-emote-btn:active:not(:disabled){transform:translateY(0)scale(.94)}.quick-emote-btn:disabled{cursor:not-allowed}.quick-emote-btn--cooldown{opacity:.4}.quick-emote-btn-emoji{font-size:22px;line-height:1;transition:transform .15s}.quick-emote-btn:hover:not(:disabled) .quick-emote-btn-emoji{transform:scale(1.18)}.quick-emote-cooldown-ring{border:2px solid #cadaff40;border-top-color:var(--gold,#ffd166);pointer-events:none;border-radius:10px;animation:2s linear cooldown-spin;position:absolute;inset:2px}@keyframes cooldown-spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.viral-share-btn{color:var(--green,#72f5a4);letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#72f5a41f,#72f5a40a);border:1px solid #72f5a459;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-bottom:4px;padding:9px 22px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.viral-share-btn:hover{background:linear-gradient(135deg,#72f5a433,#72f5a414);border-color:#72f5a48c;transform:translateY(-1px);box-shadow:0 0 16px #72f5a42e}.viral-share-btn:active{transform:translateY(0)scale(.97)}.viral-share-btn--copied{border-color:var(--green,#72f5a4);animation:.4s share-copied-pulse}@keyframes share-copied-pulse{0%{box-shadow:0 0 #72f5a466}50%{box-shadow:0 0 0 8px #72f5a400}to{box-shadow:0 0 #72f5a400}}@media (width<=420px){.quick-emote-btn{width:42px;height:38px}.quick-emote-btn-emoji{font-size:19px}.quick-emote-bar{gap:6px}.floating-emote-bubble{max-width:min(88vw,280px);padding:7px 12px;font-size:13px}.floating-emote-bubble--left{left:10px}.floating-emote-bubble--right{right:10px}.floating-emote-emoji{font-size:17px}}@media (width<=360px){.quick-emote-btn{border-radius:10px;width:38px;height:36px}.quick-emote-btn-emoji{font-size:17px}.quick-emote-bar{gap:4px}}.round-result-share-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:4px;margin-bottom:8px;display:flex}.viral-share-btn--story{color:#ff9f43!important;letter-spacing:.3px!important;background:linear-gradient(135deg,#ff7b5438,#ffd1661f)!important;border-color:#ff7b548c!important;padding:10px 18px!important;font-size:13.5px!important;font-weight:800!important;box-shadow:0 0 14px #ff7b5433!important}.viral-share-btn--story:hover{background:linear-gradient(135deg,#ff7b5452,#ffd16633)!important;border-color:#ff7b54d9!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 0 22px #ff7b5466!important}.viral-share-btn--text{color:var(--green,#72f5a4)!important;background:linear-gradient(135deg,#72f5a41a,#72f5a408)!important;border-color:#72f5a44d!important;padding:10px 16px!important;font-size:13px!important}.viral-share-btn--text:hover{background:linear-gradient(135deg,#72f5a42e,#72f5a40f)!important;border-color:#72f5a48c!important;transform:translateY(-1px)!important;box-shadow:0 0 14px #72f5a433!important}@media (orientation:landscape) and (height<=520px){.app-shell{padding:max(4px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));justify-content:center}.game-card{gap:8px;width:min(580px,100%);padding:10px 14px}.game-header p{display:none}.brand-header h1{letter-spacing:2px;font-size:1.25rem}.match-chip-row{gap:4px;margin-top:2px}.match-chip{padding:2px 7px;font-size:11px}.board{aspect-ratio:1;width:auto;max-height:48vh;margin:0 auto}.game-actions{gap:6px}.setup-back-button,.score-reset-button{padding:4px 10px;font-size:12px}}.online-loading-card{justify-content:center;align-items:center;min-height:280px;display:flex}.online-loading-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 20px;display:flex}.online-loading-spinner{border:3px solid #6ee7ff33;border-top-color:var(--x-color,#6ee7ff);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite online-spin;box-shadow:0 0 16px #6ee7ff40}@keyframes online-spin{to{transform:rotate(360deg)}}.online-loading-title{color:var(--x-color,#6ee7ff);letter-spacing:.5px;text-shadow:0 0 10px #6ee7ff59;font-size:17px;font-weight:700}.online-loading-subtitle{color:#cadaffa6;margin:0;font-size:13.5px}