*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#111118;color:#e0e0e0;min-height:100vh;overflow-x:auto}.app{margin:0 auto;padding:0 .5rem}.login-screen{max-width:400px;margin:0 auto;padding:6rem 1.5rem 2rem;text-align:center;min-height:100vh;background:radial-gradient(ellipse at center top,rgba(124,77,255,.08) 0%,transparent 60%)}.login-brand{margin-bottom:2.5rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-input{display:block;width:100%;padding:.75rem 1rem;border:1px solid #333;border-radius:6px;background:#1a1a24;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .15s}.login-input:focus{border-color:#7c4dff}.login-error{background:#ff32321f;color:#ff6b6b;border:1px solid rgba(255,50,50,.25);border-radius:6px;padding:.6rem 1rem;font-size:.85rem}.lobby{max-width:700px;margin:0 auto;padding:3rem 1.5rem 2rem;text-align:center;background:radial-gradient(ellipse at center top,rgba(124,77,255,.08) 0%,transparent 60%);min-height:100vh}.lobby-brand{margin-bottom:2rem}.lobby-title{font-size:2.4rem;font-weight:900;letter-spacing:.25em;color:#7c4dff;margin:0;line-height:1}.lobby-subtitle{font-size:.85rem;letter-spacing:.4em;color:#888;margin:.3rem 0 0;text-transform:uppercase}.lobby-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,#7c4dff,transparent);margin:1rem auto 0}.lobby-welcome{margin-top:.75rem;font-size:.8rem;color:#888}.lobby-welcome strong{color:#b39ddb}.lobby-logout-btn{background:none;border:none;color:#666;font-size:.75rem;cursor:pointer;margin-left:.5rem;text-decoration:underline;padding:0}.lobby-logout-btn:hover{color:#ff6b6b}.lobby-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;border:1px solid #7c4dff;border-radius:6px;background:#7c4dff;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s}.lobby-btn-primary:hover{background:#651fff;box-shadow:0 0 16px #7c4dff4d}.lobby-btn-primary:disabled{background:#333;border-color:#444;color:#666;cursor:not-allowed;box-shadow:none}.lobby-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;border:1px solid #7c4dff;border-radius:6px;background:transparent;color:#b39ddb;font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.lobby-btn-secondary:hover{border-color:#a17fff;color:#fff;background:#7c4dff14}.lobby-btn-small{padding:.5rem 1rem;font-size:.85rem}.lobby-btn-play{margin-top:1.5rem;padding:1rem 2rem;font-size:1.15rem;letter-spacing:.05em}.lobby-input{display:block;width:100%;padding:.75rem;border:1px solid #444;border-radius:6px;background:#16213e;color:#e0e0e0;font-size:1rem}.lobby-input:focus{outline:none;border-color:#7c4dff}.lobby-actions{display:flex;flex-direction:column;gap:.75rem;max-width:320px;margin:0 auto}.lobby-join-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid #2a2a3a;border-radius:6px;background:#16213e80}.lobby-error{background:#f4433626;border:1px solid rgba(244,67,54,.4);color:#ef9a9a;padding:.6rem 1rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem;max-width:320px;margin-left:auto;margin-right:auto;animation:lobby-error-in .2s ease-out}@keyframes lobby-error-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lobby-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lobby-spin .6s linear infinite}@keyframes lobby-spin{to{transform:rotate(360deg)}}.lobby-connection-status{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.8rem;color:#888}.lobby-status-dot{width:8px;height:8px;border-radius:50%}.lobby-status-connecting{background:#ffa726;animation:lobby-pulse-dot 1s ease-in-out infinite}.lobby-status-connected{background:#4caf50}.lobby-status-disconnected{background:#f44336}@keyframes lobby-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.deck-section{margin-bottom:1.5rem;text-align:center}.deck-section-label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#7c4dff;margin-bottom:.75rem}.deck-section-empty{font-size:.8rem;color:#555;margin:.5rem 0}.deck-section-actions{margin-top:.75rem;display:flex;justify-content:center}.deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}@media(max-width:600px){.deck-grid{grid-template-columns:repeat(2,1fr)}}.deck-card{position:relative;border:2px solid #2a2a3a;border-radius:8px;overflow:hidden;cursor:pointer;background:#16213e;padding:0;aspect-ratio:5 / 7;transition:border-color .2s,box-shadow .2s}.deck-card:hover{border-color:#7c4dff;box-shadow:0 0 12px #7c4dff40}.deck-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.deck-card:hover img{transform:scale(1.05)}.deck-card-selected{border-color:#4caf50;box-shadow:0 0 14px #4caf5059}.deck-card-selected:hover{border-color:#4caf50;box-shadow:0 0 18px #4caf5073}.deck-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;align-items:center;gap:.25rem}.deck-card-name{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.deck-card-domains{display:flex;gap:4px;justify-content:center}.deck-card-domain-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.lobby-saved-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.lobby-chip{padding:.35rem .75rem;border:1px solid #444;border-radius:20px;background:#1a1a2e;color:#ccc;font-size:.8rem;cursor:pointer;transition:border-color .15s}.lobby-chip:hover{border-color:#7c4dff}.lobby-chip-active{border-color:#4caf50;background:#1a3a1a;color:#4caf50}.lobby-validation-errors{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;padding:.5rem .75rem;margin-top:.5rem;font-size:.75rem;color:#ef9a9a}.lobby-validation-errors p{margin:.15rem 0}.lobby-import-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.waiting-room{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.waiting-card-back{width:100px;height:140px;border-radius:8px;background:linear-gradient(135deg,#1a1a2e,#7c4dff20);border:2px solid #7c4dff;display:flex;align-items:center;justify-content:center;animation:waiting-pulse 2s ease-in-out infinite}.waiting-card-inner{width:60%;height:60%;border:2px solid rgba(124,77,255,.4);border-radius:4px;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(124,77,255,.06) 5px,rgba(124,77,255,.06) 10px)}@keyframes waiting-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.waiting-text{font-size:1.1rem;color:#ccc;margin:0}.waiting-dots:after{content:"";animation:waiting-ellipsis 1.5s steps(4,end) infinite}@keyframes waiting-ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.waiting-share{font-size:.8rem;color:#888;margin:0}.waiting-session-id{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;padding:.75rem 1.5rem;background:#16213e;border:1px solid #2a2a3a;border-radius:8px;transition:border-color .15s}.waiting-session-id:hover{border-color:#7c4dff}.waiting-session-id code{font-family:Fira Code,Cascadia Code,monospace;font-size:1.1rem;color:#ffd740;letter-spacing:.05em}.waiting-copy-hint{font-size:.7rem;color:#666}.game-board{display:grid;grid-template-columns:60px minmax(620px,1fr) 220px;gap:.5rem;min-width:900px;height:100vh;overflow:hidden}.board-left{display:flex;align-items:stretch}.board-center{display:grid;grid-template-rows:auto 6vw auto minmax(55px,1fr) minmax(55px,1fr) minmax(25px,1fr) minmax(55px,1fr) minmax(55px,1fr) auto 6vw;gap:2px;min-height:0;min-width:0;position:relative;--card-w: calc((100vh - 5rem - 12vw) / 7)}.board-center>*{min-width:0;max-width:100%}.phase-tracker{grid-row:1}.opponent-hand-zone{grid-row:2}.player-mat.opponent .mat-resources{grid-row:3}.player-mat.opponent .mat-playmat-row{grid-row:4}.bf-unit-row-opponent{grid-row:5}.bf-card-row{grid-row:6}.bf-unit-row-you{grid-row:7}.player-mat.you .mat-playmat-row{grid-row:8}.player-mat.you .mat-resources{grid-row:9}.hand-zone:not(.opponent-hand-zone){grid-row:10}.board-right{display:flex;flex-direction:column;min-height:0}.hand-piles-spacer{width:calc(13vw + .4rem);flex-shrink:0}.hand-card-back{width:100%;height:100%;aspect-ratio:5 / 7}.phase-tracker{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .5rem;background:#16213e;border-radius:4px;border:1px solid #2a2a3a}.phase-tracker .turn-label{margin-right:.75rem;font-weight:700;font-size:.85rem;color:#ccc}.phase-step{padding:.2rem .6rem;border-radius:3px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:#1a1a2e;color:#555;border:1px solid transparent}.phase-step.active{background:#7c4dff;color:#fff;border-color:#9c7cff}@keyframes phase-glow{0%{box-shadow:0 0 12px #7c4dffe6}40%{box-shadow:0 0 20px #7c4dff99}to{box-shadow:none}}.phase-transitioning{animation:phase-glow 1s ease-out}.phase-description{font-size:.65rem;color:#9c7cff;font-style:italic;animation:phase-desc-fade 1s ease-out forwards}@keyframes phase-desc-fade{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.score-track{display:flex;flex-direction:column;align-items:center;background:#16213e;border-radius:4px;border:1px solid #2a2a3a;padding:.25rem;width:100%}.score-track-header{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:.15rem}.score-track-column{display:flex;flex-direction:column-reverse;gap:2px;flex:1}.score-track-pip{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-height:0;border-radius:3px;background:#1a1a2e;position:relative}.pip-number{font-size:.6rem;color:#555;width:14px;text-align:center}.pip-marker{width:10px;height:10px;border-radius:50%}.pip-marker.you{background:#4caf50;box-shadow:0 0 4px #4caf50}.pip-marker.opp{background:#f44336;box-shadow:0 0 4px #f44336}.score-track-legend{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:.25rem;font-size:.55rem}.legend-you{color:#4caf50}.legend-opp{color:#f44336}.player-mat{display:contents}.mat-resources{display:flex;gap:.4rem;align-items:center;padding:0 .25rem}.resource-placeholder{font-size:.7rem;visibility:hidden}.resource{padding:.1rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700}.resource.energy{background:#1a3a5a;color:#5af}.resource.power{background:#3a1a5a;color:#c8a}.mat-playmat-row{display:grid;grid-template-rows:1fr;gap:.3rem;align-items:stretch;min-height:0;min-width:0}.player-mat.you .mat-playmat-row{grid-template-columns:minmax(0,var(--card-w)) minmax(0,calc(var(--card-w) * 5 + 1rem)) minmax(var(--card-w),1fr) minmax(0,var(--card-w)) minmax(0,var(--card-w))}.player-mat.opponent .mat-playmat-row{grid-template-columns:minmax(0,var(--card-w)) minmax(0,var(--card-w)) minmax(var(--card-w),1fr) minmax(0,calc(var(--card-w) * 5 + 1rem)) minmax(0,var(--card-w))}.mat-slot{display:flex;flex-direction:column;align-items:stretch;position:relative;min-width:0;padding:.3rem;border:1px solid #2a2a3a;border-radius:4px;background:#0d0d14}.player-mat.you .mat-slot{border-color:#2a5a2a}.player-mat.opponent .mat-slot{border-color:#5a2a2a}.mat-slot .card{min-width:unset;max-width:100%;width:auto;height:100%;aspect-ratio:5 / 7}.mat-slot .card .card-image{height:100%;width:100%;object-fit:cover}.mat-slot-playable{border-color:#4caf50!important;box-shadow:0 0 6px #4caf5080;cursor:pointer}.mat-slot-empty{aspect-ratio:5 / 7;height:100%;width:auto;border:1px dashed #333;border-radius:3px;background:#0a0a12}.card-back-small{height:100%;width:auto;aspect-ratio:5 / 7;border-radius:3px}.mat-zone{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #2a2a3a;border-radius:4px;background:#0d0d14}.player-mat.you .mat-zone{border-color:#2a5a2a}.player-mat.opponent .mat-zone{border-color:#5a2a2a}.mat-zone-cards{display:flex;gap:3px;flex-wrap:nowrap;padding:.1rem;align-items:stretch;flex:1;min-height:0;overflow:hidden;position:relative}.stacked-card-wrap{position:relative;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center}.mat-zone-cards .card.exhausted{transform:rotate(90deg);margin:0;transform-origin:center center;border-color:#ff9800}.player-mat .mat-zone-cards .card{min-width:unset;max-width:100%;width:auto;height:100%;aspect-ratio:5 / 7}.player-mat .mat-zone-cards .card .card-image{height:100%;width:100%;object-fit:cover}.rune-summary{display:flex;gap:.2rem;flex-wrap:wrap;border:1px solid #2a2a4a;border-radius:4px;padding:clamp(.05rem,.2vh,.15rem);background:#0f0f1e4d}.rune-summary-pip{display:inline-flex;align-items:center;gap:.15rem;font-size:clamp(.45rem,.8vh,.65rem);font-weight:700;padding:clamp(.05rem,.2vh,.15rem) clamp(.2rem,.5vw,.5rem);border-radius:4px;white-space:nowrap}.rune-summary-icon{width:clamp(10px,1.2vh,14px);height:clamp(10px,1.2vh,14px);object-fit:contain;filter:brightness(1.2)}.rune-summary-exhausted{margin-left:.25rem;opacity:.6;font-size:.65rem;border-radius:2px;line-height:1.3;white-space:nowrap}.rune-summary-empty{background:#2a2a3a;color:#666}.opponent-actions{justify-content:center}.zone-count-badge{position:absolute;top:2px;right:2px;background:#000000b3;color:#fff;font-size:.55rem;font-weight:700;padding:.05rem .25rem;border-radius:3px;z-index:5}.mat-zone-empty{color:#444;font-size:.6rem;font-style:italic;text-transform:uppercase;letter-spacing:.05em}.mat-runes .mat-zone-cards,.mat-base .mat-zone-cards{padding:.3rem}.rune-exhausted-pile{position:relative;flex-shrink:0;height:100%;display:flex;align-items:center}.rune-exhausted-pile .card{transform:rotate(90deg);transform-origin:center center;border-color:#ff9800}.rune-pile-count{position:absolute;bottom:2px;right:2px;background:#ff9800;color:#000;font-size:.55rem;font-weight:700;padding:1px 4px;border-radius:4px;z-index:5}.mat-base,.mat-base .mat-zone-cards{width:100%}.mat-base.drop-eligible{border-color:#4caf50;box-shadow:0 0 12px #4caf5066;background:#4caf5014;animation:drop-pulse 1s ease-in-out infinite}@keyframes drop-pulse{0%,to{box-shadow:0 0 8px #4caf504d}50%{box-shadow:0 0 16px #4caf5099}}.bf-card-row>div:not(.chain-zone){height:100%;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}.bf-choice-highlight{outline:3px solid #f59e0b;outline-offset:2px;cursor:pointer;animation:drop-pulse-bf 1s infinite;border-radius:6px}@keyframes drop-pulse-bf{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 16px #f59e0b99}}.bf-choice-banner{text-align:center;padding:.4rem 1rem;background:#f59e0b26;border:1px solid #f59e0b;border-radius:4px;color:#f59e0b;font-weight:600;font-size:.9rem}.battlefield-area{display:contents}.bf-unit-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;min-height:0;min-width:0}.bf-unit-zone{display:flex;flex-direction:column;padding:.4rem;border:1px solid #2a2a3a;border-radius:4px;background:#0d0d14;transition:border-color .15s,box-shadow .15s;overflow-y:auto;min-width:0}.bf-unit-zone.bf-controlled-you{border-color:#2a5a2a}.bf-unit-zone.bf-controlled-opp{border-color:#5a2a2a}.bf-unit-zone.bf-target{border-color:#ffa726;box-shadow:0 0 6px #ffa72640;cursor:pointer}.bf-unit-zone.bf-target:hover{border-color:#ffcc02;box-shadow:0 0 10px #ffcc0259}.bf-unit-zone.bf-drop-eligible{border-color:#4caf50;box-shadow:0 0 10px #4caf5066}.unit-selected-move{outline:3px solid #4fc3f7;outline-offset:2px;border-radius:6px;animation:pulse-move 1.2s ease-in-out infinite}@keyframes pulse-move{0%,to{outline-color:#4fc3f7}50%{outline-color:#81d4fa}}.bf-units{display:flex;gap:.3rem;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;flex:1}.bf-empty-hint{color:#ffffff4d;font-size:.75rem;font-style:italic}.bf-card-row{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:.4rem;padding:0;overflow:visible;position:relative}.bf-card-row>.chain-zone{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);z-index:5;pointer-events:auto}.bf-card-row>.chain-zone-empty{pointer-events:none}.bf-card-divider{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;height:100%;min-height:0;min-width:0}.bf-card-img{height:100%;width:auto;aspect-ratio:7 / 5;object-fit:cover;border-radius:4px;border:1px solid #2a2a3a;transition:border-color .15s}.bf-card-divider:hover .bf-card-img{border-color:#7c4dff}.bf-card-fallback{height:100%;width:auto;aspect-ratio:7 / 5;background:#1a1a2e;border-radius:4px;border:1px solid #2a2a3a;display:flex;align-items:center;justify-content:center}.bf-card-name{font-size:.6rem;color:#888}.contested-badge{position:absolute;top:2px;right:2px;background:#ff5722;color:#fff;font-size:.45rem;font-weight:700;padding:.05rem .2rem;border-radius:2px;text-transform:uppercase;letter-spacing:.05em}.card{background:#0f3460;border:1px solid #333;border-radius:3px;padding:.35rem .4rem;min-width:4.5vw;max-width:4.5vw;font-size:.7rem;transition:border-color .15s,box-shadow .15s,opacity .15s;position:relative}.card.card-with-image{padding:0;overflow:hidden;background:transparent}.card .card-image{width:100%;aspect-ratio:5 / 7;object-fit:cover;display:block}.card-damage-overlay{position:absolute;top:2px;left:2px;background:#f44336;color:#fff;font-size:.6rem;font-weight:700;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%}.card .card-name{font-weight:700;font-size:.7rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .card-type{color:#777;text-transform:uppercase;font-size:.55rem;letter-spacing:.05em}.card .card-might{color:#ff6b6b;font-size:.65rem}.card .card-domains{color:#7c4dff;font-size:.6rem}.card.exhausted{transform:rotate(90deg);border-color:#ff9800;margin:10px 8px;transition:transform .3s ease}.card.card-selected{border-color:#ffd740;box-shadow:0 0 8px #ffd74080}.card.card-dimmed{filter:brightness(.35)}.card.card-clickable{cursor:pointer}.card.card-clickable:hover{border-color:#7c4dff;box-shadow:0 0 6px #7c4dff4d}.card-cost{display:flex;gap:.2rem;margin-bottom:.15rem;flex-wrap:wrap}.cost-energy{background:#1a3a5a;color:#5af;font-size:.55rem;font-weight:700;padding:0 .25rem;border-radius:2px}.cost-power{font-size:.55rem;font-weight:700;padding:0 .25rem;border-radius:2px;background:#3a1a5a;color:#c8a}.domain-fury,.cost-power.domain-fury{background:#5a1a1a;color:#ff6b6b}.domain-calm,.cost-power.domain-calm{background:#1a3a1a;color:#66bb6a}.domain-mind,.cost-power.domain-mind{background:#1a1a5a;color:#42a5f5}.domain-body,.cost-power.domain-body{background:#5a3a1a;color:#ffa726}.domain-chaos,.cost-power.domain-chaos{background:#3a1a5a;color:#ab47bc}.domain-order,.cost-power.domain-order{background:#4a4a1a;color:#ffee58}.domain-bg-fury{background:#5a1a1a;color:#ff6b6b}.domain-bg-calm{background:#1a3a1a;color:#66bb6a}.domain-bg-mind{background:#1a1a5a;color:#42a5f5}.domain-bg-body{background:#5a3a1a;color:#ffa726}.domain-bg-chaos{background:#3a1a5a;color:#ab47bc}.domain-bg-order{background:#4a4a1a;color:#ffee58}.hand-zone{display:flex;align-items:flex-start;gap:.5rem;padding:0 .5rem;height:6vw;clip-path:inset(-200% -200% 0 -200%);position:relative;z-index:5;flex-shrink:0}.opponent-hand-zone{clip-path:inset(0 -200% -200% -200%);align-items:flex-end;padding:0 .5rem .2rem}.opponent-hand-zone .card-back,.player-mat.opponent .card-back{transform:rotate(180deg)}.hand-fan{display:flex;justify-content:center;align-items:flex-start;flex:1;min-height:0;min-width:0}.opponent-hand-zone .hand-fan{align-items:flex-end}.hand-card-wrapper{flex-shrink:0;transition:transform .2s ease,z-index 0s,max-width .25s ease,margin-left .25s ease,opacity .15s ease;transform-origin:bottom center}.hand-fan .hand-card-wrapper .card{box-sizing:border-box;min-width:unset;max-width:100%;width:100%;height:auto;aspect-ratio:5 / 7}.hand-card-wrapper.hand-card-dragging{max-width:0;min-width:0;margin-left:0;opacity:0;overflow:hidden;transition:max-width .25s ease,margin-left .25s ease,opacity .15s ease}.hand-card-wrapper.hand-card-returning{animation:card-return .2s ease forwards}@keyframes card-return{0%{opacity:0;transform:scale(.85) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hand-card-wrapper:hover{transform:translateY(-4vw) rotate(0)!important;z-index:100!important}.opponent-hand-zone .hand-card-wrapper:hover{transform:translateY(4vw) rotate(0)!important}.hand-card-wrapper .card-back{min-width:6.5vw;max-width:6.5vw}.hand-card-eligible .card{border:2px solid #4caf50;box-shadow:0 0 8px #4caf5080}.hand-empty{color:#555;font-size:.8rem;font-style:italic}.hand-piles{display:flex;gap:.4rem;flex-shrink:0}.hand-pile{position:relative;width:6.5vw}.hand-pile .card{min-width:100%;max-width:100%}.card-back{aspect-ratio:5 / 7;background:linear-gradient(145deg,#1a0a2e,#0d0618);border:1px solid #3a2a5a;border-radius:4px;display:flex;align-items:center;justify-content:center}.card-back-img{object-fit:cover;display:block;width:100%;height:100%}.card-back-label{font-size:.45rem;font-weight:700;color:#7c4dff;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed}.pile-count{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .25rem;border-radius:3px;min-width:16px;text-align:center}.pile-empty{width:100%;aspect-ratio:5 / 7;border:1px dashed #333;border-radius:4px;background:#0a0a12;display:flex;align-items:center;justify-content:center}.pile-empty-label{font-size:.5rem;color:#444;text-transform:uppercase}.chain-view{background:#2a1a0a;border:1px solid #5a3a1a;border-radius:4px;padding:.5rem}.chain-view h3{font-size:.8rem;margin-bottom:.3rem;color:#ffa726}.chain-active-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:80%;max-width:600px;animation:chain-pulse 1.5s ease-in-out infinite}.board-center>.chain-view{position:absolute;bottom:7vw;left:1rem;right:1rem;z-index:10}@keyframes chain-pulse{0%,to{opacity:1}50%{opacity:.85}}.btn-action{padding:clamp(.1rem,.5vh,.3rem) clamp(.4rem,1vw,.75rem);border:1px solid #555;border-radius:4px;background:#1a1a2e;color:#e0e0e0;cursor:pointer;font-size:clamp(.55rem,1vh,.75rem);font-weight:600;transition:background .15s,border-color .15s}.btn-action:hover{background:#2a2a4e;border-color:#7c4dff}.btn-action.btn-pass{border-color:#ffa726;color:#ffa726;font-weight:700}.btn-action.btn-pass:hover{background:#3a2a0a}.board-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.1rem,.3vw,.25rem);flex-shrink:0;align-self:stretch;box-sizing:border-box;width:calc(13vw + .4rem);min-width:8rem;padding:0 .3rem;background:transparent}.board-actions-top{display:flex;flex-direction:column;align-items:center;gap:.15rem}.priority-indicator{font-size:clamp(.45rem,.8vh,.65rem);font-weight:700;white-space:nowrap;line-height:1.2}.priority-indicator.my-priority{color:#4caf50}.priority-indicator.not-my-priority{color:#666}.board-actions-buttons{display:flex;gap:.3rem}.btn-end-turn{padding:clamp(.1rem,.5vh,.3rem) clamp(.5rem,1.2vw,1rem);border:1px solid #7c4dff;border-radius:4px;background:#7c4dff;color:#fff;cursor:pointer;font-size:clamp(.55rem,1vh,.8rem);font-weight:700;line-height:1.2}.btn-end-turn:hover{background:#651fff}.btn-end-turn:disabled{background:#333;border-color:#333;cursor:not-allowed;color:#666}.event-log{background:#16213e;border-radius:4px;border:1px solid #2a2a3a;padding:.5rem;overflow-y:auto;flex:1}.event-log h3{font-size:.75rem;margin-bottom:.3rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.event-log .event{font-size:.65rem;padding:.15rem 0;color:#666;border-bottom:1px solid #111}.event-log .event-type{color:#888}.card-draggable{cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.card-draggable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c4dff4d}.card-draggable:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 24px #7c4dff80;z-index:100}.card-dragging{opacity:.4;transform:scale(.95)}.hand-card-wrapper .card-dragging{opacity:0;transform:none}.hand-floating-card{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;will-change:transform;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}.battlefield.bf-drop-eligible{border-color:#4caf50;box-shadow:0 0 10px #4caf5066}.card-keywords{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.keyword-badge{font-size:.4rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:0 3px;color:#ffd54f;font-weight:600}.keyword-highlight{color:#ffd54f;font-weight:700}.card-effect-text{font-size:.4rem;line-height:1.3;margin-top:2px;opacity:.85;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-enters-exhausted{font-size:.5rem;color:#ff9800;opacity:.7;font-style:italic}.deck-builder{display:grid;grid-template-columns:1fr 300px;gap:0;height:100vh;padding:.5rem;overflow:hidden}.card-browser{display:flex;flex-direction:column;gap:.5rem;min-height:0}.card-browser-header{display:flex;align-items:center;gap:.75rem;padding:.2rem 0}.card-browser-brand{display:flex;align-items:baseline;gap:.4rem}.card-browser-title{font-size:1.1rem;font-weight:900;color:#7c4dff;letter-spacing:.2em}.card-browser-subtitle{font-size:.65rem;font-weight:600;color:#555;letter-spacing:.3em;text-transform:uppercase}.card-browser-meta{margin-left:auto;display:flex;align-items:baseline;gap:.3rem;padding:.25rem .6rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:6px}.card-browser-count{font-size:1rem;font-weight:700;color:#e0e0e0}.card-browser-count-label{font-size:.65rem;color:#555;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.btn-back-to-lobby{background:transparent;color:#b39ddb;border:1px solid rgba(124,77,255,.3);border-radius:6px;padding:.35rem .7rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.btn-back-to-lobby:hover{border-color:#7c4dff;color:#fff;background:#7c4dff14}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .6rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:8px;align-items:center}.filter-bar select,.filter-bar input[type=text],.filter-bar input[type=number]{background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.35rem .5rem;font-size:.75rem;transition:border-color .15s}.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:#7c4dff}.filter-cost-label{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filter-cost-label input[type=number]{width:2.5rem;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.filter-cost-label input[type=number]::-webkit-inner-spin-button,.filter-cost-label input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-name-search{min-width:120px;flex:1}.filter-domains{display:flex;gap:.3rem;flex-wrap:wrap}.filter-domain-pill{padding:.2rem .5rem;border-radius:20px;border:1px solid #333;background:transparent;color:#888;font-size:.65rem;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all .15s}.filter-domain-icon{width:12px;height:12px;object-fit:contain;vertical-align:middle}.filter-domain-pill:disabled{opacity:.5;cursor:not-allowed}.filter-domain-pill:not(:disabled):hover{border-color:#666;color:#ccc}.filter-domain-active.domain-pill-fury{background:#d32f2f33;border-color:#d32f2f;color:#ef5350}.filter-domain-active.domain-pill-calm{background:#66bb6a33;border-color:#66bb6a;color:#66bb6a}.filter-domain-active.domain-pill-mind{background:#42a5f533;border-color:#42a5f5;color:#42a5f5}.filter-domain-active.domain-pill-body{background:#ffa72633;border-color:#ffa726;color:#ffa726}.filter-domain-active.domain-pill-chaos{background:#ab47bc33;border-color:#ab47bc;color:#ab47bc}.filter-domain-active.domain-pill-order{background:#ffee5833;border-color:#ffee58;color:#ffee58}.card-grid-wrapper{overflow-y:auto;flex:1;min-height:0;padding:.25rem}.card-grid-wrapper::-webkit-scrollbar{width:6px}.card-grid-wrapper::-webkit-scrollbar-track{background:transparent}.card-grid-wrapper::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}.card-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#444}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;align-content:flex-start}.card-grid-battlefields{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card-grid-empty{width:100%;text-align:center;color:#444;font-size:.85rem;padding:3rem 2rem}.card-grid-section-label{font-size:.65rem;font-weight:700;color:#7c4dff;text-transform:uppercase;letter-spacing:.12em;margin:1.25rem 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid #1e1e2e}.card-tile{width:100%;background:#0d0d14;border:2px solid #1e1e2e;border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s;position:relative}.card-tile:hover{border-color:#7c4dff;box-shadow:0 0 12px #7c4dff33;transform:translateY(-2px)}.card-tile.maxed{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.card-tile.maxed:hover{border-color:#1e1e2e;transform:none}.card-tile img{width:100%;aspect-ratio:5 / 7;object-fit:cover;display:block;background:#16213e}.card-tile .card-tile-info{padding:.25rem .35rem;font-size:.6rem;background:#0006}.card-tile .card-tile-name{font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile .card-tile-count{color:#ffd740;font-weight:700}.card-tile.card-tile-horizontal{width:100%}.card-tile.card-tile-horizontal img,.card-tile.card-tile-horizontal .card-tile-fallback{aspect-ratio:7 / 5}.card-tile-fallback{width:100%;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16213e;padding:.5rem;text-align:center}.card-tile-fallback-type{font-size:.5rem;text-transform:uppercase;color:#555;letter-spacing:.08em;font-weight:700}.card-tile-fallback-name{font-size:.65rem;color:#999;margin-top:.25rem}.deck-list-panel{background:#0a0a10;border-left:2px solid #1e1e2e;margin-left:.5rem;padding:.75rem;border-radius:8px 0 0 8px;overflow-y:auto;max-height:100vh}.deck-list-panel::-webkit-scrollbar{width:5px}.deck-list-panel::-webkit-scrollbar-track{background:transparent}.deck-list-panel::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:3px}.deck-list-panel h3{font-size:.8rem;font-weight:700;color:#7c4dff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.deck-stats{display:flex;gap:.5rem;font-size:.65rem;font-weight:700;margin-bottom:.75rem;padding:.4rem .5rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:6px}.deck-stat-ok{color:#4caf50}.deck-stat-bad{color:#f44336}.deck-list-panel .deck-section{margin-bottom:.6rem;text-align:left}.deck-section-header{font-size:.65rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;padding:.2rem .3rem;display:flex;justify-content:space-between;border-bottom:1px solid #1a1a2e}.deck-card-entry{display:flex;justify-content:space-between;align-items:center;padding:.25rem .4rem;font-size:.7rem;color:#bbb;border-radius:4px;cursor:pointer;transition:background .1s,color .1s}.deck-card-entry:hover{background:#f443361a;color:#ef9a9a}.deck-card-entry:hover span:last-child{color:#f44336}.deck-champion-select{width:100%;background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.35rem .5rem;font-size:.7rem}.deck-champion-select:focus{outline:none;border-color:#7c4dff}.deck-errors{color:#f44336;font-size:.65rem;margin-top:.5rem;list-style:none;padding:.4rem .5rem;background:#f4433614;border:1px solid rgba(244,67,54,.2);border-radius:6px}.deck-errors li{margin-bottom:.2rem}.deck-errors li:before{content:"! ";font-weight:700}.deck-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem .6rem;background:#0d0d14;border:1px solid #1e1e2e;border-radius:8px;align-items:center}.toolbar-group{display:flex;gap:.3rem;align-items:center}.toolbar-divider{width:1px;height:1.2rem;background:#2a2a3a;margin:0 .2rem}.btn-toolbar{background:#16213e;color:#b39ddb;border:1px solid #2a2a3a;border-radius:6px;padding:.3rem .6rem;cursor:pointer;font-size:.7rem;font-weight:600;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.btn-toolbar:hover{border-color:#7c4dff;color:#fff;background:#7c4dff1a}.btn-toolbar:disabled{opacity:.3;cursor:not-allowed;color:#555}.btn-toolbar:disabled:hover{border-color:#2a2a3a;background:#16213e;color:#555}.btn-toolbar-danger{color:#ef9a9a;border-color:#f443364d}.btn-toolbar-danger:hover{border-color:#f44336;color:#f44336;background:#f443361a}.toolbar-select{background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.3rem .5rem;font-size:.7rem;transition:border-color .15s}.toolbar-select:focus{outline:none;border-color:#7c4dff}.toolbar-input{background:#16213e;color:#e0e0e0;border:1px solid #2a2a3a;border-radius:6px;padding:.3rem .5rem;font-size:.7rem;flex:1;min-width:100px;transition:border-color .15s}.toolbar-input:focus{outline:none;border-color:#7c4dff}.deck-code-display{padding:.3rem 0}.deck-code-display textarea{width:100%;background:#0d0d14;color:#ffd740;border:1px solid #2a2a3a;border-radius:6px;padding:.5rem;font-size:.7rem;font-family:Fira Code,Cascadia Code,monospace;resize:none}.lobby-section{margin:.75rem 0;text-align:center}.lobby-section h3{font-size:.85rem;color:#7c4dff;margin-bottom:.4rem}.mulligan-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.mulligan-modal{background:#16213e;border:2px solid #7c4dff;border-radius:8px;padding:1.5rem 2rem;max-width:90vw;width:fit-content;text-align:center}.mulligan-modal h2{color:#7c4dff;margin-bottom:.5rem;font-size:1.4rem}.mulligan-modal p{color:#aaa;font-size:.85rem;margin-bottom:1rem}.mulligan-hand{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.mulligan-card-wrapper .card{min-width:clamp(80px,12vw,140px);max-width:clamp(80px,12vw,140px)}.mulligan-card-wrapper{position:relative;transition:transform .15s}.mulligan-card-wrapper:hover{transform:translateY(-4px)}.mulligan-set-aside{opacity:.6}.mulligan-set-aside .card{border-color:#f44336;box-shadow:0 0 8px #f4433666}.mulligan-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#f44336;color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;white-space:nowrap}.mulligan-actions{display:flex;gap:1rem;justify-content:center}.btn-mulligan{padding:.5rem 1.5rem;border:1px solid #7c4dff;border-radius:4px;background:#7c4dff;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700}.btn-mulligan:hover{background:#651fff}.btn-mulligan-keep{background:transparent;color:#ccc;border-color:#555}.btn-mulligan-keep:hover{border-color:#7c4dff;color:#fff}.payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center}.payment-modal{background:#16213e;border:1px solid #2a2a3a;border-radius:8px;padding:1.5rem;max-width:550px;width:90%;max-height:80vh;overflow-y:auto}.payment-header{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.payment-cost-display{display:flex;gap:.3rem;align-items:center;margin-bottom:.75rem}.cost-pip{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.cost-energy{background:#444;color:#e0e0e0}.cost-hybrid{border:2px solid rgba(255,255,255,.3)}.payment-subheader{font-size:.8rem;color:#ffa726;margin-bottom:.75rem}.payment-summary-detail{display:flex;flex-direction:column;gap:.2rem}.payment-power-status{display:flex;gap:.5rem;font-size:.75rem}.payment-runes{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.payment-rune{display:flex;flex-direction:column;align-items:center;gap:.3rem}.payment-rune img{width:80px;aspect-ratio:5/7;object-fit:cover;border-radius:4px;border:1px solid #333}.payment-rune-exhausted img{opacity:.6}.payment-rune-badge{font-size:.6rem;color:#f44336;font-weight:700}.payment-rune-options{display:flex;flex-direction:column;gap:.15rem}.payment-rune-option{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#ccc;cursor:pointer}.payment-rune-disabled{opacity:.4;cursor:not-allowed}.payment-rune-option input{accent-color:#7c4dff}.payment-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0d0d14;border-radius:4px;margin-bottom:1rem;font-size:.85rem}.payment-summary.met{border:1px solid #4caf50}.payment-summary.unmet{border:1px solid #f44336}.payment-buttons{display:flex;justify-content:flex-end;gap:.5rem}.payment-btn{padding:.5rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;border:1px solid}.payment-btn-confirm{background:#4caf50;border-color:#4caf50;color:#fff}.payment-btn-confirm:disabled{background:#333;border-color:#333;cursor:not-allowed;color:#666}.payment-btn-cancel{background:transparent;border-color:#666;color:#ccc}.payment-btn-cancel:hover{border-color:#f44336;color:#f44336}.card-skeleton{width:100%;aspect-ratio:5 / 7;background:linear-gradient(110deg,#1a1a2e 8%,#252540 18%,#1a1a2e 33%);background-size:200% 100%;animation:skeleton-shimmer 1.5s linear infinite}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.card-image-loading{position:absolute;opacity:0}.card-image-loaded{opacity:1;transition:opacity .3s ease}.card-preview{position:fixed;z-index:9999;pointer-events:none}.card-preview img{width:300px;border-radius:8px;box-shadow:0 8px 32px #0009}.chain-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;border-radius:4px;min-height:0}.chain-zone-empty{min-height:0;padding:0}.chain-zone-active{background:#7c4dff14;border:1px solid rgba(124,77,255,.3)}.chain-zone-showdown{background:#ff8c0014;border:1px solid rgba(255,140,0,.3)}.chain-zone-damage{background:#dc323214;border:1px solid rgba(220,50,50,.3)}.chain-card-stack{display:flex;flex-direction:column;align-items:center;gap:.2rem;height:100%;min-height:0;overflow:visible}.chain-collapsed .chain-pile{position:relative;cursor:pointer;height:100%;overflow:visible}.chain-collapsed .chain-pile>.chain-card-wrapper{position:relative;z-index:20}.chain-pile-card{position:absolute;top:0;left:0;height:100%;pointer-events:none}.chain-pile-card .card{height:100%;width:auto;min-width:unset;max-width:unset;aspect-ratio:5 / 7}.chain-pile-count{position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%);background:#7c4dff;color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.chain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer}.chain-overlay-content{background:#1a1a2e;border:1px solid rgba(124,77,255,.5);border-radius:8px;padding:1rem 1.5rem;cursor:default;max-width:90vw}.chain-overlay-title{color:#aaa;font-size:.75rem;text-align:center;margin-bottom:.75rem;letter-spacing:.05em}.chain-overlay-cards{display:flex;gap:.75rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.chain-overlay-card{position:relative;width:clamp(100px,12vw,180px)}.chain-overlay-card .card{min-width:unset;max-width:100%;width:100%}.chain-card-wrapper{position:relative;height:100%}.chain-card-wrapper .card{height:100%;width:auto;min-width:unset;max-width:unset;aspect-ratio:5 / 7}.chain-resolve-order{text-align:center;color:#ccc;font-size:.65rem;font-weight:700;margin-bottom:.3rem}.chain-card-placeholder{display:flex;flex-direction:column;align-items:center;padding:.2rem .4rem;background:#1a1a2a;border:1px solid #3a3a5a;border-radius:3px;font-size:.65rem;color:#aaa}.showdown-banner{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.showdown-title{font-size:.7rem;font-weight:700;color:#ffa726;text-transform:uppercase;letter-spacing:.05em;text-align:center}.focus-indicator{font-size:.65rem;padding:.1rem .4rem;border-radius:3px}.focus-mine{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.focus-opponent{background:#ffffff0d;color:#666}.showdown-actions{display:flex;gap:.3rem;align-items:center}.btn-pass-focus{background:#2e7d32;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.btn-pass-focus:hover{background:#388e3c}.btn-pass-priority{background:#1565c0;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.waiting-text{font-size:.65rem;color:#666;font-style:italic}.damage-panel{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.damage-title{font-size:.7rem;font-weight:700;color:#ef5350;text-transform:uppercase}.might-counter{width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem}.might-counter-wide{width:100%}.might-bar{width:100%;height:8px;background:#1a1a2a;border-radius:4px;overflow:hidden;border:1px solid #333}.might-bar-fill{height:100%;background:linear-gradient(90deg,#ef5350,#ff7043);transition:width .2s;border-radius:4px}.might-bar-complete{background:linear-gradient(90deg,#4caf50,#66bb6a)}.might-text{font-size:.65rem;color:#ccc}.might-assigned{color:#ffd54f;font-weight:700}.might-remaining{color:#ef5350}.damage-summary{display:flex;flex-direction:column;gap:2px;width:100%;font-size:.55rem}.damage-summary-unit{display:flex;justify-content:space-between;padding:1px 4px;background:#ffffff0d;border-radius:2px}.damage-unit-name{color:#ccc}.damage-unit-amount{color:#ef5350;font-weight:700}.damage-hint{font-size:.6rem;color:#888}.damage-buttons{display:flex;gap:.3rem}.btn-confirm-damage{background:#ef5350;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.btn-confirm-damage:disabled{background:#333;color:#666;cursor:not-allowed}.btn-reset-damage{background:#424242;color:#fff;border:none;padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem}.bf-combat-active{animation:combat-burst .6s ease-out;box-shadow:0 0 12px #ff8c0066;border-color:#ffa726!important}@keyframes combat-burst{0%{box-shadow:0 0 25px #ff3c00cc;transform:scale(1.03)}50%{box-shadow:0 0 18px #ff8c0099}to{box-shadow:0 0 12px #ff8c0066;transform:scale(1)}}.bf-combat-zone{border-color:#ffa726!important;box-shadow:0 0 8px #ff8c0033}.bf-combat-dimmed{opacity:.5}.bf-unit-wrapper{position:relative;display:inline-block}.unit-badge{position:absolute;top:-4px;right:-4px;font-size:.5rem;font-weight:700;padding:.05rem .2rem;border-radius:2px;z-index:2;text-transform:uppercase}.unit-badge-attacker{background:#c62828;color:#fff}.unit-badge-defender{background:#1565c0;color:#fff}.unit-might-badge{position:absolute;bottom:2px;left:2px;background:#000c;color:#ffd54f;font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:3px;z-index:3}.unit-damage-clickable{cursor:pointer;transition:transform .1s}.unit-damage-clickable:hover{transform:scale(1.05);filter:brightness(1.2)}.unit-damage-assigned{filter:saturate(.5)}.unit-damage-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#dc3232e6;color:#fff;font-size:1.2rem;font-weight:700;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:3;pointer-events:none}.resolution-banner{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;border-radius:4px;animation:fadeInOut 3s forwards}.resolution-conquer{background:#4caf5026;border:1px solid rgba(76,175,80,.4);color:#4caf50}.resolution-hold{background:#2196f326;border:1px solid rgba(33,150,243,.4);color:#2196f3}.resolution-draw{background:#9e9e9e26;border:1px solid rgba(158,158,158,.4);color:#9e9e9e}.resolution-text{font-size:.8rem;font-weight:700;text-align:center}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.game-over-card{background:#1a1a2e;border:2px solid #444;border-radius:12px;padding:3rem 4rem;text-align:center}.game-over-victory{color:#4ade80;font-size:3rem;margin:0 0 1rem}.game-over-defeat{color:#f87171;font-size:3rem;margin:0 0 1rem}.game-over-scores{display:flex;gap:3rem;justify-content:center;font-size:1.5rem;margin-bottom:2rem;color:#ccc}.game-over-btn{padding:.75rem 2rem;font-size:1.1rem;border-radius:8px;border:none;background:#6366f1;color:#fff;cursor:pointer}.game-over-btn:hover{background:#4f46e5}.card.card-stunned{filter:brightness(.6) saturate(.5);border-color:#ef4444}.card.card-stunned:after{content:"STUNNED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444d9;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:3px;pointer-events:none}.card.card-buffed{box-shadow:0 0 8px 2px #facc1599;border-color:#facc15}.card.card-token:before{content:"T";position:absolute;bottom:2px;right:2px;background:#646464cc;color:#ccc;font-size:.5rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:none}@keyframes unit-ready-flash{0%{filter:brightness(1)}50%{filter:brightness(1.6)}to{filter:brightness(1)}}.unit-ready-flash{animation:unit-ready-flash .4s ease-out}@keyframes score-flash{0%{box-shadow:0 0 4px #ffd7004d}50%{box-shadow:0 0 20px #ffd700b3}to{box-shadow:0 0 4px #ffd7004d}}.bf-score-flash{animation:score-flash .6s ease-out}@keyframes float-score{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.score-float-badge{position:absolute;top:-10px;right:4px;color:#ffd54f;font-size:.8rem;font-weight:700;z-index:10;pointer-events:none;animation:float-score .6s ease-out forwards}@keyframes score-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.score-pulse{animation:score-pulse .4s ease-out}@keyframes rune-enter{0%{opacity:0;transform:translateY(-20px) scale(.85)}60%{opacity:1;transform:translateY(3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.rune-entering{animation:rune-enter .5s ease-out}@keyframes hand-card-enter{0%{opacity:0;transform:translate(50px) scale(.7)}60%{opacity:1;transform:translate(-5px) scale(1.03)}to{opacity:1;transform:translate(0) scale(1)}}.hand-card-entering{animation:hand-card-enter .5s ease-out}@keyframes unstun-flash{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}.unit-unstun-flash{animation:unstun-flash .3s ease-out}@keyframes showdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.showdown-banner{animation:showdown-enter .3s ease-out}@keyframes badge-slide-in{0%{opacity:0;transform:translate(4px,-8px)}to{opacity:1;transform:translate(0)}}.unit-badge{animation:badge-slide-in .3s ease-out}@keyframes unit-death{0%{opacity:1;transform:scale(1);filter:saturate(1)}50%{opacity:.6;transform:scale(.9);filter:saturate(.3)}to{opacity:0;transform:scale(.7);filter:saturate(0) brightness(.5)}}.unit-dying{animation:unit-death .4s ease-out forwards;pointer-events:none}@keyframes hit-flash{0%{filter:brightness(1)}30%{filter:brightness(2)}to{filter:brightness(1)}}.unit-hit-flash{animation:hit-flash .15s ease-out}@keyframes damage-badge-pop{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.unit-damage-badge{animation:damage-badge-pop .2s ease-out}@keyframes unit-enter-from-below{0%{opacity:0;transform:translateY(25px) scale(.85)}60%{opacity:1;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes unit-enter-from-above{0%{opacity:0;transform:translateY(-25px) scale(.85)}60%{opacity:1;transform:translateY(3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes unit-enter-from-side{0%{opacity:0;transform:translate(25px) scale(.85)}60%{opacity:1;transform:translate(-3px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.unit-entering-from-base{animation:unit-enter-from-below .5s ease-out}.unit-entering-from-bf{animation:unit-enter-from-side .5s ease-out}.unit-entering-to-base{animation:unit-enter-from-above .5s ease-out}.animation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:all;background:#00000026;animation:overlay-fade .15s ease-out}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.animation-banner{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;padding:.5rem 2rem;border-radius:6px;animation:banner-pop .3s ease-out;text-shadow:0 2px 8px rgba(0,0,0,.6)}@keyframes banner-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animation-combat_started{color:#ff5722;background:#ff572226;border:2px solid rgba(255,87,34,.4);box-shadow:0 0 30px #ff57224d}.animation-unit_died{color:#b0bec5;background:#78787826;border:2px solid rgba(120,120,120,.4);box-shadow:0 0 20px #6464644d}.animation-point_scored,.animation-battlefield_held{color:#ffd54f;background:#ffd54f1f;border:2px solid rgba(255,213,79,.4);box-shadow:0 0 25px #ffd54f40}.animation-battlefield_conquered{color:#69f0ae;background:#69f0ae1f;border:2px solid rgba(105,240,174,.4);box-shadow:0 0 25px #69f0ae40}