*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Segoe UI,Trebuchet MS,system-ui,-apple-system,sans-serif;color:#3a3a34;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}.app{--board: min(620px, 94vw, calc(100vw - 32px) );min-height:100%;display:flex;flex-direction:column;align-items:center;transition:background-color var(--turn-fade, .34s) ease;padding:16px}.content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.card{width:min(430px,100%);background:#ffffffd1;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #3c3c281f}.btn{border-radius:14px;padding:12px 18px;font-weight:700;background:#eceadf;transition:transform .08s ease,filter .15s ease}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:#4fb3e8;color:#fff}.btn.subtle{background:#f1efe4;color:#6d6b61;box-shadow:inset 0 0 0 2px #504e4229}.btn.tiny{padding:5px 12px;border-radius:10px;font-size:.82rem}.btn.danger{background:#f2756a;color:#fff}.banner{position:fixed;top:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;background:#f2756a;color:#fff;text-align:center;padding:0 8px;font-weight:700;z-index:50}.app.banner-shown{padding-top:52px}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);background:#3a3a34;color:#fff;padding:10px 20px;border-radius:999px;font-weight:600;z-index:40;max-width:90vw;animation:toast-in .2s ease}.toast.leaving{animation:toast-out .2s cubic-bezier(.75,0,.75,.9) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.footer{padding:14px 8px 6px;font-size:.78rem;color:#3a3a34a6;text-align:center}.footer a{color:inherit;font-weight:700}.created-by{padding-top:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.icon-link{display:inline-flex;align-items:center}.icon-link svg{display:block;width:1.15em;height:1.15em}.icon-link:hover{color:#3a3a34}.home-screen{width:min(430px,100%);display:flex;flex-direction:column;align-items:center}.title{align-self:center;position:relative;display:inline-block;margin-bottom:38px}.title-box{display:inline-flex;align-items:stretch;border-radius:22px;overflow:hidden;font-size:2.6rem;font-weight:900;letter-spacing:.02em;line-height:1.1;white-space:nowrap;color:#fff;box-shadow:0 12px 26px #3c3c2842}.title-word{padding:14px 28px 18px}.title-word-color{background:#f2756a}.title-word-wars{background:#4fb3e8}.title-online{position:absolute;right:-20px;bottom:-16px;z-index:2;background:#9d9b92;color:#fff;border-radius:13px;padding:6px 12px 6px 16px;font-size:.9rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase;transform:rotate(-6deg);box-shadow:0 5px 14px #3c3c2847}.subtitle{text-align:center;color:#6d6b61;font-size:.95rem}.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.9rem}.field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.player-badge{background:#f0ede0;color:#6d6b61;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:3px 10px;border-radius:999px;white-space:nowrap}.field input,.code-input{border:2px solid #dcd9cb;border-radius:14px;padding:12px 14px;font-size:1rem;background:#fff;outline:none;width:100%}.field input:focus,.code-input:focus{border-color:#4fb3e8}.divider{text-align:center;color:#8a887e;font-size:.85rem;font-weight:600}.join-row{display:flex;gap:10px}.code-input{flex:1;text-transform:uppercase;letter-spacing:.4em;font-weight:800;text-align:center}.how-to-play-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:14px;padding:14px 18px;border-radius:18px;font-weight:700;font-size:.88rem;line-height:1;color:#6d6b61;background:#ffffff8c;transition:background .15s ease,transform .08s ease}.how-to-play-btn span{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#9d9b92;color:#fff;font-size:.72rem;font-weight:900;line-height:1}.how-to-play-btn:hover{background:#ffffffd9}.how-to-play-btn:active{transform:scale(.97)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a3a3473;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60;animation:fade .2s ease}.modal{background:#fff;border-radius:22px;width:min(520px,100%);max-height:88vh;display:flex;flex-direction:column;gap:14px;padding:22px;box-shadow:0 20px 50px #00000047}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:1.3rem}.modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#f0ede0;color:#6d6b61}.modal-close svg{display:block;width:17px;height:17px}.modal-close:hover{background:#e4e0cf}.modal-body{overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding-right:4px}.rule{display:flex;align-items:center;gap:16px}.rule-text h3{font-size:1rem;display:flex;align-items:center;gap:8px;margin-bottom:4px}.rule-num{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex-shrink:0;border-radius:50%;background:#3a3a34;color:#fff;font-size:.72rem;font-weight:900}.rule-text p{font-size:.88rem;color:#6d6b61;line-height:1.45}.power-legend{display:block;border-top:2px solid #eeeadb;padding-top:16px}.power-legend ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:12px}.power-legend li{display:flex;align-items:center;gap:11px}.power-legend-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f6f3e4;color:#4a483f}.power-legend-icon .power-glyph{width:21px;height:21px}.power-legend-text{font-size:.84rem;color:#6d6b61;line-height:1.4}.power-legend-text strong{color:#4a483f;margin-right:6px}.mini-board{display:grid;gap:3px;width:108px;flex-shrink:0}.mini-cell{position:relative;aspect-ratio:1;background:#f0ede0;border-radius:20%;display:flex;align-items:center;justify-content:center}.mini-premove{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--pre);border-radius:inherit;pointer-events:none}.mini-circle{position:relative;width:82%;height:82%;border-radius:50%;animation:pop .25s ease}.mini-dot{position:absolute;left:50%;top:50%;width:22%;height:22%;margin-left:-11%;margin-top:-11%;background:#fff;border-radius:50%;scale:1;transition:transform .32s cubic-bezier(.34,1.06,.64,1);animation:dot-enter .28s cubic-bezier(.3,.7,.35,1)}.lobby h2{text-align:center;font-size:1.1rem;color:#6d6b61}.room-code{font-size:2.4rem;font-weight:900;letter-spacing:.35em;text-indent:.35em;text-align:center;background:#f6f3e4;border-radius:18px;padding:14px 10px 18px;position:relative}.copy-hint{position:absolute;bottom:6px;left:0;right:0;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-indent:.1em;color:#a09e92;text-transform:uppercase}.player-list{list-style:none;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:10px;background:#f6f3e4;border-radius:14px;padding:10px 14px}.player-row.away .swatch,.player-row.away .player-name,.player-row.away .streak,.player-row.away .wins{opacity:.45}.away-note{font-size:.7rem;font-weight:700;color:#8a887e;white-space:nowrap}.swatch{width:20px;height:20px;border-radius:50%;flex-shrink:0}.player-name{font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name em{font-style:normal;color:#8a887e;font-weight:600}.streak{font-size:.8rem;font-weight:800;color:#c9761f;font-variant-numeric:tabular-nums;white-space:nowrap}.wins{font-size:.8rem;font-weight:800;color:#6d6b61;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{background:#eda94b;color:#fff;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.waiting{text-align:center;color:#6d6b61;font-size:.9rem;font-weight:600}.color-pick{display:flex;flex-direction:column;gap:12px}.pick-label{font-size:.85rem;font-weight:700;color:#6d6b61}.swatch-row{display:flex;justify-content:space-between;gap:10px}.swatch-pick{flex:0 1 34px;min-width:18px;aspect-ratio:1;border:none;border-radius:50%;padding:0;cursor:pointer;box-shadow:0 0 #3c3c2800;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.swatch-pick:hover:not(:disabled):not(.mine){transform:scale(1.1)}.swatch-pick.mine{box-shadow:0 0 0 2px #fffdf5,0 0 0 5px currentColor;color:#4a483f}.swatch-pick:disabled{cursor:not-allowed;opacity:.3;transform:scale(.85)}.swatch-pick:focus-visible{outline:3px solid #4a483f;outline-offset:3px}.time-pick{display:flex;flex-direction:column;gap:10px}.time-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.time-row.cup-row{grid-template-columns:repeat(2,1fr)}.time-opt{min-width:0;background:#f6f3e4;border:2px solid transparent;border-radius:999px;padding:7px 12px;font:inherit;font-size:.8rem;font-weight:800;color:#6d6b61;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease}.time-opt:hover:not(.picked){background:#efebd8}.time-opt.picked{background:#fff;border-color:#4a483f;color:#4a483f}.time-opt:focus-visible{outline:3px solid #4a483f;outline-offset:2px}.time-set{font-weight:800;color:#4a483f}.map-pick{display:flex;flex-direction:column;gap:10px}.map-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.map-opt{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;background:#f6f3e4;border:2px solid transparent;border-radius:14px;padding:9px 6px;font:inherit;font-size:.8rem;font-weight:800;color:#6d6b61;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease}.map-opt:hover:not(.picked){background:#efebd8}.map-opt.picked{background:#fff;border-color:#4a483f;color:#4a483f}.map-opt:focus-visible{outline:3px solid #4a483f;outline-offset:2px}.mini-board.preview{width:100%;max-width:80px;gap:2px}.mini-board.preview .mini-cell:not(.void){background:#ddd6bb}.mini-cell.void{background:none}.map-set{font-weight:800;color:#4a483f}.chaos-pick{display:flex;flex-direction:column;gap:10px}.time-row.chaos-row{grid-template-columns:repeat(2,1fr)}.chaos-set{font-weight:800;color:#4a483f}@media(max-width:340px){.swatch-row{gap:7px}.swatch-pick.mine{box-shadow:0 0 0 1px #fffdf5,0 0 0 3px currentColor}.time-opt{padding:7px 6px}.map-opt{padding:8px 3px;gap:5px}}.game{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:12px}.game-top{width:var(--board);max-width:100%;padding-top:6px;display:flex;flex-wrap:wrap;row-gap:8px;justify-content:space-between;align-items:center}.room-tag{font-weight:800;letter-spacing:.08em;background:#ffffff8c;padding:6px 14px;border-radius:999px;font-size:.85rem}.room-watchers{white-space:nowrap}.room-watchers svg{width:1em;height:1em;vertical-align:-.15em;margin-right:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.btn.icon-btn{padding:5px 9px;display:inline-flex;align-items:center}.btn.icon-btn svg{display:block;width:1.15rem;height:1.15rem}.volume{display:flex;align-items:center;gap:2px;padding:0 8px 0 0;border-radius:10px;background:#f1efe4;box-shadow:inset 0 0 0 2px #504e4229;color:#6d6b61}.btn.volume-icon{background:none;box-shadow:none;padding:3px 7px;display:inline-flex;align-items:center}.btn.volume-icon svg{display:block;width:1.4rem;height:1.4rem}.volume-track{width:84px;height:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;cursor:pointer}.volume-track::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#6d6b61 0,#6d6b61 var(--filled, 100%),rgba(80,78,66,.22) var(--filled, 100%),rgba(80,78,66,.22) 100%)}.volume-track::-moz-range-track{height:4px;border-radius:999px;background:#504e4238}.volume-track::-moz-range-progress{height:4px;border-radius:999px;background:#6d6b61}.volume-track::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:999px;background:#6d6b61;border:none;margin-top:-4px}.volume-track::-moz-range-thumb{width:12px;height:12px;border-radius:999px;background:#6d6b61;border:none}.volume-track:focus-visible{outline:3px solid #4a483f;outline-offset:2px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{display:flex;align-items:center;gap:7px;background:#ffffffbf;border:2.5px solid transparent;border-radius:999px;padding:5px 12px 5px 7px;font-size:.85rem;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;position:relative}.callout{position:absolute;left:50%;bottom:100%;margin-bottom:2px;pointer-events:none;white-space:nowrap;font-weight:900;font-size:.95rem;color:var(--callout);text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 8px rgba(255,255,255,.9);z-index:3;animation:callout-rise 1.1s ease-out forwards}@keyframes callout-rise{0%{opacity:0;transform:translate(-50%,6px) scale(.85)}15%{opacity:1;transform:translate(-50%) scale(1.06)}30%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-28px) scale(1)}}.chip .swatch{width:16px;height:16px}.chip.current{transform:scale(1.06);box-shadow:0 4px 12px #3c3c282e;background:#fff}.chip.eliminated{opacity:.45}.chip.eliminated .chip-name{text-decoration:line-through}.chip.abandoned,.chip.away{opacity:.6}.chip-name{font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-wins{font-size:.75rem;font-weight:800;color:#8a887e;white-space:nowrap}.chip-medal{font-size:1rem;line-height:1;white-space:nowrap}.chip-count{font-weight:900;font-variant-numeric:tabular-nums;background:#f0ede0;border-radius:999px;padding:1px 8px;font-size:.8rem;min-width:40px;text-align:center;transition:transform .12s ease,background-color .12s ease}.chip-count.ticked{transform:scale(1.18)}.chip-clock{font-weight:900;font-variant-numeric:tabular-nums;font-size:.8rem;min-width:40px;text-align:center;color:#6d6b61}.chip-clock.running{color:#4a483f}.chip-clock.low{color:#d1483c}.chip-clock.low.running{animation:pulse 1s infinite}.turn-banner{--banner-font: .95rem;--banner-line: 1.2;--banner-pad-y: 8px;width:100%;display:flex;align-items:center;justify-content:center;min-height:calc(2 * var(--banner-line) * var(--banner-font) + 2 * var(--banner-pad-y))}.banner-pill{display:flex;align-items:center;gap:10px;background:#ffffffbf;border-radius:999px;padding:var(--banner-pad-y) 18px;font-weight:700;font-size:var(--banner-font);line-height:var(--banner-line);text-align:center}.turn-banner.mine .banner-pill{background:#fff;box-shadow:0 4px 14px #3c3c282e}.timer{font-weight:900;font-variant-numeric:tabular-nums;background:#f0ede0;border-radius:999px;padding:2px 10px;min-width:54px;text-align:center;flex:none}.timer.low{background:#f2756a;color:#fff;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.08)}}.board-wrap{position:relative;width:100%;display:flex;justify-content:center}.board{--gap: max(3px, min(6px, calc(40px / var(--size))));--ring: max(2px, min(4px, calc(34px / var(--size))));--pre-ring: max(2px, min(3px, calc(26px / var(--size))));--cell: calc( (var(--board, min(620px, 94vw)) - (var(--size) - 1) * var(--gap)) / var(--size) );--cell-r: calc(var(--cell) * .18);--pre-gap: max(1px, min(2px, calc(16px / var(--size))));--tile: #f6f3e4;display:grid;gap:var(--gap);width:var(--board, min(620px, 94vw));position:relative}.cell{position:relative;aspect-ratio:1;background:var(--tile);border-radius:var(--cell-r);display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .25s ease;cursor:default}.cell.clickable,.cell.premovable{cursor:pointer}.cell.clickable:hover,.cell.premovable:hover{filter:brightness(.96)}.cell.blocked{background:#e2ddc6}.cell.void{background:none;pointer-events:none;cursor:default}.cell.bursting{z-index:5}.power{position:absolute;top:0;right:0;bottom:0;left:0;--drop-r: var(--cell-r);border-radius:var(--drop-r);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#2e2b24;pointer-events:none}.power.inside{inset:calc(var(--ring) + var(--pre-gap));--drop-r: calc(var(--cell-r) - var(--ring) - var(--pre-gap))}.power:before{content:"";position:absolute;width:141.5%;height:141.5%;top:-20.75%;left:-20.75%;background:conic-gradient(#ff3b5c,#ff9f1a,#ffe14d,#35d07f,#2ea8ff,#a05cff,#ff3b5c);animation:drop-spin 3.2s linear infinite}.power:after{content:"";position:absolute;inset:var(--ring);border-radius:calc(var(--drop-r) - var(--ring));background:var(--tile);animation:drop-breathe 2.4s ease-in-out infinite}.power .power-glyph{position:relative;z-index:1;width:60%;height:60%}.power-glyph{display:block;width:100%;height:100%}@keyframes drop-spin{to{rotate:360deg}}@keyframes drop-breathe{0%,to{opacity:1}50%{opacity:.5}}.power.landing{animation:power-land .34s cubic-bezier(.2,.9,.3,1.4)}@keyframes power-land{0%{scale:.2;opacity:0}}.cell.firing{z-index:6;--fire: #ffe6a3;animation:power-fire .52s ease-out}.cell.firing[data-kind=shockwave]{--fire: #cfe9fb}.cell.firing[data-kind=mutiny]{--fire: #e2d8fa}.cell.firing[data-kind=wildfire]{--fire: #ffd2bd}.cell.firing[data-kind=crater]{--fire: #ddd6bb}@keyframes power-fire{0%{background-color:var(--fire);transform:scale(1)}25%{background-color:var(--fire);transform:scale(1.12)}to{transform:scale(1)}}@keyframes power-flash{0%,25%{background-color:var(--fire)}}.board.quaking{animation:board-quake .52s ease-in-out}@keyframes board-quake{0%,to{transform:translate(0)}12%{transform:translate(-5px,2px)}30%{transform:translate(4px,-3px)}50%{transform:translate(-4px,-1px)}70%{transform:translate(3px,3px)}86%{transform:translate(-2px)}}.power-tip{--step: calc(var(--cell) + var(--gap));--tip-x: calc((var(--tip-c) + .5) * var(--step));--tip-y: calc((var(--tip-r) + .5) * var(--step));--tip-w: min(230px, calc(var(--board) - 16px));--tip-left: clamp( 0px, calc(var(--tip-x) - var(--tip-w) / 2), calc(var(--board) - var(--tip-w)) );position:absolute;z-index:8;left:var(--tip-left);top:calc(var(--tip-y) + var(--cell) / 2 + var(--gap));width:var(--tip-w);pointer-events:none;display:flex;flex-direction:column;gap:5px;padding:10px 12px;background:#fff;border-radius:12px;box-shadow:0 10px 26px #00000038;animation:power-tip-in .16s ease-out}.power-tip[data-above]{top:auto;bottom:calc(var(--board) - var(--tip-y) + var(--cell) / 2 + var(--gap))}.power-tip-head{display:flex;align-items:center;gap:8px;color:#4a483f}.power-tip-icon{width:22px;height:22px;flex-shrink:0;color:#4a483f}.power-tip-icon .power-glyph{width:100%;height:100%}.power-tip-blurb{font-size:.82rem;line-height:1.4;color:#6d6b61}.power-tip-arrow{position:absolute;left:clamp(14px,calc(var(--tip-x) - var(--tip-left)),calc(var(--tip-w) - 14px));width:12px;height:12px;margin-left:-6px;background:#fff;rotate:45deg;top:-5px}.power-tip[data-above] .power-tip-arrow{top:auto;bottom:-5px}@keyframes power-tip-in{0%{opacity:0;scale:.94}}.cell.has-power{cursor:pointer}.last-move{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--ring) var(--last);pointer-events:none;animation:last-move-in .26s cubic-bezier(.2,.8,.3,1)}@keyframes last-move-in{0%{opacity:0;scale:.55}60%{opacity:1}to{opacity:1;scale:1}}.last-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--last);opacity:0;animation:last-flash .75s ease-out}@keyframes last-flash{0%{opacity:.3}to{opacity:0}}.premove{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--pre-ring) dashed var(--pre);border-radius:var(--cell-r);pointer-events:none;animation:premove-in .2s cubic-bezier(.2,.8,.3,1),premove-wait 1.5s ease-in-out .2s infinite;transition:top .2s ease,right .2s ease,bottom .2s ease,left .2s ease,border-radius .2s ease}.premove.inside{inset:calc(var(--ring) + var(--pre-gap));border-radius:calc(var(--cell-r) - var(--ring) - var(--pre-gap))}@keyframes premove-in{0%{opacity:0;scale:.7}}@keyframes premove-wait{50%{opacity:.4}}.circle{position:relative;width:80%;height:80%;border-radius:50%;display:block;animation:circle-enter .24s cubic-bezier(.34,1.5,.64,1);transition:background-color .2s ease}@keyframes circle-enter{0%{scale:var(--enter-circle, .55)}}@keyframes pop{0%{transform:scale(.55)}70%{transform:scale(1.12)}to{transform:scale(1)}}.dot{position:absolute;left:50%;top:50%;width:22%;height:22%;margin-left:-11%;margin-top:-11%;background:#fff;border-radius:50%;scale:1;transition:transform var(--dot-move, .32s) cubic-bezier(.34,1.06,.64,1);animation:dot-enter .28s cubic-bezier(.3,.7,.35,1)}@keyframes dot-enter{0%{transform:var(--enter-from);scale:var(--enter-scale);opacity:var(--enter-opacity)}}.projectile{position:absolute;left:10%;top:10%;width:80%;height:80%;border-radius:50%;pointer-events:none;animation-timing-function:cubic-bezier(.32,.02,.3,1);animation-fill-mode:forwards}@keyframes fly-up{0%{transform:translateY(0) scale(.5)}to{transform:translateY(calc(-125% - var(--gap))) scale(1)}}@keyframes fly-down{0%{transform:translateY(0) scale(.5)}to{transform:translateY(calc(125% + var(--gap))) scale(1)}}@keyframes fly-left{0%{transform:translate(0) scale(.5)}to{transform:translate(calc(-125% - var(--gap))) scale(1)}}@keyframes fly-right{0%{transform:translate(0) scale(.5)}to{transform:translate(calc(125% + var(--gap))) scale(1)}}.projectile.up{animation-name:fly-up}.projectile.down{animation-name:fly-down}.projectile.left{animation-name:fly-left}.projectile.right{animation-name:fly-right}.overlay{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:#3a3a3459;border-radius:20px;display:flex;align-items:center;justify-content:center;z-index:10;animation:fade .25s ease}.overlay.page{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a3a3473;border-radius:0;padding:16px;z-index:60}.overlay.clear{background:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay-card{background:#fff;border-radius:20px;padding:24px;width:min(360px,88%);display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center;box-shadow:0 16px 40px #00000040}.overlay-card h3{font-size:1.3rem}.win-total{color:#6d6b61;font-weight:700;font-size:.9rem}.overlay-card .btn{width:100%}.leaderboard{list-style:none;width:100%;display:flex;flex-direction:column;gap:6px}.lb-row{display:flex;align-items:center;gap:8px;background:#f6f3e4;border-radius:12px;padding:7px 10px;font-size:.9rem;text-align:left}.lb-place{min-width:1.1em;font-weight:900;color:#6d6b61;font-variant-numeric:tabular-nums}.lb-medal{min-width:1.3em;font-size:1.25rem;line-height:1}.lb-gain{font-size:.8rem;font-weight:700;color:#6d6b61;white-space:nowrap}.lb-points{font-weight:900;font-variant-numeric:tabular-nums;min-width:1.4em;text-align:right}.lb-row.gone{opacity:.5}.next-round{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:700;color:#6d6b61}.pause-row{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:.95rem}.pause-wait{display:flex;width:100%;align-items:center;justify-content:space-evenly;gap:10px}.reveal-card{width:min(300px,82%);gap:12px}.reveal-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a887e}.wheel-wrap{width:min(238px,64vw)}.wheel{display:block;width:100%;height:auto;overflow:visible}.wheel-spin{transform-box:fill-box;transform-origin:center;transition:transform var(--spin-ms, 1.7s) cubic-bezier(.16,.72,.12,1)}.wheel-spin.instant{transition:none}.wheel-rim{fill:none;stroke:#ffffffe6;stroke-width:4}.wheel-name{font-weight:800;fill:#fff;paint-order:stroke;stroke:#3c3c2847;stroke-width:2.6px;pointer-events:none}.wheel-hub{fill:#fff;stroke:#3c3c2829;stroke-width:3}.wheel-pointer{fill:#3a3a34}.reveal-name{font-size:1.2rem;min-height:1.4em}.reveal-name.settled{animation:pop .45s cubic-bezier(.34,1.5,.64,1)}@media(prefers-reduced-motion:reduce){.dot,.mini-dot,.circle,.mini-circle,.projectile,.last-move,.chip-count{transition-duration:1ms;animation-duration:1ms}.last-flash{display:none}.premove{animation:none;transition:none}.cell.firing{animation-name:power-flash}.board.quaking,.power-tip,.power.landing{animation:none}.power:before{animation:none}.power:after{animation:none;opacity:.5}.callout{display:none}}@media(max-width:480px){.card{padding:20px}.title{margin-bottom:32px}.title-box{font-size:2.1rem;border-radius:18px}.title-word{padding:11.5px 22px 14.5px}.title-online{font-size:.78rem;padding:5px 10px 5px 14px;right:-4px;bottom:-11px}.chip-name{max-width:80px}.rule{gap:12px}.mini-board{width:84px}.modal{padding:18px}}@media(max-width:480px)and (pointer:coarse){.app{--board: min(96vw, 56vh, calc(100vw - 32px) )}}@media(pointer:coarse){.volume-track{display:none}.volume{padding-right:0}}