:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#070a10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-ap: #f59e0b;--color-ap-soft: rgba(245, 158, 11, .18);--color-mp: #38bdf8;--color-mp-soft: rgba(56, 189, 248, .18);--color-shield: #a78bfa;--color-shield-soft: rgba(167, 139, 250, .18);--color-hp: #22c55e;--color-hp-warning: #eab308;--color-hp-danger: #f97316;--color-hp-critical: #ef4444;--color-damage: #ef4444;--color-heal: #22c55e;--color-credits: #facc15;--color-trap: #f8fafc;--color-info: #67e8f9;--color-warning: #facc15;--color-success: #22c55e;--color-danger: #ef4444;--color-muted: #94a3b8;--panel-bg: rgba(10, 15, 24, .84);--panel-line: rgba(148, 163, 184, .18)}@property --turn-angle{syntax: "<angle>"; inherits: true; initial-value: 360deg;}@property --turn-progress{syntax: "<percentage>"; inherits: true; initial-value: 100%;}@property --meter-percent{syntax: "<percentage>"; inherits: true; initial-value: 0%;}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}.app-shell{--board-y-offset: clamp(82px, 8vh, 108px);height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:10px;overflow:hidden;position:relative;color:#f8fafc;background:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px),radial-gradient(circle at 4% 50%,rgba(56,189,248,.1),transparent 38%),radial-gradient(circle at 96% 50%,rgba(239,68,68,.1),transparent 38%),linear-gradient(90deg,#070b11,#10131a,#070b11);background-size:72px 72px,72px 72px,100% 100%,100% 100%,100% 100%}.command-deck,.player-panel{border:1px solid var(--panel-line);background:var(--panel-bg);box-shadow:0 16px 60px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:76px;padding:12px 16px;border-radius:8px}.eyebrow{margin:0 0 2px;color:#67e8f9;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(24px,3vw,40px);line-height:1}.turn-clock{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:98px;height:46px;border:1px solid rgba(103,232,249,.35);border-radius:8px;color:#cffafe;background:#082f4973;box-shadow:0 0 26px #22d3ee2b;font-size:26px;font-weight:900}.turn-clock[data-warning=true]{border-color:#fb7185b8;color:#ffe4e6;animation:timerWarning .7s ease-in-out infinite alternate}.fa-icon{display:inline-grid;place-items:center;width:var(--fa-icon-size);height:var(--fa-icon-size);flex:0 0 auto;line-height:1;color:currentColor}.fa-icon svg{display:block;width:100%;height:100%;overflow:hidden}.timer-ring{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--timer-ring-color, var(--color-mp)) var(--turn-angle),rgba(148,163,184,.18) 0deg);color:#020617;position:relative}.timer-ring:before{content:"";position:absolute;inset:5px;border-radius:inherit;background:#08111d}.timer-ring svg{position:relative;z-index:1;color:#e0f2fe}.icon-button,.end-turn,.emote-button,.skill-button,.cell{cursor:pointer}.icon-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(148,163,184,.28);border-radius:8px;color:#e2e8f0;background:#0f172abf}.pwa-install-layer{display:none}.scoreboard{pointer-events:none;position:fixed;left:50%;top:12px;z-index:60;display:grid;grid-template-columns:minmax(480px,1fr) auto minmax(480px,1fr);align-items:center;gap:8px;width:min(1480px,calc(100vw - 24px));translate:-50% 0}.score-wing{position:relative;isolation:isolate;min-width:0;min-height:58px;display:grid;grid-template-columns:40px minmax(92px,1fr) 116px;align-items:center;gap:12px;overflow:visible;padding:0 0 0 12px;border:1px solid var(--panel-line);border-radius:12px;background:#0a0f18db;box-shadow:inset 0 1px #ffffff0d,0 14px 42px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.score-wing.home{border-color:#38bdf847;background:linear-gradient(90deg,#38bdf829,#0a0f18db 68%,#38bdf81f)}.score-wing.away{grid-template-columns:116px minmax(92px,1fr) 40px;padding:0 12px 0 0;border-color:#f43f5e47;background:linear-gradient(90deg,#f43f5e1f,#0a0f18db 32%,#f43f5e29);text-align:right}.score-wing[data-active=true]{border-color:#fbbf248f;box-shadow:inset 0 1px #ffffff12,0 0 34px #fbbf2424,0 14px 42px #00000052;animation:activeScoreBreath 2.2s ease-in-out infinite}.score-wing[data-active=true]:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.13) 48%,transparent 62%);background-size:260% 100%;background-position:150% 0;opacity:0;animation:activeScoreSweep 2.6s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}.score-wing>:not(.score-point-burst){position:relative;z-index:1}.score-player-meta{display:none}.score-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:10px}.score-avatar .player-chip{width:40px;height:40px}.score-wing.away .player-chip,.score-avatar[data-player=B] .player-chip{color:#fb7185;background:#4c05196b}.score-player-copy{min-width:0;display:grid;gap:2px}.score-player-copy strong{overflow:hidden;color:#f8fafc;font-size:15px;font-weight:950;line-height:1;text-overflow:ellipsis;white-space:nowrap}.score-wing.home .score-player-copy strong{color:#dff7ff}.score-wing.away .score-player-copy strong{color:#ffe4e6}.score-player-copy em,.score-center span,.score-center em{color:#94a3b8;font-size:10px;font-style:normal;font-weight:900;letter-spacing:0;text-transform:uppercase}.score-player-meta{display:none;align-items:center;justify-content:flex-end;gap:10px;min-width:292px}.score-wing.away .score-player-meta{justify-content:flex-start}.score-player-mmr{display:grid;justify-items:center;min-width:42px;padding:6px 8px;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:#0f172a6b;line-height:1}.score-wing.away .score-player-mmr{justify-items:center}.score-player-mmr small{display:grid;place-items:center;color:#64748b;font-size:8px;font-weight:950;text-transform:uppercase}.score-player-mmr b{margin-top:5px;font-size:13px;font-weight:950}.score-items b{color:#e2e8f0}.score-player-mmr[data-token] b,.score-player-mmr[data-token] small{color:var(--score-stat-color, var(--stat-accent))}.score-player-score{display:none}.score-items small{color:#cbd5e1}.score-tile-counter{position:relative;align-self:stretch;display:grid;grid-template-columns:minmax(38px,1fr);grid-template-rows:auto 1fr 5px;grid-template-areas:"label" "value" "shield";align-content:center;align-items:center;justify-items:center;row-gap:3px;min-width:116px;padding:5px 10px 7px;overflow:hidden;color:#f8fafc;background:#0f172ab8;box-shadow:inset 0 1px #ffffff14}.score-tile-counter.home{border-left:1px solid rgba(56,189,248,.24);border-radius:0 11px 11px 0}.score-tile-counter.away{border-right:1px solid rgba(244,63,94,.24);border-radius:11px 0 0 11px}.score-tile-counter small{grid-area:label;color:#94a3b8;font-size:8px;font-weight:950;text-transform:uppercase}.score-tile-counter[data-hp-tone=healthy]{background:var(--score-hp-bg-healthy)}.score-tile-counter[data-hp-tone=warning]{background:var(--score-hp-bg-warning)}.score-tile-counter[data-hp-tone=danger]{background:var(--score-hp-bg-danger)}.score-tile-counter[data-hp-tone=critical]{background:var(--score-hp-bg-critical)}.score-tile-value{grid-area:value;position:relative;display:inline-grid;place-items:center;min-width:2ch;font-size:18px;font-weight:1000;animation:scoreTileRoll .34s cubic-bezier(.2,.85,.18,1) both}.score-shield-value{grid-area:shield;width:100%;height:5px;min-width:0;min-height:0;overflow:hidden;display:block;border:1px solid rgba(167,139,250,.2);border-radius:999px;background:#0f172ac2;box-shadow:inset 0 0 0 1px #0f172a38;transition:border-color .26s ease,background .26s ease,box-shadow .26s ease}.score-shield-value:before{content:"";display:block;width:var(--score-shield-percent, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#ddd6fe);box-shadow:0 0 10px #a78bfa5c;transition:width .32s cubic-bezier(.16,1,.3,1)}.score-shield-value[data-active=true]{border-color:#a78bfa94;background:#312e813d;box-shadow:0 0 16px #a78bfa24,inset 0 0 0 1px #0f172a33}.score-center{pointer-events:auto;position:relative;display:grid;place-items:center;min-width:220px;min-height:72px;padding:8px 22px;border:1px solid var(--panel-line);border-radius:16px;background:#0a0f18e6;text-align:center;box-shadow:inset 0 1px #ffffff0d,0 14px 42px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.score-center[data-phase=round-over]{border-color:#eab3086b}.score-center[data-phase=match-over]{border-color:#22c55e6b}.score-total{display:inline-flex;align-items:baseline;justify-content:center;gap:7px;color:#f8fafc;font-size:38px;font-weight:1000;line-height:.95}.score-total i{color:#64748b;font-style:normal}.score-value{display:inline-block;min-width:1ch;text-align:center;animation:scoreValuePop .56s cubic-bezier(.2,.85,.18,1) both}.score-value.home{color:#dff7ff}.score-value.away{color:#ffe4e6}.score-point-burst{pointer-events:none;position:absolute;inset:-12px;border-radius:inherit;opacity:0;animation:scorePointBurst .76s ease-out both}.score-point-burst.home{background:radial-gradient(circle at 15% 50%,rgba(56,189,248,.32),transparent 46%)}.score-point-burst.away{background:radial-gradient(circle at 85% 50%,rgba(244,63,94,.32),transparent 46%)}.game-layout{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;padding-top:0}.turn-preview-dock{--turn-card-w: 82px;--turn-card-gap: 7px;--turn-pointer-x: calc(var(--turn-card-w) / 2);pointer-events:auto;position:absolute;right:14px;bottom:12px;z-index:36}.turn-preview-dock[data-active-player=B]{--turn-pointer-x: calc(var(--turn-card-w) + var(--turn-card-gap) + var(--turn-card-w) / 2)}.turn-preview-list{display:flex;align-items:end;gap:var(--turn-card-gap);margin:0;padding:0;list-style:none}.turn-preview-card{--turn-card-accent: #67e8f9;--turn-card-soft: rgba(34, 211, 238, .2);--turn-blob-top: 64px;--turn-card-progress: 0%;position:relative;width:var(--turn-card-w);height:var(--turn-card-w);display:grid;grid-template-columns:minmax(0,1fr) 17px;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;column-gap:5px;padding:4px 5px 5px;border:2px solid color-mix(in srgb,var(--turn-card-accent) 52%,rgba(248,250,252,.24));border-radius:7px;color:#f8fafc;background:#02061733;box-shadow:0 10px 22px #0003;animation:turnPreviewIn .36s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--turn-card-delay);transition:translate .26s cubic-bezier(.16,1,.3,1),border-color .26s ease,box-shadow .26s ease,filter .26s ease;pointer-events:auto;cursor:default;outline:none}.turn-preview-card:before{content:"";position:absolute;inset:4px;z-index:0;height:var(--turn-card-progress);margin-top:auto;border-radius:5px;background:#ffffff57;box-shadow:inset 0 1px #ffffff57;opacity:0;transition:height .18s linear,opacity .22s ease;pointer-events:none}.turn-preview-card:after{content:attr(data-player-name);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:8;max-width:120px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--turn-card-accent) 58%,rgba(248,250,252,.22));border-radius:6px;color:#f8fafc;background:#020617f0;box-shadow:0 12px 28px #00000057,0 0 16px color-mix(in srgb,var(--turn-card-accent) 18%,transparent);font-size:10px;font-weight:1000;line-height:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px) scale(.96);transform-origin:bottom center;transition:opacity .14s ease,transform .14s ease}.turn-preview-card:hover:after,.turn-preview-card:focus-visible:after{opacity:1;transform:translate(-50%) scale(1)}.turn-preview-card[data-current=true]:before{opacity:.72}.turn-preview-card>*{position:relative;z-index:2}.turn-preview-card:hover,.turn-preview-card:focus-visible{border-color:color-mix(in srgb,var(--turn-card-accent) 72%,white 10%);box-shadow:0 0 0 1px color-mix(in srgb,var(--turn-card-accent) 22%,transparent),0 0 18px var(--turn-card-soft),0 14px 26px #00000047;filter:brightness(1.08)}.turn-preview-card[data-shortcut=true]{cursor:pointer}.turn-preview-card[data-player=B]{--turn-card-accent: #fb7185;--turn-card-soft: rgba(244, 63, 94, .22)}.turn-preview-card[data-current=true]{border-color:#f97316;box-shadow:0 0 0 1px #fed7aa4d,0 0 18px #f973163d,0 14px 24px #00000047;translate:0 -5px}.turn-preview-pointer{position:absolute;left:0;top:-18px;z-index:2;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:14px solid #f8fafc;filter:drop-shadow(0 -2px 0 #f97316) drop-shadow(0 5px 8px rgba(249,115,22,.42));translate:calc(var(--turn-pointer-x) - 50%) 0;transition:translate .32s cubic-bezier(.16,1,.3,1);animation:turnPointerBounce .76s ease-in-out infinite}.turn-preview-stage{grid-column:1;grid-row:1;position:relative;min-height:60px;overflow:visible;border:0;border-radius:4px;background:transparent;box-shadow:none}.turn-preview-stage .blob-unit{left:34%!important;scale:.74;transition:none}.turn-preview-stage .blob-body{animation-duration:1.28s}.turn-preview-stage .blob-unit[data-active=true] .blob-body{animation:blobIdle 1s ease-in-out infinite,activeGlow 1s ease-in-out infinite alternate}.turn-preview-hp,.turn-preview-shield{grid-column:2;position:absolute;top:8px;bottom:21px;width:5px;overflow:hidden;border-radius:999px;background:#0f172aad;box-shadow:inset 0 0 0 1px #0f172a42}.turn-preview-hp{right:5px}.turn-preview-shield{right:13px;left:auto}.turn-preview-hp span,.turn-preview-shield span{position:absolute;left:0;right:0;bottom:0;border-radius:inherit}.turn-preview-hp span{height:var(--turn-card-hp);background:linear-gradient(180deg,#86efac,#22c55e);box-shadow:0 0 10px #22c55e7a}.turn-preview-card[data-hp-tone=warning] .turn-preview-hp span{background:linear-gradient(180deg,#fde047,#f59e0b)}.turn-preview-card[data-hp-tone=danger] .turn-preview-hp span{background:linear-gradient(180deg,#fdba74,#f97316)}.turn-preview-card[data-hp-tone=critical] .turn-preview-hp span{background:linear-gradient(180deg,#fb7185,#dc2626)}.turn-preview-shield span{height:var(--turn-card-shield);background:linear-gradient(180deg,#ddd6fe,#8b5cf6);box-shadow:0 0 10px #a78bfa80}.turn-preview-copy{grid-column:1 / -1;grid-row:2;min-width:0;display:none;gap:1px;padding:4px 1px 0;text-align:center;line-height:1}.turn-preview-copy strong,.turn-preview-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-preview-copy strong{color:#f8fafc;font-size:9px;font-weight:1000;line-height:1.05}.turn-preview-copy small{display:none;color:var(--turn-card-accent);font-size:8px;font-weight:950}.player-panel{min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:8px}.player-panel[data-active=true]{border-color:#67e8f994;box-shadow:0 0 42px #22d3ee2e,inset 0 1px #ffffff0f}.player-panel[data-player=B][data-active=true]{border-color:#fb718594;box-shadow:0 0 42px #f43f5e33,inset 0 1px #ffffff0f}.panel-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.panel-head h2{font-size:18px;line-height:1.1}.panel-head p,.stat-grid dt,.tooltip span,.tooltip p,.action-log{color:#94a3b8}.player-chip{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:8px;color:#67e8f9;background:#082f4973;font-weight:900}.player-panel[data-player=B] .player-chip{color:#fb7185;background:#4c051966}.meter{display:grid;gap:5px;--stat-accent: #94a3b8;--stat-soft: rgba(148, 163, 184, .16);--meter-track-fill: linear-gradient(90deg, var(--stat-accent), var(--stat-accent));--meter-track-fill-warning: var(--meter-track-fill);--meter-track-fill-danger: var(--meter-track-fill);--meter-track-fill-critical: var(--meter-track-fill);--meter-ring-color: #94a3b8;--meter-ring-soft: rgba(148, 163, 184, .16)}.meter-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#cbd5e1}.meter-label span{display:inline-flex;align-items:center;gap:4px;min-width:0}.meter-label strong{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.meter-label strong b{display:inline-block;font:inherit;transform-origin:center}.meter-label strong b[data-animate=true]{animation:meterValueBump .36s cubic-bezier(.16,1,.3,1) both}.meter-label strong b[data-direction=up],.meter-ring-core strong[data-direction=up]{color:color-mix(in srgb,var(--meter-ring-color) 78%,#ffffff 18%)}.meter-label strong b[data-direction=down],.meter-ring-core strong[data-direction=down]{color:color-mix(in srgb,var(--meter-ring-color) 62%,#f8fafc 10%)}.meter-label strong span{font:inherit}.meter .meter-label .fa-icon{color:var(--stat-accent)}.meter[data-tone=hp][data-low-hp=true] .meter-label .fa-icon,.meter[data-tone=hp][data-low-hp=true] .meter-ring-core small .fa-icon{animation:hudHeartBeat .82s ease-in-out infinite;filter:drop-shadow(0 0 9px rgba(34,197,94,.32))}.meter[data-tone=shield][data-active=true] .meter-label .fa-icon{animation:hudShieldPulse 1.3s ease-in-out infinite}.meter-track{height:7px;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#0f172ae6}.meter-track span{display:block;height:100%;border-radius:inherit;background:var(--meter-track-fill);transition:width .52s cubic-bezier(.16,1,.3,1),background .22s ease,filter .22s ease}.meter[data-tone=hp][data-hp-tone=warning] .meter-track span{background:var(--meter-track-fill-warning)}.meter[data-tone=hp][data-hp-tone=danger] .meter-track span{background:var(--meter-track-fill-danger)}.meter[data-tone=hp][data-hp-tone=critical] .meter-track span{background:var(--meter-track-fill-critical)}.meter-ring{display:none}.meter[data-variant=circle]{justify-items:center}.meter[data-variant=circle] .meter-label,.meter[data-variant=circle] .meter-track{display:none}.meter[data-variant=circle] .meter-ring{--meter-ring-track: rgba(15, 23, 42, .86);width:58px;aspect-ratio:1;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at center,rgba(2,6,23,.96) 0 63%,transparent 64%),conic-gradient(var(--meter-ring-color) var(--meter-percent),var(--meter-ring-track) 0);box-shadow:inset 0 0 0 1px var(--meter-ring-soft),0 0 18px color-mix(in srgb,var(--meter-ring-color) 14%,transparent);transition:--meter-percent .52s cubic-bezier(.16,1,.3,1),box-shadow .26s ease,filter .26s ease}.meter[data-variant=circle] .meter-ring-core{width:46px;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:4px;border-radius:999px;background:#020617e6;color:#f8fafc;box-shadow:inset 0 0 0 1px #94a3b81f}.meter[data-variant=circle] .meter-ring-core small{display:inline-flex;align-items:center;justify-content:center;min-width:0;color:#cbd5e1;line-height:1;min-height:13px}.meter[data-variant=circle] .meter-ring-core strong{display:inline-block;max-width:44px;overflow:hidden;color:var(--meter-ring-color);font-size:14px;font-weight:1000;font-variant-numeric:tabular-nums;line-height:1;text-overflow:ellipsis;transition:color .26s ease,transform .26s ease}.meter[data-variant=circle] .meter-ring-core strong[data-animate=true]{animation:meterValueBump .36s cubic-bezier(.16,1,.3,1) both}.meter[data-variant=circle] .meter-ring-core .fa-icon{color:var(--meter-ring-color);transition:color .26s ease,filter .26s ease,transform .26s ease}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:auto 0 0}.stat-grid div{padding:10px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0f172a9e}.stat-grid dt{font-size:11px;text-transform:uppercase}.stat-grid dd{margin:4px 0 0;font-weight:900}.arena-column{min-width:0;display:grid;grid-template-rows:minmax(0,1fr)}.board-wrap{min-height:0;position:relative;display:grid;place-items:center;padding:10px 4px 0;overflow:hidden}.iso-board{position:relative;max-width:100%;max-height:100%;transform-origin:center center;scale:1.26;translate:0 var(--board-y-offset);filter:drop-shadow(0 28px 56px rgba(0,0,0,.42));transition:scale .42s cubic-bezier(.2,.86,.2,1),filter .22s ease}.iso-board[data-snap-click=true]{cursor:crosshair}.iso-board-rotor{position:absolute;inset:0;transform:scale(var(--board-view-scale, 1));transform-origin:center center;opacity:1;transition:transform .42s cubic-bezier(.2,.86,.2,1),opacity .16s ease,filter .22s ease;will-change:transform}.iso-board[data-view-transition=out] .iso-board-rotor{opacity:0;filter:blur(3px);transform:scale(.96)}.iso-board[data-view-transition=in] .iso-board-rotor{opacity:1;filter:blur(0)}.iso-board[data-view-mode=front]{--board-view-scale: 1;scale:1.12;translate:0 clamp(10px,2vh,30px)}.iso-board[data-view-mode=front] .iso-board-rotor{transform:scale(var(--board-view-scale, 1))}.iso-board[data-view-mode=front][data-view-transition=out] .iso-board-rotor{opacity:0;filter:blur(3px);transform:scale(.96)}.iso-board[data-view-mode=front] .iso-cell{clip-path:var(--cell-clip);border-radius:0;transform:none;border-color:#94a3b821}.board-view-controls{position:absolute;right:195px;bottom:12px;z-index:42;display:grid;grid-auto-flow:column;gap:4px;padding:4px;border:1px solid rgba(125,211,252,.18);border-radius:8px;background:#080d16ad;box-shadow:0 12px 28px #00000042;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.board-view-controls button{min-width:44px;min-height:32px;padding:0 8px;border:1px solid transparent;border-radius:6px;color:#cbd5e1;background:#0f172a94;font-size:11px;font-weight:800}.board-view-controls button[data-active=true]{color:#ecfeff;border-color:#22d3ee9e;background:#0e749070;box-shadow:inset 0 1px #ffffff14}.iso-board:before{content:"";position:absolute;inset:26px 76px 34px;border-radius:50%;background:radial-gradient(ellipse at center,#94a3b814,#02061700 70%);pointer-events:none}.iso-cell{position:absolute;width:var(--tile-w);height:var(--tile-h);padding:0;border:1px solid rgba(148,163,184,.18);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border-radius:0;background:linear-gradient(135deg,#232f41f2,#0c121cfa),#10131a;box-shadow:inset 0 1px #ffffff0f,inset 0 -8px 14px #02061761,0 7px #020617a8;transform:translate(-50%);transition:filter .14s ease,background .14s ease,box-shadow .14s ease}.iso-cell:hover{filter:brightness(1.24)}.iso-cell[data-reachable=true]{background:linear-gradient(135deg,#38bdf852,#19293cf5),#172033;box-shadow:inset 0 0 0 1px #7dd3fc52,0 7px #08121ec7,0 12px 24px #0000002e}.iso-cell[data-move-option=true]{cursor:pointer}.iso-cell[data-move-destination=true]{filter:brightness(1.34) saturate(1.08);box-shadow:inset 0 0 0 2px #22d3ee85,0 7px #08121ec7,0 14px 28px #22d3ee2e}.iso-cell[data-target-invalid=true]{cursor:not-allowed;background:linear-gradient(135deg,#fbbf241f,#451a0338),#121925;box-shadow:inset 0 0 0 1px #fbbf2424,0 7px #080d17c7,0 10px 20px #00000024;filter:saturate(.78) brightness(.9)}.iso-cell[data-target=true]{background:linear-gradient(135deg,#fbbf24b8,#92400eeb),#92400e;box-shadow:inset 0 0 0 1px #fef08a75,0 7px #451a03d1,0 14px 28px #00000038}.iso-cell[data-pinged=true]{animation:tilePingBlink 1.8s ease-out forwards}.iso-cell[data-blocked=true]{cursor:not-allowed;overflow:visible;border-color:#4755699e;background:linear-gradient(135deg,#47556980,#0f172af5),#1e293beb}.iso-cell[data-terrain=broken]{border-color:#0f172ab8;background:radial-gradient(ellipse at 50% 54%,rgba(0,0,0,.96) 0 34%,transparent 35%),linear-gradient(145deg,#1e293bcc 0 24%,#070c14f5 25% 62%,#33415580 63% 100%),#0b121ef5;box-shadow:inset 0 3px #94a3b814,inset 10px 0 18px #02061780,inset -12px -8px 20px #000000ad,0 5px #000000c7}.iso-cell[data-terrain=broken]:before,.iso-cell[data-terrain=broken]:after{content:"";position:absolute;pointer-events:none}.iso-cell[data-terrain=broken]:before{left:50%;top:50%;width:70%;height:58%;clip-path:polygon(50% 0%,93% 42%,78% 72%,50% 100%,19% 76%,7% 44%);background:radial-gradient(ellipse at 50% 58%,#000 0 42%,#020617f5 43% 100%);box-shadow:inset 0 5px #94a3b81a,inset 10px 0 18px #020617b3,inset -8px -10px 18px #000000e6,0 -1px #cbd5e129,0 7px 10px #00000061;opacity:.98;transform:translate(-50%,-50%)}.iso-cell[data-terrain=broken]:after{inset:7px 10px;background:linear-gradient(122deg,transparent 0 22%,rgba(148,163,184,.24) 23% 25%,transparent 26% 100%),linear-gradient(36deg,transparent 0 58%,rgba(96,165,250,.18) 59% 61%,transparent 62% 100%),radial-gradient(circle at 23% 48%,rgba(148,163,184,.28) 0 2px,transparent 3px),radial-gradient(circle at 74% 42%,rgba(148,163,184,.22) 0 2px,transparent 3px);opacity:.78}.board-ping-marker{position:absolute;width:54px;height:54px;display:grid;place-items:center;pointer-events:none;color:#67e8f9;transform:translate(-50%,-50%);animation:boardPingPop 1.8s ease-out forwards}.board-ping-marker[data-player=B]{color:#fb7185}.board-ping-marker:before,.board-ping-marker:after,.board-ping-marker span{content:"";position:absolute;border-radius:999px}.board-ping-marker:before{inset:4px;border:2px solid currentColor;box-shadow:0 0 18px color-mix(in srgb,currentColor 48%,transparent);animation:boardPingRing .9s ease-out 2}.board-ping-marker:after{width:9px;height:9px;background:currentColor;box-shadow:0 0 16px currentColor}.board-ping-marker span{inset:18px;border:1px solid currentColor;opacity:.9}.block-volume{--projection-scale: 1;position:absolute;width:58px;height:50px;transform:translate(-50%,-100%) scale(var(--projection-scale));transform-origin:center bottom;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(0,0,0,.34))}.block-volume:before{content:"";position:absolute;left:50%;bottom:-14px;width:56px;height:28px;transform:translate(-50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#02061770}.block-volume:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,96% 28%,96% 70%,50% 100%,4% 70%,4% 28%);border:1px solid rgba(148,163,184,.3);background:linear-gradient(150deg,rgba(203,213,225,.42) 0 28%,transparent 29%),linear-gradient(30deg,#0f172af5 0 50%,#334155f5 51% 100%);box-shadow:inset 0 1px #ffffff1f,inset 0 -12px 20px #02061747}.blob-unit{--blob-bubble: rgba(96, 165, 250, .9);--blob-bubble-soft: rgba(34, 211, 238, .42);--projection-scale: 1;position:absolute;width:66px;height:78px;transform:translate(-50%,-100%) scale(var(--projection-scale));transition:left 175ms cubic-bezier(.2,.86,.2,1),top 175ms cubic-bezier(.2,.86,.2,1),filter .16s ease;pointer-events:none}.blob-unit[data-interactive=true]{pointer-events:auto;cursor:default}.blob-unit[data-interactive=true]:hover,.blob-unit[data-inspected=true],.blob-unit[data-interactive=true][data-shortcut=true]{filter:drop-shadow(0 0 18px var(--blob-bubble-soft))}.blob-unit[data-shortcut=true]{cursor:pointer}.blob-unit[data-player=B]{--blob-bubble: rgba(251, 113, 133, .92);--blob-bubble-soft: rgba(244, 63, 94, .42)}.blob-unit:before,.blob-unit:after{content:"";position:absolute;left:50%;bottom:16px;z-index:7;width:92px;height:92px;border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%) scale(.38);mix-blend-mode:screen}.blob-unit[data-ko=true]:before{background:radial-gradient(circle at 48% 42%,var(--blob-bubble) 0 7px,transparent 8px),radial-gradient(circle at 28% 48%,var(--blob-bubble-soft) 0 5px,transparent 6px),radial-gradient(circle at 70% 50%,var(--blob-bubble) 0 4px,transparent 5px),radial-gradient(circle at 38% 70%,var(--blob-bubble-soft) 0 4px,transparent 5px),radial-gradient(circle at 62% 76%,var(--blob-bubble) 0 5px,transparent 6px);filter:drop-shadow(0 0 10px var(--blob-bubble-soft));animation:blobBubbleBurstA 1.05s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-ko=true]:after{width:108px;height:108px;background:radial-gradient(circle at 22% 38%,var(--blob-bubble) 0 4px,transparent 5px),radial-gradient(circle at 78% 34%,var(--blob-bubble-soft) 0 6px,transparent 7px),radial-gradient(circle at 42% 20%,var(--blob-bubble-soft) 0 4px,transparent 5px),radial-gradient(circle at 58% 62%,var(--blob-bubble) 0 3px,transparent 4px),radial-gradient(circle at 82% 68%,var(--blob-bubble) 0 4px,transparent 5px),radial-gradient(circle at 18% 72%,var(--blob-bubble-soft) 0 3px,transparent 4px);filter:blur(.2px) drop-shadow(0 0 9px var(--blob-bubble-soft));animation:blobBubbleBurstB 1.18s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-moving=true]{transition:filter .16s ease}.blob-health{position:absolute;left:50%;top:-25px;z-index:4;width:78px;min-height:18px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;padding:3px 5px;border:1px solid rgba(248,250,252,.22);border-radius:999px;background:#050a12c7;box-shadow:0 10px 18px #00000047,inset 0 1px #ffffff14;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blob-health-value{min-width:20px;color:#f8fafc;font-size:9px;font-weight:950;line-height:1;text-align:right;text-shadow:0 1px 0 rgba(0,0,0,.55)}.blob-bars{min-width:0;display:grid;gap:2px}.blob-health-track,.blob-shield-track{position:relative;height:7px;overflow:hidden;border-radius:999px;background:#0f172aeb;box-shadow:inset 0 0 0 1px #94a3b829}.blob-shield-track{height:5px;background:#21163ef5;box-shadow:inset 0 0 0 1px #a78bfa3d}.blob-health-fill,.blob-shield-fill{position:absolute;left:0;top:0;height:100%;border-radius:inherit;transition:width .36s cubic-bezier(.16,1,.3,1)}.blob-health-fill{background:linear-gradient(90deg,var(--color-hp),#86efac);box-shadow:0 0 10px #22c55e47}.blob-shield-fill{min-width:4px;background:linear-gradient(90deg,#7c3aed,#a78bfa 62%,#ddd6fe);box-shadow:0 0 10px #a78bfa9e}.blob-unit[data-shield-active=true] .blob-health{border-color:#a78bfa6b}.blob-unit[data-shield-active=true] .blob-health{min-height:24px;align-items:center}.blob-unit[data-shield-active=true] .blob-bars{gap:3px}.blob-unit[data-hp-tone=warning] .blob-health-fill{background:linear-gradient(90deg,var(--color-hp-warning),#fde047);box-shadow:0 0 10px #eab30847}.blob-unit[data-hp-tone=danger] .blob-health-fill{background:linear-gradient(90deg,var(--color-hp-danger),#fdba74);box-shadow:0 0 10px #f9731647}.blob-unit[data-hp-tone=critical] .blob-health-fill{background:linear-gradient(90deg,var(--color-hp-critical),#fb7185);box-shadow:0 0 10px #ef444452}.blob-unit[data-active=true] .blob-health{border-color:#fbbf2480}.blob-unit[data-damaged=true] .blob-health{animation:blobHealthHit .56s cubic-bezier(.16,1,.3,1) both}.blob-shadow{position:absolute;left:50%;bottom:-10px;width:62px;height:20px;border-radius:50%;transform:translate(-50%);background:#00000061;filter:blur(2px)}.blob-body{position:absolute;left:50%;bottom:8px;width:54px;height:54px;display:block;transform:translate(-50%);overflow:hidden;border:2px solid rgba(207,250,254,.72);border-radius:48% 52% 44% 56%/58% 56% 44% 42%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.26) 0 4px,transparent 7px),radial-gradient(circle at 62% 66%,rgba(186,230,253,.26) 0 9px,transparent 16px),linear-gradient(145deg,#7dd3fcc7,#2563ebb8 72%);box-shadow:inset 0 9px 14px #fff3,inset 0 -12px 18px #0206173d,0 13px 24px #0000003d;-webkit-backdrop-filter:blur(2px) saturate(1.15);backdrop-filter:blur(2px) saturate(1.15);animation:blobIdle 1.5s ease-in-out infinite}.blob-body:before,.blob-body:after{content:"";position:absolute;inset:5px;z-index:0;border-radius:inherit;pointer-events:none}.blob-body:before{background:radial-gradient(circle at 23% 58%,rgba(255,255,255,.3) 0 3px,transparent 4px),radial-gradient(circle at 72% 34%,rgba(255,255,255,.22) 0 4px,transparent 5px),radial-gradient(circle at 58% 78%,rgba(224,242,254,.24) 0 2px,transparent 3px),radial-gradient(circle at 40% 38%,rgba(186,230,253,.16) 0 6px,transparent 8px);filter:blur(.15px);opacity:.82;animation:blobInnerBubbles 5.2s ease-in-out infinite}.blob-body:after{inset:0;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.24) 0 7px,transparent 13px),linear-gradient(160deg,rgba(255,255,255,.12),transparent 48%);opacity:.64;mix-blend-mode:screen}.eye,.blob-mouth{z-index:2}.blob-unit[data-player=B] .blob-body{border-color:#ffe4e6b8;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.24) 0 4px,transparent 7px),radial-gradient(circle at 62% 66%,rgba(254,205,211,.24) 0 9px,transparent 16px),linear-gradient(145deg,#fb7185c2,#dc2626b8 72%);box-shadow:inset 0 9px 14px #ffffff2e,inset 0 -12px 18px #0206173d,0 13px 24px #0000003d}.blob-unit[data-player=B] .blob-body:before{background:radial-gradient(circle at 23% 58%,rgba(255,255,255,.28) 0 3px,transparent 4px),radial-gradient(circle at 72% 34%,rgba(255,255,255,.2) 0 4px,transparent 5px),radial-gradient(circle at 58% 78%,rgba(255,228,230,.22) 0 2px,transparent 3px),radial-gradient(circle at 40% 38%,rgba(254,205,211,.15) 0 6px,transparent 8px)}.blob-unit[data-active=true] .blob-body,.blob-unit[data-inspected=true] .blob-body{outline:2px solid rgba(251,191,36,.74);outline-offset:3px;animation:blobIdle 1.2s ease-in-out infinite,activeGlow 1.2s ease-in-out infinite alternate}.blob-unit[data-facing=west] .blob-body{transform:translate(-50%) scaleX(-1)}.blob-unit[data-attacking=true] .blob-body{animation:blobAttackBounce .52s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-attacking=true] .blob-shadow{animation:blobAttackShadow .52s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-moving=true] .blob-body{animation:blobMoveMorph .42s cubic-bezier(.22,.82,.2,1) infinite}.blob-unit[data-moving=true] .blob-shadow{animation:blobMoveShadow .42s cubic-bezier(.22,.82,.2,1) infinite}.blob-unit[data-damaged=true]{animation:blobHitShake .56s ease-out both}.blob-unit[data-damaged=true] .blob-body{animation:blobDamageMorph .64s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-shielding=true] .blob-body{animation:blobShieldBody .92s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-shielding=true] .eye{animation:blobShieldEyes .76s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-ko=true]{pointer-events:none;animation:blobDeath .98s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-ko=true] .blob-body{outline:0;animation:blobDeathBody .98s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-ko=true] .blob-shadow{animation:blobDeathShadow .98s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-ko=true] .blob-health{opacity:0;translate:-50% -10px}.blob-sweat{position:absolute;left:52px;top:-2px;width:9px;height:14px;border-radius:65% 35% 55% 45%;background:linear-gradient(160deg,#eff6ff,#60a5fa);opacity:0;transform:rotate(18deg) scale(.5);box-shadow:0 6px 10px #0f172a47}.blob-unit[data-damaged=true] .blob-sweat{animation:sweatDrop .62s ease-out both}.eye{position:absolute;top:15px;width:10px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.48) 0 1.4px,transparent 2.5px),linear-gradient(145deg,#ffffffb8,#dbeafe6b 72%);box-shadow:inset 0 -2px 3px #0f172a2e,0 1px 2px #02061729;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden;transform-origin:center center;will-change:scale,translate,rotate,opacity}.eye.left{left:14px}.eye.right{right:13px}.eye span{position:absolute;left:4px;top:5px;width:4px;height:5px;border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.85) 0 1px,transparent 1.6px),#020617;translate:var(--look-x, 0px) var(--look-y, 0px);transition:translate .12s linear;transform-origin:center center;will-change:scale,opacity}.blob-unit[data-emote=wink] .eye.left{animation:blobWinkEye .92s cubic-bezier(.2,.85,.2,1) both}.blob-unit[data-emote=wink] .eye.left span{animation:blobWinkPupil .92s cubic-bezier(.2,.85,.2,1) both}.blob-unit[data-emote=wink] .eye.right{animation:blobWinkCompanionEye .92s cubic-bezier(.2,.85,.2,1) both}.blob-unit[data-attacking=true] .eye.left,.blob-unit[data-emote=aya] .eye.left,.blob-unit[data-emote=taunt] .eye.left{animation:blobAngryEyeLeft .46s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-attacking=true] .eye.right,.blob-unit[data-emote=aya] .eye.right,.blob-unit[data-emote=taunt] .eye.right{animation:blobAngryEyeRight .46s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-attacking=true] .eye span,.blob-unit[data-emote=aya] .eye span,.blob-unit[data-emote=taunt] .eye span{animation:blobAttackPupil .46s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-damaged=true] .eye.left{animation:blobDamageEyeLeft .62s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-damaged=true] .eye.right{animation:blobDamageEyeRight .62s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-damaged=true] .eye span{animation:blobDamagePupil .62s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-emote=cross] .eye.left span{animation:blobCrossEyeLeft .86s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-emote=cross] .eye.right span{animation:blobCrossEyeRight .86s cubic-bezier(.16,1,.3,1) both}.blob-unit[data-look=facing][data-facing=west] .eye span{translate:-2px 0}.blob-unit[data-look=facing][data-facing=east] .eye span{translate:2px 0}.blob-unit[data-look=facing][data-facing=north] .eye span{translate:0 -2px}.blob-unit[data-look=facing][data-facing=south] .eye span{translate:0 2px}.blob-unit[data-look=target][data-facing=west] .eye span,.blob-unit[data-look=cursor][data-facing=west] .eye span{translate:calc(var(--look-x, 0px) * -1) var(--look-y, 0px)}.blob-mouth{display:none;position:absolute;left:50%;bottom:8px;width:13px;height:8px;border:0;border-radius:999px;background:radial-gradient(circle at 42% 36%,rgba(255,255,255,.13) 0 1px,transparent 2px),#0206179e;box-shadow:inset 0 -2px 2px #02061733,0 1px 1px #ffffff21;transform:translate(-50%);transition:width .16s ease,height .16s ease,border-radius .16s ease,background .16s ease,scale .16s ease}.blob-mouth:before{content:"";display:none;position:absolute;left:50%;top:6px;width:8px;height:12px;border-radius:0 0 999px 999px;background:linear-gradient(180deg,#fb7185,#e11d48);box-shadow:inset 0 2px #ffffff38;opacity:0;transform:translate(-50%) scaleY(0);transform-origin:top center}.blob-mouth:after{content:none}.blob-unit[data-emote=wink] .blob-mouth{animation:blobMouthPop .76s cubic-bezier(.16,1,.3,1) both}.blob-speech{position:absolute;left:50%;top:8px;z-index:8;padding:7px 10px;border:1px solid rgba(248,250,252,.22);border-radius:999px 999px 999px 8px;color:#0f172a;background:#f8fafc;box-shadow:0 12px 28px #0000004d;font-size:12px;font-weight:950;opacity:0;transform:translate(-10%,-70%) scale(.68);animation:blobSpeechPop 1.5s cubic-bezier(.16,1,.3,1) both}.blob-speech[data-emoji=true]{min-width:34px;padding:6px 9px;font-size:20px;line-height:1}.blob-speech:after{content:"";position:absolute;left:14px;bottom:-5px;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.blob-unit[data-damaged=true] .blob-mouth{width:12px;height:10px;border:3px solid rgba(2,6,23,.72);border-radius:50%;background:#02061714}.blob-unit[data-ko=true] .blob-mouth{width:20px;height:4px;border:0;border-radius:999px;background:#02061794;rotate:-8deg}.blob-shield-sigil{position:absolute;left:50%;top:8px;z-index:9;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(221,214,254,.72);border-radius:50%;color:#ede9fe;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.36),transparent 45%),linear-gradient(145deg,#a78bfae0,#22d3ee85);box-shadow:0 0 0 7px #a78bfa1f,0 0 26px #a78bfa6b,inset 0 1px #ffffff57;transform:translate(-50%,-50%);animation:blobShieldSigil .92s cubic-bezier(.16,1,.3,1) both}.effect-layer{position:absolute;inset:0;pointer-events:none}.pixi-vfx-layer{position:absolute;inset:0;z-index:1900;pointer-events:none;background:transparent}.pixi-vfx-canvas{display:block;width:100%;height:100%;background:transparent!important;opacity:0}.pixi-vfx-layer[data-ready=true] .pixi-vfx-canvas{opacity:1}.vfx-line{position:absolute;height:42px;transform-origin:left center;border-radius:999px;background:transparent;box-shadow:none;animation:vfxTrackLife var(--vfx-duration, .76s) ease-out forwards;overflow:visible}.vfx-line:before,.vfx-line:after{content:"";position:absolute;top:50%;pointer-events:none}.vfx-line.energy_shot_projectile{height:64px}.vfx-line.energy_shot_projectile:before{left:0;width:42px;height:34px;border-radius:58% 42% 50% 50%/48% 58% 42% 52%;background:radial-gradient(circle at 68% 34%,rgba(255,255,255,.98) 0 5px,transparent 6px),radial-gradient(circle at 34% 70%,rgba(254,240,138,.95) 0 10px,transparent 11px),linear-gradient(135deg,#fff7ed 0 16%,#fbbf24 38%,#f97316 70%,#991b1b);box-shadow:0 16px 22px #0000004d,0 0 0 5px #fbbf2424,inset -8px -6px 10px #7f1d1d33;translate:-18px calc(-50% + var(--vfx-arc));transform:rotate(var(--vfx-tilt));animation:fireballTravel var(--vfx-duration, .9s) cubic-bezier(.12,.84,.22,1) forwards}.vfx-line.energy_shot_projectile:after{left:0;width:92px;height:38px;border-radius:999px 24px 24px 999px;background:radial-gradient(circle at 18% 50%,rgba(251,113,133,.62) 0 9px,transparent 10px),radial-gradient(circle at 42% 38%,rgba(251,191,36,.38) 0 7px,transparent 8px),linear-gradient(90deg,#7f1d1d00,#f97316a3,#fef08a14);filter:blur(1.3px);translate:-98px calc(-50% + var(--vfx-arc));transform:rotate(var(--vfx-tilt));animation:fireTrailTravel var(--vfx-duration, .9s) cubic-bezier(.12,.84,.22,1) forwards}.vfx-line.blob_move{height:38px;animation-duration:.52s}.vfx-line.blob_move:before{left:0;width:10px;height:10px;border-radius:50%;background:#cbd5e152;box-shadow:-18px 8px #94a3b82e,-34px -2px #cbd5e124;translate:-8px -50%;animation:dustPuffTravel .52s ease-out forwards}.vfx-line.blob_move:after{display:none}.vfx-line.kinetic_impact{height:66px}.vfx-line.kinetic_impact:before{left:0;width:50px;height:38px;clip-path:polygon(2% 26%,52% 4%,100% 50%,52% 96%,2% 74%,22% 50%);background:linear-gradient(150deg,rgba(255,255,255,.82) 0 16%,transparent 17%),linear-gradient(135deg,#f8fafc,#94a3b8 42%,#334155 78%,#111827);box-shadow:0 18px 24px #00000052,inset -8px -5px 8px #0f172a47;translate:-18px calc(-50% + var(--vfx-arc));transform:rotate(var(--vfx-tilt));animation:kineticSlugTravel var(--vfx-duration, .82s) cubic-bezier(.16,1,.3,1) forwards}.vfx-line.kinetic_impact:after{left:0;width:118px;height:34px;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(226,232,240,.5) 14px 18px,transparent 18px 30px),radial-gradient(ellipse at 72% 50%,rgba(148,163,184,.28),transparent 62%);filter:blur(.8px);translate:-126px -50%;animation:kineticWakeTravel var(--vfx-duration, .82s) cubic-bezier(.16,1,.3,1) forwards}.vfx-line.overload_arc{height:74px}.vfx-line.overload_arc:before{left:0;width:44px;height:44px;clip-path:polygon(48% 0%,65% 35%,100% 38%,72% 60%,82% 100%,48% 74%,16% 100%,26% 60%,0% 38%,34% 35%);background:radial-gradient(circle at 52% 48%,#fef08a 0 5px,transparent 6px),linear-gradient(135deg,#fef08a,#a78bfa 54%,#7c3aed);box-shadow:0 18px 26px #00000057,0 0 0 7px #a78bfa24,inset 0 0 12px #fef08a57;translate:-22px calc(-50% + var(--vfx-arc));transform:rotate(var(--vfx-tilt));animation:overloadOrbTravel var(--vfx-duration, .98s) cubic-bezier(.14,.92,.2,1) forwards}.vfx-line.overload_arc:after{left:0;width:10px;height:10px;border-radius:50%;background:#fef08a;box-shadow:-20px -14px #a78bfa,-42px 12px #fef08af2,-68px -7px #a78bfab8,-88px 14px #fbbf248f;translate:-8px -50%;animation:overloadSparkTravel var(--vfx-duration, .98s) cubic-bezier(.14,.92,.2,1) forwards}.vfx-burst{position:absolute;min-width:42px;min-height:26px;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff7ed;font-size:18px;font-weight:950;text-shadow:0 3px 0 rgba(69,26,3,.72),0 10px 20px rgba(0,0,0,.34);animation:damagePop .82s ease-out forwards}.vfx-burst[data-shield=true]{color:#cffafe;text-shadow:0 0 16px rgba(34,211,238,.85)}.vfx-burst.energy_shot_charge:before,.vfx-burst.energy_shot_impact:before,.vfx-burst.kinetic_impact:before,.vfx-burst.shield_cast:before,.vfx-burst.trap_place:before,.vfx-burst.trap_trigger:before,.vfx-burst.trap_trigger:after{content:"";display:block;width:48px;height:26px;border-top:3px solid rgba(254,202,202,.88);border-bottom:3px solid rgba(251,113,133,.7);border-radius:50%;background:linear-gradient(108deg,transparent 0 40%,rgba(254,242,242,.72) 41% 46%,transparent 47% 100%),linear-gradient(72deg,transparent 0 47%,rgba(251,113,133,.78) 48% 54%,transparent 55% 100%);filter:drop-shadow(0 0 12px rgba(251,113,133,.5))}.vfx-burst.blob_damage:before{content:"";display:block;width:62px;height:38px;border:2px solid rgba(251,113,133,.65);border-radius:50%;box-shadow:0 14px 26px #0000003d}.vfx-burst.energy_shot_charge:before{width:54px;height:54px;border-color:#67e8f9db;border-style:dashed;box-shadow:0 12px 24px #0000003d,inset 0 0 18px #ffffff1a;animation:chargeRing .36s ease-out both}.vfx-burst.energy_shot_impact:before{width:88px;height:50px;border-color:#fbbf24eb;background:radial-gradient(circle at 50% 50%,rgba(254,240,138,.34) 0 12px,transparent 13px),radial-gradient(circle at 32% 36%,rgba(249,115,22,.36) 0 8px,transparent 9px);box-shadow:0 16px 30px #0000004d,inset 0 0 20px #fbbf2438;animation:fireImpactWave .82s ease-out both}.vfx-burst.kinetic_impact:before{width:74px;height:48px;border-color:#cbd5e1d1;border-radius:18px 999px 999px 18px;background:repeating-linear-gradient(100deg,transparent 0 9px,rgba(226,232,240,.22) 9px 12px,transparent 12px 20px),radial-gradient(ellipse at center,rgba(148,163,184,.3),transparent 66%);box-shadow:0 16px 30px #00000052,inset 0 0 18px #0f172a2e;animation:kineticImpactWave .76s cubic-bezier(.16,1,.3,1) both}.vfx-burst.shield_cast:before{width:78px;height:78px;border-color:#ddd6febd;border-style:solid;background:conic-gradient(from 20deg,transparent 0 18%,rgba(167,139,250,.2) 18% 27%,transparent 27% 48%,rgba(34,211,238,.18) 48% 58%,transparent 58% 100%),radial-gradient(circle,rgba(167,139,250,.16),transparent 64%);box-shadow:0 14px 28px #0000003d,inset 0 0 24px #a78bfa29,0 0 34px #a78bfa38;animation:shieldPulse .82s ease-out both}.vfx-burst.shield_cast:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:34px;border:2px solid rgba(237,233,254,.92);border-radius:16px 16px 18px 18px;clip-path:polygon(50% 0%,88% 14%,82% 70%,50% 100%,18% 70%,12% 14%);background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.4) 0 5px,transparent 6px),linear-gradient(160deg,#a78bfa80,#22d3ee38);box-shadow:0 0 18px #a78bfa80,inset 0 0 12px #ffffff24;transform:translate(-50%,-50%);animation:shieldGlyphPop .82s cubic-bezier(.16,1,.3,1) both}.vfx-burst.trap_place:before{width:72px;height:44px;border-color:#f87171db;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(248,113,113,.28) 0 12px,transparent 13px),repeating-conic-gradient(from 0deg,rgba(248,250,252,.2) 0 8deg,transparent 8deg 22deg);box-shadow:0 14px 28px #0000004d,inset 0 0 22px #7f1d1d38,0 0 28px #f8717129;animation:trapArmed .82s cubic-bezier(.16,1,.3,1) both}.vfx-burst.trap_place:after{content:"☠";position:absolute;left:50%;top:50%;color:#fee2e2;font-size:25px;line-height:1;text-shadow:0 0 14px rgba(248,113,113,.72),0 2px 0 rgba(69,10,10,.72);transform:translate(-50%,-50%);animation:trapSkullPop .82s cubic-bezier(.16,1,.3,1) both}.vfx-burst.trap_trigger:before{width:96px;height:54px;border-color:#fb7185db;border-radius:50%;background:linear-gradient(22deg,transparent 0 31%,rgba(254,242,242,.7) 32% 35%,transparent 36% 100%),linear-gradient(156deg,transparent 0 38%,rgba(251,113,133,.78) 39% 43%,transparent 44% 100%),radial-gradient(ellipse at 50% 50%,rgba(127,29,29,.26) 0 34%,transparent 68%);box-shadow:0 14px 30px #0000004d,inset 0 0 18px #7f1d1d38,0 0 26px #fb718533;animation:trapTrigger .72s cubic-bezier(.16,1,.3,1) both}.vfx-burst.trap_trigger:after{content:"☠";position:absolute;left:50%;top:50%;color:#fecaca;font-size:28px;line-height:1;text-shadow:0 0 18px rgba(248,113,113,.84),0 2px 0 rgba(69,10,10,.78);transform:translate(-50%,-50%);animation:trapSkullHit .72s cubic-bezier(.16,1,.3,1) both}.vfx-burst.blob_damage:before{width:58px;height:62px;border-color:#fb7185a8;box-shadow:0 14px 28px #00000047;animation:damageHalo .64s ease-out both}.vfx-burst.floating_text{opacity:0;min-width:118px;color:#fff7ed;font-size:42px;font-weight:1000;line-height:1;letter-spacing:0;transform-origin:center bottom;-webkit-text-stroke:2px rgba(69,26,3,.78);animation:damageBouncePop .98s cubic-bezier(.16,1,.3,1) both}.floating-text-content{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.floating-text-icons{display:inline-flex;align-items:center;gap:3px;color:var(--color-damage);filter:drop-shadow(0 5px 8px rgba(0,0,0,.36))}.vfx-burst.floating_text[data-shield=true] .floating-text-icons{color:var(--color-shield)}.vfx-burst.floating_text[data-resource=damage]{color:#fb7185;text-shadow:0 3px 0 rgba(69,10,10,.72),0 14px 24px rgba(0,0,0,.38),0 0 16px rgba(248,113,113,.28)}.vfx-burst.floating_text[data-resource=shield]{color:#c4b5fd;-webkit-text-stroke-color:rgba(49,46,129,.82);text-shadow:0 3px 0 rgba(49,46,129,.72),0 14px 24px rgba(0,0,0,.38),0 0 18px rgba(167,139,250,.38)}.vfx-burst.floating_text[data-heal=true]{color:var(--color-heal);text-shadow:0 0 18px rgba(34,197,94,.78)}.vfx-burst.floating_text[data-heal=true] .floating-text-icons{color:var(--color-heal)}.vfx-burst.floating_text[data-critical=true] .floating-text-icons{color:#fef08a}.vfx-burst.floating_text[data-critical=true]{min-width:150px;color:#fef08a;font-size:46px;-webkit-text-stroke:1px rgba(120,53,15,.76);text-shadow:0 3px 0 rgba(120,53,15,.62),0 12px 22px rgba(0,0,0,.36),0 0 16px rgba(253,224,71,.28);animation:criticalDamagePop .98s cubic-bezier(.16,1,.3,1) both}.vfx-burst.floating_text[data-critical=true][data-resource=damage]{color:#fef08a}.vfx-burst.floating_text[data-critical=true][data-resource=shield]{color:#ddd6fe;text-shadow:0 3px 0 rgba(49,46,129,.68),0 12px 22px rgba(0,0,0,.36),0 0 18px rgba(221,214,254,.38)}.vfx-burst.floating_text[data-resource=ap],.vfx-burst.floating_text[data-resource=mp],.vfx-burst.floating_text[data-resource=po]{min-width:92px;font-size:34px;-webkit-text-stroke:1px rgba(15,23,42,.78);animation:resourceLossPop .82s cubic-bezier(.16,1,.3,1) both}.vfx-burst.floating_text[data-resource=ap]{color:var(--color-ap);text-shadow:0 3px 0 rgba(113,63,18,.68),0 10px 18px rgba(0,0,0,.34),0 0 16px rgba(250,204,21,.36)}.vfx-burst.floating_text[data-resource=mp],.vfx-burst.floating_text[data-resource=po]{color:var(--color-mp);text-shadow:0 3px 0 rgba(8,47,73,.74),0 10px 18px rgba(0,0,0,.34),0 0 16px rgba(56,189,248,.34)}.vfx-burst.floating_text[data-resource=ap] .floating-text-icons{color:var(--color-ap)}.vfx-burst.floating_text[data-resource=mp] .floating-text-icons,.vfx-burst.floating_text[data-resource=po] .floating-text-icons{color:var(--color-mp)}.vfx-burst.floating_text[data-critical=true]:before,.vfx-burst.floating_text[data-critical=true]:after{content:none}.vfx-burst.blob_damage[data-critical=true]:before,.vfx-burst.energy_shot_impact[data-critical=true]:before,.vfx-burst.kinetic_impact[data-critical=true]:before{border-color:#fde047f2;box-shadow:0 18px 34px #00000057,inset 0 0 28px #fde04738;animation-duration:.84s}.grid-board{width:min(72vh,100%);max-width:720px;aspect-ratio:1;display:grid;gap:5px;padding:10px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:linear-gradient(135deg,#082f4957,#0f172ac7),#020617d1;box-shadow:0 26px 90px #0000006b,0 0 60px #22d3ee1a;transform:perspective(1200px) rotateX(4deg)}.cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(148,163,184,.16);border-radius:6px;background:linear-gradient(145deg,#0f172aeb,#1e293ba3);box-shadow:inset 0 1px #ffffff0a;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.cell:nth-child(odd){background:linear-gradient(145deg,#0a121ef5,#111827b8)}.cell:hover{transform:translateY(-2px);border-color:#e2e8f06b}.cell[data-blocked=true]{cursor:not-allowed;border-color:#47556959;background:repeating-linear-gradient(135deg,rgba(148,163,184,.09) 0 6px,transparent 6px 12px),#0f172ad1}.cell[data-reachable=true]{border-color:#22d3ee8c;box-shadow:inset 0 0 0 1px #22d3ee47,0 0 18px #22d3ee24}.cell[data-target=true]{border-color:#facc15b8;box-shadow:inset 0 0 0 1px #facc1552,0 0 22px #facc152e}.unit{position:absolute;inset:14%;display:grid;place-items:center;border:2px solid currentColor;border-radius:8px;color:#67e8f9;background:#082f49e0;box-shadow:0 0 24px #22d3ee40;font-weight:950}.unit[data-player=B]{color:#fb7185;background:#4c0519e0;box-shadow:0 0 24px #f43f5e3d}.unit[data-active=true]{outline:2px solid #facc15;outline-offset:2px}.trap-token{position:absolute;left:50%;top:52%;z-index:1;width:clamp(54px,150%,86px);height:clamp(31px,122%,48px);border-radius:999px;background:radial-gradient(ellipse at 50% 50%,rgba(248,250,252,.24) 0 13%,transparent 16%),radial-gradient(ellipse at 50% 55%,rgba(148,163,184,.28) 0 35%,rgba(15,23,42,.62) 58%,transparent 72%);box-shadow:0 0 18px #e2e8f042,0 4px 10px #00000080;pointer-events:none;transform:translate(-50%,-50%);transform-origin:50% 50%;animation:trapTokenIdle 2.2s cubic-bezier(.4,0,.2,1) infinite}.trap-token:before{content:"";position:absolute;left:50%;top:50%;width:118%;height:132%;border-radius:999px;border:1px solid rgba(248,250,252,.5);box-shadow:inset 0 0 6px #0f172ae6,0 0 12px #f8fafc2e;transform:translate(-50%,-50%)}.trap-token:after{content:"";position:absolute;left:50%;top:50%;width:138%;height:152%;border-radius:999px;background:radial-gradient(ellipse at 50% 50%,rgba(248,250,252,.12),transparent 68%);opacity:.72;transform:translate(-50%,-50%);animation:trapTokenPulse 2.2s cubic-bezier(.4,0,.2,1) infinite}.trap-token__ring,.trap-token__jaw,.trap-token__core{position:absolute;left:50%;top:50%;pointer-events:none}.trap-token__ring{width:76%;height:52%;border-radius:999px;border:1px solid rgba(226,232,240,.78);background:linear-gradient(90deg,#020617bd,#94a3b82e,#020617bd),#0f172ac7;box-shadow:inset 0 0 5px #ffffff1f;transform:translate(-50%,-50%)}.trap-token__jaw{width:32%;height:76%;background:linear-gradient(145deg,#f8fafceb,#64748bb3 62%,#0f172ae0);box-shadow:inset 0 1px #ffffffa3,0 1px 4px #0000007a}.trap-token__jaw--left{clip-path:polygon(0 50%,100% 0,76% 50%,100% 100%);transform:translate(-102%,-50%)}.trap-token__jaw--right{clip-path:polygon(100% 50%,0 0,24% 50%,0 100%);transform:translate(2%,-50%)}.trap-token__core{width:20%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 28%,#e2e8f0 30% 54%,#94a3b81a 56%);box-shadow:0 0 8px #f8fafcd1;transform:translate(-50%,-50%)}.command-deck{--command-deck-gap: 15px;min-height:112px;display:grid;grid-template-columns:clamp(280px,20vw,400px) 250px max-content minmax(0,1fr);grid-template-rows:minmax(112px,1fr);grid-template-areas:"log action hud skills";gap:var(--command-deck-gap);padding:10px;border-radius:8px}.log-panel{grid-area:log;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0206176b;overflow:hidden}.log-tabs{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 6px 3px}.log-tabs button{align-self:stretch;min-width:70px;display:grid;place-items:center;padding:0 9px;appearance:none;border:1px solid rgba(148,163,184,.24);border-radius:7px;color:#b6c4d6;background:linear-gradient(180deg,rgba(248,250,252,.05),transparent 70%),#0f172ad1;font-size:10px;font-weight:950;line-height:1;text-align:center;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.32);transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.log-tabs button[data-active=true]{color:#f8fafc;border-color:#67e8f994;background:linear-gradient(180deg,#67e8f929,#0ea5e914),#082f49a3;box-shadow:inset 0 0 0 1px #67e8f91a,0 0 18px #22d3ee29}.log-tabs button:hover,.log-tabs button:focus-visible{color:#e0f2fe;border-color:#7dd3fc70}.chat-panel{min-height:0;display:grid;place-items:center;gap:4px;padding:12px;border-top:1px solid rgba(148,163,184,.1);color:#94a3b8;text-align:center}.chat-panel strong{color:#dff7ff;font-size:13px}.chat-panel span{font-size:12px;font-weight:750}.emote-tab-panel{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:10px 11px;border-top:1px solid rgba(148,163,184,.1)}.emote-tab-head{display:flex;align-items:center;justify-content:space-between;min-height:12px;color:#67e8f9;line-height:1}.emote-tab-head span{overflow:hidden;font-size:8px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;opacity:.9}.emote-tab-actions{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}.combat-hud{--combat-hud-accent: #67e8f9;grid-area:hud;min-width:0;width:max-content;justify-self:start;height:100%;display:grid;grid-template-columns:max-content max-content;grid-template-rows:minmax(0,1fr);grid-template-areas:"main items";align-items:stretch;align-content:stretch;gap:15px;padding:15px;border:1px solid color-mix(in srgb,var(--combat-hud-accent) 24%,rgba(148,163,184,.14));border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--combat-hud-accent) 9%,transparent),transparent 72%),#0206176b}.combat-hud[data-player=B]{--combat-hud-accent: #fb7185}.combat-player-main{grid-area:main;min-width:0;min-height:0;width:max-content;height:100%;display:grid;grid-template-columns:max-content;gap:15px;align-items:center}.combat-hud-head{min-width:0;display:grid;grid-template-rows:auto auto;gap:7px;place-items:center;align-content:center;justify-items:center;margin-bottom:0}.combat-hud .player-chip{width:48px;height:48px;font-size:16px}.combat-hud-head strong{font-size:15px}.combat-player-title{min-width:0;display:grid;align-content:center;justify-items:center;gap:4px;text-align:center}.combat-stats-row{align-self:center;justify-self:start;min-width:0;width:max-content;display:grid;grid-template-columns:repeat(2,48px);align-items:center;justify-items:center;gap:15px}.vital-row{display:contents}.combat-stats-row .meter{place-items:center}.combat-hud-head small{display:inline-flex;align-items:center;gap:5px;margin-top:2px;color:#94a3b8}.combat-credits{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;color:var(--stat-accent);font-size:12px;font-weight:1000;line-height:1}.combat-credits b{font:inherit}.resource-row{display:contents}.combat-inventory-wrap{grid-area:items;align-self:stretch;justify-self:end;min-width:0;min-height:0;display:grid;align-content:center;width:max-content;padding:0;border:0;border-radius:0;background:transparent}.inventory-panel{position:relative;min-width:0;min-height:0;width:max-content;height:max-content;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:15px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.inventory-slot{--item-accent: #67e8f9;position:relative;width:48px;height:48px;min-width:48px;min-height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--item-accent) 34%,rgba(148,163,184,.18));border-radius:8px;color:var(--item-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--item-accent) 12%,transparent),transparent 70%),#0f172ab8;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--item-accent) 8%,transparent),0 10px 22px #0003;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.inventory-slot:hover:not([data-empty=true]),.inventory-slot:focus-visible:not([data-empty=true]){transform:translateY(-2px);border-color:color-mix(in srgb,var(--item-accent) 74%,white 6%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--item-accent) 16%,transparent),0 0 22px color-mix(in srgb,var(--item-accent) 18%,transparent),0 14px 26px #00000047}.inventory-slot[data-empty=true]{color:#94a3b861;border-style:dashed;background:#0f172a57;box-shadow:none}.inventory-tooltip{position:absolute;left:50%;right:auto;bottom:calc(100% + 12px);z-index:95;width:min(330px,calc(100vw - 28px));display:grid;gap:6px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--item-accent) 42%,rgba(226,232,240,.16));border-radius:8px;color:#dbeafe;background:#020617f2;box-shadow:0 18px 42px #0000006b,0 0 22px color-mix(in srgb,var(--item-accent) 13%,transparent);opacity:0;pointer-events:none;transform:translate(-50%,6px) scale(.98);transform-origin:bottom center;transition:opacity .14s ease,transform .14s ease}.inventory-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid color-mix(in srgb,var(--item-accent) 42%,rgba(226,232,240,.16));border-bottom:1px solid color-mix(in srgb,var(--item-accent) 42%,rgba(226,232,240,.16));background:inherit;transform:translate(-50%) rotate(45deg)}.inventory-slot:hover .inventory-tooltip,.inventory-slot:focus-visible .inventory-tooltip{opacity:1;transform:translate(-50%) scale(1)}.inventory-slot:nth-child(3n+1) .inventory-tooltip{left:0;transform:translateY(6px) scale(.98)}.inventory-slot:nth-child(3n+1):hover .inventory-tooltip,.inventory-slot:nth-child(3n+1):focus-visible .inventory-tooltip{transform:translate(0) scale(1)}.inventory-slot:nth-child(3n) .inventory-tooltip{left:auto;right:0;transform:translateY(6px) scale(.98)}.inventory-slot:nth-child(3n):hover .inventory-tooltip,.inventory-slot:nth-child(3n):focus-visible .inventory-tooltip{transform:translate(0) scale(1)}.inventory-tooltip strong{color:var(--item-accent);font-size:13px;font-weight:1000;line-height:1.1;text-align:center}.inventory-tooltip small{color:#f8fafc;font-size:11px;font-weight:900;line-height:1.2;text-align:center}.inventory-tooltip span{color:#cbd5e1;font-size:12px;font-weight:750;line-height:1.3;text-align:center}.skill-bar{grid-area:skills;position:relative;z-index:12;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(64px,96px));grid-template-rows:minmax(0,1fr);justify-content:end;align-items:center;gap:12px}.skill-button{--skill-accent: var(--color-ap);--skill-accent-2: var(--skill-accent);--skill-card-text: #f8fafc;--skill-card-muted-text: #94a3b8;--skill-card-bg: linear-gradient(150deg, color-mix(in srgb, var(--skill-accent) 18%, transparent), color-mix(in srgb, var(--skill-accent-2) 9%, transparent) 42%, transparent 70%), rgba(15, 23, 42, .74);--skill-card-border: color-mix(in srgb, var(--skill-accent) 30%, rgba(148, 163, 184, .2));--skill-card-glow: color-mix(in srgb, var(--skill-accent) 8%, transparent);--skill-card-hover-border: color-mix(in srgb, var(--skill-accent) 68%, white 4%);--skill-card-selected-glow: color-mix(in srgb, var(--skill-accent) 20%, transparent);--skill-card-disabled-bg: rgba(15, 23, 42, .74);position:relative;width:min(100%,96px);aspect-ratio:1;min-width:0;min-height:64px;display:grid;place-items:center;justify-self:center;align-self:center;padding:0;overflow:visible;border:1px solid var(--skill-card-border);border-radius:8px;color:#e2e8f0;background:#020617b8;text-align:center;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px var(--skill-card-glow),0 12px 28px #00000029;transition:translate .18s ease,scale .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.skill-button:before{display:none}.skill-button:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);background-size:240% 100%;background-position:150% 0;opacity:0;pointer-events:none}.skill-button>:not(.skill-hover-tooltip){position:relative;z-index:1}.skill-button>.skill-art-frame{position:absolute;inset:0;z-index:1;width:auto;height:auto;overflow:hidden;border-radius:inherit;background:#020617c2}.skill-button>.skill-art-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%),radial-gradient(circle at 50% 50%,transparent 44%,rgba(2,6,23,.22) 100%);pointer-events:none}.skill-art{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;transition:scale .18s ease,filter .18s ease,opacity .18s ease}.skill-button>.fa-icon{grid-column:1;grid-row:1;align-self:center;color:var(--skill-accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--skill-accent) 26%,transparent));transition:translate .18s ease,scale .18s ease,filter .18s ease}.skill-button:not([data-disabled=true]):not([data-readonly=true]):hover,.skill-button[data-selected=true]{border-color:var(--skill-card-hover-border);translate:0 -3px;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px color-mix(in srgb,var(--skill-accent) 18%,transparent),0 0 30px var(--skill-card-selected-glow),0 18px 38px #00000047}.skill-button:not([data-disabled=true]):not([data-readonly=true]):hover:after,.skill-button[data-selected=true]:after{animation:cardLightSweep .76s cubic-bezier(.16,1,.3,1) both}.skill-button:not([data-disabled=true]):not([data-readonly=true]):hover .fa-icon,.skill-button[data-selected=true] .fa-icon{scale:1.12;translate:2px -1px}.skill-button:not([data-disabled=true]):not([data-readonly=true]):hover .skill-art,.skill-button[data-selected=true] .skill-art{scale:1.05;filter:saturate(1.16) brightness(1.08)}.skill-button[data-disabled=true]{cursor:not-allowed;opacity:.48}.skill-button[data-disabled=true]:hover{opacity:.78}.skill-button[data-readonly=true]{cursor:default}.skill-button[data-disabled=true] .skill-art{filter:grayscale(.55) brightness(.72)}.skill-button>span:not(.skill-hover-tooltip):not(.skill-art-frame):not(.skill-badge){align-self:center;grid-column:2;max-width:100%;color:var(--skill-card-text);font-size:13px;font-weight:1000;line-height:1.05;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-button small{color:var(--skill-accent);font-weight:900}.skill-button>.skill-badge{position:absolute;z-index:3;min-width:24px;height:20px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 5px;border:1px solid color-mix(in srgb,var(--skill-accent) 56%,rgba(255,255,255,.18));border-radius:6px;color:#f8fafc;background:#020617d1;box-shadow:0 0 12px color-mix(in srgb,var(--skill-accent) 18%,transparent),inset 0 1px #ffffff1f;font-size:11px;font-weight:1000;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.72)}.skill-badge .fa-icon{color:var(--skill-accent);filter:none}.skill-ap-badge{left:5px;top:5px}.skill-range-badge,.skill-shield-badge{right:5px;top:5px}.skill-cooldown-badge{right:5px;bottom:5px}.skill-meta{grid-column:3;align-self:center;justify-self:end;display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:7px;max-width:100%;overflow:hidden;white-space:nowrap}.skill-meta span{display:inline-flex;align-items:center;gap:4px;color:var(--skill-accent);font-size:12px;font-weight:950;line-height:1}.skill-meta .fa-icon{color:currentColor;filter:none}.skill-disabled-reason{align-self:end;overflow:hidden;max-width:100%;color:var(--skill-card-muted-text);font-size:10px;font-style:normal;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;opacity:0;translate:0 4px;transition:opacity .16s ease,translate .16s ease}.skill-button[data-disabled=true]:hover .skill-disabled-reason,.skill-button[data-disabled=true]:focus-visible .skill-disabled-reason{opacity:1;translate:0 0}.skill-hover-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:120;width:min(270px,calc(100vw - 28px));max-width:none;display:grid;align-self:auto;gap:8px;padding:10px 12px 11px;border:1px solid color-mix(in srgb,var(--skill-accent) 42%,rgba(226,232,240,.16));border-radius:8px;color:#dbeafe;background:#020617f0;box-shadow:0 18px 42px #0000006b,0 0 22px color-mix(in srgb,var(--skill-accent) 13%,transparent);opacity:0;pointer-events:none;transform:translate(-50%,6px) scale(.96);transform-origin:bottom center;transition:opacity .14s ease,transform .14s ease}.skill-hover-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid color-mix(in srgb,var(--skill-accent) 42%,rgba(226,232,240,.16));border-bottom:1px solid color-mix(in srgb,var(--skill-accent) 42%,rgba(226,232,240,.16));background:#020617f0;transform:translate(-50%) rotate(45deg)}.skill-button:hover .skill-hover-tooltip,.skill-button:focus-visible .skill-hover-tooltip{opacity:1;transform:translate(-50%) scale(1)}.skill-button .skill-hover-tooltip strong{display:block;align-items:center;justify-content:center;color:var(--skill-accent);font-size:13px;font-weight:1000;line-height:1.1;text-align:center}.skill-button .skill-hover-tooltip span{align-self:auto;overflow:visible;max-width:none;color:var(--skill-card-muted-text);font-size:12px;font-weight:750;line-height:1.35;text-overflow:clip;white-space:normal;text-align:center}.skill-button .skill-hover-tooltip em{display:grid;gap:5px;color:#dbeafe;font-size:10.5px;font-style:normal;font-weight:950;line-height:1.15;text-align:center}.skill-button .skill-hover-tooltip em span{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;font:inherit;line-height:inherit;text-align:center}.mouse-hint-icon{position:relative;flex:0 0 auto;width:13px;height:16px;border:1px solid color-mix(in srgb,var(--skill-accent) 70%,#ffffff 16%);border-radius:6px 6px 5px 5px;background:linear-gradient(90deg,color-mix(in srgb,var(--skill-accent) 82%,transparent) 0 50%,#0f172aeb 50% 100%);box-shadow:inset 0 -4px 8px #ffffff14,0 0 10px color-mix(in srgb,var(--skill-accent) 18%,transparent)}.mouse-hint-icon:before{content:"";position:absolute;left:50%;top:2px;width:1px;height:6px;background:color-mix(in srgb,var(--skill-accent) 65%,#ffffff 20%);transform:translate(-50%)}.mouse-hint-icon.fa-computer-mouse-button-right{background:linear-gradient(90deg,#0f172aeb 0 50%,color-mix(in srgb,var(--skill-accent) 82%,transparent) 50% 100%)}.mobile-skill-tooltip{display:none}.action-panel{grid-area:action;position:relative;z-index:180;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:var(--command-deck-gap)}.turn-actions-row{min-width:0;width:100%;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:var(--command-deck-gap)}.emote-panel{grid-area:emotes;position:relative;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;padding:4px 6px;border:1px solid rgba(103,232,249,.18);border-radius:8px;background:radial-gradient(circle at 22% 18%,rgba(34,211,238,.12),transparent 34%),#0206176b;box-shadow:inset 0 1px #ffffff0a}.emote-panel[data-active=true]{border-color:#67e8f961;box-shadow:inset 0 1px #ffffff0d,0 0 24px #22d3ee1a}.emote-panel-head{min-height:28px;display:inline-flex;align-items:center;gap:6px;appearance:none;border:0;color:#dff7ff;background:transparent;text-align:left;cursor:pointer}.emote-panel-head>.fa-icon{color:#67e8f9;filter:drop-shadow(0 0 9px rgba(34,211,238,.32))}.emote-panel-head>span{display:grid;gap:1px}.emote-panel-head strong{color:#f8fafc;font-size:10px;font-weight:1000}.emote-panel-head small{color:#67e8f9;font-size:7px;font-style:normal;font-weight:900;letter-spacing:0;text-transform:uppercase}.emote-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:stretch}.emote-actions{display:contents}.emote-button{position:relative;overflow:hidden;min-width:0;min-height:28px;display:grid;place-items:center;gap:2px;padding:3px 5px;border:1px solid rgba(103,232,249,.2);border-radius:8px;color:#dff7ff;background:linear-gradient(145deg,#0ea5e91f,#a855f714),#0f172ab3;box-shadow:0 10px 24px #0003,inset 0 1px #ffffff0d;font-size:8px;font-weight:950;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,background .15s ease}.emote-button .fa-icon{color:#67e8f9;filter:drop-shadow(0 0 9px rgba(34,211,238,.32));transition:transform .15s ease,color .15s ease}.emote-button span{display:block;overflow:hidden;max-width:100%;line-height:1;text-overflow:ellipsis;white-space:nowrap}.emote-button:hover:not(:disabled){transform:translateY(-2px);border-color:#67e8f994;color:#f8fafc;background:linear-gradient(145deg,#0ea5e933,#a855f721),#0f172ad1;box-shadow:0 15px 32px #0000004d,0 0 22px #22d3ee24}.emote-button[data-active=true]{border-color:#facc1594;color:#fef9c3;background:linear-gradient(145deg,#facc152b,#0ea5e91f),#0f172ad1}.emote-button:hover:not(:disabled) .fa-icon{transform:translateY(-1px) scale(1.12) rotate(-5deg)}.emote-button:disabled{cursor:not-allowed;opacity:.42}.emoji-toggle{width:100%;min-height:29px}.emoji-catalog{position:absolute;right:8px;bottom:calc(100% + 8px);z-index:90;width:min(282px,78vw);display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;padding:8px;border:1px solid rgba(103,232,249,.22);border-radius:8px;background:#020617f0;box-shadow:0 18px 42px #0000006b,0 0 22px #22d3ee1a;animation:emojiCatalogPop .14s ease-out both}.emoji-catalog:after{content:"";position:absolute;right:20px;bottom:-6px;width:10px;height:10px;border-right:1px solid rgba(103,232,249,.22);border-bottom:1px solid rgba(103,232,249,.22);background:inherit;transform:rotate(45deg)}.emoji-choice{min-width:0;width:100%;aspect-ratio:1;padding:0;appearance:none;display:grid;place-items:center;border:1px solid rgba(148,163,184,.14);border-radius:7px;background:#0f172ac2;color:#f8fafc;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;font-size:17px;line-height:1;text-align:center;transition:transform .12s ease,border-color .12s ease,background .12s ease}.emoji-choice:hover{transform:translateY(-2px) scale(1.08);border-color:#67e8f975;background:#0ea5e92e}.tooltip{min-height:82px;display:grid;align-content:start;gap:7px;padding:10px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0206176b}.tooltip strong{color:#f8fafc}.tooltip span,.tooltip p{font-size:13px;line-height:1.35}.turn-counter{order:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:0;padding:8px 9px;border:1px solid rgba(148,163,184,.14);border-radius:8px;color:#cbd5e1;background:#0206176b}.turn-counter span{color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase}.turn-counter strong{color:#f8fafc;font-size:12px;font-weight:1000;text-transform:uppercase}.end-turn{order:1;width:max-content;max-width:100%;height:100%;align-self:stretch;justify-self:start;min-height:0;position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(251,113,133,.28);border-radius:8px;color:#ffe4e6;background:linear-gradient(135deg,#9f1239d1,#1e293bbd);font-weight:900;padding:15px;box-shadow:inset 0 1px #ffffff0f,0 12px 30px #00000038;transition:translate .18s ease,scale .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;animation:passButtonReady 1.9s ease-in-out infinite}.turn-tool-buttons{order:2;position:relative;z-index:2;justify-self:end;width:42px;height:100%;display:grid;grid-template-rows:repeat(2,1fr);gap:0}.turn-tool-button{order:2;position:relative;pointer-events:auto;min-width:0;width:42px;height:100%;min-height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(125,211,252,.22);border-radius:8px;color:#dff7ff;background:#082f496b;box-shadow:inset 0 1px #ffffff0d;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.turn-tool-button:first-child{border-radius:8px 8px 0 0}.turn-tool-button:last-child{margin-top:-1px;border-radius:0 0 8px 8px}.mobile-panel-button{display:none}.ping-tool-button{margin-top:-1px;border-radius:0 0 8px 8px}.turn-tool-button:hover:not(:disabled){transform:translateY(-1px);border-color:#7dd3fc9e;color:#fff;background:#0e749075}.turn-tool-button[data-tone=danger]{border-color:#fb718547;color:#fecdd3;background:#7f1d1d47}.turn-tool-button[data-tone=danger]:hover:not(:disabled){border-color:#fb7185ad;background:#9f12396b}.turn-tool-button[data-active=true]{border-color:#facc15b8;color:#fef9c3;background:#713f1275;box-shadow:0 0 22px #facc1524,inset 0 1px #ffffff14}.turn-tool-button:disabled{cursor:not-allowed;opacity:.42}.end-turn:before{content:"";position:absolute;inset:-1px;padding:2px;border-radius:inherit;background:conic-gradient(from -90deg,rgba(251,113,133,.98) var(--turn-angle),rgba(148,163,184,.2) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.96;pointer-events:none;will-change:background}.end-turn:before,.end-turn .timer-ring{animation:turnGaugeCountdown var(--turn-duration, 30s) linear forwards}.end-turn:not(:disabled):hover{translate:0 -2px;border-color:#fb7185d1;box-shadow:inset 0 1px #ffffff14,0 0 30px #fb718538,0 18px 38px #0000004d;filter:brightness(1.08)}.end-turn:not(:disabled):hover>.fa-icon{animation:passArrowNudge .52s ease-in-out infinite}.turn-player-card{--turn-player-accent: #67e8f9;--turn-player-soft: rgba(34, 211, 238, .12);flex-direction:row;justify-content:flex-start;gap:12px;border-color:color-mix(in srgb,var(--turn-player-accent) 24%,rgba(148,163,184,.14));background:linear-gradient(135deg,color-mix(in srgb,var(--turn-player-accent) 9%,transparent),transparent 72%),#0206176b;text-align:left;padding:15px}.turn-player-card[data-player=B]{--turn-player-accent: #fb7185;--turn-player-soft: rgba(244, 63, 94, .13)}.turn-player-card .player-chip{flex:0 0 auto;width:48px;height:48px;min-height:48px;aspect-ratio:1;border-radius:8px;color:var(--turn-player-accent);background:color-mix(in srgb,var(--turn-player-accent) 16%,rgba(2,6,23,.64));font-size:16px}.turn-player-copy{min-width:0;display:grid;align-content:center;gap:5px}.turn-player-copy strong{color:#f8fafc;font-size:15px;font-weight:1000;line-height:1;text-transform:none}.turn-player-card .combat-credits{color:var(--stat-accent);font-size:12px;font-weight:1000;text-transform:none}.turn-player-card .combat-credits .fa-icon{color:currentColor;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--stat-accent) 30%,transparent))}.end-turn>.fa-icon{display:none}.end-turn:disabled{cursor:not-allowed;opacity:.5;animation:none}.end-turn:disabled:before,.end-turn:disabled .timer-ring{animation:none}.end-turn-clock{display:inline-flex;align-items:center;gap:7px;min-width:58px;min-height:32px;padding:4px 7px 4px 4px;border:1px solid rgba(125,211,252,.2);border-radius:8px;color:#e0f2fe;background:#082f496b}.end-turn-clock strong{font-size:16px;font-weight:1000;line-height:1}.end-turn-clock[data-warning=true]{--timer-ring-color: var(--color-damage);color:#ffe4e6;border-color:#fb718557;background:#7f1d1d57;animation:timerWarning .7s ease-in-out infinite alternate}.end-turn-clock[data-warning=true] strong{animation:countdownUrgency .52s cubic-bezier(.16,1,.3,1) infinite;transform-origin:center}.end-turn-copy{min-width:0;display:grid;align-items:center;justify-content:start;justify-self:start;gap:4px;line-height:1;white-space:nowrap}.end-turn-copy strong{color:#fff7ed;font-size:13px;font-weight:1000}.end-turn-copy small{overflow:hidden;max-width:100%;color:#fecdd3;font-size:11px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.end-turn .timer-ring{width:25px;height:25px}.end-turn .timer-ring:before{inset:4px}.action-log{min-width:0;min-height:0;max-height:none;margin:0;padding:8px 10px 10px;list-style:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border-top:1px solid rgba(148,163,184,.1);font-size:12.5px;line-height:1.4}.action-log li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:baseline;opacity:calc(1 - (var(--log-age) * .085))}.action-log li+li{margin-top:5px}.action-log time{color:var(--log-time-color, #64748b);font-size:9px;font-weight:950;font-variant-numeric:tabular-nums}.action-log li>span{min-width:0;overflow-wrap:break-word;word-break:normal}.log-player{color:var(--log-player-color, #f8fafc);font-weight:900}.log-value{display:inline-block;color:var(--log-value-color, var(--stat-accent));font-weight:1000;line-height:1}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;overflow:auto;overscroll-behavior:contain;background:#02061794;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .18s ease-out}.buy-modal,.match-modal,.forfeit-modal{width:min(920px,100%);max-height:calc(100dvh - 44px);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(148,163,184,.22);border-radius:8px;padding:18px;background:radial-gradient(circle at 18% 16%,rgba(148,163,184,.1),transparent 32%),linear-gradient(145deg,#0a0f18fa,#020617f5);box-shadow:0 30px 90px #0000008a,0 0 42px #0f172a57;animation:modalRise .22s ease-out}.spell-guide-modal{width:min(980px,100%);max-height:calc(100dvh - 44px);display:grid;gap:15px;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(103,232,249,.22);border-radius:8px;padding:18px;color:#e2e8f0;background:radial-gradient(circle at 18% 14%,rgba(34,211,238,.12),transparent 34%),linear-gradient(145deg,#0a0f18fa,#020617f5);box-shadow:0 30px 90px #0000008a,0 0 42px #22d3ee14;animation:modalRise .22s ease-out}.spell-guide-title{padding-bottom:12px}.modal-close-button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.18);border-radius:8px;color:#cbd5e1;background:#0f172ab8;font-size:16px;font-weight:1000;line-height:1}.spell-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.spell-guide-card{--skill-accent: var(--color-ap);--skill-accent-2: var(--skill-accent);min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--skill-accent) 32%,rgba(148,163,184,.16));border-radius:8px;background:linear-gradient(150deg,color-mix(in srgb,var(--skill-accent) 16%,transparent),color-mix(in srgb,var(--skill-accent-2) 8%,transparent) 42%,transparent 72%),#0f172ab8;box-shadow:inset 0 1px #ffffff0d,0 12px 28px #0003}.spell-guide-card[data-focus=true]{border-color:color-mix(in srgb,var(--skill-accent) 74%,white 6%);box-shadow:inset 0 1px #ffffff14,0 0 30px color-mix(in srgb,var(--skill-accent) 18%,transparent),0 18px 36px #00000047}.spell-guide-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--skill-accent) 42%,rgba(148,163,184,.18));border-radius:8px;color:var(--skill-accent);background:color-mix(in srgb,var(--skill-accent) 12%,rgba(2,6,23,.66));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--skill-accent) 10%,transparent)}.spell-guide-copy{min-width:0;display:grid;gap:6px}.spell-guide-copy strong{color:#f8fafc;font-size:15px;font-weight:1000;line-height:1.1}.spell-guide-copy p{margin:0;color:#cbd5e1;font-size:12px;font-weight:750;line-height:1.35}.spell-guide-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.spell-guide-stats div{display:grid;gap:3px;padding:8px;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:#0206175c}.spell-guide-stats dt{color:#64748b;font-size:9px;font-weight:950;text-transform:uppercase}.spell-guide-stats dd{margin:0;color:var(--skill-accent);font-size:13px;font-weight:1000}.match-modal{width:min(620px,100%);display:grid;gap:16px;text-align:center;overflow:hidden}.match-modal h2{margin:0;font-size:36px;line-height:1}.match-modal p{width:min(430px,100%);justify-self:center;margin:-4px 0 2px;color:#94a3b8;font-size:14px;line-height:1.45}.match-modal[data-result=victory]{border-color:#22c55e5c;box-shadow:0 30px 90px #0000008a,0 0 46px #22c55e1f}.match-modal[data-result=defeat]{border-color:#fb718557;box-shadow:0 30px 90px #0000008a,0 0 46px #fb71851a}.match-result-kicker{display:inline-flex;align-items:center;justify-content:center;justify-self:center;gap:8px;padding:7px 10px;border:1px solid rgba(148,163,184,.16);border-radius:999px;color:#f8fafc;background:#0f172ab8;font-size:11px;font-weight:950;text-transform:uppercase}.match-modal[data-result=victory] .match-result-kicker .fa-icon{color:#86efac}.match-modal[data-result=defeat] .match-result-kicker .fa-icon{color:#fb7185}.match-scoreline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid rgba(148,163,184,.13);border-radius:8px;background:#0f172a94}.match-scoreline span{color:#94a3b8;font-size:11px;font-weight:950;text-transform:uppercase}.match-scoreline span:first-child{color:#7dd3fc}.match-scoreline span:last-child{color:#fda4af}.match-scoreline strong{color:#f8fafc;font-size:34px;font-weight:950;line-height:1}.match-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.match-stat-card{display:grid;gap:6px;min-height:74px;align-content:center;padding:10px;border:1px solid rgba(148,163,184,.13);border-radius:8px;background:#0f172a80}.match-stat-card small{color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase}.match-stat-card strong{color:#f8fafc;font-size:15px;font-weight:950}.modal-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.13)}.modal-title h2{font-size:28px}.buy-modal .modal-title>.fa-icon,.match-modal .modal-title>.fa-icon,.spell-guide-modal .modal-title>.fa-icon{width:40px;height:40px;padding:9px;border:1px solid rgba(226,232,240,.16);border-radius:8px;color:#f8fafc;background:#0f172ac7}.buy-modal .eyebrow{color:#f8fafc}.shop-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:14px 0 16px;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0f172a94}.shop-status>span{color:#f8fafc;font-weight:950}.shop-status strong{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--shop-credit-border, rgba(250, 204, 21, .24));border-radius:8px;color:var(--shop-credit-text, #fef08a);background:var(--shop-credit-bg, rgba(113, 63, 18, .22));box-shadow:inset 0 0 18px var(--shop-credit-glow, rgba(250, 204, 21, .08))}.shop-status strong[data-spent=true]{animation:creditSpend .52s cubic-bezier(.16,1,.3,1) both}.shop-status strong em{position:absolute;right:8px;top:-20px;color:var(--shop-credit-spent, #fb7185);font-size:11px;font-style:normal;font-weight:950;animation:creditFloat .52s ease-out both}.shop-status small{color:#94a3b8;font-weight:800}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shop-card{position:relative;--shop-card-border: rgba(148, 163, 184, .18);--shop-card-glow: rgba(34, 211, 238, .12);--shop-card-hover-border: rgba(103, 232, 249, .56);--shop-card-hover-glow: rgba(34, 211, 238, .12);--item-icon-color: #67e8f9;--item-icon-border: rgba(103, 232, 249, .22);--item-icon-bg: rgba(8, 47, 73, .34);--shop-card-price: #facc15;--shop-card-badge-text: #bae6fd;--shop-card-badge-bg: rgba(14, 116, 144, .18);--shop-card-owned-border: rgba(34, 197, 94, .46);--shop-card-owned-text: #bbf7d0;--shop-card-owned-bg: rgba(22, 101, 52, .28);min-height:158px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:9px 10px;padding:12px;border:1px solid var(--shop-card-border);border-radius:8px;color:#e2e8f0;background:linear-gradient(145deg,#0f172ae6,#020617db),radial-gradient(circle at 18% 16%,var(--shop-card-glow),transparent 42%);text-align:left;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.shop-card:after{content:attr(data-tooltip);position:absolute;left:50%;top:9px;z-index:4;max-width:calc(100% - 18px);padding:6px 8px;border:1px solid rgba(226,232,240,.16);border-radius:8px;color:#f8fafc;background:#020617f0;box-shadow:0 12px 26px #00000057;font-size:11px;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .14s ease,transform .14s ease}.shop-card:hover:after{opacity:1;transform:translate(-50%)}.shop-card:hover:not(:disabled){border-color:var(--shop-card-hover-border);transform:translateY(-3px);box-shadow:0 18px 32px #0000003d,0 0 24px var(--shop-card-hover-glow)}.shop-card-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--item-icon-border);border-radius:8px;color:var(--item-icon-color);background:var(--item-icon-bg)}.shop-card-title{display:grid;min-width:0;gap:4px}.shop-card-title strong{color:#f8fafc;font-size:14px;line-height:1.08}.shop-card-title small{color:var(--shop-card-price);font-size:11px;font-weight:900}.shop-card p{grid-column:1 / -1;color:#94a3b8;font-size:12px;line-height:1.35}.shop-card-state{grid-column:1 / -1;align-self:end;justify-self:start;padding:5px 8px;border-radius:999px;color:var(--shop-card-badge-text);background:var(--shop-card-badge-bg);font-size:10px;font-weight:950;text-transform:uppercase}.shop-card:disabled{cursor:not-allowed;opacity:.52}.shop-card[data-owned=true]{border-color:var(--shop-card-owned-border);opacity:.82;animation:shopOwned .36s cubic-bezier(.16,1,.3,1) both}.shop-card[data-owned=true] .shop-card-state{color:var(--shop-card-owned-text);background:var(--shop-card-owned-bg)}.confirm-buy{position:relative;overflow:hidden;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:14px;border:1px solid rgba(34,197,94,.45);border-radius:8px;color:#dcfce7;background:linear-gradient(135deg,#166534d1,#0f172ad1);font-weight:950;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.confirm-buy:hover{transform:translateY(-2px);border-color:#4ade80b8;box-shadow:0 16px 32px #0000003d,0 0 28px #22c55e24}@keyframes creditSpend{0%{scale:1;border-color:#facc153d}42%{scale:1.08;border-color:#fb71859e;box-shadow:inset 0 0 18px #facc151f,0 0 26px #fb718533}to{scale:1;border-color:#facc153d}}@keyframes creditFloat{0%{opacity:0;translate:0 8px}20%{opacity:1}to{opacity:0;translate:0 -12px}}@keyframes shopOwned{0%{scale:.98;filter:brightness(1)}45%{scale:1.03;filter:brightness(1.16)}to{scale:1;filter:brightness(1)}}@keyframes blobDeath{0%{opacity:1;filter:grayscale(0) brightness(1)}58%{opacity:1;filter:grayscale(.05) brightness(1.22)}to{opacity:.54;filter:grayscale(.35) brightness(.9)}}@keyframes blobDeathBody{0%{translate:-50% 0;rotate:0deg;scale:1 1;opacity:1;filter:saturate(1) brightness(1)}20%{translate:-50% -8px;rotate:-4deg;scale:1.14 .86;opacity:1;filter:saturate(1.2) brightness(1.24)}46%{translate:-50% -2px;rotate:8deg;scale:.7 .62;opacity:.72;filter:saturate(1.35) brightness(1.34) blur(.4px)}to{translate:-50% -18px;rotate:18deg;scale:.16 .12;opacity:0;filter:saturate(1.5) brightness(1.4) blur(5px)}}@keyframes blobBubbleBurstA{0%{opacity:0;transform:translate(-50%,8px) scale(.28);filter:blur(0) drop-shadow(0 0 4px var(--blob-bubble-soft))}16%{opacity:1;transform:translate(-50%,-4px) scale(.72)}64%{opacity:.86;transform:translate(-50%,-42px) scale(1.12);filter:blur(.4px) drop-shadow(0 0 12px var(--blob-bubble-soft))}to{opacity:0;transform:translate(-50%,-76px) scale(1.48);filter:blur(4px) drop-shadow(0 0 0 transparent)}}@keyframes blobBubbleBurstB{0%{opacity:0;transform:translate(-50%,6px) rotate(18deg) scale(.32);filter:blur(0) drop-shadow(0 0 4px var(--blob-bubble-soft))}20%{opacity:.9;transform:translate(-50%,-8px) rotate(-8deg) scale(.82)}68%{opacity:.72;transform:translate(-50%,-54px) rotate(-24deg) scale(1.22);filter:blur(.8px) drop-shadow(0 0 10px var(--blob-bubble-soft))}to{opacity:0;transform:translate(-50%,-92px) rotate(-38deg) scale(1.56);filter:blur(5px) drop-shadow(0 0 0 transparent)}}@keyframes blobDeathShadow{0%{opacity:1;scale:1}to{opacity:.48;scale:1.28 .72}}@keyframes blobIdle{0%,to{translate:0 0;scale:1 1}50%{translate:0 -4px;scale:1.04 .96}}@keyframes blobAttackBounce{0%{translate:0 0;scale:1 1}24%{translate:0 -9px;scale:.9 1.16}50%{translate:0 -5px;scale:1.08 .94}72%{translate:0 -2px;scale:.98 1.04}to{translate:0 0;scale:1 1}}@keyframes blobAttackShadow{0%,to{opacity:1;scale:1 1}24%{opacity:.62;scale:.72 .82}50%{opacity:.82;scale:1.12 .88}}@keyframes blobInnerBubbles{0%,to{translate:0 2px;scale:1;opacity:.72}45%{translate:2px -4px;scale:1.04;opacity:.94}72%{translate:-2px -2px;scale:.98}}@keyframes blobWinkEye{0%,to{translate:0 0;rotate:0deg;scale:1 1;border-radius:50%}18%{translate:0 1px;rotate:-1deg;scale:1.05 .72;border-radius:48% 52% 46% 54%}38%,58%{translate:0 3px;rotate:-3deg;scale:1.12 .18;border-radius:999px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.2) 0 1px,transparent 2px),#f8fafcb8}76%{translate:0 1px;rotate:1deg;scale:1.04 .82;border-radius:50%}}@keyframes blobWinkPupil{0%,to{opacity:1;scale:1}22%{opacity:.6;scale:.72 .48}38%,62%{opacity:0;scale:.18 .1}76%{opacity:.72;scale:.7}}@keyframes blobWinkCompanionEye{0%,to{translate:0 0;scale:1 1}40%,58%{translate:0 1px;scale:1.02 .88}76%{scale:1.02 1.04}}@keyframes blobAngryEyeLeft{0%,to{rotate:0deg;scale:1}28%,78%{rotate:14deg;scale:1.04 .72}}@keyframes blobAngryEyeRight{0%,to{rotate:0deg;scale:1}28%,78%{rotate:-14deg;scale:1.04 .72}}@keyframes blobAttackPupil{0%,to{scale:1;filter:none}26%,78%{scale:1.18 .82;filter:drop-shadow(0 0 3px rgba(15,23,42,.34))}}@keyframes blobDamageEyeLeft{0%,to{translate:0 0;rotate:0deg;scale:1}14%{translate:-2px -1px;rotate:-10deg;scale:1.18 1.08}34%{translate:2px 1px;rotate:8deg;scale:.88 1.18}58%{translate:-1px 0;rotate:-4deg;scale:1.05 .92}}@keyframes blobDamageEyeRight{0%,to{translate:0 0;rotate:0deg;scale:1}14%{translate:2px -1px;rotate:10deg;scale:1.18 1.08}34%{translate:-2px 1px;rotate:-8deg;scale:.88 1.18}58%{translate:1px 0;rotate:4deg;scale:1.05 .92}}@keyframes blobDamagePupil{0%,to{translate:var(--look-x, 0px) var(--look-y, 0px);scale:1}14%{translate:-1px -1px;scale:1.16}30%{translate:2px 1px;scale:.82 1.18}50%{translate:-1px 1px;scale:1.08 .88}}@keyframes blobCrossEyeLeft{0%,to{translate:var(--look-x, 0px) var(--look-y, 0px)}24%,76%{translate:3px 1px}}@keyframes blobCrossEyeRight{0%,to{translate:var(--look-x, 0px) var(--look-y, 0px)}24%,76%{translate:-3px 1px}}@keyframes blobMouthPop{0%,to{width:13px;height:8px;scale:1}28%,70%{width:16px;height:10px;scale:1.08}}@keyframes blobSpeechPop{0%{opacity:0;transform:translate(-10%,-62%) scale(.62)}16%{opacity:1;transform:translate(-4%,-94%) scale(1.06)}72%{opacity:1;transform:translate(8%,-112%) scale(1)}to{opacity:0;transform:translate(16%,-132%) scale(.86)}}@keyframes emojiCatalogPop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blobMoveMorph{0%{translate:0 0;scale:1.08 .9;border-radius:54% 46% 48% 52%/50%}38%{translate:0 -7px;scale:.9 1.16;border-radius:44% 56% 38% 62%/66% 60% 40% 34%}72%{translate:0 2px;scale:1.08 .92}to{translate:0 0;scale:1 1}}@keyframes blobMoveShadow{0%,to{scale:1 1;opacity:1}40%{scale:.78 .86;opacity:.68}}@keyframes blobDamageMorph{0%{scale:1 1;filter:brightness(1)}16%{scale:1.14 1.24;filter:brightness(1.75) saturate(1.3)}38%{scale:.94 1.08}to{scale:1 1;filter:brightness(1)}}@keyframes blobShieldBody{0%,to{scale:1 1;filter:brightness(1) saturate(1);box-shadow:inset 0 9px 14px #fff3,inset 0 -12px 18px #0206173d,0 13px 24px #0000003d}24%{scale:1.08 .94;filter:brightness(1.28) saturate(1.22);box-shadow:inset 0 10px 16px #ffffff47,inset 0 -10px 18px #0206172e,0 0 0 8px #a78bfa1a,0 0 30px #a78bfa4d}58%{scale:.96 1.06;filter:brightness(1.12) saturate(1.14)}}@keyframes blobShieldEyes{0%,to{translate:0 0;scale:1}30%,62%{translate:0 -1px;scale:1.06 .9}}@keyframes blobShieldSigil{0%{opacity:0;translate:-50% 8px;scale:.28;rotate:-18deg}20%{opacity:1;translate:-50% -8px;scale:1.16;rotate:7deg}62%{opacity:1;translate:-50% -18px;scale:1;rotate:0deg}to{opacity:0;translate:-50% -34px;scale:.84;rotate:10deg}}@keyframes blobHitShake{0%,to{translate:0 0}12%{translate:-4px -1px}26%{translate:5px 1px}42%{translate:-3px 0}58%{translate:2px 0}}@keyframes blobHealthHit{0%,to{scale:1;filter:brightness(1)}18%{scale:1.14 1.22;filter:brightness(1.45)}42%{scale:.96 .92}}@keyframes sweatDrop{0%{opacity:0;translate:0 8px;scale:.5}18%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:8px -18px;scale:.78}}@keyframes activeGlow{0%{filter:drop-shadow(0 0 3px rgba(250,204,21,.18))}to{filter:drop-shadow(0 0 9px rgba(250,204,21,.34))}}.forfeit-modal{width:min(440px,100%);display:grid;gap:14px;text-align:center;border-color:#fb718552}.forfeit-modal h2{margin:0;color:#f8fafc;font-size:28px;line-height:1}.forfeit-modal p{margin:0;color:#94a3b8;font-size:14px;line-height:1.45}.forfeit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.forfeit-cancel,.forfeit-confirm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#f8fafc;font-size:12px;font-weight:950;cursor:pointer}.forfeit-cancel{background:#0f172ab8}.forfeit-confirm{border-color:#fb71856b;background:#7f1d1d94}@keyframes meterValueBump{0%{opacity:.72;transform:translateY(2px) scale(.9);filter:brightness(1)}46%{opacity:1;transform:translateY(-1px) scale(1.12);filter:brightness(1.35)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes vfxTrackLife{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}@keyframes fireballTravel{0%{left:0%;opacity:0;scale:.52;rotate:-10deg}12%{opacity:1;scale:1.12 .92}68%{scale:.92 1.08}to{left:100%;opacity:0;scale:.78;rotate:var(--vfx-end-roll)}}@keyframes fireTrailTravel{0%{left:0%;opacity:0;scale:.35 .7}18%{opacity:.75;scale:.95 1}to{left:100%;opacity:0;scale:.4 .85}}@keyframes dustPuffTravel{0%{left:0%;opacity:0;scale:.4}24%{opacity:.72;scale:1}to{left:100%;opacity:0;scale:1.45}}@keyframes kineticSlugTravel{0%{left:0%;opacity:0;scale:.7 1.15}16%{opacity:1;scale:1.22 .86}to{left:100%;opacity:0;scale:.86 1.08}}@keyframes kineticWakeTravel{0%{left:0%;opacity:0;scale:.35 .8}18%{opacity:.72;scale:1 1}to{left:100%;opacity:0;scale:.45 .9}}@keyframes overloadOrbTravel{0%{left:0%;opacity:0;scale:.45;rotate:-24deg}15%{opacity:1;scale:1.15}52%{scale:.86 1.2}to{left:100%;opacity:0;scale:.75;rotate:var(--vfx-overload-roll)}}@keyframes overloadSparkTravel{0%{left:0%;opacity:0;scale:.4}20%{opacity:.9;scale:1}to{left:100%;opacity:0;scale:.65}}@keyframes chargeRing{0%{opacity:0;rotate:0deg;scale:.35}42%{opacity:1}to{opacity:0;rotate:80deg;scale:1.18}}@keyframes fireImpactWave{0%{opacity:0;scale:.34 .48;rotate:-8deg}22%{opacity:1;scale:1.06 .92}to{opacity:0;scale:1.42 1.18;rotate:12deg}}@keyframes kineticImpactWave{0%{opacity:0;scale:.28 .72;translate:-10px 0}24%{opacity:1;scale:1.18 .9}to{opacity:0;scale:1.55 .72;translate:12px 0}}@keyframes shieldPulse{0%{opacity:0;scale:.42;rotate:-24deg}25%{opacity:1;scale:.9}62%{opacity:.72;rotate:12deg}to{opacity:0;scale:1.58;rotate:28deg}}@keyframes shieldGlyphPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}70%{opacity:.9;transform:translate(-50%,-56%) scale(1)}to{opacity:0;transform:translate(-50%,-72%) scale(.72)}}@keyframes trapArmed{0%{opacity:0;rotate:-10deg;scale:.36 .24}24%{opacity:1;rotate:2deg;scale:1.08 .82}58%{opacity:.82;scale:1.24 .94}to{opacity:0;rotate:0deg;scale:1.55 1.08}}@keyframes trapSkullPop{0%{opacity:0;transform:translate(-50%,-42%) scale(.34) rotate(-14deg)}24%{opacity:1;transform:translate(-50%,-58%) scale(1.18) rotate(6deg)}62%{opacity:.9;transform:translate(-50%,-50%) scale(.94) rotate(-3deg)}to{opacity:0;transform:translate(-50%,-78%) scale(.72) rotate(10deg)}}@keyframes trapTrigger{0%{opacity:0;scale:.36 .2}18%{opacity:1;scale:.98 .62}54%{opacity:.88;scale:1.36 .94}to{opacity:0;scale:1.72 1.08}}@keyframes trapSkullHit{0%{opacity:0;transform:translate(-50%,-42%) scale(.42) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(5deg)}48%{opacity:1;transform:translate(-50%,-54%) scale(.96) rotate(-3deg)}to{opacity:0;transform:translate(-50%,-70%) scale(.74) rotate(8deg)}}@keyframes trapTokenIdle{0%,to{scale:1;filter:brightness(1)}50%{scale:1.06;filter:brightness(1.22)}}@keyframes trapTokenPulse{0%,to{opacity:.44;scale:.88 .76}50%{opacity:.88;scale:1.08 1}}@keyframes damageHalo{0%{opacity:0;scale:.65 .4}24%{opacity:1;scale:1 1.16}to{opacity:0;scale:1.25 1.35}}@keyframes damagePop{0%{opacity:0;translate:0 8px;scale:.82}18%{opacity:1}to{opacity:0;translate:0 -34px;scale:1.08}}@keyframes damageBouncePop{0%{opacity:0;translate:0 18px;scale:.48;filter:blur(2px)}20%{opacity:1;translate:0 -10px;scale:1.42 .76;filter:blur(0)}38%{translate:0 2px;scale:.86 1.22}56%{translate:0 -6px;scale:1.12 .94}76%{opacity:1;translate:0 -18px;scale:1}to{opacity:0;translate:0 -48px;scale:.82;filter:blur(1px)}}@keyframes criticalDamagePop{0%{opacity:0;translate:0 18px;scale:.58;filter:blur(2px)}18%{opacity:1;translate:0 -12px;scale:1.18;filter:blur(0)}38%{translate:0 -4px;scale:.98}72%{opacity:1;translate:0 -22px;scale:1}to{opacity:0;translate:0 -48px;scale:.9;filter:blur(.5px)}}@keyframes resourceLossPop{0%{opacity:0;translate:0 12px;scale:.64;filter:blur(1.5px)}18%{opacity:1;translate:0 -6px;scale:1.1;filter:blur(0)}44%{translate:0 0;scale:1}76%{opacity:1;translate:0 -18px}to{opacity:0;translate:0 -38px;scale:.86}}@keyframes fadeIn{0%{opacity:0}}@keyframes modalRise{0%{opacity:0;translate:0 18px}}@keyframes timerWarning{0%{box-shadow:0 0 20px #fb71852e}to{box-shadow:0 0 34px #fb71856b}}@keyframes hudHeartBeat{0%,to{scale:1;filter:drop-shadow(0 0 0 rgba(34,197,94,0))}45%{scale:1.14;filter:drop-shadow(0 0 8px rgba(34,197,94,.32))}}@keyframes hudShieldPulse{0%,to{scale:1;filter:drop-shadow(0 0 0 rgba(167,139,250,0))}50%{scale:1.12;filter:drop-shadow(0 0 9px rgba(167,139,250,.38))}}@keyframes activeScoreBreath{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes activeScoreSweep{0%,48%{opacity:0;background-position:150% 0}62%{opacity:1}to{opacity:0;background-position:-50% 0}}@keyframes cardLightSweep{0%{opacity:0;background-position:150% 0}32%{opacity:1}to{opacity:0;background-position:-50% 0}}@keyframes passButtonReady{0%,to{box-shadow:inset 0 1px #ffffff0f,0 12px 30px #00000038}50%{box-shadow:inset 0 1px #ffffff14,0 0 24px #fb718533,0 14px 32px #00000042}}@keyframes passArrowNudge{0%,to{translate:0 0}50%{translate:4px 0}}@keyframes countdownUrgency{0%,to{scale:1;translate:0 0;color:#ffe4e6;text-shadow:0 0 0 rgba(251,113,133,0)}30%{scale:1.18;translate:-1px 0;color:#fff;text-shadow:0 0 12px rgba(251,113,133,.68)}58%{scale:.98;translate:1px 0}}@keyframes turnGaugeCountdown{0%{--turn-angle: 360deg}to{--turn-angle: 0deg}}@keyframes boardPingPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}@keyframes boardPingRing{0%{opacity:.95;transform:scale(.58)}to{opacity:0;transform:scale(1.38)}}@keyframes tilePingBlink{0%,to{filter:none}16%,52%{filter:brightness(1.32) saturate(1.16);box-shadow:inset 0 0 0 1px #7dd3fc6b,0 7px #08121ec7,0 0 18px #67e8f92e}34%{filter:brightness(1.1)}}@keyframes scoreValuePop{0%{scale:.72;translate:0 8px;opacity:0}45%{scale:1.2;translate:0 -2px;opacity:1}to{scale:1;translate:0 0;opacity:1}}@keyframes scoreTileRoll{0%{scale:.78;translate:0 7px;opacity:0}52%{scale:1.14;translate:0 -1px;opacity:1}to{scale:1;translate:0 0;opacity:1}}@keyframes scorePointBurst{0%{opacity:0;scale:.92}28%{opacity:1}to{opacity:0;scale:1.06}}@keyframes turnPreviewIn{0%{opacity:0;translate:0 10px;scale:.92}}@keyframes turnPreviewCurrent{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes turnPointerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(orientation:landscape)and (max-width:980px)and (max-height:560px){.pwa-install-layer{position:fixed;top:calc(env(safe-area-inset-top,0px) + 6px);right:calc(env(safe-area-inset-right,0px) + 6px);z-index:140;display:grid;grid-template-columns:auto auto;align-items:start;gap:5px;pointer-events:none}.pwa-install-button,.pwa-install-close,.pwa-install-help{pointer-events:auto}.pwa-install-button{min-height:30px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 5px;border:1px solid rgba(103,232,249,.36);border-radius:999px;color:#e0f2fe;background:#020617c7;box-shadow:0 12px 34px #00000057,0 0 20px #22d3ee24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:10px;font-weight:1000;line-height:1}.pwa-install-button img{width:20px;height:20px;border-radius:6px}.pwa-install-close{width:20px;height:20px;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#cbd5e1;background:#020617b3;font-size:12px;font-weight:900;line-height:1}.pwa-install-help{grid-column:1 / -1;justify-self:end;width:min(280px,calc(100vw - 16px));display:grid;gap:4px;padding:8px 9px;border:1px solid rgba(103,232,249,.24);border-radius:8px;color:#dbeafe;background:#020617eb;box-shadow:0 18px 44px #0000006b}.pwa-install-help strong{color:#f8fafc;font-size:11px;font-weight:1000}.pwa-install-help span{color:#cbd5e1;font-size:10px;font-weight:750;line-height:1.2}html,body,#root{min-width:0}.app-shell{--mobile-side-panel-w: clamp(230px, 38vw, 360px);--board-y-offset: 0px;grid-template-columns:minmax(0,1fr) var(--mobile-side-panel-w);grid-template-rows:minmax(0,1fr);gap:6px;padding:6px}.scoreboard{display:none}.game-layout{grid-column:1;grid-row:1;min-height:0;padding-top:0}.arena-column,.board-wrap{min-height:0;height:100%}.board-wrap{position:relative;display:grid;place-items:center;padding:0;overflow:hidden;touch-action:manipulation}.iso-board{position:absolute;left:50%;top:50%;max-width:none;max-height:none;scale:1;transform:translate(-50%,-50%) scale(min(.41,calc((100vw - var(--mobile-side-panel-w) - 24px) / 1328px),calc((100dvh - 12px)/860px)));transform-origin:center center;translate:0 0;filter:drop-shadow(0 18px 34px rgba(0,0,0,.38))}.iso-board[data-view-mode=front]{top:49%;scale:1;translate:0 0;transform:translate(-50%,-50%) scale(min(.64,calc((100vw - var(--mobile-side-panel-w) - 16px) / 860px),calc((100dvh - 12px)/980px)))}.iso-cell{touch-action:manipulation}.command-deck{grid-column:2;grid-row:1;min-height:0;max-height:none;height:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(0,1fr);gap:6px;padding:6px;overflow:auto;overscroll-behavior:contain}.skill-bar{order:1}.combat-hud{order:2}.mobile-skill-tooltip{order:3}.action-panel{order:4}.emote-panel{order:5}.action-log{order:6}.combat-hud{width:100%;justify-self:stretch;gap:6px;padding:7px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"main" "items";align-items:center}.combat-player-main{width:100%;grid-template-columns:minmax(0,1fr)}.combat-hud-head{gap:6px}.combat-hud .player-chip{width:26px;height:26px;font-size:12px}.combat-hud-head strong{font-size:11px}.combat-hud-head small{display:none}.combat-credits{font-size:10px}.combat-stats-row{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;justify-self:stretch;gap:3px}.inventory-panel{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:34px;width:100%;gap:6px}.combat-inventory-wrap{width:100%;justify-self:stretch}.inventory-slot{width:100%;height:34px;min-width:0;min-height:34px}.meter{gap:3px}.meter[data-variant=circle] .meter-ring{width:34px}.meter[data-variant=circle] .meter-ring-core{width:28px}.meter[data-variant=circle] .meter-ring-core small{min-height:9px}.meter[data-variant=circle] .meter-ring-core small .fa-icon{--fa-icon-size: 8px !important}.meter[data-variant=circle] .meter-ring-core strong{max-width:27px;font-size:10px}.meter-label,.meter-label strong{font-size:10px}.meter-track{height:5px}.skill-bar{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(48px,1fr);gap:6px}.skill-button{min-height:52px;display:grid;grid-template-rows:1fr;place-items:center;align-content:center;justify-content:center;padding:15px;text-align:center}.skill-button>.fa-icon{--fa-icon-size: 20px !important;grid-row:1;align-self:center;justify-self:center;translate:0 0}.skill-button:not([data-disabled=true]):not([data-readonly=true]):hover .fa-icon,.skill-button[data-selected=true] .fa-icon{translate:0 0}.skill-button>span:not(.skill-hover-tooltip):not(.fa-icon):not(.skill-art-frame):not(.skill-badge),.skill-button>small,.skill-disabled-reason{display:none}.mobile-skill-tooltip{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border:1px solid rgba(103,232,249,.2);border-radius:8px;color:#dbeafe;background:#020617e6}.mobile-skill-tooltip>.fa-icon{color:#67e8f9;filter:drop-shadow(0 0 8px rgba(103,232,249,.26))}.mobile-skill-tooltip div{min-width:0;display:grid;gap:2px}.mobile-skill-tooltip strong,.mobile-skill-tooltip small,.mobile-skill-tooltip span{overflow:hidden;text-overflow:ellipsis}.mobile-skill-tooltip strong{color:#f8fafc;font-size:10px;font-weight:1000;line-height:1.05}.mobile-skill-tooltip small{color:#67e8f9;font-size:9px;font-weight:900;line-height:1.05;white-space:nowrap}.mobile-skill-tooltip span{color:#cbd5e1;font-size:10px;font-weight:750;line-height:1.15}.action-panel{grid-template-rows:auto auto auto;gap:15px}.turn-counter{order:1}.turn-actions-row{order:2;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;justify-content:start;width:100%;gap:15px}.end-turn{order:1;width:100%;min-height:34px;grid-template-columns:minmax(0,1fr) auto;place-items:center;padding:0 10px}.end-turn-copy{min-width:0;display:grid;justify-items:start}.end-turn-copy strong{display:none}.end-turn-copy small{display:block;color:#ffe4e6;font-size:11px;font-weight:1000}.end-turn>.fa-icon{display:block}.turn-tool-buttons{width:auto;height:100%;grid-template-columns:repeat(3,34px);grid-template-rows:1fr;gap:6px}.turn-tool-button,.turn-tool-button:first-child,.turn-tool-button:last-child,.ping-tool-button{width:34px;min-height:34px;margin-top:0;border-radius:8px}.mobile-panel-button{display:grid}.emote-panel{min-height:0;gap:4px;padding:5px}.emote-panel-head strong{font-size:10px}.emote-panel-head span{font-size:8px}.emote-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.emote-button{min-height:38px;gap:2px;padding:3px;font-size:9px}.emote-button>span:not(.fa-icon){display:none}.emote-button .fa-icon{display:inline-grid;--fa-icon-size: 16px !important}.turn-counter{min-height:22px;padding-inline:7px}.turn-counter span{font-size:9px}.turn-counter strong{font-size:10px}.end-turn{min-height:34px;gap:7px;padding:3px 8px 3px 6px;font-size:11px}.end-turn .timer-ring{width:22px;height:22px}.turn-tool-button{width:44px;height:100%;min-height:44px}.action-log{min-height:0;max-height:100%;padding:6px;font-size:10.5px;line-height:1.25}.action-log li{grid-template-columns:34px minmax(0,1fr);gap:5px}.action-log li+li{margin-top:3px}.action-log time{font-size:9px}.emoji-catalog{position:fixed;inset:auto 8px 8px;width:auto;grid-template-columns:repeat(10,1fr);gap:4px;padding:6px}.emoji-catalog:after{content:none}.modal-backdrop{place-items:start center;padding:8px}.buy-modal,.match-modal,.spell-guide-modal{width:min(760px,100%);max-height:calc(100dvh - 16px);padding:10px}.modal-title{gap:8px;padding-bottom:8px}.modal-title h2{font-size:20px}.spell-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spell-guide-card{padding:12px}.shop-status{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:8px 0;padding:8px}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shop-card{min-height:110px;gap:6px;padding:8px}.shop-card-icon{width:30px;height:30px}.shop-card-title strong{font-size:11px}.shop-card-title small,.shop-card p{font-size:10px}.shop-card p{line-height:1.2}.confirm-buy{position:sticky;bottom:0;min-height:40px;margin-top:8px}}@media(orientation:portrait)and (max-width:680px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px}.game-layout{grid-column:1;grid-row:1;padding-top:0}.board-wrap{position:relative;padding:0}.iso-board{position:absolute;left:50%;top:52%;max-width:none;max-height:none;scale:1;translate:0 0;transform:translate(-50%,-50%) scale(min(.54,calc((100vw - 16px)/1328px)));transform-origin:center center}.iso-board[data-view-mode=front]{top:48%;scale:1;translate:0 0;transform:translate(-50%,-50%) scale(min(.78,calc((100vw - 8px)/860px),calc((100dvh - 300px)/980px)))}.command-deck{grid-column:1;grid-row:2;min-height:0;height:clamp(150px,calc(46dvh - 45px),320px);max-height:clamp(150px,calc(46dvh - 45px),320px);display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.command-deck[data-active-tab=emotes]{display:flex}.log-panel{order:1;position:fixed;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:3200;flex:0 0 auto;min-height:0;max-height:min(58dvh,420px);display:none;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(103,232,249,.24);border-radius:10px;background:#020617f7;box-shadow:0 -20px 60px #00000094,0 0 36px #22d3ee1a;overflow:hidden}.log-panel[data-mobile-open=true]{display:grid}.log-tabs{min-height:30px;height:auto;padding:8px;gap:4px;background:#0f172ab3}.log-tabs button{min-width:0;flex:1;display:grid;place-items:center;padding:0 8px;border:1px solid rgba(148,163,184,.18);border-radius:7px;font-size:10px}.log-panel .action-log{display:block;min-height:0;max-height:100%;padding:8px;overflow-y:auto}.emote-tab-panel{grid-template-columns:minmax(0,1fr);gap:15px;padding:8px 0 0;border-top:0}.emote-tab-head{display:none}.emote-tab-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.emote-tab-actions .emote-button span{display:block}.emoji-catalog{right:10px;bottom:calc(100% + 10px)}.action-panel{order:2;flex:0 0 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:15px;min-height:0}.end-turn,.turn-counter{min-height:58px}.end-turn{order:1;grid-template-columns:minmax(0,1fr);place-items:center;text-align:center;padding:8px}.turn-counter{order:2}.turn-actions-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;justify-content:start;width:100%;gap:15px}.turn-tool-button{width:44px;height:100%;min-height:44px}.end-turn-clock{display:none}.end-turn-copy{min-width:0;display:grid;justify-items:start}.end-turn-copy strong{display:none}.end-turn-copy small{display:block;color:#ffe4e6;font-size:11px;font-weight:1000}.turn-counter{padding:8px}.end-turn{width:100%;min-height:44px;grid-template-columns:minmax(0,1fr) auto;place-items:center;padding:0 12px}.end-turn>.fa-icon{display:block}.turn-tool-buttons{width:auto;height:100%;grid-template-columns:repeat(3,44px);grid-template-rows:1fr;gap:6px}.turn-tool-button,.turn-tool-button:first-child,.turn-tool-button:last-child,.ping-tool-button{width:44px;min-height:44px;margin-top:0;border-radius:8px}.mobile-panel-button{display:grid}.skill-bar{order:3;flex:0 0 auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:52px;gap:6px;min-height:0}.skill-button{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;place-items:center;align-content:center;justify-content:center;padding:15px;text-align:center}.skill-button>.fa-icon{--fa-icon-size: 20px !important;grid-column:1;grid-row:1;align-self:center;justify-self:center;margin:auto;translate:0 0}.skill-button>span:not(.skill-hover-tooltip):not(.fa-icon):not(.skill-art-frame):not(.skill-badge){display:none;align-self:center;font-size:12px;line-height:1.05}.skill-disabled-reason,.mobile-skill-tooltip{display:none}.skill-button>small{display:none}.combat-hud{order:4;flex:0 0 auto;width:100%;justify-self:stretch;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"main" "items";gap:10px;padding:8px;height:auto;min-height:0}.mobile-items-toggle{width:100%;min-height:30px;min-width:0;position:relative;overflow:hidden;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(248,250,252,.2);border-radius:8px;color:#f8fafc;background:#0f172a9e;font-size:10px;font-weight:1000;box-shadow:inset 0 0 0 1px #f8fafc14}.mobile-items-toggle:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--mobile-items-percent, 0%);border-radius:inherit;background:linear-gradient(90deg,#f8fafc47,#f8fafc24),linear-gradient(145deg,rgba(248,250,252,.12),transparent 70%);opacity:.9;pointer-events:none}.mobile-items-toggle .fa-icon{position:relative;z-index:1;--fa-icon-size: 12px !important;color:#f8fafc;filter:none}.mobile-items-count{position:relative;z-index:1;min-width:0;color:#f8fafc;font-size:11px;font-weight:1000;font-variant-numeric:tabular-nums;line-height:1}.mobile-items-meter,.combat-hud[data-mobile-items-open=false] .combat-inventory-wrap{display:none}.combat-player-main{width:100%;grid-template-columns:minmax(0,1fr);gap:10px;height:auto}.combat-hud-head{align-self:stretch;align-content:center}.combat-hud .player-chip{width:54px;height:54px}.combat-player-title small{display:inline-flex}.combat-stats-row{grid-template-columns:repeat(5,minmax(0,1fr));justify-self:stretch;width:100%;gap:15px}.meter[data-variant=circle] .meter-ring{width:48px}.meter[data-variant=circle] .meter-ring-core{width:38px}.meter[data-variant=circle] .meter-ring-core strong{font-size:12px}.inventory-panel{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:48px;width:100%;gap:8px;padding:0}.inventory-slot{width:100%;height:48px;min-width:0;min-height:48px}.combat-inventory-wrap{width:100%;justify-self:stretch;align-content:start}.inventory-tooltip{bottom:calc(100% + 8px)}.spell-guide-grid{grid-template-columns:minmax(0,1fr)}}@media(orientation:portrait)and (max-width:680px)and (max-height:760px){.command-deck{min-height:0;height:clamp(140px,calc(42dvh - 45px),280px);max-height:clamp(140px,calc(42dvh - 45px),280px);gap:8px;padding:8px}.log-tabs button{min-height:30px}.end-turn,.turn-counter{min-height:50px}.end-turn-copy strong{font-size:12px}.end-turn-copy small{font-size:9px}.turn-player-card .player-chip{width:42px;height:42px;min-height:42px;font-size:14px}.turn-player-copy strong{font-size:13px}.skill-button{min-height:50px;padding:8px}.skill-bar{grid-template-rows:50px}.skill-button>.fa-icon{--fa-icon-size: 19px !important}.turn-preview-dock{--turn-card-w: clamp(52px, min(8.5vw, 13dvh), 66px);--turn-card-gap: clamp(5px, .8vw, 6px);--turn-pointer-x: calc(var(--turn-card-w) / 2);--turn-pointer-y: 0px;right:8px;bottom:8px}.turn-preview-dock[data-active-player=B]{--turn-pointer-x: calc(var(--turn-card-w) + var(--turn-card-gap) + var(--turn-card-w) / 2);--turn-pointer-y: 0px}.turn-preview-list{flex-direction:row;align-items:end}.turn-preview-pointer{left:0;top:-18px;translate:calc(var(--turn-pointer-x) - 50%) var(--turn-pointer-y)}.board-view-controls{right:calc(var(--turn-card-w) * 2 + var(--turn-card-gap) + 18px);bottom:8px}.turn-preview-card{--turn-blob-top: calc(var(--turn-card-w) * .78);padding:3px}.turn-preview-stage{min-height:calc(var(--turn-card-w) * .72)}.turn-preview-stage .blob-unit{scale:clamp(.5,calc(var(--turn-card-w) / 106),.62)}.turn-preview-hp,.turn-preview-shield{top:clamp(5px,calc(var(--turn-card-w) * .1),7px);bottom:clamp(14px,calc(var(--turn-card-w) * .27),18px);width:4px}.turn-preview-copy{padding-top:3px}.turn-preview-copy strong{font-size:8px}.combat-hud{gap:9px}.combat-player-main{gap:7px}.combat-stats-row{gap:6px;margin-bottom:2px}.combat-inventory-wrap{margin-top:2px}.meter[data-variant=circle] .meter-ring{width:38px}.meter[data-variant=circle] .meter-ring-core{width:30px}.meter[data-variant=circle] .meter-ring-core strong{font-size:10px}.inventory-panel{grid-template-rows:34px;gap:7px}.inventory-slot{height:34px;min-height:34px}}@media(orientation:portrait)and (max-width:680px)and (max-height:650px){.command-deck{min-height:0;height:clamp(132px,calc(40dvh - 45px),240px);max-height:clamp(132px,calc(40dvh - 45px),240px);gap:7px;padding:7px}.end-turn,.turn-counter,.skill-button{min-height:46px}.skill-bar{grid-template-rows:46px}.combat-hud{gap:6px;padding:6px}.inventory-panel{grid-template-rows:30px;gap:6px}.inventory-slot{height:30px;min-height:30px}.turn-preview-dock{--turn-card-w: 58px}.board-view-controls{right:calc(var(--turn-card-w) * 2 + var(--turn-card-gap) + 18px)}.turn-preview-card{--turn-blob-top: 46px}.turn-preview-stage{min-height:41px}.turn-preview-stage .blob-unit{scale:.54}.turn-preview-copy strong{font-size:7px}}@media(min-width:681px){.command-deck{min-height:112px;max-height:none;height:clamp(160px,24dvh,190px);align-self:end;display:grid;grid-template-columns:clamp(280px,20vw,400px) 250px max-content minmax(0,1fr);grid-template-rows:minmax(112px,1fr);grid-template-areas:"log action hud skills";gap:15px;padding:10px;overflow:visible}.log-panel{grid-area:log;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.combat-hud{grid-area:hud;width:max-content;justify-self:start;grid-template-columns:max-content max-content;grid-template-rows:minmax(0,1fr);grid-template-areas:"main items";gap:15px;padding:15px}.combat-player-main{width:max-content;grid-template-columns:max-content;gap:15px}.combat-hud-head{justify-items:center;text-align:center}.combat-stats-row{grid-template-columns:repeat(2,48px);justify-self:start;width:max-content;gap:15px}.combat-hud .player-chip{width:46px;height:46px}.meter[data-variant=circle] .meter-ring{width:48px}.meter[data-variant=circle] .meter-ring-core{width:38px}.meter[data-variant=circle] .meter-ring-core strong{font-size:12px}.inventory-panel{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:15px}.inventory-slot{width:48px;height:48px;min-width:48px;min-height:48px}.action-panel{grid-area:action;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:15px}.skill-bar{grid-area:skills;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:15px}.skill-button{padding:15px}.skill-button>span:not(.skill-hover-tooltip):not(.skill-art-frame):not(.skill-badge){font-size:13px;line-height:1.08;overflow-wrap:normal}.action-log{display:block;max-height:none}.mobile-skill-tooltip{display:none}}@media(max-width:1700px){.skill-button{display:flex;align-items:center;justify-content:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;text-align:center}.skill-button>.fa-icon{--fa-icon-size: 22px !important;position:static;grid-column:1;grid-row:1;align-self:center;justify-self:center;margin:auto;transform:none;translate:0 0}.skill-button>span:not(.skill-hover-tooltip):not(.fa-icon):not(.skill-art-frame):not(.skill-badge),.skill-button>small,.skill-meta,.skill-disabled-reason{display:none}.skill-meta{grid-column:1;grid-row:1;justify-self:center;justify-content:center;gap:6px}.skill-meta span{font-size:11px}.skill-button:not([data-disabled=true]):not([data-readonly=true]):hover .fa-icon,.skill-button[data-selected=true] .fa-icon{translate:0 0}}@media(min-width:1201px)and (max-width:1500px){.app-shell{--board-y-offset: 0px}.game-layout{padding-top:0}.board-wrap{position:relative;display:grid;place-items:center;padding:0 10px}.iso-board{position:absolute;left:50%;top:50%;max-width:none;max-height:none;scale:1;transform:translate(-50%,-50%) scale(min(calc((100vw - 28px)/1328px),calc((100dvh - 300px)/860px)));transform-origin:center center;translate:0 0}}@media(orientation:landscape)and (max-width:1200px),(min-width:681px)and (max-width:1200px){html,body,#root{min-width:0}.app-shell{--mobile-side-panel-w: clamp(230px, 38vw, 360px);--board-y-offset: 0px;grid-template-columns:minmax(0,1fr) var(--mobile-side-panel-w);grid-template-rows:minmax(0,1fr);gap:6px;padding:56px 6px 6px}.scoreboard{display:grid;top:calc(env(safe-area-inset-top,0px) + 6px);left:auto;right:6px;translate:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:var(--mobile-side-panel-w)}.score-wing{min-height:42px;grid-template-columns:28px minmax(46px,1fr) 30px;grid-template-areas:"avatar hp score";gap:4px;padding:4px 5px;border-radius:10px}.score-wing.away{grid-template-columns:30px minmax(46px,1fr) 28px;grid-template-areas:"score hp avatar";padding:4px 5px}.score-wing.home,.score-wing.away{text-align:center}.score-player-copy{display:none}.score-avatar,.score-avatar .player-chip{width:28px;height:28px;border-radius:8px;font-size:12px}.score-avatar{grid-area:avatar}.score-tile-counter{grid-area:hp}.score-player-score{grid-area:score}.score-tile-counter,.score-tile-counter.home,.score-tile-counter.away{align-self:center;min-width:0;min-height:28px;grid-template-columns:minmax(30px,1fr);grid-template-rows:1fr 3px;grid-template-areas:"value" "shield";row-gap:0;padding:4px 5px;border:1px solid rgba(148,163,184,.14);border-radius:8px}.score-tile-counter small{display:none}.score-tile-value{font-size:14px}.score-shield-value{width:100%;height:3px;border-width:0;background:#312e8185;box-shadow:none}.score-player-score{align-self:center;display:grid;place-items:center;min-width:28px;min-height:28px;padding:2px 4px;border:1px solid rgba(250,204,21,.26);border-radius:8px;color:#fef3c7;background:radial-gradient(circle at 32% 24%,rgba(254,243,199,.16),transparent 52%),#713f1238;line-height:1}.score-player-score small{display:none}.score-player-score b{font-size:13px;font-weight:1000;font-variant-numeric:tabular-nums}.score-center{display:none!important}.game-layout{grid-column:1;grid-row:1;min-height:0;padding-top:0}.arena-column,.board-wrap{min-height:0;height:100%}.board-wrap{position:relative;display:grid;place-items:center;padding:0;overflow:hidden;touch-action:manipulation}.iso-board{position:absolute;left:50%;top:50%;max-width:none;max-height:none;scale:1;transform:translate(-50%,-50%) scale(min(.41,calc((100vw - var(--mobile-side-panel-w) - 24px) / 1328px),calc((100dvh - 68px)/860px)));transform-origin:center center;translate:0 0}.command-deck{grid-column:2;grid-row:1;min-height:0;max-height:none;height:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"action" "skills" "hud";gap:6px;padding:6px;overflow:auto;overscroll-behavior:contain}.log-panel{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);right:6px;bottom:6px;z-index:3200;width:var(--mobile-side-panel-w);min-height:0;max-height:none;display:none;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(103,232,249,.24);border-radius:10px;background:#020617f7;box-shadow:0 -20px 60px #00000094,0 0 36px #22d3ee1a;overflow:hidden}.log-panel[data-mobile-open=true]{display:grid}.log-tabs{min-height:30px;height:auto;padding:8px;gap:4px;background:#0f172ab3}.log-tabs button{min-width:0;flex:1;display:grid;place-items:center;padding:0 8px;border:1px solid rgba(148,163,184,.18);border-radius:7px;font-size:10px}.combat-hud{grid-area:hud;width:100%;justify-self:stretch;gap:6px;padding:7px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"main" "items";align-items:center}.combat-player-main{width:100%;grid-template-columns:minmax(0,1fr);gap:6px}.combat-hud-head{gap:6px}.combat-hud .player-chip{width:26px;height:26px;font-size:12px}.combat-hud-head strong{font-size:11px}.combat-hud-head small{display:none}.combat-credits{font-size:10px}.combat-stats-row{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;justify-self:stretch;gap:3px}.combat-inventory-wrap{width:100%;justify-self:stretch}.combat-hud[data-mobile-items-open=false] .combat-inventory-wrap{display:none}.inventory-panel{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:34px;width:100%;gap:6px}.inventory-slot{width:100%;height:34px;min-width:0;min-height:34px}.meter{gap:3px}.meter[data-variant=circle] .meter-ring{width:34px}.meter[data-variant=circle] .meter-ring-core{width:28px}.meter[data-variant=circle] .meter-ring-core small{min-height:9px}.meter[data-variant=circle] .meter-ring-core small .fa-icon{--fa-icon-size: 8px !important}.meter[data-variant=circle] .meter-ring-core strong{max-width:27px;font-size:10px}.meter-label,.meter-label strong{font-size:10px}.meter-track{height:5px}.mobile-items-toggle{width:100%;min-height:30px;min-width:0;position:relative;overflow:hidden;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(248,250,252,.2);border-radius:8px;color:#f8fafc;background:#0f172a9e;font-size:10px;font-weight:1000;box-shadow:inset 0 0 0 1px #f8fafc14}.mobile-items-toggle:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--mobile-items-percent, 0%);border-radius:inherit;background:linear-gradient(90deg,#f8fafc47,#f8fafc24),linear-gradient(145deg,rgba(248,250,252,.12),transparent 70%);opacity:.9;pointer-events:none}.mobile-items-toggle .fa-icon{position:relative;z-index:1;--fa-icon-size: 12px !important;color:#f8fafc;filter:none}.mobile-items-count{position:relative;z-index:1;min-width:0;color:#f8fafc;font-size:11px;font-weight:1000;font-variant-numeric:tabular-nums;line-height:1}.mobile-items-meter{display:none}.meter[data-variant=circle]{position:relative;min-width:0;width:100%;display:grid;place-items:center;min-height:30px;padding:5px 7px;overflow:hidden;border:1px solid color-mix(in srgb,var(--meter-ring-color) 36%,rgba(148,163,184,.16));border-radius:8px;background:#0f172a9e;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--meter-ring-color) 8%,transparent)}.meter[data-variant=circle]:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--meter-percent);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--meter-ring-color) 36%,transparent),color-mix(in srgb,var(--meter-ring-color) 18%,transparent)),linear-gradient(145deg,color-mix(in srgb,var(--meter-ring-color) 16%,transparent),transparent 70%);opacity:.9;pointer-events:none}.meter[data-variant=circle] .meter-ring{display:none}.meter[data-variant=circle] .meter-label{position:relative;z-index:1;min-width:0;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1}.meter[data-variant=circle] .meter-label span{min-width:0;gap:0;font-size:0}.meter[data-variant=circle] .meter-label .fa-icon{--fa-icon-size: 12px !important}.meter[data-variant=circle] .meter-label strong{overflow:hidden;color:var(--meter-ring-color);font-size:11px;font-weight:1000;line-height:1;text-overflow:ellipsis}.meter[data-variant=circle] .meter-label strong span,.meter[data-variant=circle] .meter-track{display:none}.skill-bar{grid-area:skills;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(48px,1fr);gap:6px}.skill-button{min-height:52px;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center}.skill-button>.fa-icon{--fa-icon-size: 21px !important;position:static;grid-column:1;grid-row:1;align-self:center;justify-self:center;margin:auto;transform:none;translate:0 0}.skill-button:not([data-disabled=true]):not([data-readonly=true]):hover .fa-icon,.skill-button[data-selected=true] .fa-icon{translate:0 0}.skill-button>span:not(.skill-hover-tooltip):not(.fa-icon):not(.skill-art-frame):not(.skill-badge),.skill-button>small,.skill-meta,.skill-disabled-reason,.mobile-skill-tooltip{display:none}.action-panel{grid-area:action;grid-template-rows:auto auto;gap:15px}.turn-actions-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;width:100%;gap:15px}.turn-counter{min-height:22px;padding-inline:7px}.turn-counter span{font-size:9px}.turn-counter strong{font-size:10px}.end-turn{height:100%;align-self:stretch;min-height:34px;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:7px;padding:3px 8px 3px 6px;font-size:11px}.end-turn-clock{display:none}.end-turn>.fa-icon{display:block}.turn-preview-dock{--turn-card-w: clamp(52px, min(8.5vw, 13dvh), 66px);--turn-card-gap: 6px;--turn-pointer-x: calc(var(--turn-card-w) / 2);--turn-pointer-y: 0px;right:8px;bottom:8px}.turn-preview-dock[data-active-player=B]{--turn-pointer-x: calc(var(--turn-card-w) / 2);--turn-pointer-y: calc(var(--turn-card-w) + var(--turn-card-gap))}.turn-preview-list{flex-direction:column;align-items:end}.turn-preview-pointer{translate:calc(var(--turn-pointer-x) - 50%) var(--turn-pointer-y)}.board-view-controls{right:calc(var(--turn-card-w) + 18px);bottom:8px}.turn-preview-card{--turn-blob-top: calc(var(--turn-card-w) * .72);padding:3px}.turn-preview-stage{min-height:calc(var(--turn-card-w) * .64)}.turn-preview-stage .blob-unit{scale:clamp(.46,calc(var(--turn-card-w) / 124),.54)}.turn-preview-hp,.turn-preview-shield{top:7px;bottom:18px;width:4px}.turn-preview-copy{padding-top:3px}.turn-preview-copy strong{font-size:8px}.turn-tool-button{width:34px;height:100%;min-height:34px}.turn-tool-buttons{width:auto;height:100%;align-self:stretch;grid-template-columns:repeat(3,34px);grid-template-rows:1fr;gap:6px}.turn-tool-button,.turn-tool-button:first-child,.turn-tool-button:last-child,.ping-tool-button{width:34px;min-height:34px;margin-top:0;border-radius:8px}.mobile-panel-button{display:grid}.action-log{display:block;min-height:0;max-height:100%;padding:6px;font-size:10.5px;line-height:1.25}.action-log li{grid-template-columns:34px minmax(0,1fr);gap:5px}}@media(orientation:portrait)and (max-width:680px){.scoreboard{display:grid;top:calc(env(safe-area-inset-top,0px) + 6px);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(760px,calc(100vw - 12px))}.score-wing,.score-wing.away{min-height:44px;gap:5px;padding:5px 6px;border-radius:10px;text-align:center}.score-wing{grid-template-columns:28px minmax(46px,1fr) 30px;grid-template-areas:"avatar hp score"}.score-wing.away{grid-template-columns:30px minmax(46px,1fr) 28px;grid-template-areas:"score hp avatar"}.score-player-copy,.score-center{display:none!important}.score-avatar{grid-area:avatar}.score-avatar,.score-avatar .player-chip{width:28px;height:28px;border-radius:8px;font-size:12px}.score-tile-counter,.score-tile-counter.home,.score-tile-counter.away{grid-area:hp;align-self:center;min-width:0;min-height:28px;grid-template-columns:minmax(30px,1fr);grid-template-rows:1fr 3px;grid-template-areas:"value" "shield";row-gap:0;padding:4px 5px;border:1px solid rgba(148,163,184,.14);border-radius:8px}.score-tile-counter small{display:none}.score-tile-value{font-size:14px}.score-shield-value{width:100%;height:3px;border-width:0;background:#312e8185;box-shadow:none}.score-player-score{grid-area:score;align-self:center;display:grid;place-items:center;min-width:28px;min-height:28px;padding:2px 4px;border:1px solid rgba(250,204,21,.26);border-radius:8px;color:#fef3c7;background:radial-gradient(circle at 32% 24%,rgba(254,243,199,.16),transparent 52%),#713f1238;line-height:1}.score-player-score small{display:none}.score-player-score b{font-size:13px;font-weight:1000;font-variant-numeric:tabular-nums}.combat-stats-row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:6px}.meter[data-variant=circle]{position:relative;min-width:0;width:100%;display:grid;place-items:center;min-height:30px;padding:5px 7px;overflow:hidden;border:1px solid color-mix(in srgb,var(--meter-ring-color) 36%,rgba(148,163,184,.16));border-radius:8px;background:#0f172a9e;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--meter-ring-color) 8%,transparent)}.meter[data-variant=circle]:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--meter-percent);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--meter-ring-color) 36%,transparent),color-mix(in srgb,var(--meter-ring-color) 18%,transparent)),linear-gradient(145deg,color-mix(in srgb,var(--meter-ring-color) 16%,transparent),transparent 70%);opacity:.9;pointer-events:none}.meter[data-variant=circle] .meter-ring{display:none}.meter[data-variant=circle] .meter-label{position:relative;z-index:1;min-width:0;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1}.meter[data-variant=circle] .meter-label span{min-width:0;gap:0;font-size:0}.meter[data-variant=circle] .meter-label .fa-icon{--fa-icon-size: 12px !important}.meter[data-variant=circle] .meter-label strong{overflow:hidden;color:var(--meter-ring-color);font-size:11px;font-weight:1000;line-height:1;text-overflow:ellipsis}.meter[data-variant=circle] .meter-label strong span,.meter[data-variant=circle] .meter-track{display:none}}@media(hover:hover)and (pointer:fine)and (max-width:1700px){.skill-button:hover .skill-hover-tooltip,.skill-button:focus-visible .skill-hover-tooltip{display:grid;opacity:1;transform:translate(-50%) scale(1)}}.skill-bar{align-content:center}.skill-button{aspect-ratio:1;min-height:0;padding:0}@media(min-width:1701px){.skill-bar{grid-template-columns:repeat(6,minmax(78px,96px));grid-template-rows:minmax(78px,96px);justify-content:end}}@media(min-width:1201px)and (max-width:1700px){.skill-bar{grid-template-columns:repeat(3,minmax(70px,96px));grid-template-rows:repeat(2,minmax(70px,96px));justify-content:end}.skill-button{width:min(100%,76px)}}@media(min-width:681px)and (max-width:1200px){.skill-bar{grid-template-columns:repeat(3,minmax(52px,1fr));grid-template-rows:repeat(2,minmax(52px,76px));gap:6px}.skill-button{width:min(100%,76px)}.skill-button>.skill-badge{min-width:20px;height:17px;padding:0 4px;font-size:9px}}@media(max-width:680px){.skill-bar{grid-template-columns:repeat(6,minmax(38px,1fr));grid-template-rows:minmax(38px,52px);gap:6px}.skill-button{width:100%;min-height:38px;max-height:52px}.skill-button>.skill-badge{min-width:16px;height:15px;padding:0 3px;border-radius:5px;font-size:8px}.skill-button>.skill-badge .fa-icon{display:none}.skill-ap-badge{left:3px;top:3px}.skill-range-badge,.skill-shield-badge{right:3px;top:3px}.skill-cooldown-badge{right:3px;bottom:3px}}.online-shell{min-height:100dvh;max-height:100dvh;overflow:auto;color:var(--grid-text, #f8fafc);background:var(--grid-bg, #070a10);background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px),radial-gradient(circle at 8% 18%,rgba(56,189,248,.13),transparent 30%),radial-gradient(circle at 92% 12%,rgba(239,68,68,.12),transparent 34%),linear-gradient(135deg,#070b11,#10131a 54%,#070b11);background-size:72px 72px,72px 72px,100% 100%,100% 100%,100% 100%}.online-presence-strip{position:absolute;top:92px;right:14px;z-index:24;display:flex;gap:8px;align-items:center;max-width:min(420px,calc(100vw - 28px));padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#070b11b8;color:#f8fafce0;font-size:.72rem;line-height:1.2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.online-presence-strip[data-state=connected]{border-color:#ffffff3d}.online-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(14px,3vw,34px);border-bottom:1px solid rgba(148,163,184,.16);background:#070a10db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button,.online-nav nav,.landing-actions,.matchmaking-actions,.segmented-control{display:inline-flex;align-items:center;gap:10px}.brand-button,.online-nav button,.primary-action,.secondary-action,.profile-inline-form button,.spell-build-card button,.spell-slot{border:1px solid rgba(148,163,184,.22);border-radius:8px;color:#f8fafc;background:#0f172ab8;cursor:pointer}.brand-button{padding:7px 10px;font-weight:950}.brand-button img{width:30px;height:30px;border-radius:8px}.online-nav nav button{min-height:38px;padding:0 12px;font-weight:850}.online-nav nav button[data-active=true],.segmented-control button[data-active=true]{border-color:#67e8f980;color:#cffafe;background:#082f498a}.landing-page,.dashboard-page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:clamp(18px,4vw,44px) 0 48px}.landing-hero{min-height:min(680px,calc(100dvh - 120px));display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);align-items:center;gap:clamp(22px,5vw,72px)}.landing-copy{display:grid;gap:18px}.landing-copy h1{font-size:clamp(56px,12vw,132px);line-height:.88;letter-spacing:0}.landing-copy p:not(.eyebrow){max-width:660px;color:#cbd5e1;font-size:clamp(16px,2vw,22px);line-height:1.45}.primary-action,.secondary-action{min-height:46px;justify-content:center;gap:9px;padding:0 16px;font-weight:950}.primary-action{border-color:#67e8f96b;color:#06111d;background:linear-gradient(135deg,#67e8f9,#f97316)}.secondary-action{color:#e2e8f0}.primary-action:disabled,.secondary-action:disabled,.spell-slot:disabled{opacity:.54;cursor:not-allowed}.landing-board-preview{display:grid;grid-template-columns:repeat(6,minmax(34px,1fr));gap:10px;transform:rotateX(58deg) rotate(45deg);transform-style:preserve-3d;filter:drop-shadow(0 34px 50px rgba(0,0,0,.42))}.landing-board-preview span{aspect-ratio:1;border:1px solid rgba(103,232,249,.24);border-radius:8px;background:#0f172ad6;box-shadow:inset 0 1px #ffffff14}.landing-board-preview span[data-hot=true]{border-color:#fb718594;background:#7f1d1d8a}.landing-feature-grid,.dashboard-grid,.stat-grid,.spell-slot-grid{display:grid;gap:14px}.landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.landing-feature-grid article,.online-panel,.online-alert,.online-loading{border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0a0f18db;box-shadow:0 16px 60px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-feature-grid article{display:grid;gap:7px;min-height:118px;padding:16px}.landing-feature-grid strong,.online-panel h2,.profile-head h2{margin:0}.landing-feature-grid span,.online-panel p,.online-panel small,.profile-head span,.auth-current,.progression-line span{color:#94a3b8}.dashboard-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr) minmax(320px,.9fr);align-items:start}.online-panel{display:grid;gap:14px;min-width:0;padding:16px}.profile-card,.auth-card{grid-column:span 1}.matchmaking-card,.stats-panel,.builds-panel,.unlock-panel,.leaderboard-panel{grid-column:span 2}.profile-avatar{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--avatar-color) 58%,white 5%);border-radius:12px;color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 18%,rgba(15,23,42,.84));font-weight:1000}.profile-inline-form,.auth-form,.build-editor{display:grid;gap:10px}.profile-inline-form{grid-template-columns:minmax(0,1fr) 46px}.profile-inline-form input,.auth-form input,.build-editor input{min-height:42px;min-width:0;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:0 12px;color:#f8fafc;background:#02061780}.rank-token{display:inline-grid;gap:2px;width:max-content;min-width:104px;padding:8px 10px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172aa3}.rank-token[data-rank=bronze]{color:#cd7f32}.rank-token[data-rank=argent]{color:#cbd5e1}.rank-token[data-rank=or]{color:#facc15}.rank-token[data-rank=platine]{color:#7dd3fc}.rank-token[data-rank=diamant]{color:#67e8f9}.rank-token[data-rank=master]{color:#c084fc}.rank-token[data-compact=true]{min-width:0;padding:0;border:0;background:transparent}.mobile-items-toggle{display:none}@media(orientation:portrait)and (max-width:680px){.mobile-items-toggle{display:grid}}@media(orientation:landscape)and (max-width:1200px),(min-width:681px)and (max-width:1200px){.mobile-items-toggle{display:grid}}.rank-token strong,.rank-token small{line-height:1}.rank-token small{color:#94a3b8}.segmented-control{width:100%;padding:4px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#02061757}.segmented-control button{flex:1;min-height:34px}.stat-card{display:grid;gap:5px;min-height:74px;align-content:center;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0f172a8f}.stat-card small{color:#94a3b8;font-weight:850;text-transform:uppercase}.stat-card strong,.progression-line strong{color:#f8fafc;font-size:24px}.build-list{display:grid;gap:10px}.spell-build-card{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#0f172a7a}.spell-build-card[data-active=true]{border-color:#67e8f970}.spell-build-card div:first-child{display:grid;gap:3px}.spell-build-card span,.spell-build-card button{color:#cbd5e1}.spell-build-card button{min-height:34px;padding:0 10px}.spell-slot{min-height:76px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:3px 9px;padding:10px;text-align:left}.spell-slot[data-active=true]{border-color:#67e8f97a;background:#082f495c}.spell-slot[data-locked=true]{opacity:.72}.spell-slot .fa-icon{grid-row:span 2}.spell-slot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.spell-slot small{font-size:11px}.leaderboard-table-grid{display:grid;gap:8px}.leaderboard-head{color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase}.leaderboard-row{min-height:52px;padding:8px 10px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0f172a80}.leaderboard-row>strong{color:#67e8f9}.empty-state,.online-alert,.online-loading{padding:12px 14px;color:#cbd5e1}.online-alert{width:min(1180px,calc(100% - 28px));margin:14px auto 0;border-color:#fb718566}.online-loading{width:min(1180px,calc(100% - 28px));margin:14px auto 0}.progression-line{display:flex;align-items:baseline;gap:8px}@media(max-width:980px){.landing-hero,.dashboard-grid,.landing-feature-grid{grid-template-columns:minmax(0,1fr)}.matchmaking-card,.stats-panel,.builds-panel,.unlock-panel,.leaderboard-panel{grid-column:span 1}.landing-board-preview{width:min(460px,82vw);justify-self:center}}@media(max-width:680px){.online-nav{align-items:stretch;flex-direction:column}.online-nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.online-nav nav button{padding:0 8px}.landing-actions,.matchmaking-actions{display:grid;grid-template-columns:minmax(0,1fr)}.stat-grid,.spell-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spell-build-card{grid-template-columns:minmax(0,1fr)}.leaderboard-head{display:none}.leaderboard-row{grid-template-columns:34px minmax(0,1fr)}.leaderboard-row>:nth-child(n+4){display:none}}.online-shell{min-height:100dvh;overflow:auto;color:#f4f4f5;background:#080808;letter-spacing:0}.online-shell *,.online-shell *:before,.online-shell *:after{box-sizing:border-box;letter-spacing:0}.online-shell button,.online-shell input{font:inherit}.online-nav{position:sticky;top:0;z-index:20;width:100%;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid #242424;background:#080808f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button,.online-nav nav,.nav-actions,.hero-actions,.matchmaking-actions,.landing-actions{display:flex;align-items:center}.brand-button{gap:10px;min-height:44px;padding:0;border:0;color:#fff;background:transparent;font-weight:900}.brand-button img{width:34px;height:34px;border-radius:6px}.online-nav nav{justify-content:center;gap:4px}.online-nav nav button,.site-footer button,.icon-action{min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:6px;color:#a1a1aa;background:transparent}.online-nav nav button:hover,.online-nav nav button[data-active=true],.site-footer button:hover{color:#fff;border-color:#2f2f2f;background:#121212}.nav-actions,.hero-actions,.matchmaking-actions{gap:10px}.primary-action,.secondary-action,.online-shell .spell-build-card button,.profile-inline-form button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:6px;border:1px solid #ffffff;font-weight:850;text-decoration:none}.primary-action{color:#080808;background:#fff;box-shadow:none}.secondary-action,.online-shell .spell-build-card button,.profile-inline-form button{color:#fff;background:#111;border-color:#343434}.primary-action:disabled,.secondary-action:disabled,.mode-card:disabled,.online-shell .spell-build-card button:disabled{cursor:not-allowed;opacity:.46}.public-page,.dashboard-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,5vw,54px) 0}.home-hero,.login-layout,.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(20px,4vw,48px);align-items:center}.home-hero{min-height:min(660px,calc(100dvh - 120px))}.home-copy,.login-aside,.public-page-head,.dashboard-hero>div{display:grid;gap:14px;align-content:start}.home-copy h1,.login-aside h1,.public-page-head h1,.dashboard-hero h1{margin:0;color:#fff;font-size:clamp(44px,7vw,92px);line-height:.96;font-weight:950}.dashboard-hero h1{font-size:clamp(34px,5vw,62px)}.home-copy p,.login-aside p,.public-page-head p,.dashboard-hero p,.feature-card span,.online-panel p,.online-panel small,.mode-card small,.modal-session-note,.site-footer{color:#a1a1aa}.home-copy>p:not(.eyebrow),.login-aside>p,.public-page-head>p,.dashboard-hero p{max-width:620px;margin:0;font-size:clamp(16px,2vw,20px);line-height:1.55}.eyebrow{margin:0;color:#f4f4f5;font-size:11px;font-weight:900;text-transform:uppercase}.home-board{aspect-ratio:1;width:min(460px,100%);justify-self:end;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:8px}.home-board span{border:1px solid #2a2a2a;border-radius:4px;background:#101010}.home-board span[data-core=true]{background:#f4f4f5}.public-feature-grid,.dashboard-grid{display:grid;gap:16px}.public-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:4px 0 16px}.dashboard-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) minmax(280px,.9fr)}.online-panel,.feature-card,.auth-page-card,.mode-card{border:1px solid #2a2a2a;border-radius:8px;background:#101010;box-shadow:none}.online-panel,.feature-card{padding:18px}.feature-card{min-height:150px;display:grid;gap:10px;align-content:start}.feature-card strong,.online-panel h2,.mode-card strong,.spell-build-card strong,.stat-card strong,.leaderboard-row>strong{color:#fff}.login-layout{align-items:stretch}.login-aside,.auth-page-card{min-height:520px}.login-aside{padding:30px 0}.login-points{display:grid;gap:10px;margin-top:10px}.login-points span{min-height:42px;display:flex;align-items:center;padding:0 14px;border:1px solid #2a2a2a;border-radius:6px;color:#e4e4e7;background:#101010}.auth-page-card,.auth-form{display:grid;gap:14px}.auth-page-card{align-content:center;padding:clamp(18px,4vw,34px)}.auth-page-card label,.build-editor{display:grid;gap:8px;color:#e4e4e7;font-size:13px;font-weight:800}.online-shell input{width:100%;min-height:44px;padding:0 12px;border:1px solid #303030;border-radius:6px;color:#fff;background:#080808;outline:none}.online-shell input:focus{border-color:#fff}.segmented-control{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #2a2a2a;border-radius:8px;background:#080808}.segmented-control button{min-height:38px;border:0;border-radius:5px;color:#a1a1aa;background:transparent;font-weight:850}.segmented-control button[data-active=true]{color:#080808;background:#fff}.dashboard-hero{grid-template-columns:minmax(0,1fr) auto;margin-bottom:16px;padding:22px;border:1px solid #2a2a2a;border-radius:8px;background:#101010}.profile-card,.matchmaking-card,.stats-panel{min-height:260px}.matchmaking-card,.stats-panel,.builds-panel,.unlock-panel{grid-column:span 2}.leaderboard-panel{grid-column:1 / -1}.profile-head{display:flex;align-items:center;gap:12px}.profile-avatar{width:48px;height:48px;display:grid;place-items:center;border:1px solid #343434;border-radius:8px;color:#080808;background:#fff;font-weight:950}.profile-inline-form,.progression-line,.leaderboard-table-grid,.build-list,.info-list{display:grid;gap:10px}.profile-inline-form{grid-template-columns:minmax(0,1fr) 44px}.rank-token{width:fit-content;min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #303030;border-radius:6px;color:#fff;background:#080808}.rank-token[data-compact=true]{min-height:0;padding:0;border:0;background:transparent}.rank-token small{color:#a1a1aa}.stat-grid,.spell-slot-grid{display:grid;gap:10px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-height:82px;display:grid;align-content:center;gap:5px;padding:12px;border:1px solid #2a2a2a;border-radius:8px;background:#080808}.stat-card small{color:#a1a1aa;font-size:11px;font-weight:900;text-transform:uppercase}.stat-card strong,.progression-line strong{font-size:26px}.build-editor{margin-top:12px}.spell-build-card{display:grid;grid-template-columns:minmax(130px,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #2a2a2a;border-radius:8px;background:#080808}.spell-build-card[data-active=true]{border-color:#fff}.spell-build-card div:first-child{display:grid;gap:4px}.spell-build-card span{color:#a1a1aa}.build-spell-icons{display:inline-flex;gap:6px}.spell-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spell-slot{--spell-accent: var(--skill-accent, #f4f4f5);position:relative;min-height:82px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:4px 10px;padding:10px 10px 10px 12px;border:1px solid #2a2a2a;border-radius:8px;color:#f4f4f5;text-align:left;background:#080808}.spell-slot[data-active=true]{border-color:#f4f4f5}.spell-slot[data-locked=true]{opacity:.58}.spell-accent{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--spell-accent)}.spell-slot .fa-icon{grid-row:span 2;color:var(--spell-accent)}.spell-slot span:not(.spell-accent){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.spell-slot small{color:#a1a1aa;font-size:11px}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:48px minmax(130px,1fr) minmax(116px,.6fr) 90px 86px;align-items:center;gap:10px}.leaderboard-head{color:#71717a;font-size:11px;font-weight:950;text-transform:uppercase}.leaderboard-row{min-height:54px;padding:8px 10px;border:1px solid #2a2a2a;border-radius:8px;color:#e4e4e7;background:#080808}.empty-state,.online-alert,.online-loading{padding:12px 14px;color:#e4e4e7}.online-alert,.online-loading{width:min(1180px,calc(100% - 32px));margin:14px auto 0;border:1px solid #3a3a3a;border-radius:8px;background:#101010}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#000000b8}.play-modal{width:min(820px,100%);max-height:min(760px,calc(100dvh - 36px));overflow:auto;display:grid;gap:16px;padding:18px;border:1px solid #343434;border-radius:8px;color:#f4f4f5;background:#101010}.play-modal header{display:flex;align-items:start;justify-content:space-between;gap:16px}.play-modal h2{margin:4px 0 0;font-size:clamp(26px,4vw,42px)}.icon-action{width:38px;padding:0;color:#fff;border-color:#343434;background:#080808}.modal-session-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #2a2a2a;border-radius:8px;background:#080808}.mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-card{min-height:178px;display:grid;gap:8px;align-content:start;padding:16px;color:#fff;text-align:left}.mode-card:not(:disabled):hover{border-color:#fff}.mode-card[data-active=true],.team-size-row button[data-active=true]{border-color:#fff;background:#151515}.mode-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #343434;border-radius:8px;background:#080808}.mode-card em{width:fit-content;margin-top:auto;padding:5px 8px;border:1px solid #343434;border-radius:6px;color:#d4d4d8;font-size:11px;font-style:normal;font-weight:850}.team-size-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px;border:1px solid #2a2a2a;border-radius:8px;background:#080808}.team-size-row button{min-height:56px;display:grid;place-items:center;gap:3px;border:1px solid transparent;border-radius:6px;color:#fff;background:transparent;font-weight:900}.team-size-row small{color:#a1a1aa;font-size:10px;font-weight:850}.mode-current-copy{margin:0;color:#a1a1aa;line-height:1.45}.play-modal-submit{width:100%}.duel-modal{width:min(520px,100%);display:grid;gap:16px;padding:20px;border:1px solid #343434;border-radius:8px;color:#f4f4f5;background:#101010;text-align:center}.duel-modal h2{margin:0;color:#fff;font-size:clamp(28px,5vw,46px);line-height:1}.duel-modal p{margin:0;color:#a1a1aa}.duel-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:1px solid #2a2a2a;border-radius:8px;background:#080808}.duel-versus span{overflow:hidden;color:#fff;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.duel-versus strong{color:#a1a1aa;font-size:12px;font-weight:950}.duel-countdown,.match-return-countdown{position:relative;min-height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid #2a2a2a;border-radius:8px;background:#080808}.duel-countdown span,.match-return-countdown span{position:absolute;inset:0 auto 0 0;width:var(--duel-countdown, var(--match-return-countdown, 100%));background:#fff;opacity:.12}.duel-countdown strong,.match-return-countdown strong{position:relative;z-index:1;color:#fff;font-size:13px;font-weight:950}.duel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-footer{width:min(1180px,calc(100% - 32px));min-height:72px;display:flex;align-items:center;gap:8px;margin:0 auto;padding:18px 0 28px;border-top:1px solid #242424}.site-footer span{margin-right:auto;color:#fff;font-weight:900}@media(max-width:980px){.online-nav,.home-hero,.login-layout,.dashboard-hero,.dashboard-grid,.public-feature-grid{grid-template-columns:minmax(0,1fr)}.online-nav nav{justify-content:start;overflow-x:auto}.nav-actions,.home-board{justify-self:start}.matchmaking-card,.stats-panel,.builds-panel,.unlock-panel,.leaderboard-panel{grid-column:span 1}}@media(max-width:680px){.online-nav,.public-page,.dashboard-page,.site-footer{width:100%}.online-nav{padding:12px}.public-page,.dashboard-page{padding:22px 12px}.hero-actions,.nav-actions,.matchmaking-actions,.modal-session-note,.site-footer{display:grid;grid-template-columns:minmax(0,1fr)}.stat-grid,.spell-slot-grid,.mode-choice-grid,.team-size-row,.duel-actions,.spell-build-card{grid-template-columns:minmax(0,1fr)}.leaderboard-head{display:none}.leaderboard-row{grid-template-columns:34px minmax(0,1fr)}.leaderboard-row>:nth-child(n+4){display:none}}.character-unit,.character-preview{--character-glow: rgba(96, 165, 250, .42);--projection-scale: 1;position:absolute;width:116px;height:126px;transform:translate3d(-50%,-100%,0) scale(var(--projection-scale));transform-origin:50% 100%;pointer-events:none;transition:left 175ms cubic-bezier(.2,.86,.2,1),top 175ms cubic-bezier(.2,.86,.2,1),filter .16s ease;backface-visibility:hidden;overflow:visible;will-change:left,top,filter}.character-unit *,.character-preview *{pointer-events:none}.character-unit[data-player=B],.character-preview[data-player=B]{--character-glow: rgba(244, 63, 94, .42)}.character-unit[data-interactive=true]{pointer-events:auto;cursor:default}.character-unit[data-moving=true]{transition:filter .16s ease}.character-unit[data-shortcut=true]{cursor:pointer}.character-unit[data-interactive=true]:hover,.character-unit[data-inspected=true],.character-unit[data-interactive=true][data-shortcut=true]{filter:drop-shadow(0 0 18px var(--character-glow))}.character-health{position:absolute;left:50%;top:-23px;z-index:4;width:82px;min-height:18px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;padding:3px 5px;border:1px solid rgba(248,250,252,.22);border-radius:999px;background:#050a12c7;box-shadow:0 10px 18px #00000047,inset 0 1px #ffffff14;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.character-health-value{min-width:20px;color:#f8fafc;font-size:9px;font-weight:950;line-height:1;text-align:right;text-shadow:0 1px 0 rgba(0,0,0,.55)}.character-bars{min-width:0;display:grid;gap:2px}.character-health-track,.character-shield-track{position:relative;height:7px;overflow:hidden;border-radius:999px;background:#0f172aeb;box-shadow:inset 0 0 0 1px #94a3b829}.character-shield-track{height:5px;background:#21163ef5;box-shadow:inset 0 0 0 1px #a78bfa3d}.character-health-fill,.character-shield-fill{position:absolute;left:0;top:0;height:100%;border-radius:inherit;transition:width .36s cubic-bezier(.16,1,.3,1)}.character-health-fill{background:linear-gradient(90deg,var(--color-hp),#86efac);box-shadow:0 0 10px #22c55e47}.character-shield-fill{min-width:4px;background:linear-gradient(90deg,#7c3aed,#a78bfa 62%,#ddd6fe);box-shadow:0 0 10px #a78bfa9e}.character-unit[data-shield-active=true] .character-health{min-height:24px;align-items:center;border-color:#a78bfa6b}.character-unit[data-shield-active=true] .character-bars{gap:3px}.character-unit[data-hp-tone=warning] .character-health-fill{background:linear-gradient(90deg,var(--color-hp-warning),#fde047);box-shadow:0 0 10px #eab30847}.character-unit[data-hp-tone=danger] .character-health-fill{background:linear-gradient(90deg,var(--color-hp-danger),#fdba74);box-shadow:0 0 10px #f9731647}.character-unit[data-hp-tone=critical] .character-health-fill{background:linear-gradient(90deg,var(--color-hp-critical),#fb7185);box-shadow:0 0 10px #ef444452}.character-unit[data-active=true] .character-health{border-color:#fbbf2480}.character-unit[data-damaged=true] .character-health{animation:characterHealthHit .56s cubic-bezier(.16,1,.3,1) both}.character-shadow{position:absolute;left:50%;bottom:-3px;width:68px;height:22px;border-radius:50%;transform:translate3d(-50%,0,0);background:#00000061;filter:blur(2px);will-change:transform}.character-sprite{position:absolute;left:50%;bottom:-7px;width:142px;max-width:none;height:auto;transform:translate3d(-50%,0,0);transform-origin:50% 100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:auto;filter:drop-shadow(0 13px 18px rgba(0,0,0,.28));backface-visibility:hidden;will-change:transform,filter}.character-unit[data-player=B] .character-sprite,.character-preview[data-player=B] .character-sprite{filter:drop-shadow(0 13px 18px rgba(0,0,0,.28)) hue-rotate(168deg) saturate(1.08)}.character-unit[data-active=true] .character-sprite,.character-unit[data-inspected=true] .character-sprite{filter:drop-shadow(0 13px 18px rgba(0,0,0,.28)) drop-shadow(0 0 13px rgba(251,191,36,.42))}.character-unit[data-player=B][data-active=true] .character-sprite,.character-unit[data-player=B][data-inspected=true] .character-sprite{filter:drop-shadow(0 13px 18px rgba(0,0,0,.28)) hue-rotate(168deg) saturate(1.08) drop-shadow(0 0 13px rgba(251,191,36,.42))}.character-unit[data-facing=west] .character-sprite,.character-preview[data-facing=west] .character-sprite{transform:translate3d(-50%,0,0) scaleX(-1)}.character-unit[data-facing=north] .character-sprite,.character-preview[data-facing=north] .character-sprite{transform:translate3d(-50%,-2px,0) scale(.94)}.character-unit[data-facing=south] .character-sprite,.character-preview[data-facing=south] .character-sprite{transform:translate3d(-50%,2px,0) scale(1.05)}.character-unit[data-animation=idle] .character-sprite{animation:characterIdleBreath 2.6s cubic-bezier(.37,0,.63,1) infinite}.character-unit[data-animation=idle][data-facing=west] .character-sprite{animation-name:characterIdleBreathWest}.character-unit[data-animation=idle][data-facing=north] .character-sprite{animation-name:characterIdleBreathNorth}.character-unit[data-animation=idle][data-facing=south] .character-sprite{animation-name:characterIdleBreathSouth}.character-unit[data-animation=idle] .character-shadow{animation:characterIdleShadow 2.6s cubic-bezier(.37,0,.63,1) infinite}.character-unit[data-moving=true] .character-sprite{animation:characterStride .27s cubic-bezier(.42,0,.58,1) infinite}.character-unit[data-moving=true][data-facing=west] .character-sprite{animation-name:characterStrideWest}.character-unit[data-moving=true][data-facing=north] .character-sprite{animation-name:characterStrideNorth}.character-unit[data-moving=true][data-facing=south] .character-sprite{animation-name:characterStrideSouth}.character-unit[data-moving=true] .character-shadow{animation:characterStrideShadow .27s cubic-bezier(.42,0,.58,1) infinite}.character-unit[data-animation=attack]{animation:characterActionLunge .7s cubic-bezier(.16,1,.3,1) both}.character-unit[data-animation=cast]{animation:characterCastMotion .92s cubic-bezier(.16,1,.3,1) both}.character-unit[data-animation=taunt]{animation:characterTauntMotion 1.12s cubic-bezier(.16,1,.3,1) both}.character-unit[data-animation=idle_blink]{animation:characterBlinkMotion .76s cubic-bezier(.16,1,.3,1) both}.character-unit[data-damaged=true]{animation:characterHurtMotion .66s cubic-bezier(.16,1,.3,1) both}.character-unit[data-shielding=true] .character-sprite{animation:characterShieldPulse .92s cubic-bezier(.16,1,.3,1) both}.character-unit[data-ko=true]{pointer-events:none;animation:characterDeath 1.08s cubic-bezier(.16,1,.3,1) both}.character-unit[data-ko=true] .character-health{opacity:0;translate:-50% -10px}.character-hit-spark{position:absolute;right:18px;top:28px;width:28px;height:28px;opacity:0;background:linear-gradient(90deg,transparent 45%,#fef08a 46% 54%,transparent 55%),linear-gradient(0deg,transparent 45%,#fb7185 46% 54%,transparent 55%);filter:drop-shadow(0 0 8px rgba(251,113,133,.75))}.character-unit[data-damaged=true] .character-hit-spark{animation:characterHitSpark .62s ease-out both}.character-speech{position:absolute;left:50%;top:4px;z-index:8;padding:7px 10px;border:1px solid rgba(248,250,252,.22);border-radius:999px 999px 999px 8px;color:#0f172a;background:#f8fafc;box-shadow:0 12px 28px #0000004d;font-size:12px;font-weight:950;opacity:0;transform:translate(-10%,-70%) scale(.68);animation:characterSpeechPop 1.5s cubic-bezier(.16,1,.3,1) both}.character-speech[data-emoji=true]{min-width:34px;padding:6px 9px;font-size:20px;line-height:1}.character-speech:after{content:"";position:absolute;left:14px;bottom:-5px;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.character-shield-sigil{position:absolute;left:50%;top:20px;z-index:9;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(221,214,254,.72);border-radius:50%;color:#ede9fe;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.36),transparent 45%),linear-gradient(145deg,#a78bfae0,#22d3ee85);box-shadow:0 0 0 7px #a78bfa1f,0 0 26px #a78bfa6b,inset 0 1px #ffffff57;transform:translate(-50%,-50%);animation:characterShieldSigil .92s cubic-bezier(.16,1,.3,1) both}.turn-preview-stage .character-preview{left:50%!important;top:calc(100% + 10px)!important;width:88px;height:96px;scale:.58;transition:none}.turn-preview-stage:has(.character-preview){overflow:hidden}.turn-preview-stage .character-preview .character-sprite{bottom:-3px;width:112px}.turn-preview-stage .character-preview .character-shadow{bottom:0;width:44px;height:14px}@media(max-width:920px){.turn-preview-stage .character-preview{top:calc(100% + 8px)!important;scale:clamp(.5,calc(var(--turn-card-w) / 120),.58)}}@media(max-width:680px){.turn-preview-stage .character-preview{top:calc(100% + 7px)!important;scale:.5}}@media(min-width:681px){.turn-preview-stage .character-preview{scale:clamp(.48,calc(var(--turn-card-w) / 124),.58)}}@keyframes characterHealthHit{0%,to{scale:1;filter:brightness(1)}18%{scale:1.14 1.22;filter:brightness(1.45)}42%{scale:.96 .92}}@keyframes characterIdleBreath{0%,to{transform:translate3d(-50%,0,0) scale(1)}50%{transform:translate3d(-50%,-2px,0) scale(1.018,.992)}}@keyframes characterIdleBreathWest{0%,to{transform:translate3d(-50%,0,0) scaleX(-1) scaleY(1)}50%{transform:translate3d(-50%,-2px,0) scaleX(-1.018) scaleY(.992)}}@keyframes characterIdleBreathNorth{0%,to{transform:translate3d(-50%,-2px,0) scale(.94)}50%{transform:translate3d(-50%,-4px,0) scale(.956,.932)}}@keyframes characterIdleBreathSouth{0%,to{transform:translate3d(-50%,2px,0) scale(1.05)}50%{transform:translate3d(-50%,0,0) scale(1.069,1.041)}}@keyframes characterIdleShadow{0%,to{transform:translate3d(-50%,0,0) scale(1);opacity:1}50%{transform:translate3d(-50%,1px,0) scale(.94,.9);opacity:.82}}@keyframes characterStride{0%,to{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,-4px,0)}}@keyframes characterStrideWest{0%,to{transform:translate3d(-50%,0,0) scaleX(-1)}50%{transform:translate3d(-50%,-4px,0) scaleX(-1)}}@keyframes characterStrideNorth{0%,to{transform:translate3d(-50%,-2px,0) scale(.94)}50%{transform:translate3d(-50%,-6px,0) scale(.94)}}@keyframes characterStrideSouth{0%,to{transform:translate3d(-50%,2px,0) scale(1.05)}50%{transform:translate3d(-50%,-2px,0) scale(1.05)}}@keyframes characterStrideShadow{0%,to{transform:translate3d(-50%,0,0) scale(1);opacity:1}50%{transform:translate3d(-50%,1px,0) scale(.88,.78);opacity:.78}}@keyframes characterActionLunge{0%,to{translate:0 0;scale:1}18%{translate:2px -1px;scale:1.012 .996}42%{translate:10px -5px;scale:1.055 .97}64%{translate:5px -2px;scale:1.02 .992}82%{translate:-1px 1px;scale:.992 1.008}}@keyframes characterCastMotion{0%,to{translate:0 0;scale:1;filter:brightness(1)}22%{translate:0 -2px;scale:1.012;filter:brightness(1.08)}48%{translate:0 -5px;scale:1.034;filter:brightness(1.2)}74%{translate:0 -2px;scale:1.012;filter:brightness(1.08)}}@keyframes characterTauntMotion{0%,to{translate:0 0;rotate:0deg;scale:1}20%{translate:0 -4px;rotate:-1.2deg;scale:1.025}46%{translate:2px -2px;rotate:1.3deg;scale:1.012}70%{translate:-1px -3px;rotate:-.8deg;scale:1.02}88%{translate:0 0;rotate:.25deg;scale:.998}}@keyframes characterBlinkMotion{0%,to{translate:0 0;scale:1}34%{translate:0 -2px;scale:1.012 .996}68%{translate:0 -1px;scale:1.004}}@keyframes characterShieldPulse{0%,to{filter:brightness(1)}44%{filter:brightness(1.35) drop-shadow(0 0 16px rgba(167,139,250,.6))}}@keyframes characterHitSpark{0%{opacity:0;scale:.2;rotate:0deg}22%{opacity:1;scale:1.15;rotate:45deg}to{opacity:0;scale:1.5;rotate:110deg}}@keyframes characterHurtMotion{0%,to{translate:0 0;scale:1;filter:brightness(1)}14%{translate:-5px -1px;scale:.985 1.018;filter:brightness(1.22)}30%{translate:4px 1px;scale:1.006 .996}48%{translate:-2px 0;scale:.998 1.004}68%{translate:1px 0;scale:1.002}}@keyframes characterDeath{0%{opacity:1;translate:0 0;scale:1;filter:grayscale(0) brightness(1)}32%{opacity:1;translate:0 -3px;scale:1.018;filter:grayscale(.05) brightness(1.18)}64%{opacity:.82;translate:0 2px;scale:.982;filter:grayscale(.22) brightness(.98)}to{opacity:.54;translate:0 5px;scale:.95;filter:grayscale(.36) brightness(.9)}}