.arena-page{isolation:isolate;background:radial-gradient(at 18% 38%,#17383245,#0000 48%),radial-gradient(at 84% 66%,#402b282b,#0000 48%),#0e171e;min-height:100svh}.arena-nav{box-sizing:border-box;border-bottom:1px solid #ffffff0b;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;width:100%;max-width:1600px;height:56px;margin:0 auto;padding:0 32px;display:grid}.arena-nav h1{letter-spacing:4px;text-align:center;white-space:nowrap;outline:none;margin:0;font-size:13px;line-height:1.3}.arena-nav h1>span{color:var(--muted);letter-spacing:1.8px;white-space:nowrap;margin-top:4px;font-size:8px;font-weight:500;display:block}.arena-exit{min-height:44px;color:var(--muted);white-space:nowrap;justify-self:start;align-items:center;gap:10px;font-size:12px;display:flex}.arena-exit>span:first-child{font-size:22px}.arena-exit:hover{color:var(--teal)}.arena-nav-tools{justify-self:end;align-items:center;gap:8px;display:flex}.arena-nav .icon-button,.arena-nav>.icon-button{border-color:#0000;justify-self:end;width:40px;height:44px}.arena-tool{min-width:44px;min-height:44px;color:var(--muted);border-radius:var(--radius-small);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.arena-tool>span:first-child{font-size:21px}.arena-tool:hover{border-color:var(--line);color:var(--text);background:#ffffff04}.arena-tool:disabled{opacity:.45}.help-tool{border-radius:50%;width:44px}.help-tool>span{border:1px solid #6d818a;border-radius:50%;width:20px;height:20px;line-height:18px;font-size:15px!important}.live-arena{--board-size:min(440px, calc(100svh - 300px), calc(100vw - 32px));box-sizing:border-box;flex-direction:column;justify-content:space-evenly;align-items:center;max-width:820px;min-height:calc(100svh - 56px);margin:0 auto;padding:8px 16px 12px;display:flex;position:relative}.arena-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,16px);width:min(720px,100%);margin-bottom:4px;display:grid}.arena-player{border-radius:var(--radius-cell);--player-color:var(--teal);background:#ffffff02;border:1px solid #ffffff0d;align-items:center;gap:10px;min-height:52px;padding:6px 12px;transition:background .2s,border-color .2s;display:flex;position:relative}.arena-player.player-O{--player-color:var(--coral);text-align:right;flex-direction:row-reverse}.arena-player.is-active{border-color:color-mix(in srgb, var(--player-color) 40%, transparent);background:color-mix(in srgb, var(--player-color) 6%, transparent)}.arena-avatar{width:42px;height:42px;color:var(--player-color);background:#101b23;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.arena-avatar svg{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;fill:none;width:32px;height:32px}.is-active .arena-avatar{border-color:var(--player-color);box-shadow:0 0 18px color-mix(in srgb, var(--player-color) 10%, transparent)}.player-details{min-width:0}.player-details>b{white-space:nowrap;font-size:14px;display:block}.player-details>span{color:var(--muted);letter-spacing:1px;white-space:nowrap;align-items:center;gap:6px;margin-top:3px;font-size:8px;display:flex}.player-O .player-details>span{justify-content:flex-end}.player-details i{background:currentColor;border-radius:50%;width:3px;height:3px}.is-active .player-details>span{color:var(--player-color)}.ai-label{vertical-align:middle;letter-spacing:.5px;border:1px solid #637b87;border-radius:3px;margin-left:6px;padding:1px 3px;font-size:8px;font-weight:500}.shared-clock{text-align:center;min-width:0;padding:0 4px}.shared-clock>span{color:var(--muted);letter-spacing:1.8px;white-space:nowrap;font-size:clamp(7px,1.2vw,9px);font-weight:600;display:block}.shared-clock strong{letter-spacing:1px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(18px,3.2vw,34px);font-weight:650;line-height:1.15;display:block}.room-page .shared-clock strong{letter-spacing:.08em;font-size:clamp(15px,2.5vw,28px)}.shared-clock.urgent strong{color:var(--coral)}.board-stage{width:var(--board-size);grid-area:board;max-width:100%;position:relative}.swap-trail{z-index:7;pointer-events:none;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px;overflow:visible}.swap-trail line{stroke:#f5ce7e;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 0 4px #f5ce7e);animation:.58s ease-out both swap-trace}@keyframes swap-trace{0%{stroke-dashoffset:1px;opacity:1}75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.stage-mark{pointer-events:none;border:1px solid #69e1cb22;width:26px;height:26px;position:absolute}.stage-mark-a{border-bottom:0;border-right:0;border-radius:12px 0 0;top:-7px;left:-7px}.stage-mark-b{border-top:0;border-left:0;border-radius:0 0 12px;bottom:-7px;right:-7px}.game-board{--active-ink:var(--teal);border-radius:var(--radius-board);aspect-ratio:1;isolation:isolate;background:linear-gradient(145deg,#11232a,#0a131b);border:1px solid #3c6c6459;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:12px;display:grid;position:relative;box-shadow:0 24px 60px #0005,inset 0 1px #ffffff0a}.game-board.turn-O{--active-ink:var(--coral);border-color:#85605666}.game-board.winner-X{--active-ink:var(--teal);border-color:#69e1cb66}.game-board.winner-O{--active-ink:var(--coral);border-color:#85605666}.game-board:before{content:"";border:1px solid var(--active-ink);border-radius:inherit;opacity:.08;pointer-events:none;z-index:-1;animation:12s ease-in-out infinite arena-breathe;position:absolute;inset:-1px}.game-board:after{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--active-ink) 6%, transparent), transparent 68%);pointer-events:none;z-index:-1;position:absolute;inset:10%}.board-cell{aspect-ratio:1;border-radius:var(--radius-cell);color:var(--text);transition:background .14s, transform var(--motion-press);isolation:isolate;background:linear-gradient(145deg,#1c303a,#172630);border:1px solid #ffffff0a;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.board-cell:not(:disabled):hover{background:#28434b;border-color:#69e1cb35}.board-cell:not(:disabled):active{transform:scale(.97)}.board-cell:focus-visible{outline:3px solid var(--teal);outline-offset:-4px;z-index:4}.board-cell:disabled{cursor:default;opacity:1}.board-cell.legal-target{cursor:pointer;border-color:color-mix(in srgb, var(--active-ink) 68%, white);background:linear-gradient(145deg, color-mix(in srgb, var(--active-ink) 16%, #1c303a), #172630);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--active-ink) 28%, transparent), 0 0 20px color-mix(in srgb, var(--active-ink) 14%, transparent);animation:1.1s ease-in-out infinite alternate target-breathe}.board-cell.invalid-target{filter:saturate(.52)brightness(.76)}.board-cell.legal-target:hover{transform:translateY(-2px)scale(1.025)}@keyframes target-breathe{to{box-shadow:inset 0 0 0 2px var(--active-ink), 0 0 26px color-mix(in srgb, var(--active-ink) 28%, transparent)}}.board-cell>.piece{z-index:1;grid-area:1/1;width:48%;height:48%}.board-cell>.ring{border-width:7px;width:44%;height:44%}.board-cell .hover-piece{opacity:0;transition:opacity .12s,transform .12s;transform:scale(.8)}.board-cell:not(:disabled):hover .hover-piece,.board-cell:not(:disabled):focus-visible .hover-piece{opacity:.2;transform:scale(1)}.cell-coordinate{letter-spacing:1px;color:#8aa4af;font-size:9px;position:absolute;bottom:10px;left:12px}.expires-next:after{content:"";border-radius:var(--radius-small);pointer-events:none;opacity:.85;border:1px dashed #69e1cb80;position:absolute;inset:7px}.expires-next.owned-O:after{border-color:#ff998a85}.expires-next>.placed{opacity:.72}.expiry-tag{color:var(--teal);letter-spacing:1.4px;font-size:7px;font-weight:750;position:absolute;bottom:10px;right:12px}.owned-O .expiry-tag{color:var(--coral)}.fx-form{animation:.23s cubic-bezier(.2,.7,.3,1) piece-form}.fx-form:before,.fx-form:after{box-shadow:0 0 10px #69e1cb10}.expiration-fx{pointer-events:none;color:var(--teal);z-index:0;place-items:center;animation:.34s both vanish-container;display:grid;position:absolute;inset:0}.expiration-fx.side-O{color:var(--coral)}.expiration-fx>.piece{width:48%;height:48%;animation:.32s ease-out forwards piece-dissolve}.expiration-fx>.ring{border-width:7px;width:44%;height:44%}.expiration-fx>i{opacity:0;--dx:28px;--dy:-24px;background:currentColor;border-radius:1px;width:3px;height:3px;animation:.32s ease-out forwards shard-dissolve;position:absolute;top:50%;left:50%}.expiration-fx>i:nth-of-type(2){--dx:-32px;--dy:-16px}.expiration-fx>i:nth-of-type(3){--dx:24px;--dy:30px}.expiration-fx>i:nth-of-type(4){--dx:-22px;--dy:26px}.dissolve-halo{border:1px solid;border-radius:50%;width:42%;height:42%;animation:.3s ease-out forwards vanish-halo;position:absolute}.winning-cell{background:#233f3b;border-color:#69e1cb60}.winning-cell.owned-O{background:#443530;border-color:#ff998a60}.winning-cell>.piece{opacity:1;animation:.34s ease-out winning-piece}.winning-trace{pointer-events:none;z-index:3;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px;overflow:visible}.winning-trace polyline{stroke:var(--teal);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1;stroke-dashoffset:0;opacity:1;filter:drop-shadow(0 0 4px var(--teal)) drop-shadow(0 0 12px var(--teal));animation:.42s cubic-bezier(.16,1,.3,1) forwards trace-line}.winner-O .winning-trace polyline{stroke:var(--coral);filter:drop-shadow(0 0 4px var(--coral)) drop-shadow(0 0 12px var(--coral))}.winning-trace .trace-core{stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1;stroke-dashoffset:0;opacity:.95;animation:.42s cubic-bezier(.16,1,.3,1) forwards trace-line}.winning-trace .trace-node{fill:#fff;animation:.4s cubic-bezier(.34,1.56,.64,1) both trace-node-pop}.winning-trace .trace-node:first-child{animation-delay:50ms}.winning-trace .trace-node:nth-child(2){animation-delay:.2s}.winning-trace .trace-node:nth-child(3){animation-delay:.35s}@keyframes trace-node-pop{0%{r:0;opacity:0}60%{r:6;opacity:1}to{r:4.5;opacity:.95}}.is-complete:before{opacity:.22;animation:none}.arena-turn{grid-area:turn;justify-content:center;align-items:center;gap:9px;min-height:40px;font-size:12px;display:flex}.arena-turn>span:last-child:not(.accent){color:var(--muted);font-size:11px}.turn-dot{background:var(--teal);border-radius:50%;width:6px;height:6px}.turn-dot.side-O{background:var(--coral)}.arena-toolbar{width:var(--board-size);border-top:1px solid var(--line);grid-area:tools;justify-content:space-between;align-items:center;gap:12px;max-width:100%;min-height:44px;display:flex}.round-label,.tiebreak-label{letter-spacing:1.2px;color:var(--muted);font-size:8px}.tiebreak-label b{color:var(--text);margin-left:5px;font-weight:650}.session-score{grid-area:score;align-items:center;gap:20px;min-height:32px;margin-top:4px;display:flex}.session-score>span{letter-spacing:1.7px;color:var(--muted);font-size:8px}.session-score>div{align-items:center;gap:12px;display:flex}.session-score strong{font-variant-numeric:tabular-nums;font-size:17px;animation:.2s ease-out score-enter}.session-score i{color:#68818e;font-size:12px;font-style:normal}.session-score b{font-size:10px}.score-x{color:var(--teal)}.score-o{color:var(--coral)}.arena-result{width:var(--board-size);border-radius:var(--radius-cell);background:linear-gradient(110deg,#1c3833,#15252a);border:1px solid #69e1cb35;flex-wrap:wrap;grid-area:result;justify-content:space-between;align-items:center;gap:16px;max-width:100%;margin:0 0 14px;padding:15px 18px;animation:.24s ease-out result-enter;display:flex}.arena-result>.reward-card{width:100%;box-shadow:none;background:0 0;border:0;border-top:1px solid #69e1cb35;border-radius:0;flex:1 0 100%;order:3;padding:12px 0 0}.match-result-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:10000;-webkit-overflow-scrolling:touch;width:100%;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));box-sizing:border-box;background:#060e12d9;justify-content:center;align-items:center;animation:.18s ease-out result-fade-in;display:flex;position:fixed;inset:0;overflow:hidden auto}@keyframes result-fade-in{0%{opacity:0}to{opacity:1}}.arena-result,.bg-result,.bg-result-modal,.match-result-card{box-sizing:border-box;-webkit-backdrop-filter:blur(24px);z-index:1001;text-align:center;background:#0e1e24fa;border:1.5px solid #69e1cb73;border-radius:22px;flex-direction:column;gap:clamp(10px,1.6vh,14px);width:min(500px,100vw - 28px);max-width:100%;max-height:min(90dvh,780px);padding:clamp(16px,2.5vh,24px) clamp(16px,3.5vw,24px);animation:.24s cubic-bezier(.16,1,.3,1) both result-pop-in;display:flex;position:relative;inset:auto;overflow:hidden;transform:none;box-shadow:0 28px 80px #000000e0,0 0 45px #69e1cb2e;margin:auto!important}.match-result-modal-backdrop>.bg-result-modal{flex-wrap:nowrap;place-content:flex-start;align-items:stretch;gap:clamp(10px,1.6vh,16px);width:min(520px,100vw - 28px);max-height:min(94dvh,880px);padding:clamp(14px,3.6vw,24px) clamp(14px,4vw,24px)}.match-result-modal-backdrop>.bg-result-modal>.modal-scroll-content{scrollbar-width:thin;scrollbar-color:#69e1cb73 transparent;margin:0;padding:clamp(2px,.6vh,6px) 0}.match-result-modal-backdrop>.bg-result-modal>.modal-scroll-content::-webkit-scrollbar{width:5px;display:block}.match-result-modal-backdrop>.bg-result-modal>.modal-scroll-content::-webkit-scrollbar-thumb{background:#69e1cb73;border-radius:3px}.match-result-modal-backdrop>.bg-result-modal>.bg-result-actions{position:relative}.match-result-modal-backdrop>.bg-result-modal>.bg-result-actions:before{content:"";pointer-events:none;background:linear-gradient(#0e1e2400,#0e1e24eb);height:16px;position:absolute;bottom:100%;left:0;right:0}.match-result-modal-backdrop>.bg-result-modal .bg-result-actions .bg-action-btn{letter-spacing:.2px;height:clamp(42px,6vh,46px);min-height:clamp(42px,6vh,46px);padding:8px 14px;font-size:clamp(13px,3vw,14.5px)}.arena-result.defeat,.bg-defeat{border-color:#ff998a8c;box-shadow:0 28px 80px #000000e0,0 0 45px #ff998a2e}@keyframes result-pop-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.bg-result-heading{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(3px,.6vh,6px);display:flex}.bg-result-heading h2{letter-spacing:1.5px;margin:1px 0 0;font-size:clamp(24px,5.2vw,32px);font-weight:950}.bg-result-heading p{color:#a8bccc;letter-spacing:.6px;margin:0;font-size:clamp(13px,2.6vw,15px);font-weight:600}.result-headline{letter-spacing:4px;text-transform:uppercase;color:var(--teal,#69e1cb);text-shadow:0 0 28px #69e1cb73;font-size:clamp(34px,7.5vw,44px);font-weight:950;line-height:1.05}.result-status-tag{letter-spacing:2px;text-transform:uppercase;color:var(--teal,#69e1cb);font-size:clamp(12.5px,2.5vw,14.5px);font-weight:850}.bg-defeat .result-headline{color:var(--coral,#ff998a);text-shadow:0 0 28px #ff998a73}.defeat .result-status-tag{color:var(--coral,#ff998a)}.modal-scroll-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;flex:auto;min-height:0;max-height:100%;margin:0 -4px;padding:4px 6px;overflow:hidden auto}.modal-scroll-content::-webkit-scrollbar{display:none}.bg-result-actions{box-sizing:border-box;border-top:1px solid #ffffff1a;flex-shrink:0;grid-template-columns:1fr 1fr;align-items:center;gap:10px;width:100%;padding-top:clamp(8px,1.2vh,12px);display:grid}.bg-result-actions .bg-action-btn,.bg-result-actions>.button,.bg-result-actions>a.button{text-align:center;box-sizing:border-box;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;width:100%;height:clamp(38px,4.8vh,44px);min-height:clamp(38px,4.8vh,44px);padding:6px 12px;font-size:clamp(12px,2.4vw,13.5px);font-weight:800;text-decoration:none;display:inline-flex}.bg-result-actions .button.secondary{color:#e5fff7;background:#162d36d9;border:1.5px solid #69e1cb59;transition:all .15s}.bg-result-actions .button.secondary:hover{color:#fff;background:#1e3c48f2;border-color:#69e1cba6}.result-division-link{color:var(--muted,#8b9bb4);text-align:center;flex-shrink:0;margin:2px auto 0;font-size:clamp(12px,2.8vw,13.5px);font-weight:700;text-decoration:underline;display:inline-block}.result-division-link:hover{color:#fff}.result-rewards .dual-track i{transition:width .55s,left .55s;animation:none}.level-up>b,.promoted>b{animation:.65s ease-out promotion-arrive}@keyframes promotion-arrive{0%{filter:brightness(2);opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}.skill-ability_blocked .skill-burst{border-color:#baffeb;border-radius:30% 30% 48% 48%;animation:.65s both shield-break}@keyframes shield-break{0%{opacity:1;transform:scale(.85)}35%{opacity:1;clip-path:polygon(0 0,100% 0,100% 40%,60% 48%,100% 60%,100% 100%,0 100%);transform:scale(1.1)rotate(12deg)}to{opacity:0;transform:scale(1.35)rotate(22deg)}}.cast-freeze .skill-burst{border-color:#b4f2ff;border-radius:12%;transform:rotate(45deg)}.skill-piece_erased .expiration-fx{z-index:6;animation-duration:.65s}.skill-piece_erased .expiration-fx>.piece{animation:.65s linear both erase-wipe}.skill-piece_erased .skill-burst{background:linear-gradient(#0000 45%,#ff998a 50%,#0000 55%);border:0;border-radius:0;animation:.6s both erase-scan;inset:0}.has-scramble{background:repeating-linear-gradient(0deg,#0000 0 9px,#ff998a0d 9px 11px),radial-gradient(circle,#ff806b12,#0000 68%);box-shadow:inset 0 0 0 1px #ff998a66,inset 0 0 24px #ff725522}.scramble-mark{z-index:4;pointer-events:none;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);border:1px solid #ff998a66;align-content:center;gap:8px;animation:1.6s steps(2,end) infinite scramble-hold;display:grid;position:absolute;inset:12%}.scramble-mark i{background:linear-gradient(90deg,#0000,#ff998a,#0000);height:2px;display:block;box-shadow:0 0 8px #ff806b}.scramble-mark i:nth-child(2){transform:translate(8%)}@keyframes scramble-hold{50%{opacity:.62;transform:translate(2px)}}.skill-scramble_expired .scramble-mark{animation:.52s ease-out both scramble-release}.has-seal{background:repeating-linear-gradient(-45deg,#0000 0 8px,#ffd16614 8px 10px),radial-gradient(circle,#ffd1661f,#0000 70%);box-shadow:inset 0 0 0 1px #ffd16688,inset 0 0 26px #ffb70333}.has-seal>.cell-coordinate{opacity:.3}.seal-barrier{z-index:5;pointer-events:none;background:radial-gradient(circle,#ffd1661a,#0d1b1f66 72%);border:1px solid #ffd166aa;border-radius:10px;place-items:center;animation:1.9s ease-in-out infinite seal-lock;display:grid;position:absolute;inset:6%;box-shadow:inset 0 0 18px #ffb70333,0 0 18px #ffb70322}.seal-barrier svg{fill:none;stroke:#ffd166;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ffb703cc);width:62%;height:62%}.seal-barrier i{background:linear-gradient(90deg,#0000,#ffd166,#0000);height:2px;animation:2.6s linear infinite seal-scan;position:absolute;left:8%;right:8%;box-shadow:0 0 8px #ffb703}.seal-barrier i:nth-of-type(2){animation-delay:1.3s}@keyframes seal-scan{0%{opacity:0;top:14%}20%,80%{opacity:.9}to{opacity:0;top:84%}}@keyframes seal-lock{50%{box-shadow:inset 0 0 26px #ffb7034d,0 0 22px #ffb70333}}.skill-seal_applied .seal-barrier{animation:.42s ease-out both seal-form}@keyframes seal-form{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.skill-seal_expired .seal-barrier{animation:.48s ease-out both seal-release}@keyframes seal-release{to{opacity:0;filter:blur(3px);transform:scale(1.18)}}@keyframes scramble-release{to{opacity:0;filter:blur(4px);transform:scaleX(1.22)}}@keyframes erase-wipe{0%{clip-path:inset(0);opacity:1}to{clip-path:inset(100% 0 0);opacity:0}}@keyframes erase-scan{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(50%)}}.mystery-void .skill-burst{background:radial-gradient(#050510 20%,#ad81dc55 65%,#0000 70%);border-color:#d4a9ff;animation:.75s both void-collapse}@keyframes void-collapse{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(0)}}.mystery-fortify .skill-burst{border-color:#baffdf;border-radius:30% 30% 48% 48%}.board-stage:has(.cast-swap) .winning-trace polyline{animation-delay:.65s;animation-fill-mode:both}.board-stage:has(.cast-swap) .winning-cell>.piece{animation-delay:.65s}@media (prefers-reduced-motion:reduce){.result-rewards .dual-track i{transition:none}.frost-crystal,.level-up>b,.promoted>b{animation:none}.swap-trail g{display:none}.board-stage:has(.swap-trail) .skill-piece_moved>.piece{animation:none}}.bg-result-heading>span{letter-spacing:3px;color:var(--teal);font-size:30px;font-weight:850;line-height:1}.bg-result-heading p{color:var(--muted);margin:0;font-size:12px}.bg-result .reward-card{background:#13262b;border-color:#4a8a7d;width:100%;padding:14px}.bg-result .button{width:100%;min-height:48px}.result-back:not(.button){color:var(--muted);justify-self:center;font-size:11px}.result-back:not(.button):hover{color:var(--text)}.bg-result .reward-gains{gap:12px}@keyframes bg-result-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.arena-result.defeat{background:linear-gradient(110deg,#352b29,#15252a);border-color:#ff998a35}.arena-result>div>p{letter-spacing:2px;color:var(--teal);margin:0 0 3px;font-size:8px;font-weight:750}.arena-result.defeat>div>p{color:var(--coral)}.arena-result h2{letter-spacing:-.6px;margin:0;font-size:23px;line-height:1.15}.arena-result .button{gap:16px;min-height:44px;padding:10px 18px;font-size:12px}.arena-result .error-message{flex-basis:100%;margin:0}.arena-finished .live-arena{--board-size:min(500px, calc(100svh - 430px))}.reaction-control{position:relative}.reaction-picker{border-radius:var(--radius-cell);z-index:10;background:#1a2a34;border:1px solid #4b646d;width:max-content;max-width:calc(100vw - 40px);padding:8px;animation:.12s ease-out result-enter;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 12px 35px #0008}.reaction-options{gap:3px;display:flex}.reaction-options button{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:8px;place-items:center;font-size:23px;display:grid}.reaction-options button:last-child{font-size:14px;font-weight:800}.reaction-options button:hover{background:#ffffff10}.mute-reactions{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);background:0 0;min-height:44px;margin-top:6px;font-size:11px}.reaction-bubble{min-width:48px;height:42px;color:var(--text);z-index:8;background:#203b3a;border:1px solid #69e1cb60;border-radius:12px 12px 12px 3px;place-items:center;padding:6px 12px;font-size:24px;animation:.18s ease-out reaction-enter;display:grid;position:absolute;top:calc(100% - 2px);left:12px;box-shadow:0 6px 16px #0004}.player-O .reaction-bubble{background:#3b302e;border-color:#ff998a60;border-radius:12px 12px 3px;left:auto;right:12px}.rules-dialog ol{margin:24px 0;padding-left:24px}.rules-dialog li{margin:18px 0;padding-left:6px}.rules-dialog li::marker{color:var(--teal);font-weight:700}.rules-dialog li b{font-size:14px}.rules-dialog li p,.rules-dialog details p{color:var(--muted);margin:5px 0;font-size:13px;line-height:1.6}.rules-dialog summary{cursor:pointer;min-height:44px;color:var(--teal);padding:10px 0;font-size:13px}.connection-message{width:var(--board-size);background:#2b2528;border:1px solid #ff998a55;border-radius:12px;grid-area:error;max-width:100%;margin-top:12px;padding:14px;font-size:13px}.connection-message p{margin:0 0 10px}.connection-message .button{min-height:44px;font-size:12px}.loader.small{width:14px;height:14px}@keyframes arena-breathe{50%{opacity:.22}}@keyframes piece-form{0%{opacity:0;transform:scale(.55)}65%{opacity:1;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@keyframes piece-dissolve{0%{opacity:.72;transform:scale(1)}30%{opacity:.45;transform:scale(1.025)rotate(-3deg)}to{opacity:0;transform:scale(.35)rotate(-13deg)}}@keyframes vanish-container{0%,90%{opacity:1}to{opacity:0}}@keyframes shard-dissolve{15%{opacity:.65;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3)}}@keyframes vanish-halo{0%{opacity:.3;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes winning-piece{50%{transform:scale(1.075)}}@keyframes trace-line{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes result-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reaction-enter{0%{opacity:0;transform:translateY(-4px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes score-enter{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.arena-nav{padding:0 16px}.arena-nav h1{letter-spacing:3px;font-size:11px}.arena-nav h1>span{letter-spacing:1px;font-size:7px}.arena-nav-tools{gap:0}.arena-exit{gap:5px;font-size:11px}.live-arena{--board-size:min(440px, calc(100vw - 32px), calc(100svh - 240px));align-content:start;padding:14px 16px}.arena-players{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:8px;width:100%;max-width:500px;margin-bottom:14px}.arena-player{background:0 0;border-color:#0000;gap:7px;min-height:54px;padding:7px 6px}.arena-player.is-active{border-color:#ffffff12}.arena-avatar{width:34px;height:34px}.arena-avatar svg{width:28px;height:28px}.player-details>b{font-size:11px}.player-details>span{letter-spacing:.4px;gap:3px;font-size:6px}.shared-clock>span{letter-spacing:.7px;font-size:6px}.shared-clock strong{font-size:29px}.ai-label{margin-left:3px;padding:1px 2px;font-size:7px}.game-board{border-radius:18px;gap:6px;padding:9px}.board-cell{border-radius:10px}.board-cell>.ring,.expiration-fx>.ring{border-width:6px}.expires-next:after{inset:5px}.expiry-tag{font-size:6px;bottom:8px;right:8px}.cell-coordinate{font-size:8px;bottom:8px;left:9px}.stage-mark{width:18px;height:18px}.stage-mark-a{top:-4px;left:-4px}.stage-mark-b{bottom:-4px;right:-4px}.winning-trace{width:calc(100% - 18px);height:calc(100% - 18px);inset:9px}.arena-turn{gap:7px;min-height:38px;font-size:11px}.arena-turn>span:last-child:not(.accent){font-size:10px}.arena-toolbar{gap:6px}.round-label,.tiebreak-label{letter-spacing:.8px;font-size:7px}.arena-tool{gap:5px;padding:0 5px;font-size:11px}.session-score{gap:14px;margin-top:2px}.arena-finished .live-arena{--board-size:min(440px, calc(100vw - 32px), calc(100svh - 410px))}.arena-result{gap:10px;margin-bottom:8px;padding:12px}.arena-result .reward-card{flex-basis:100%}.arena-result h2{font-size:19px}.arena-result .button{gap:8px;padding:9px 13px;font-size:11px}.arena-result>div>p{letter-spacing:1.5px;font-size:7px}.reaction-bubble{min-width:40px;height:36px;font-size:20px}.rules-dialog h2{font-size:20px}}@media (width<=359px){.arena-players{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:4px}.arena-player{gap:5px;padding:5px 2px}.arena-avatar{width:28px;height:28px}.arena-avatar svg{width:23px;height:23px}.player-details>b{font-size:10px}.player-details>span{font-size:5px}.shared-clock strong{font-size:26px}.shared-clock>span{font-size:5px}.arena-nav h1{letter-spacing:2px}.arena-result{flex-wrap:wrap}.arena-result .button{flex:1}.reaction-options button{width:43px}.session-score>span{font-size:7px}}@media (orientation:landscape) and (height<=600px){.arena-nav{padding:0 20px}.arena-nav h1{visibility:hidden}.live-arena{--board-size:min(320px, calc(100svh - 116px));grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);grid-template-areas:"left board right""tools board score""turn turn turn""result result result""error error error";align-content:start;align-items:center;column-gap:24px;max-width:940px;min-height:0;padding:10px 20px 8px}.arena-players{display:contents}.arena-player{text-align:center;flex-direction:column;align-self:end;gap:8px;width:100%;max-width:180px;padding:10px 8px}.arena-player.player-X{grid-area:1/1;justify-self:center}.arena-player.player-O{text-align:center;flex-direction:column;grid-area:1/3;justify-self:center}.player-details>span,.player-O .player-details>span{justify-content:center}.player-details>b{font-size:12px}.player-details>span{font-size:7px}.arena-avatar{width:38px;height:38px}.arena-players>.shared-clock{position:absolute;top:-51px;left:50%;transform:translate(-50%)}.shared-clock strong{font-size:24px}.shared-clock>span{font-size:6px}.board-stage{grid-area:1/2/3}.arena-toolbar{border-top:0;justify-content:center;align-self:start;width:auto;padding-top:10px}.arena-toolbar>.round-label,.arena-toolbar>.tiebreak-label{display:none}.session-score{flex-direction:column;align-self:start;gap:4px;margin:0;padding-top:14px}.session-score>div{gap:10px}.arena-turn{min-height:34px}.arena-finished .live-arena{--board-size:min(260px, calc(100svh - 245px));grid-template-areas:"left board right""tools board score""result result result""error error error"}.arena-finished .arena-turn{display:none}.arena-result{width:min(520px,100%);margin:12px 0 0;padding:10px 16px}.arena-result h2{font-size:20px}.arena-result .button{font-size:12px}.reaction-picker{top:calc(100% + 4px);bottom:auto;left:0}.reaction-bubble{top:4px;left:calc(100% - 18px)}.player-O .reaction-bubble{left:auto;right:calc(100% - 18px)}.connection-message{width:min(600px,100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.expiration-fx{display:none}.winning-trace polyline{stroke-dashoffset:0}.game-board:before{opacity:.14}.fx-form{opacity:1}}.starter-reveal{z-index:5;border:1px solid var(--accent);color:#fff;cursor:pointer;background:#102327f5;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:20% 5%}.starter-reveal span{animation:.2s ease-in-out 5 alternate starter-pulse}@keyframes starter-pulse{to{opacity:.35;transform:translate(12px)}}.turn-countdown{font-variant-numeric:tabular-nums;color:#eec77d}.timeout-note{text-align:center;grid-column:1/-1;max-width:520px;font-size:12px}.reaction-picker{width:min(340px,85vw);max-height:55svh;overflow:auto}.reaction-options{flex-wrap:wrap;display:flex}.reaction-options button{width:auto;min-width:44px;padding:8px;font-size:16px}@media (width>=1400px) and (height>=800px){.live-arena{--board-size:min(600px, calc(100svh - 280px))}}.arena-player{position:relative}.timer-ring{pointer-events:none;color:#55dcc3;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;inset:-3px;overflow:visible}.player-O .timer-ring{color:#ff897a}.timer-ring rect{fill:none;stroke:currentColor;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-dasharray:100;transition:stroke-dashoffset .25s linear}.timer-ring.urgent{color:#ffb34e;filter:drop-shadow(0 0 3px #ffb34e66)}.player-seconds{font-variant-numeric:tabular-nums;color:#f7ead7;margin-left:6px;font-size:13px}.room-waiting,.room-ready{text-align:center;grid-column:1/-1;width:min(600px,100%);padding:20px}.room-ready[open]{text-align:center;background:#13242e;border:1px solid #69ded061;border-radius:20px;width:min(640px,100vw - 32px);max-width:640px;max-height:min(88dvh,780px);margin:auto;overflow:auto;box-shadow:0 28px 80px #000000a6}.room-ready[open]>*{width:min(100%,520px);margin-inline:auto}.room-ready[open]>.reward-card{box-sizing:border-box;text-align:center;width:min(100%,520px);box-shadow:none;margin:18px auto;padding:20px}.room-ready[open]>.reward-card .reward-gains{justify-content:center;margin:14px 0}.room-ready[open]>p{color:#c1d1d6;font-size:14px;line-height:1.5}.room-ready[open]>.room-result-waiting{color:var(--teal)}.room-result-heading{margin:2px auto 14px}.room-result-heading span{color:var(--teal);letter-spacing:.16em;font-size:10px;font-weight:800}.room-result-heading h2{margin:5px 0 0;font-size:clamp(24px,4vw,32px)}.room-ready[open] .result-rewards,.room-ready[open] .ability-options,.room-ready[open] .post-match-actions{margin-inline:auto}.room-ready[open] .result-rewards{text-align:center;justify-items:center;width:min(100%,468px);padding:16px;display:grid}.room-ready[open] .result-rewards .result-reward-gains{align-items:center;width:100%;margin-inline:auto;display:flex;justify-content:center!important}.room-ready[open] .result-rewards .progression-block,.room-ready[open] .result-rewards .dual-track{width:100%}.room-ready[open] .result-rewards .progression-block{justify-items:center}.room-ready[open] .post-match-actions .button{white-space:nowrap}.room-ready[open]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02090db8}@media (width<=600px){.room-ready[open]{border-radius:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}}.room-waiting input{letter-spacing:.15em;text-align:center;color:#f5ebd8;background:#142d31;border:1px solid #396066;border-radius:12px;width:100%;max-width:300px;padding:12px;font-size:30px}.room-match-summary{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.room-match-summary span{color:#cbe9e5;background:#69ded014;border:1px solid #69ded03d;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.room-ready .button{margin-top:18px}.settings-dialog.loadout-dialog{width:min(680px,100vw - 32px);max-width:680px;max-height:92dvh;padding:24px}.loadout-dialog>.dialog-heading{z-index:2;border-bottom:1px solid var(--line);background:#192630;margin:-24px -24px 12px;padding:20px 24px;position:sticky;top:-24px}.loadout-dialog .pre-match-loadout-drawer{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}@media (width<=600px){.settings-dialog.loadout-dialog{border-radius:0;width:100vw;max-width:none;min-height:100dvh;max-height:100dvh;margin:0;padding:14px}.loadout-dialog>.dialog-heading{margin:-14px -14px 4px;padding:14px;top:-14px}}.room-starter{z-index:8;color:#f6ecda;background:#122e32f5;border:1px solid #64d8c2;border-radius:16px;padding:28px 40px;font-weight:800;animation:1.35s cubic-bezier(.16,.85,.3,1) both starter-reveal;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #0008}@keyframes starter-reveal{0%,36%{opacity:0;transform:translate(-50%,-50%)scale(.78)}48%{opacity:1;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 8px #69e1cb22,0 20px 70px #0008}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ability-panel{text-align:center;grid-column:1/-1;width:min(620px,100%)}.board-toast{color:#ffeec4;letter-spacing:1.2px;text-align:center;background:#3a2f14;border:1px solid #ffd166;border-radius:999px;grid-column:1/-1;justify-self:center;width:fit-content;max-width:min(92vw,440px);padding:7px 13px;font-size:11px;font-weight:850;animation:.22s ease-out board-action-in}.board-action{color:#e5fff7;letter-spacing:1.2px;text-align:center;background:#123a37;border:1px solid #64dcc1;border-radius:999px;grid-column:1/-1;justify-self:center;width:fit-content;max-width:min(92vw,440px);padding:7px 13px;font-size:11px;font-weight:850;animation:.22s ease-out board-action-in}.board-action.opponent{background:#442724;border-color:#ff9a80}@keyframes board-action-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.ability-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ability-options .ability-button{text-align:left;gap:5px;max-width:180px;display:grid}.ability-options .ability-button small{color:#afc0bd;font-size:10px;font-weight:500;line-height:1.35}.ability-icon{stroke:currentColor;fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.icon-shield{color:#73e8bd}.icon-freeze{color:#8ee8ff}.icon-erase{color:#ff9a80}.icon-swap{color:#f5ce7e}.icon-seal{color:#ffd166}.ability-panel{text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(560px,100%);margin:0 auto;display:flex}.player-panel-heading{justify-content:center;align-items:center;gap:8px;margin-bottom:2px;display:flex}.player-powers-label{letter-spacing:1.5px;color:#64dcc1;text-transform:uppercase;opacity:.85;align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.player-powers-label:before,.player-powers-label:after{content:"";background:#64dcc14d;width:18px;height:1px;display:inline-block}.ability-panel .ability-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.ability-panel .ability-button{height:38px;min-height:38px;color:var(--text,#f7ead7);cursor:pointer;background:#24434a73;border:1px solid #69e1cb33;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.ability-panel .ability-button:hover:not(:disabled){background:#69e1cb33;border-color:#69e1cb80;transform:translateY(-1px)}.ability-panel .ability-button.is-targeting{border-color:var(--teal,#69e1cb);background:#69e1cb4d;box-shadow:0 0 14px #69e1cb4d}.ability-panel .ability-button .ability-charge{color:#ffdc89;background:#0000004d;border-radius:6px;padding:1px 5px;font-size:11px;font-weight:800}.ability-targeting-banner{color:#e5fff7;background:#69e1cb26;border:1px solid #69e1cb66;border-radius:999px;align-items:center;gap:8px;margin:4px auto 0;padding:4px 12px;font-size:11px;display:inline-flex}.targeting-title{color:#69e1cb;text-transform:uppercase;font-weight:800}.targeting-desc{color:#d1eae5}.targeting-cancel-btn{color:#ff998a;cursor:pointer;background:#ff998a33;border:1px solid #ff998a66;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.targeting-cancel-btn:hover{color:#fff;background:#ff998a59}.opponent-abilities-bar{width:min(100%, var(--board-size,380px));-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;background:#081216b8;border:1px dashed #69ded04d;border-radius:10px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;margin:clamp(5px,1vh,8px) auto clamp(6px,1.2vh,10px);padding:3px 8px;display:flex;box-shadow:0 4px 16px #00000059}.opponent-powers-heading{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.opponent-intel-pill{letter-spacing:.8px;color:#ff9e88;background:#ff8c642e;border:1px solid #ff8c6459;border-radius:4px;padding:1.5px 5px;font-size:8px;font-weight:800;line-height:1.2}.opponent-powers-label{letter-spacing:.8px;text-transform:uppercase;color:#8bb5af;white-space:nowrap;font-size:9.5px;font-weight:800}.opponent-powers-list{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:5px;display:flex}.opponent-power-chip{color:#cde4e0;cursor:default;pointer-events:none;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.opponent-power-chip .ability-icon{stroke:#69ded0;stroke-width:3.2px;fill:none;flex-shrink:0;width:12px;height:12px}.opponent-power-name{text-transform:capitalize;letter-spacing:.2px;font-size:10.5px}.opponent-power-count{color:#ffd768;background:#ffd76829;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:800;line-height:1.2}.opponent-power-chip.exhausted{opacity:.35;filter:grayscale();border-style:dashed;text-decoration:line-through}.icon-reorder{color:#c4adff}.icon-displace{color:#ffbc91}.reorder-trail{pointer-events:none;z-index:7;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px;overflow:visible}.reorder-trail path{fill:none;stroke:#c4adff;stroke-width:2px;stroke-dasharray:1;animation:.9s both age-transfer}.reorder-trail circle{fill:none;stroke:#c4adff;stroke-width:3px;stroke-dasharray:6 4;transform-box:fill-box;transform-origin:50%;animation:.95s both age-rewind}.reorder-trail text{fill:#e2d7ff;text-anchor:middle;letter-spacing:1px;font-size:7px;animation:1.1s both age-label}@keyframes age-transfer{0%{stroke-dashoffset:1px;opacity:1}65%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes age-rewind{0%{opacity:1;transform:rotate(160deg)scale(1.25)}to{opacity:0;transform:rotate(-90deg)scale(.9)}}@keyframes age-label{0%,85%{opacity:1}to{opacity:0}}.cast-reorder .skill-burst{border-color:#c4adff}.displace-trail line{stroke:#ffbc91;stroke-width:4px}.cast-displace .skill-burst{border-color:#ffbc91;border-radius:15%}.board-stage:has(.cast-displace) .winning-trace polyline{animation-delay:.65s;animation-fill-mode:both}@media (width<=600px){.ability-panel .ability-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.reorder-trail path,.reorder-trail circle,.reorder-trail text{animation:none}}.ability-charge{color:var(--teal);font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.room-ready .ability-button{align-content:start;min-height:128px}.ability-help{color:#c9d8d4;gap:4px;max-width:510px;min-height:60px;margin:12px auto 0;font-size:13px;display:grid}.ability-help b{color:#f4ecdc}.ability-target{color:var(--teal)}.ability-help small{color:#f3c778}.ability-button{color:#dfeae5;cursor:pointer;background:#132d31;border:1px solid #365d62;border-radius:10px;min-height:44px;padding:10px 12px;font-weight:700}.ability-button[aria-pressed=true]{background:#254c47;border-color:#64dcc1;box-shadow:0 0 14px #53dcc21a}.ability-button.is-targeting{animation:1.25s ease-in-out infinite ability-targeting}@keyframes ability-targeting{50%{box-shadow:0 0 0 3px #64dcc122,0 0 22px #53dcc233}}.ability-button:disabled{opacity:.4;cursor:default}.ability-panel p{color:#afc0bd;min-height:28px;font-size:12px}.power-mark{z-index:3;background:#244950;border-radius:4px;place-items:center;width:25px;height:25px;font-size:16px;display:grid;position:absolute;top:8px;right:8px}.freeze-mark{color:#a8eaff;left:8px;right:auto}.shield-mark{color:#c5ffe0}.shield-mark svg{fill:#72e6bd22;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.has-shield:after{content:"";pointer-events:none;border:2px solid #89f7c7aa;border-radius:50%;animation:2s ease-in-out infinite shield-hum;position:absolute;inset:17%;box-shadow:0 0 15px #89f7c744,inset 0 0 14px #89f7c722}@keyframes shield-hum{50%{opacity:.58;transform:scale(1.08)}}.has-freeze{background:radial-gradient(#203a48 35%,#6196ae88);box-shadow:inset 0 0 20px #87cfff55}.frost-crystal{pointer-events:none;fill:none;stroke:#b4f2ff;stroke-width:2px;filter:drop-shadow(0 0 4px #8ee8ff);width:100%;height:100%;animation:.55s ease-out frost-form;position:absolute;inset:0}@keyframes frost-form{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.swap-trail g{animation:.65s both travel-ghost}@keyframes travel-ghost{0%,80%{opacity:1}to{opacity:0}}.board-stage:has(.swap-trail) .skill-piece_moved>.piece{animation:.65s both destination-arrive}@keyframes destination-arrive{0%,75%{opacity:0}to{opacity:1}}.skill-expiration_prevented{animation:.65s ease-out thaw-cell}@keyframes thaw-cell{0%{box-shadow:inset 0 0 35px #b4f2ff}to{box-shadow:none}}.has-freeze:before{content:"";pointer-events:none;clip-path:polygon(50% 0,59% 38%,93% 25%,66% 50%,93% 75%,59% 62%,50% 100%,41% 62%,7% 75%,34% 50%,7% 25%,41% 38%);opacity:.7;border:1px solid #8ee8ff88;animation:7s linear infinite frost-spin;position:absolute;inset:8px}@keyframes frost-spin{to{transform:rotate(360deg)}}.skill-burst{z-index:4;pointer-events:none;border:2px solid #70e4c6;border-radius:50%;animation:.9s ease-out forwards skill-burst;position:absolute;inset:10%}.skill-piece_erased .skill-burst{border-color:#ff8d7c}.skill-piece_moved .skill-burst{border-color:#f5ce7e}.skill-piece_erased{animation:.56s ease-out erase-impact}.skill-piece_moved{animation:.5s cubic-bezier(.2,.9,.3,1) swap-land}.skill-ability_activated .skill-burst{border-width:3px;animation:.7s ease-out forwards ability-cast}@keyframes erase-impact{20%{background:#6b2928;transform:scale(.9)rotate(1deg)}to{background:linear-gradient(145deg,#1c303a,#172630)}}@keyframes swap-land{0%{filter:brightness(1.8);transform:translate(-18px)scale(.78)}65%{transform:translate(3px)scale(1.06)}}@keyframes ability-cast{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(1.5)}}.skill-expiration_prevented .skill-burst{border-color:#8ee8ff}.skill-ability_blocked .skill-burst{border-color:#b4f6d0}.skill-mystery_triggered .skill-burst{border-color:#d4a9ff}@keyframes skill-burst{0%{opacity:0;transform:scale(.35)}25%{opacity:1}to{opacity:0;transform:scale(1.35)}}.swap-source{outline-offset:-5px;outline:2px solid #f9d286}.mystery-mark{letter-spacing:.5px;pointer-events:none;z-index:5;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:8px;right:8px}.mystery-mark.hidden{color:#e9d5ff;background:#a855f733;border:1px solid #c084fc99;animation:2s ease-in-out infinite mystery-pulse;box-shadow:0 0 10px #a855f766}.mystery-mark.void{color:#fecaca;background:#ef44444d;border:1px solid #f87171cc;box-shadow:0 0 12px #ef444480}.mystery-mark.fortify{color:#bfdbfe;background:#3b82f64d;border:1px solid #60a5facc;box-shadow:0 0 12px #3b82f680}@keyframes mystery-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #a855f74d}50%{transform:scale(1.1);box-shadow:0 0 16px #c084fcb3}}.room-reactions{position:relative}.room-reactions summary{cursor:pointer;padding:12px}.room-reactions[open] .reaction-options-panel{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12262cf5;border:1px solid #69e1cb59;border-radius:16px;flex-direction:column;gap:14px;width:min(380px,90vw);max-height:52svh;padding:14px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 40px #0009,0 0 20px #69e1cb1a}.reaction-category-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--teal,#69e1cb);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.reaction-grid{flex-wrap:wrap;gap:6px;display:flex}.reaction-grid button{cursor:pointer;background:#24434a80;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:44px;height:44px;padding:2px;transition:background .15s,transform .15s;display:grid}.reaction-grid button:hover:not(:disabled){background:#69e1cb33;transform:scale(1.08)}.phrase-grid{flex-wrap:wrap;gap:6px;display:flex}.phrase-btn{color:#f7ead7;cursor:pointer;background:#1c363cb3;border:1px solid #69e1cb40;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.phrase-btn:hover:not(:disabled){background:#69e1cb40;border-color:#69e1cb99;transform:translateY(-1px)}.taunt-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.taunt-btn{cursor:pointer;background:#1e303899;border:1px solid #f5ce7e4d;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:all .15s;display:flex}.taunt-btn span{letter-spacing:.8px;color:#fce6a8;text-transform:uppercase;font-size:10px;font-weight:700}.taunt-btn:hover:not(:disabled){background:#f5ce7e26;border-color:#f5ce7eb3;transform:scale(1.03)}@media (width<=600px){.room-page .shared-clock strong{font-size:18px}.room-page .arena-nav h1 span{font-size:8px}.ability-button{padding:8px;font-size:11px}.room-page .arena-turn,.room-page .session-score{flex-wrap:wrap}}.result-rewards{text-align:center;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;gap:clamp(6px,1.2vh,10px);padding:clamp(10px,1.5vh,14px) 0;display:grid}.result-rewards.loading{color:var(--muted);text-align:center;font-size:13px}.result-rewards .reward-gains,.reward-gains,.result-reward-gains{text-align:center!important;justify-content:center!important;align-items:center!important;gap:clamp(16px,4vw,28px)!important;width:100%!important;margin:clamp(4px,.8vh,6px) auto!important;display:flex!important}.result-rewards .reward-pop{animation:.4s both reward-pop}.result-rewards .reward-pop:nth-child(2){color:#f7cf6d;animation-delay:.16s}.result-rewards p{color:var(--muted);text-align:center;margin:0;font-size:10.5px}@keyframes reward-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.result-rewards .reward-kicker{letter-spacing:2.2px;color:#7ee0ce;text-align:center;font-size:clamp(12px,2.4vw,14px);font-weight:850}.result-rewards .reward-gains strong,.reward-gains strong{letter-spacing:1px;text-align:center;justify-content:center;align-items:center;font-size:clamp(24px,5vw,30px);font-weight:950;display:inline-flex}.progression-block{gap:clamp(5px,.9vh,7px);width:100%;padding:clamp(4px,.8vh,8px) 0 2px;display:grid}.progression-block>span{color:var(--muted);letter-spacing:2px;font-size:clamp(11.5px,2.2vw,13px);font-weight:800}.progression-block>b{letter-spacing:1px;font-size:clamp(20px,4.2vw,25px);font-weight:900}.progression-block small{color:#a8bccc;font-size:clamp(12px,2.4vw,13.5px);font-weight:600}.progression-block small em{color:var(--teal);font-size:clamp(12px,2.4vw,14px);font-style:normal;font-weight:850}.dual-track{background:#071419;border-radius:99px;height:clamp(10px,1.8vh,13px);margin:clamp(4px,.8vh,6px) 0;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0009}.dual-track i{border-radius:inherit;display:block;position:absolute;top:0;bottom:0}.dual-track .previous{background:#438a7e;left:0}.dual-track .earned{background:linear-gradient(90deg, #b7fff0, var(--teal));transform-origin:0;animation:.7s ease-out .2s both earned-progress}.division-progression .previous{background:#5c746f}.division-progression .earned{background:linear-gradient(90deg,#f5ce7e,#78eed4)}.division-progression.promoted>span,.division-progression.promoted>b{color:#f5ce7e}@keyframes earned-progress{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.board-cell.legal-target,.ability-button.is-targeting,.has-shield:after,.has-freeze:before,.room-starter,.result-rewards .reward-pop{animation:none}}.division-page{min-height:100dvh;overflow-y:auto}.division-hub{width:min(100% - 28px,520px);padding:0 clamp(4px, 1.5vw, 12px) max(24px, env(safe-area-inset-bottom,24px));flex-direction:column;margin:clamp(12px,2.5vh,28px) auto;display:flex}.division-intro{margin-bottom:clamp(10px,1.6vh,18px)}.division-intro h1{margin:4px 0 6px;font-size:clamp(22px,4.5vw,36px);line-height:1.2}.division-intro p,.division-note{color:#a9bfc5;font-size:clamp(12px,2vw,13px);line-height:1.5}.division-eyebrow{color:#69ded0;letter-spacing:.15em;font-size:10px;font-weight:700}.division-series{border-top:1px solid #345057;border-bottom:1px solid #345057;padding:clamp(10px,1.6vh,18px) 0}.division-series h2{letter-spacing:.04em;margin:4px 0 6px;font-size:clamp(18px,3.5vw,26px)}.division-status{letter-spacing:.07em;color:#69ded0;margin:0;font-size:11px;font-weight:800}.division-series.relegated .division-status{color:#ff9587}.series-slots{gap:8px;margin:clamp(10px,1.5vh,16px) 0;padding:0;list-style:none;display:flex}.series-slots li{color:#9cb2b8;border:1px solid #45616a;border-radius:8px;flex:1;place-items:center;height:clamp(32px,4.5vh,38px);font-size:clamp(12px,2vw,14px);font-weight:800;display:grid}.series-slots .W{color:#73f0d6;background:#183f3c;border-color:#59bbab}.series-slots .L{color:#ffb0a6;background:#452d2b;border-color:#b57970}.series-slots .D{color:#ecdc94;background:#38392b}.series-score,.series-targets{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.series-score strong{font-size:clamp(20px,3.5vw,24px)}.series-score small,.series-score span,.series-targets{color:#b2c5c9;font-size:11px}.series-track{background:#22383f;border-radius:6px;height:6px;margin:10px 0 8px;position:relative}.series-track i{border-radius:inherit;background:#69ded0;height:100%;transition:width .6s;display:block}.series-track b{background:#e9f4ef;width:2px;height:12px;position:absolute;top:-3px}.series-message{margin:clamp(8px,1.4vh,12px) 0 4px;font-size:clamp(12px,2vw,13px);line-height:1.45}.series-rules{color:#a9bfc5;font-size:10px;line-height:1.4;display:block}.division-hub>.button{width:100%;margin-top:14px}.division-note{margin-top:10px;font-size:11px;line-height:1.4}.result-rewards .division-series{border-bottom:0;justify-items:center;gap:clamp(5px,1vh,8px);width:100%;margin-top:clamp(8px,1.4vh,12px);padding:clamp(10px,1.6vh,14px) 0 0;display:grid}.result-rewards .division-series>*{margin:0}.result-rewards .division-series .division-eyebrow{letter-spacing:1.8px;font-size:clamp(11px,2.8vw,12.5px);font-weight:800}.result-rewards .division-series h2{letter-spacing:.04em;font-size:clamp(19px,4.8vw,25px);font-weight:900}.result-rewards .division-status{letter-spacing:1.3px;font-size:clamp(11.5px,3vw,13.5px);font-weight:800}.result-rewards .series-slots{justify-content:center;gap:clamp(7px,2vw,11px);width:100%}.result-rewards .series-slots li{aspect-ratio:1;border-radius:9px;flex:1 1 0;align-self:center;width:auto;max-width:56px;height:auto;font-size:clamp(14px,3.6vw,18px);font-weight:800}.result-rewards .series-score{margin-top:clamp(2px,.6vh,5px);gap:clamp(12px,4vw,32px);width:min(100%,360px);margin-inline:auto}.result-rewards .series-score strong{font-size:clamp(18px,4.6vw,22px);font-weight:900}.result-rewards .series-score small,.result-rewards .series-score span,.result-rewards .series-targets{font-size:clamp(11.5px,2.9vw,13px);font-weight:650}.result-rewards .series-track{border-radius:99px;width:100%;height:clamp(8px,1.4vh,11px);margin:0}.result-rewards .series-track b{border-radius:2px;width:3px;height:clamp(12px,1.8vh,15px);top:-2px}.result-rewards .series-targets{gap:clamp(10px,3vw,24px);width:min(100%,360px);margin-inline:auto}.result-rewards .series-message{max-width:44ch;margin:clamp(2px,.6vh,6px) 0 0;font-size:clamp(12px,3.1vw,14px);font-weight:600;line-height:1.45}.result-rewards .progression-block small,.result-rewards .progression-block small em{font-size:clamp(12.5px,3vw,14px)}.result-rewards .series-rules{display:none}.division-series.promoted{animation:.65s ease-out division-arrival}@keyframes division-arrival{0%{filter:brightness(1.6);transform:translateY(8px)}to{filter:brightness();transform:none}}@media (width<=600px){.division-hub{margin-top:14px}}@media (prefers-reduced-motion:reduce){.series-track i{transition:none}.division-series.promoted{animation:none}}.promotion-announcement{color:#8bffe6;background:#163731;border:1px solid #69ded0;border-radius:10px;padding:18px;line-height:1.5;animation:.65s ease-out division-arrival}@media (prefers-reduced-motion:reduce){.promotion-announcement{animation:none}}.board-stage .reorder-trail{pointer-events:none}@media (width<=600px) and (orientation:portrait){.arena-page:has(.ability-panel) .live-arena{--board-size:min(calc(100vw - 32px), calc(100svh - 370px), 400px)}}@media (width<=600px){.ability-panel .ability-button{gap:2px;height:64px;min-height:64px;padding:4px;line-height:1.2}.ability-panel .ability-icon{width:24px;height:24px}.ability-panel .ability-options{gap:6px}.ability-help{min-height:0;margin-top:8px}}@media (prefers-reduced-motion:reduce){.board-stage:has(.swap-trail) .skill-piece_moved>.piece{opacity:1;animation:none}.seal-barrier,.seal-barrier i,.skill-seal_applied .seal-barrier,.skill-seal_expired .seal-barrier,.board-toast{opacity:1;filter:none;animation:none;transform:none}}.piece.cosmetic-piece-signal-trace{filter:drop-shadow(0 0 3px currentColor) drop-shadow(6px 0 5px color-mix(in srgb, currentColor 22%, transparent))}.piece.cross.cosmetic-piece-signal-trace{color:var(--teal)}.piece.ring.cosmetic-piece-signal-trace{color:var(--coral)}.board-cell.has-shield.cosmetic-shield-hex-lattice:after{display:none}.equipped-lattice{pointer-events:none;fill:#89f7c709;stroke:#89f7c7;stroke-width:1.8px;filter:drop-shadow(0 0 4px #89f7c744);width:72%;height:72%;animation:2s ease-in-out infinite shield-hum;position:absolute;inset:14%}.game-board.arena-prism{background:radial-gradient(at 50% 15%,#8b5cf62e,#0000 70%),radial-gradient(at 20% 80%,#c084fc1f,#0000 50%),linear-gradient(160deg,#241938 0%,#110d1c 45%,#08060e 100%);border-color:#8b5cf680;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000bf,0 0 35px #a855f738,inset 0 1px #ddd1ff59,inset 0 0 20px #8b5cf626}.game-board.arena-prism:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ddd1ff99,#0000 40%,#a855f7b3,#0000 80%,#c084fc66);padding:1px;animation:8s linear infinite prism-border-shimmer;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-prism:after{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#a855f714 0%,#0000 60%),radial-gradient(circle at 10% 20%,#ddd1ff0d 0%,#0000 35%);animation:12s ease-in-out infinite alternate prism-nebula-drift;position:absolute;inset:0}.game-board.arena-prism .board-cell{background:linear-gradient(135deg,#ddd1ff1f,#0000 40%),linear-gradient(150deg,#271f3b 0%,#151022 55%,#0f0a18 100%);border:1px solid #a855f74d;transition:border-color .2s,box-shadow .2s,background .2s,transform .12s;box-shadow:inset 1px 1px 2px #ddd1ff40,inset -2px -2px 4px #0009,0 2px 8px #00000059}.game-board.arena-prism .board-cell:not(:disabled):hover{background:linear-gradient(135deg,#ddd1ff3d,#0000 50%),linear-gradient(150deg,#372a54 0%,#201735 55%,#160f26 100%);border-color:#ddd1ffbf;transform:translateY(-1px);box-shadow:inset 1px 1px 3px #ddd1ff80,0 0 16px #a855f759}.game-board.arena-prism .board-cell.placed{animation:.4s ease-out prism-cell-pulse}.game-board.arena-prism .cell-coordinate{color:#c4b5fd;opacity:.65;letter-spacing:.8px;font-weight:600}@keyframes prism-border-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prism-nebula-drift{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes prism-cell-pulse{0%{box-shadow:inset 0 0 20px #a855f7cc}to{box-shadow:inset 1px 1px 2px #ddd1ff40}}.game-board.arena-forge{background:radial-gradient(at 50% 10%,#f5d06038,#0000 65%),radial-gradient(at 80% 85%,#d9770626,#0000 60%),linear-gradient(155deg,#2b2315 0%,#17120a 50%,#0a0805 100%);border-color:#d9770690;position:relative;overflow:hidden;box-shadow:0 24px 60px #000c,0 0 40px #f5d06033,inset 0 1px #fef3c773,inset 0 0 25px #d977061f}.game-board.arena-forge:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fef08acc 50%,#0000 100%) 0 0/200% 100%;padding:1.5px;animation:4s ease-in-out infinite forge-edge-light-flow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-forge:after{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(#f5d0601f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.game-board.arena-forge .board-cell{background:repeating-linear-gradient(120deg,#f5d06009 0 1px,#0000 1px 6px),linear-gradient(145deg,#322614 0%,#1f170c 55%,#130e06 100%);border:1px solid #d9770659;border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s,transform .12s;box-shadow:inset 1px 1px #fef08a33,inset -2px -2px #0000008c,0 3px 10px #0006}.game-board.arena-forge .board-cell:not(:disabled):hover{background:repeating-linear-gradient(120deg,#f5d06014 0 1px,#0000 1px 6px),linear-gradient(145deg,#44341b 0%,#2b2010 55%,#1c1509 100%);border-color:#fef08ad9;transform:translateY(-1px);box-shadow:inset 1px 1px #fef08a73,0 0 20px #f5d06059}.game-board.arena-forge .cell-coordinate{color:#fde68a;opacity:.7;letter-spacing:.8px;font-weight:600}@keyframes forge-edge-light-flow{0%{background-position:-200% 0}to{background-position:200% 0}}.game-board.arena-obsidian{background:radial-gradient(at 50% 85%,#ef444433,#0000 70%),radial-gradient(at 20% 30%,#f9731624,#0000 50%),linear-gradient(165deg,#1c1110 0%,#0d0707 50%,#040202 100%);border-color:#ea580c88;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 45px #ef444440,inset 0 1px #fed7aa4d,inset 0 0 30px #dc262626}.game-board.arena-obsidian:before{content:"";border-radius:inherit;opacity:.4;pointer-events:none;background:repeating-linear-gradient(45deg,#ef444440 0 3px,#0000 3px 12px);animation:3.5s ease-in-out infinite alternate obsidian-magma-pulse;position:absolute;inset:-2px}.game-board.arena-obsidian .board-cell{background:radial-gradient(at bottom,#ef444426,#0000 60%),linear-gradient(145deg,#241615 0%,#150c0b 55%,#0b0505 100%);border:1px solid #f9731659;border-radius:8px;transition:border-color .2s,box-shadow .2s,background .2s,transform .12s;box-shadow:inset 1px 1px #fed7aa26,inset -2px -2px #000000b3,0 2px 10px #00000080}.game-board.arena-obsidian .board-cell:not(:disabled):hover{background:radial-gradient(at bottom,#f9731640,#0000 65%),linear-gradient(145deg,#351f1e 0%,#1f1211 55%,#110707 100%);border-color:#fb923cd9;transform:translateY(-1px);box-shadow:inset 1px 1px #fed7aa59,0 0 20px #ef444473}.game-board.arena-obsidian .cell-coordinate{color:#fdba74;opacity:.7;letter-spacing:.8px;font-weight:600}@keyframes obsidian-magma-pulse{0%{opacity:.25;filter:brightness(.9)}to{opacity:.55;filter:brightness(1.3)}}.game-board.arena-frost{background:radial-gradient(at 50% 10%,#a5f3fc38,#0000 70%),radial-gradient(at 80% 80%,#38bdf826,#0000 50%),linear-gradient(160deg,#102636 0%,#0a1824 50%,#050d14 100%);border-color:#38bdf888;position:relative;overflow:hidden;box-shadow:0 24px 60px #000c,0 0 35px #38bdf833,inset 0 1px #e0f2fe73,inset 0 0 25px #38bdf81f}.game-board.arena-frost:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#e0f2fe14 0%,#0000 40%),radial-gradient(circle at 20% 80%,#38bdf814 0%,#0000 40%);position:absolute;inset:0}.game-board.arena-frost .board-cell{background:linear-gradient(135deg,#e0f2fe1f,#0000 45%),linear-gradient(150deg,#15344a 0%,#0d2232 55%,#081520 100%);border:1px solid #38bdf859;border-radius:10px;transition:border-color .2s,box-shadow .2s,background .2s,transform .12s;box-shadow:inset 1px 1px #e0f2fe4d,inset -2px -2px #0000008c,0 2px 8px #00000059}.game-board.arena-frost .board-cell:not(:disabled):hover{background:linear-gradient(135deg,#e0f2fe3d,#0000 50%),linear-gradient(150deg,#1e4866 0%,#122f45 55%,#0b1f2e 100%);border-color:#e0f2fecc;transform:translateY(-1px);box-shadow:inset 1px 1px #e0f2fe80,0 0 18px #38bdf859}.game-board.arena-frost .cell-coordinate{color:#bae6fd;opacity:.7;letter-spacing:.8px;font-weight:600}.game-board.arena-cyber{background:radial-gradient(at 50% 20%,#22d3ee2e,#0000 65%),linear-gradient(155deg,#091a24 0%,#051017 50%,#02070a 100%);border-color:#06b6d488;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000d9,0 0 35px #06b6d438,inset 0 1px #a5f3fc66,inset 0 0 20px #06b6d41a}.game-board.arena-cyber:before{content:"";pointer-events:none;background:linear-gradient(#22d3ee00 50%,#22d3ee0a 50%) 0 0/100% 4px;position:absolute;inset:0}.game-board.arena-cyber .board-cell{background:linear-gradient(135deg,#22d3ee14,#0000 40%),linear-gradient(145deg,#0d2635 0%,#071720 55%,#040e14 100%);border:1px solid #06b6d459;border-radius:6px;transition:border-color .2s,box-shadow .2s,background .2s,transform .12s;box-shadow:inset 1px 1px #a5f3fc33,inset -2px -2px #0009,0 2px 8px #0006}.game-board.arena-cyber .board-cell:not(:disabled):hover{background:linear-gradient(135deg,#22d3ee2e,#0000 50%),linear-gradient(145deg,#13394f 0%,#0c2331 55%,#06151f 100%);border-color:#a5f3fccc;transform:translateY(-1px);box-shadow:inset 1px 1px #a5f3fc66,0 0 18px #06b6d466}.game-board.arena-cyber .cell-coordinate{color:#67e8f9;opacity:.75;letter-spacing:1px;font-family:monospace;font-weight:700}.game-board.arena-verdant{background:radial-gradient(at 50% 20%,#4ade8033,#0000 70%),radial-gradient(at 80% 80%,#22c55e26,#0000 50%),linear-gradient(160deg,#0f291e 0%,#071912 50%,#030d09 100%);border-color:#22c55e88;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000d9,0 0 35px #22c55e38,inset 0 1px #bbf7d066,inset 0 0 25px #4ade801f}.game-board.arena-verdant:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#4ade8014 0%,#0000 45%),radial-gradient(circle at 80% 70%,#22c55e14 0%,#0000 45%);animation:6s ease-in-out infinite alternate verdant-aura-drift;position:absolute;inset:0}.game-board.arena-verdant .board-cell{background:linear-gradient(135deg,#4ade801a,#0000 45%),linear-gradient(150deg,#133827 0%,#0c251a 55%,#06150e 100%);border:1px solid #4ade8059;border-radius:8px;transition:border-color .2s,box-shadow .2s,background .2s,transform .12s;box-shadow:inset 1px 1px #bbf7d040,inset -2px -2px #0009,0 2px 8px #00000059}.game-board.arena-verdant .board-cell:not(:disabled):hover{background:linear-gradient(135deg,#4ade8038,#0000 50%),linear-gradient(150deg,#1b4f37 0%,#113826 55%,#0a2117 100%);border-color:#bbf7d0d9;transform:translateY(-1px);box-shadow:inset 1px 1px #bbf7d080,0 0 18px #22c55e66}.game-board.arena-verdant .cell-coordinate{color:#86efac;opacity:.75;letter-spacing:.8px;font-weight:600}@keyframes verdant-aura-drift{0%{opacity:.4;transform:scale(1)rotate(0)}to{opacity:.8;transform:scale(1.05)rotate(2deg)}}.game-board.arena-carbon{background:linear-gradient(125deg,#18232a,#0b1115);border-color:#556770;box-shadow:0 24px 60px #0008,0 0 30px #bed0db15,inset 0 1px #d0e2ed22}.game-board.arena-carbon .board-cell{background:repeating-linear-gradient(45deg,#1f2c34 0 3px,#1a242b 3px 6px);border:1px solid #73848c44;border-radius:4px}.game-board.arena-carbon .board-cell:not(:disabled):hover{background:repeating-linear-gradient(45deg,#2b3d48 0 3px,#23313a 3px 6px);border-color:#bed0db88}.game-board.arena-carbon .cell-coordinate{color:#92a4ad}.streak-challenge-banner{text-align:center;background:linear-gradient(135deg,#ffb80026,#ff66001f);border:1px solid #fc06;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:min(520px,94vw);margin:8px auto;padding:10px 16px;animation:2.5s ease-in-out infinite banner-pulse;display:flex;box-shadow:0 4px 20px #ffaa0026}@keyframes banner-pulse{0%,to{border-color:#fc06;box-shadow:0 4px 20px #ffaa0026}50%{border-color:#ffdc32b3;box-shadow:0 6px 28px #ffaa0059}}.streak-challenge-banner .streak-badge{letter-spacing:1.5px;color:#ffe066;text-transform:uppercase;font-size:11px;font-weight:900}.streak-challenge-banner p{color:#f6fcf8;margin:0;font-size:13px}.streak-challenge-banner p b{color:gold}.division-actions{flex-direction:column;gap:8px;width:100%;margin-top:clamp(12px,2vh,18px);display:flex}.division-actions>.button{width:100%;min-height:44px;margin-top:0;font-size:14px}.reset-series-btn{opacity:.85}.reset-series-btn:hover{opacity:1;color:#ff8577;border-color:#ff857766}.game-board.arena-rose{background:radial-gradient(at 50% 0,#ff8cb438 0%,#0000 60%),radial-gradient(circle at 10% 90%,#ff6b9d26 0%,#0000 45%),radial-gradient(circle at 90% 90%,#ff4d8826 0%,#0000 45%),linear-gradient(155deg,#240c18 0%,#15060e 45%,#0a0307 100%);border:1.5px solid #ff80aab3;position:relative;overflow:hidden;box-shadow:0 28px 70px #000000f2,0 0 50px #ff4d8861,0 0 100px #ff6b9d2e,inset 0 1.5px #ffe1eecc,inset 0 -2px 10px #000c,inset 0 0 40px #ff6b9d33}.game-board.arena-rose:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffebf5f2 0%,#ff80aa80 25%,#ff4d88f2 50%,#ffb4cd66 75%,#ffebf5e6 100%);padding:2.5px;animation:5s ease-in-out infinite alternate rose-living-rim;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-rose:after{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 12% 14%,#ff8cb447 0%,#0000 16%),radial-gradient(circle at 88% 12%,#ff8cb447 0%,#0000 16%),radial-gradient(circle at 86% 88%,#ff6b9d40 0%,#0000 18%),radial-gradient(circle at 14% 86%,#ff6b9d40 0%,#0000 18%),radial-gradient(#ff4d8814 0%,#0000 60%);animation:10s ease-in-out infinite alternate rose-petal-drift;position:absolute;inset:0}.game-board.arena-rose .board-cell{border-radius:calc(var(--radius-cell,12px) + 2px);background:linear-gradient(135deg,#ffebf538 0%,#ffa0c30f 40%,#0000 60%),radial-gradient(circle at 50% 45%,#180812 0%,#260c1c 65%,#3a1228 100%);border:1px solid #ff80aa8c;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1.5px 1px #fff0f8a6,inset 1.5px 0 2px #ff8cb459,inset -1.5px 0 2px #ff6b9d40,inset 0 -2.5px 4px #000000d9,inset 0 0 18px #ff4d882e,0 6px 16px #000000b3}.game-board.arena-rose .board-cell:before{content:"";border-radius:inherit;pointer-events:none;opacity:.85;background:linear-gradient(#fff0f82e 0%,#ffb4d20d 60%,#0000 100%);height:45%;position:absolute;top:0;left:0;right:0}.game-board.arena-rose .board-cell:not(:disabled):hover{background:linear-gradient(135deg,#fff5fa59 0%,#ffb4d21f 40%,#0000 60%),radial-gradient(circle at 50% 45%,#280e1e 0%,#3e152f 65%,#561c40 100%);border-color:#ffa0c3f2;transform:translateY(-2.5px);box-shadow:inset 0 2px 2px #ffffffd9,inset 0 0 22px #ff6b9d73,0 0 26px #ff4d88bf,0 8px 20px #000c}@keyframes rose-living-rim{0%{filter:drop-shadow(0 0 6px #ff6b9d80)drop-shadow(0 0 14px #ff4d884d);opacity:.85}to{filter:drop-shadow(0 0 16px #ff8cb4f2)drop-shadow(0 0 30px #ff4d8899);opacity:1}}@keyframes rose-petal-drift{0%{transform:translateY(0)rotate(0)scale(.98)}50%{transform:translateY(-8px)rotate(2deg)scale(1.02)}to{transform:translateY(-16px)rotate(-1deg)scale(1)}}.game-board.arena-celestial-orbit{background:radial-gradient(at 50% 20%,#4c6ef559 0%,#0000 65%),radial-gradient(circle at 80% 80%,#8a5cf640 0%,#0000 50%),radial-gradient(circle at 20% 70%,#3b82f633 0%,#0000 45%),linear-gradient(165deg,#0d163a 0%,#060a1c 55%,#02040b 100%);border:2px solid #4c6ef5a6;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 40px #4c6ef566,inset 0 1px #c7d2fe80,inset 0 0 30px #4c6ef540}.game-board.arena-celestial-orbit:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#c7d2fecc,#4c6ef54d 35%,#a855f7cc 60%,#4c6ef5d9);padding:2px;animation:5s linear infinite celestial-border-glow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-celestial-orbit:after{content:"";pointer-events:none;background:radial-gradient(circle at 10% 10%,#fff 1px,#0000 1px) 0 0/100% 100%,radial-gradient(circle at 90% 15%,#fff 1px,#0000 1px) 0 0/100% 100%,radial-gradient(circle at 80% 85%,#c7d2fe 1.5px,#0000 1.5px) 0 0/100% 100%,radial-gradient(circle at 25% 75%,#c7d2fe 1px,#0000 1px) 0 0/100% 100%,radial-gradient(circle,#6366f126 0%,#0000 60%) 0 0/100% 100%;animation:3s ease-in-out infinite alternate cosmic-star-pulse;position:absolute;inset:0}.game-board.arena-celestial-orbit .board-cell{background:linear-gradient(135deg,#c7d2fe29,#0000 45%),linear-gradient(150deg,#152254 0%,#0c1433 60%,#050819 100%);border:1px solid #4c6ef573;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 1px 1px 3px #c7d2fe4d,0 4px 12px #0009}.game-board.arena-celestial-orbit .board-cell:not(:disabled):hover{border-color:#93c5fde6;transform:translateY(-2px);box-shadow:0 0 20px #4c6ef5a6,inset 1px 1px 4px #c7d2fe80}@keyframes celestial-border-glow{0%,to{opacity:.85;filter:drop-shadow(0 0 6px #4c6ef580)}50%{opacity:1;filter:drop-shadow(0 0 16px #8a5cf6e6)}}@keyframes cosmic-star-pulse{0%{opacity:.5}to{opacity:1}}.game-board.arena-forest{background:radial-gradient(at 50% 30%,#22c55e47 0%,#0000 65%),radial-gradient(circle at 15% 85%,#86efac2e 0%,#0000 50%),radial-gradient(circle at 85% 85%,#14532d66 0%,#0000 50%),linear-gradient(165deg,#12381a 0%,#0a1f0f 55%,#040d06 100%);border:2px solid #22c55ea6;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000d9,0 0 40px #22c55e59,inset 0 1px #bbf7d080,inset 0 0 30px #22c55e40}.game-board.arena-forest:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#bbf7d0cc,#22c55e66 30%,#4ade80e6 60%,#22c55ed9);padding:2px;animation:4s ease-in-out infinite alternate forest-glow-pulse;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-forest:after{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#bbf7d033 0%,#0000 15%),radial-gradient(circle at 80% 25%,#bbf7d033 0%,#0000 15%),radial-gradient(circle at 50% 80%,#86efac33 0%,#0000 20%);animation:6s ease-in-out infinite alternate firefly-float;position:absolute;inset:0}.game-board.arena-forest .board-cell{background:linear-gradient(135deg,#bbf7d02e,#0000 45%),linear-gradient(150deg,#1b4b24 0%,#102e16 60%,#091a0d 100%);border:1px solid #22c55e73;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 1px 1px 3px #bbf7d059,0 4px 12px #00000080}.game-board.arena-forest .board-cell:not(:disabled):hover{border-color:#86eface6;transform:translateY(-2px);box-shadow:0 0 20px #22c55ea6,inset 1px 1px 4px #bbf7d080}@keyframes forest-glow-pulse{0%{filter:drop-shadow(0 0 4px #22c55e66);opacity:.8}to{filter:drop-shadow(0 0 14px #4ade80e6);opacity:1}}@keyframes firefly-float{0%{transform:translateY(0)scale(.95)}to{transform:translateY(-8px)scale(1.05)}}.game-board.arena-ocean{background:radial-gradient(at 50% 25%,#06b6d44d 0%,#0000 65%),radial-gradient(circle at 80% 80%,#0ea5e933 0%,#0000 50%),linear-gradient(165deg,#092c3a 0%,#051922 55%,#020d12 100%);border:2px solid #06b6d4a6;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 40px #06b6d466,inset 0 1px #a5f3fc80,inset 0 0 30px #06b6d440}.game-board.arena-ocean:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#a5f3fccc,#06b6d466 35%,#38bdf8e6 65%,#06b6d4cc);padding:2px;animation:5s ease-in-out infinite alternate ocean-border-wave;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-ocean:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 60%,#a5f3fc26 0%,#0000 25%),radial-gradient(circle at 70% 30%,#a5f3fc26 0%,#0000 25%);animation:7s ease-in-out infinite alternate ocean-caustic-drift;position:absolute;inset:0}.game-board.arena-ocean .board-cell{background:linear-gradient(135deg,#a5f3fc2e,#0000 45%),linear-gradient(150deg,#103f52 0%,#092633 60%,#05161f 100%);border:1px solid #06b6d473;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 1px 1px 3px #a5f3fc4d,0 4px 12px #00000080}.game-board.arena-ocean .board-cell:not(:disabled):hover{border-color:#a5f3fce6;transform:translateY(-2px);box-shadow:0 0 20px #06b6d4a6,inset 1px 1px 4px #a5f3fc80}@keyframes ocean-border-wave{0%{filter:drop-shadow(0 0 4px #06b6d466);opacity:.8}to{filter:drop-shadow(0 0 16px #38bdf8e6);opacity:1}}@keyframes ocean-caustic-drift{0%{transform:translateY(0)scale(.98)}to{transform:translateY(-12px)scale(1.02)}}.game-board.arena-cybergrid{background:radial-gradient(at 50% 25%,#a855f74d 0%,#0000 65%),radial-gradient(circle at 80% 80%,#d946ef33 0%,#0000 50%),linear-gradient(165deg,#241142 0%,#130825 55%,#080310 100%);border:2px solid #a855f7b3;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 45px #a855f773,inset 0 1px #f0abfc99,inset 0 0 30px #a855f740}.game-board.arena-cybergrid:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f0abfce6,#a855f74d 30%,#d946efe6 60%,#a855f7e6);padding:2px;animation:3s linear infinite cyber-chassis-pulse;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-cybergrid:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 8px,#a855f714 9px,#0000 10px);animation:4s linear infinite cyber-scan-sweep;position:absolute;inset:0}.game-board.arena-cybergrid .board-cell{background:linear-gradient(135deg,#f0abfc2e,#0000 45%),linear-gradient(150deg,#32165c 0%,#1e0d37 60%,#0f061c 100%);border:1px solid #a855f773;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 1px 1px 3px #f0abfc59,0 4px 12px #0009}.game-board.arena-cybergrid .board-cell:not(:disabled):hover{border-color:#f0abfcf2;transform:translateY(-2px);box-shadow:0 0 22px #a855f7b3,inset 1px 1px 4px #f0abfc99}@keyframes cyber-chassis-pulse{0%,to{filter:drop-shadow(0 0 6px #a855f780);opacity:.85}50%{filter:drop-shadow(0 0 18px #d946eff2);opacity:1}}@keyframes cyber-scan-sweep{0%{transform:translateY(0)}to{transform:translateY(100px)}}.game-board.arena-frozen-realm{background:radial-gradient(at 50% 25%,#38bdf852 0%,#0000 65%),radial-gradient(circle at 15% 85%,#bae6fd33 0%,#0000 50%),linear-gradient(165deg,#102d4a 0%,#091a2c 55%,#040c16 100%);border:2px solid #38bdf8b3;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 45px #38bdf873,inset 0 1px #e0f2fe99,inset 0 0 30px #38bdf840}.game-board.arena-frozen-realm:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffffe6,#38bdf866 30%,#93c5fde6 60%,#38bdf8d9);padding:2px;animation:4s ease-in-out infinite alternate ice-crystal-shimmer;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-frozen-realm:after{content:"";pointer-events:none;background:radial-gradient(circle at 15% 15%,#e0f2fe33 0%,#0000 20%),radial-gradient(circle at 85% 15%,#e0f2fe33 0%,#0000 20%),radial-gradient(circle,#38bdf81f 0%,#0000 50%);animation:3s ease-in-out infinite alternate frost-glint;position:absolute;inset:0}.game-board.arena-frozen-realm .board-cell{background:linear-gradient(135deg,#e0f2fe33,#0000 45%),linear-gradient(150deg,#18426d 0%,#0e2944 60%,#061423 100%);border:1px solid #38bdf873;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 1px 1px 3px #fff6,0 4px 12px #0009}.game-board.arena-frozen-realm .board-cell:not(:disabled):hover{border-color:#e0f2fef2;transform:translateY(-2px);box-shadow:0 0 22px #38bdf8b3,inset 1px 1px 4px #fff9}@keyframes ice-crystal-shimmer{0%{filter:drop-shadow(0 0 4px #38bdf866);opacity:.85}to{filter:drop-shadow(0 0 18px #bae6fdf2);opacity:1}}@keyframes frost-glint{0%{opacity:.6}to{opacity:1}}.game-board.arena-luna{background:radial-gradient(at 50% 25%,#f59e0b4d 0%,#0000 65%),radial-gradient(circle at 80% 80%,#fde68a2e 0%,#0000 50%),linear-gradient(165deg,#332612 0%,#1c150a 55%,#0d0a04 100%);border:2px solid #f59e0ba6;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 40px #f59e0b66,inset 0 1px #fef3c78c,inset 0 0 30px #f59e0b40}.game-board.arena-luna:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fef3c7d9,#f59e0b66 30%,#fbbf24e6 60%,#f59e0bd9);padding:2px;animation:4.5s ease-in-out infinite alternate luna-border-glow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-luna:after{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#fef3c72e 0%,#0000 20%),radial-gradient(circle at 80% 20%,#fef3c72e 0%,#0000 20%),radial-gradient(circle,#f59e0b1f 0%,#0000 55%);animation:6s ease-in-out infinite alternate moonlight-drift;position:absolute;inset:0}.game-board.arena-luna .board-cell{background:linear-gradient(135deg,#fef3c72e,#0000 45%),linear-gradient(150deg,#483719 0%,#291f0e 60%,#151007 100%);border:1px solid #f59e0b73;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 1px 1px 3px #fef3c759,0 4px 12px #0009}.game-board.arena-luna .board-cell:not(:disabled):hover{border-color:#fef3c7f2;transform:translateY(-2px);box-shadow:0 0 20px #f59e0ba6,inset 1px 1px 4px #fef3c78c}@keyframes luna-border-glow{0%{filter:drop-shadow(0 0 4px #f59e0b66);opacity:.85}to{filter:drop-shadow(0 0 16px #fbbf24e6);opacity:1}}@keyframes moonlight-drift{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.game-board.arena-sakura-dream{background:radial-gradient(at 50% 25%,#f472b64d 0%,#0000 65%),radial-gradient(circle at 80% 80%,#fbcfe82e 0%,#0000 50%),linear-gradient(165deg,#381522 0%,#1e0b13 55%,#0e0509 100%);border:2px solid #f472b6a6;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 45px #f472b666,inset 0 1px #fdf2f88c,inset 0 0 30px #f472b640}.game-board.arena-sakura-dream:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fdf2f8d9,#f472b666 30%,#ec4899e6 60%,#f472b6d9);padding:2px;animation:4s ease-in-out infinite alternate sakura-border-glow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-board.arena-sakura-dream:after{content:"";pointer-events:none;background:radial-gradient(circle at 15% 15%,#fbcfe838 0%,#0000 18%),radial-gradient(circle at 85% 15%,#fbcfe838 0%,#0000 18%),radial-gradient(circle at 85% 85%,#fbcfe838 0%,#0000 18%),radial-gradient(circle at 15% 85%,#fbcfe838 0%,#0000 18%);animation:6s ease-in-out infinite alternate sakura-wind-sway;position:absolute;inset:0}.game-board.arena-sakura-dream .board-cell{background:linear-gradient(135deg,#fdf2f82e,#0000 45%),linear-gradient(150deg,#501e30 0%,#2d111b 60%,#16070c 100%);border:1px solid #f472b673;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 1px 1px 3px #fdf2f859,0 4px 12px #0009}.game-board.arena-sakura-dream .board-cell:not(:disabled):hover{border-color:#fdf2f8f2;transform:translateY(-2px);box-shadow:0 0 20px #f472b6a6,inset 1px 1px 4px #fdf2f88c}@keyframes sakura-border-glow{0%{filter:drop-shadow(0 0 4px #f472b666);opacity:.85}to{filter:drop-shadow(0 0 16px #ec4899e6);opacity:1}}@keyframes sakura-wind-sway{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(2deg)}}.settings-dialog.reset-series-dialog{-webkit-backdrop-filter:blur(20px);width:min(440px,100vw - 32px);max-width:440px;color:var(--text,#f7ead7);background:#0e1c22fa;border:1px solid #ff857759;border-radius:20px;padding:24px 22px;box-shadow:0 24px 70px #000000d9,0 0 30px #ff85771f}.settings-dialog.reset-series-dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#03080dd1}.settings-dialog.reset-series-dialog[open]{animation:.22s cubic-bezier(.16,1,.3,1) resetDialogIn}@keyframes resetDialogIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.reset-series-dialog .dialog-heading{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.reset-series-dialog .division-eyebrow{color:#ff9587;letter-spacing:1.5px;font-size:10px}.reset-series-dialog h2{color:#fff;margin:4px 0 0;font-size:clamp(20px,4vw,24px)}.reset-dialog-warning{color:#c7d8dc;margin:14px 0 20px;font-size:13px;line-height:1.5}.reset-dialog-warning strong{color:#ffd768}.reset-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.reset-dialog-actions .button{min-height:42px;padding:8px 18px;font-size:13px}.reset-confirm-btn{color:#fff!important;background:linear-gradient(135deg,#d34336,#b02e22)!important;border-color:#ff8c8266!important}.reset-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#e54d3f,#c43528)!important;box-shadow:0 0 16px #e54d3f66!important}@media (width<=480px){.reset-dialog-actions{gap:8px;width:100%;display:flex}.reset-dialog-actions .button{text-align:center;flex:1;justify-content:center;padding:10px 8px;font-size:12px}}.room-ready.bg-draft-panel{-webkit-backdrop-filter:blur(16px);background:#0e1c22f2;border:1px solid #69ded040;border-radius:18px;flex-direction:column;gap:clamp(8px,1.4vh,14px);width:min(540px,100vw - 24px);max-width:540px;margin:clamp(6px,1.8vh,20px) auto;padding:clamp(12px,2vh,20px) clamp(12px,3vw,20px);display:flex;box-shadow:0 20px 60px #000000b3}.bg-draft-header{text-align:center}.bg-draft-panel h2{color:#fff;letter-spacing:-.01em;margin:0 0 4px;font-size:clamp(17px,3.8vw,22px)}.bg-draft-panel p{color:#9db2af;max-width:440px;margin:0 auto;font-size:clamp(11px,2.6vw,12.5px);line-height:1.35}.bg-draft-options{flex-direction:column;gap:clamp(6px,1vh,8px);width:100%;display:flex}.bg-draft-card{cursor:pointer;transition:all .18s;text-align:left!important;background:#11242bbf!important;border:1px solid #69ded02e!important;border-radius:12px!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;min-height:clamp(50px,7vh,62px)!important;padding:clamp(6px,1vh,10px) 12px!important;display:flex!important}.bg-draft-card:hover{transform:translateY(-1px);background:#17313ae6!important;border-color:#69ded059!important}.bg-draft-card[aria-pressed=true]{background:linear-gradient(135deg,#1c403eeb,#0f262bf2)!important;border-color:#64dcc1!important;box-shadow:0 0 16px #64dcc138,inset 0 0 12px #64dcc114!important}.bg-draft-card-icon{background:#08131899;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:flex}.bg-draft-card[aria-pressed=true] .bg-draft-card-icon{background:#64dcc124;border-color:#64dcc14d}.bg-draft-card-icon .ability-icon{width:20px;height:20px}.bg-draft-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bg-draft-card-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.bg-draft-card-name-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bg-draft-card-title-row b{color:#f5ebd8;font-size:clamp(13px,3vw,14.5px);font-weight:700}.bg-draft-card[aria-pressed=true] .bg-draft-card-title-row b{color:#64dcc1}.bg-draft-uses-badge{letter-spacing:.6px;color:#ffd768;background:#f5ce7e1f;border:1px solid #f5ce7e52;border-radius:6px;padding:2px 7px;font-size:9.5px;font-weight:800}.bg-draft-card[aria-pressed=true] .bg-draft-uses-badge{background:#f5ce7e38;border-color:#f5ce7e8c}.bg-draft-checkbox{background:#08131899;border:1.5px solid #69ded059;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-left:auto;transition:all .18s;display:flex}.bg-draft-checkbox.is-checked{background:#64dcc1;border-color:#64dcc1;box-shadow:0 0 10px #64dcc173}.bg-draft-check-icon{stroke:#091b1d;width:13px;height:13px;display:block}.bg-draft-card small{color:#9cb3af;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(10px,2.4vw,11px);line-height:1.3;display:-webkit-box;overflow:hidden}.bg-draft-card[aria-pressed=true] small{color:#c4ded9}.bg-draft-actions{align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.bg-draft-submit{letter-spacing:.3px;flex:1;border-radius:12px!important;justify-content:center!important;align-items:center!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 18px!important;font-size:clamp(13px,3.2vw,14.5px)!important;font-weight:700!important;display:flex!important}.bg-draft-actions .guide-button{color:#9db2af!important;cursor:pointer!important;background:#11242bbf!important;border:1px solid #69ded038!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;margin:0!important;padding:0!important;transition:all .18s!important;display:flex!important}.bg-draft-actions .guide-button:hover{transform:translateY(-1px);color:#f5ebd8!important;background:#17313af2!important;border-color:#64dcc1!important}.bg-draft-actions .guide-button svg{display:block;width:20px!important;height:20px!important}.room-result-dialog[open]{box-sizing:border-box;text-align:center;background:#0e1e24fa;border:1.5px solid #69e1cb73;border-radius:22px;flex-direction:column;align-items:stretch;gap:clamp(10px,1.6vh,16px);width:min(560px,100vw - 24px);max-width:560px;max-height:min(94dvh,880px);padding:clamp(14px,3.6vw,24px) clamp(14px,4vw,24px);display:flex;overflow:hidden;box-shadow:0 28px 80px #000000e0,0 0 45px #69e1cb2e}.room-result-dialog[open]>*{width:100%;margin-inline:auto}.room-result-dialog[open]>.modal-scroll-content{scrollbar-width:thin;scrollbar-color:#69e1cb73 transparent;flex:auto;min-height:0;margin:0;padding:2px 4px}.room-result-dialog[open]>.bg-draft-panel{gap:clamp(8px,1.2vh,12px)}.room-result-note{color:#c1d1d6;margin:12px 0 0;font-size:clamp(12.5px,2.6vw,14px);line-height:1.5}.room-ready-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.room-ready-chips li{text-align:left;background:#11242bbf;border:1px solid #69ded03d;border-radius:12px;gap:2px;min-width:min(180px,100%);padding:8px 12px;display:grid}.room-ready-chips li b{color:#e9f6f4;font-size:13px}.room-ready-chips li span{letter-spacing:.5px;color:#9db2af;text-transform:uppercase;font-size:11px;font-weight:700}.room-ready-chips li.is-ready{background:linear-gradient(135deg,#1c403eeb,#0f262bf2);border-color:#64dcc1;box-shadow:0 0 14px #64dcc12e}.room-ready-chips li.is-ready span{color:#64dcc1}.room-code-block{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:12px auto 0;display:flex}.room-code-block .room-code-copy{min-height:46px;margin:0}@media (width<=600px){.room-waiting{padding:12px}.room-waiting h2{margin:0 0 4px;font-size:16px}.room-waiting>p{margin:0 0 6px;font-size:12px}.room-code-block{flex-wrap:nowrap;gap:8px;margin-top:6px}.room-code-block input{flex:auto;min-width:0;max-width:none;padding:9px;font-size:20px}.room-code-block .room-code-copy{flex:none;min-height:42px;padding:8px 12px;font-size:12px}.room-match-summary{margin:8px 0}.room-ready-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.room-ready-chips li{border-radius:10px;min-width:0;padding:6px 8px}.room-ready-chips li b{font-size:11.5px}.room-ready-chips li span{letter-spacing:.3px;font-size:9px}}@media (height<=820px){.bg-draft-card{min-height:clamp(44px,6.2vh,54px)!important}}@media (width<=380px){.bg-draft-card{min-height:44px!important;padding:5px 10px!important}.room-waiting{padding:10px}.room-match-summary span{padding:4px 7px;font-size:10px}.opponent-powers-list{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;row-gap:3px;min-width:0}.opponent-powers-bar,.opponent-powers{flex-wrap:wrap}}.room-series{flex-direction:column;align-items:center;gap:3px;margin-top:4px;display:flex}.room-series.variant-hud{flex-flow:wrap;justify-content:center;align-items:center;gap:3px 8px;margin-top:2px}.room-series-format{letter-spacing:1.6px;color:var(--teal,#69e1cb);font-size:9.5px;font-weight:800}.room-series-score{font-variant-numeric:tabular-nums;color:#f5ebd8;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;max-width:100%;font-size:16px;display:flex}.room-series-opponent{overflow-wrap:anywhere;min-width:0}.room-series-score i{color:#68818e;font-size:12px;font-style:normal}.room-series-target{letter-spacing:1.3px;color:#9db2af;text-transform:uppercase;font-size:10px}.room-series.variant-result{gap:5px;margin:14px auto 0}.room-series.variant-result .room-series-score{font-size:clamp(18px,4vw,22px)}.reward-breakdown{gap:6px;width:min(100%,340px);margin:6px auto 0;padding:0;list-style:none;display:grid}.reward-breakdown li{color:#c1d1d6;background:#11242b99;border:1px solid #69ded02e;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 10px;font-size:12.5px;display:flex}.reward-breakdown li b{color:#f5ebd8;font-variant-numeric:tabular-nums}.reward-breakdown li.reward-streak{background:#f5ce7e1a;border-color:#f5ce7e73}.reward-breakdown li.reward-streak b{color:#ffd768}@media (width<=600px){.room-result-dialog[open]{border-radius:18px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.room-code-block input{font-size:24px}.room-ready-chips li{min-width:100%}}.room-page .room-waiting{text-align:center;background:linear-gradient(#13282fe6,#0d1c22e6);border:1px solid #69ded038;border-radius:18px;flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,14px);width:min(560px,100%);margin:0 auto;padding:clamp(14px,2.4vh,22px) clamp(12px,3vw,20px);display:flex}.room-page .room-waiting h2{letter-spacing:-.01em;margin:0;font-size:clamp(17px,4.6vw,22px)}.room-waiting-lede{color:#a9bfbd;max-width:40ch;margin:0;font-size:clamp(12.5px,3.4vw,14px);line-height:1.45}.room-page .room-waiting-status{color:var(--teal);letter-spacing:.02em;margin:0;font-size:clamp(12px,3.2vw,13px);font-weight:750}.room-stake-note{color:#9db2af;max-width:44ch;margin:0;font-size:clamp(11.5px,3.1vw,12.5px);line-height:1.45}.room-page .room-code-block{flex-wrap:nowrap;gap:10px;width:100%;max-width:420px;margin:0 auto}.room-page .room-code-block input{letter-spacing:.14em;flex:auto;min-width:0;max-width:none;min-height:54px;padding:8px 10px;font-size:clamp(19px,6.4vw,30px);font-weight:800}.room-page .room-code-block .room-code-copy{white-space:nowrap;flex:none;min-height:54px}.room-page.is-prematch .arena-players{margin-bottom:8px}.room-page.is-prematch .arena-player{justify-content:center;min-height:44px;padding:4px 8px}.room-page.is-prematch .arena-player .player-details{display:none}.room-page.is-prematch .arena-avatar{width:30px;height:30px}.room-page.is-prematch .arena-avatar svg{width:24px;height:24px}.room-page.is-prematch .shared-clock strong{letter-spacing:.14em;font-size:clamp(16px,4.6vw,22px)}.room-page .room-ready-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:460px;margin:0 auto;padding:0;list-style:none;display:grid}.room-page .room-ready-chips li{text-align:left;background:#11242bb8;border:1px solid #69ded038;border-radius:12px;grid-template-columns:10px minmax(0,1fr);grid-template-areas:"dot name""dot status";align-items:center;gap:2px 8px;min-width:0;min-height:46px;padding:7px 10px;display:grid}.room-page .room-ready-chips li:before{content:"";background:#58707a;border-radius:50%;grid-area:dot;width:8px;height:8px;box-shadow:0 0 0 3px #58707a2e}.room-page .room-ready-chips li.is-ready{background:linear-gradient(135deg,#1c403ed9,#0f262be6);border-color:#64dcc199;box-shadow:0 0 14px #64dcc129}.room-page .room-ready-chips li.is-ready:before{background:#64dcc1;box-shadow:0 0 0 3px #64dcc138}.room-page .room-ready-chips li b{color:#e9f6f4;white-space:nowrap;text-overflow:ellipsis;grid-area:name;min-width:0;font-size:clamp(12px,3.4vw,13.5px);overflow:hidden}.room-page .room-ready-chips li span{color:#9db2af;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;grid-area:status;min-width:0;font-size:clamp(9px,2.6vw,10px);font-weight:800;overflow:hidden}.room-page .room-ready-chips li.is-ready span{color:#64dcc1}.room-page .room-match-summary{gap:6px;margin:0}.room-page .room-match-summary span{padding:4px 8px;font-size:clamp(10px,2.9vw,11px)}.room-page .room-ready.room-prematch{text-align:center;gap:10px;width:min(560px,100%);margin:0 auto;padding:0;display:grid}.room-page .room-prematch>.bg-draft-panel{width:100%;max-width:none;margin:0}.room-action-status{color:#a9bfbd;margin:0;font-size:clamp(11.5px,3.1vw,12.5px);line-height:1.45}.room-prematch-actions{gap:8px;width:100%;display:grid}.room-page .room-primary-action{width:100%;min-height:52px;margin:0;font-size:clamp(14.5px,4vw,16px)}.room-page .session-score.is-prematch{flex-flow:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:2px}.room-page .room-series.variant-prematch{flex-flow:wrap;justify-content:center;align-items:center;gap:4px 8px;margin-top:0}.room-page .room-series i,.room-page .session-score i{color:#68818e;font-size:12px;font-style:normal}.room-page .session-score.is-prematch .room-series-format,.room-page .session-score.is-prematch .room-series-target{font-size:9.5px}.room-page .room-series.variant-hud{flex-direction:column;gap:2px;margin-top:0}.room-page .room-series.variant-hud .room-series-target{letter-spacing:1.4px}.room-page .room-series.variant-hud .room-series-score{font-size:clamp(15px,4.4vw,17px)}@media (width>=901px) and (height>=701px){.room-page .room-series.variant-hud{flex-direction:row;gap:6px 14px}}@media (orientation:landscape) and (height<=600px){.room-page .session-score{align-self:center}}.room-page .room-connection{letter-spacing:1.4px;text-transform:uppercase;font-size:9px;font-weight:750}.room-page .room-connection.is-reconnecting{color:#f4c56c}.room-page .room-connection.is-lost{color:#ff998a}.room-page .room-connection.is-recovered{color:var(--teal)}@media (orientation:landscape) and (height<=560px){.room-page .room-waiting{gap:6px;padding:10px 12px}.room-page .room-waiting h2{font-size:15px}.room-page .room-waiting-lede,.room-page .room-stake-note{display:none}.room-page .room-code-block input{min-height:46px;font-size:20px}.room-page .room-code-block .room-code-copy{min-height:46px}.room-page .room-ready-chips li{min-height:40px}.room-page .room-primary-action{min-height:46px}.room-page.is-prematch:not(:has(.bg-draft-panel)) .live-arena{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"players players""invite action""score score";place-content:start center;place-items:start center;gap:6px 12px;display:grid}.room-page.is-prematch:not(:has(.bg-draft-panel)) .arena-players{grid-area:players}.room-page.is-prematch:not(:has(.bg-draft-panel)) .room-waiting{grid-area:invite;width:100%}.room-page.is-prematch:not(:has(.bg-draft-panel)) .room-prematch{grid-area:action;width:100%;max-width:420px}.room-page.is-prematch:not(:has(.bg-draft-panel)) .session-score{grid-area:score}}.bg-draft-count{color:#9db2af;letter-spacing:.06em;text-transform:uppercase;background:#69ded014;border:1px solid #69ded03d;border-radius:999px;align-items:baseline;gap:4px;margin-top:6px;padding:3px 9px;font-size:10.5px;font-weight:750;display:inline-flex}.bg-draft-count b{color:var(--teal,#69e1cb);font-size:12.5px}.bg-draft-actions{z-index:3;padding-bottom:max(8px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);background:linear-gradient(#0e1c2200 0%,#0d1b21f0 46%,#0d1b21fa 100%);position:sticky;bottom:0}.bg-draft-panel.inside-result{width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:10px 0 0;padding:0}.bg-draft-panel.inside-result .bg-draft-header{display:none}.room-result-head{gap:clamp(2px,.5vh,6px)}.room-result-dialog.bg-defeat{border-color:#ff998a80;box-shadow:0 28px 80px #000000e0,0 0 40px #ff998a24}.room-result-head .result-status-tag{letter-spacing:.22em;font-size:clamp(11px,2.6vw,12.5px)}.room-result-head .result-headline{font-size:clamp(27px,8vw,40px)}.room-result-dialog[open] .room-series.variant-result{margin-top:2px}.room-result-dialog .room-result-note{margin-top:8px}.room-result-dialog .room-result-stake{border-left:2px solid var(--gold,#f4c56c);color:#e6cf9e;text-align:left;background:#f4c56c14;max-width:none;padding:8px 10px}.room-result-dialog .room-result-waiting{color:var(--teal);margin:8px 0 0;font-size:12.5px;font-weight:700}.room-result-details{text-align:left;background:#11242b8c;border:1px solid #69ded02e;border-radius:12px;width:100%;margin:10px auto 0}.room-result-details>summary{color:#cfe9e4;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:12.5px;font-weight:750;list-style:none;display:flex}.room-result-details>summary::-webkit-details-marker{display:none}.room-result-details>summary:after{content:"⌄";color:var(--teal);font-size:15px;transition:transform .18s}.room-result-details[open]>summary:after{transform:rotate(180deg)}.room-result-details>.result-rewards{width:100%;padding:0 12px 12px}.room-result-dialog .room-result-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.room-result-dialog .result-division-link{align-items:center;min-height:44px;margin-top:2px;display:inline-flex}@media (height<=700px){.room-result-dialog[open]{max-height:calc(100dvh - 12px)}}