.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{border-bottom:1px solid #ffffff0b;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1600px;height:56px;margin:0 auto;padding:0 32px;display:grid}.arena-nav h1{letter-spacing:4px;text-align:center;outline:none;margin:0;font-size:13px;line-height:1.3}.arena-nav h1>span{color:var(--muted);letter-spacing:1.8px;margin-top:4px;font-size:8px;font-weight:500;display:block}.arena-exit{min-height:44px;color:var(--muted);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{border-color:#0000;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(520px, calc(100svh - 280px));grid-template-areas:"players""board""turn""result""tools""score""error";align-content:center;justify-items:center;max-width:820px;min-height:calc(100svh - 56px);margin:0 auto;padding:14px 20px 18px;display:grid;position:relative}.arena-players{grid-area:players;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,2.5vw,24px);width:min(720px,100%);margin-bottom:18px;display:grid}.arena-player{border-radius:var(--radius-cell);--player-color:var(--teal);background:#ffffff02;border:1px solid #ffffff0d;align-items:center;gap:14px;min-height:68px;padding:10px 18px;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}.arena-result>.error-message{order:4}.bg-result{left:calc(50% + var(--board-size) / 2 + 36px);width:280px;box-shadow:none;z-index:15;background:0 0;border:0;grid-area:auto;gap:14px;padding:0;animation:.32s ease-out bg-result-in;display:grid;position:absolute;top:100px;transform:none}@media (width<=1100px){.bg-result{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12262cf5;border:1px solid #69e1cb66;border-radius:20px;width:min(92vw,420px);max-height:90svh;padding:24px;animation:.24s cubic-bezier(.16,1,.3,1) both result-enter;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000c,0 0 30px #69e1cb26}}.bg-result-heading{gap:3px;display:grid}.bg-defeat .bg-result-heading>span{color:var(--coral)}.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}@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{color:var(--muted);justify-self:center;font-size:11px}.result-back: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}}@media (width<=1000px){.bg-result{width:var(--board-size);grid-area:result;grid-template-columns:1fr auto;align-items:end;max-width:100%;margin-top:10px;position:static;transform:none}.bg-result .reward-card,.bg-result .result-rewards,.bg-result .result-back{grid-column:1/-1}.bg-result .result-back{justify-content:center;align-items:center;min-height:44px;display:flex}.bg-result-heading{grid-column:1}.bg-result .button{grid-area:1/2;width:auto;padding:0 18px}@keyframes bg-result-in{0%{opacity:0;transform:translateY(8px)}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] .ability-options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.room-ready[open] .ability-options .ability-button{width:100%;max-width:none;min-height:104px;padding:10px}.room-ready[open] .ability-options .ability-button small{font-size:10px;line-height:1.3}.room-ready[open] .guide-button{display:none}.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-ready[open] .ability-options{grid-template-columns:1fr}.room-ready[open] .ability-options .ability-button{min-height:0}}.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}.room-ready-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.room-ready-actions .button{min-height:44px}.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-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}.ability-panel .ability-button{text-align:center;place-items:center;min-width:0}.opponent-abilities-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12262c99;border:1px solid #ff998a40;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:min(520px,94vw);margin:6px auto 10px;padding:6px 14px;display:flex}.opponent-powers-label{letter-spacing:1px;color:#ff998a;text-transform:uppercase;font-size:10px;font-weight:800}.opponent-powers-list{align-items:center;gap:8px;display:flex}.opponent-power-chip{color:#e5fff7;background:#24434a80;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.opponent-power-chip.exhausted{opacity:.35;filter:grayscale()}.opponent-power-chip svg{width:14px;height:14px}.opponent-power-name{text-transform:capitalize}.opponent-power-count{color:#ffdc89;font-size:11px;font-weight:700}.ability-panel .ability-options{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.ability-panel .ability-button{padding-inline:5px;font-size:11px}.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{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;gap:9px;padding:12px 0;display:grid}.result-rewards.loading{color:var(--muted);font-size:12px}.result-rewards .reward-gains{gap:12px;margin:0}.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);margin:0;font-size:11px}@keyframes reward-pop{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.result-rewards .reward-kicker{font-size:10px}.result-rewards .reward-gains strong{letter-spacing:.5px;font-size:17px}.progression-block{gap:6px;padding-top:7px;display:grid}.progression-block>span{color:var(--muted);letter-spacing:1.5px;font-size:9px;font-weight:800}.progression-block>b{letter-spacing:.8px;font-size:17px}.progression-block small{color:var(--muted);font-size:10px}.progression-block small em{color:var(--teal);font-style:normal;font-weight:800}.dual-track{background:#071419;border-radius:99px;height:8px;position:relative;overflow:hidden}.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-hub{width:min(100% - 32px,560px);margin:48px auto;padding-bottom:30px}.division-intro{margin-bottom:28px}.division-intro h1{margin:12px 0;font-size:clamp(30px,6vw,48px)}.division-intro p,.division-note{color:#a9bfc5;line-height:1.6}.division-eyebrow{color:#69ded0;letter-spacing:.15em;font-size:11px;font-weight:700}.division-series{border-top:1px solid #345057;border-bottom:1px solid #345057;padding:24px 0}.division-series h2{letter-spacing:.04em;margin:10px 0;font-size:clamp(24px,4vw,38px)}.division-status{letter-spacing:.07em;color:#69ded0;font-size:12px;font-weight:800}.division-series.relegated .division-status{color:#ff9587}.series-slots{gap:10px;margin:20px 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:42px;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:12px;display:flex}.series-score strong{font-size:28px}.series-score small,.series-score span,.series-targets{color:#b2c5c9;font-size:12px}.series-track{background:#22383f;border-radius:6px;height:8px;margin:14px 0;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:14px;position:absolute;top:-3px}.series-message{margin:18px 0 8px;font-size:14px;line-height:1.5}.series-rules{color:#a9bfc5;font-size:11px;line-height:1.5;display:block}.division-hub>.button{width:100%;margin-top:22px}.division-note{font-size:12px}.result-rewards .division-series{border-bottom:0;margin-top:20px;padding:18px 0 0}.result-rewards .division-series h2{font-size:23px}.result-rewards .series-slots{gap:5px;margin:12px 0}.result-rewards .series-slots li{height:30px}.result-rewards .series-score strong{font-size:22px}.result-rewards .series-message{font-size:12px}.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:26px}}@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}.bg-result-actions{display:contents}@media (width<=600px) and (orientation:portrait){.arena-page:has(.ability-panel) .live-arena{--board-size:min(calc(100vw - 32px), calc(100svh - 330px))}}@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}.arena-page:has(.bg-result){padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.arena-page:has(.bg-result) .ability-panel{display:none}.bg-result .bg-result-actions{z-index:20;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom,0px));background:#102128;border:1px solid #345057;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid;position:fixed}.bg-result .bg-result-actions>.button,.bg-result .bg-result-actions>.result-back{grid-area:auto;min-height:44px;margin:0}.bg-result .bg-result-actions>.button{width:100%;padding:0 12px;font-size:14px}.bg-result .bg-result-actions>.result-back{padding:0 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.board-stage:has(.swap-trail) .skill-piece_moved>.piece{opacity:1;animation: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:10px;width:100%;margin-top:22px;display:flex}.division-actions>.button{width:100%;margin-top:0}.reset-series-btn{opacity:.85}.reset-series-btn:hover{opacity:1;color:#ff8577;border-color:#ff857766}