:root{--text:#2a2730;--text-h:#08060d;--bg:#f4f3ee;--panel-bg:#fff;--border:#d8d6cf;--accent:#7a4dc1;--danger:#c1504d;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d6d3dd;--text-h:#f3f4f6;--bg:#16171d;--panel-bg:#1f2028;--border:#34323f}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{color:var(--text-h);font-weight:600}code{font-family:var(--mono);background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-bg);color:var(--text-h);border-radius:6px;padding:8px 14px}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):hover{border-color:var(--accent)}input,select{font:inherit;border:1px solid var(--border);background:var(--panel-bg);color:var(--text-h);border-radius:6px;padding:6px 10px}.screen{width:100%;max-width:1100px;margin:0 auto;padding:24px 16px 48px}.screen--connect{text-align:center}.connect-panel,.lobby-panel{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:480px;margin:16px auto;padding:16px;display:flex}.account-panel__google-button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:40px}.account-panel__error{flex-basis:100%;margin:0}.session-id-copy{border:1px solid var(--border);cursor:pointer;color:inherit;font:inherit;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.session-id-copy:hover{filter:brightness(1.15)}.session-id-copy__hint{color:var(--accent);font-weight:600}.error-toast{z-index:20;background:var(--danger);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;max-width:640px;margin:0 auto;padding:10px 14px;display:flex;position:fixed;top:12px;left:12px;right:12px}.error-toast button{color:#fff;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.error-text{color:var(--danger)}.screen--battle{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100svh;margin:0;padding:16px;display:flex}.battle-layout{flex:1;gap:20px;min-height:0;display:flex}.battle-field{flex-direction:column;flex:auto;justify-content:center;gap:16px;min-width:0;min-height:0;display:flex;container-type:size}.battle-sidebar{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:0 0 400px;gap:14px;padding:16px;display:flex}.battle-info{flex-direction:column;gap:6px;font-weight:600;display:flex}.battle-info__row{font-size:14px}.battle-preview{aspect-ratio:5/7;width:min(100%,536px)}.battle-banner{text-align:center;background:var(--bg);border:1px solid var(--accent);border-radius:6px;padding:8px 12px}.battle-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.battle-actions button{width:100%}.battle-result-overlay{z-index:30;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.battle-result-card{background:var(--panel-bg);text-align:center;border-radius:10px;flex-direction:column;gap:16px;padding:32px;font-size:20px;font-weight:600;display:flex}.battlefield{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.battlefield__columns{--column-gap:16px;--row-gap:12px;--card-w:min(calc(20cqw - var(--column-gap)), calc((100cqh - (var(--row-gap) * 6)) / 6 * 5 / 7));--card-h:calc(var(--card-w) * 7 / 5);grid-template-columns:repeat(5, var(--card-w)) auto;grid-template-rows:repeat(3, var(--card-h));column-gap:var(--column-gap);row-gap:var(--row-gap);justify-content:center;align-items:stretch;display:grid}.battlefield__column-highlight{outline-offset:4px;pointer-events:none;border-radius:8px;outline:2px solid #0000}.card-slot{border:2px solid var(--border);background:var(--panel-bg);transform-origin:50%;border-radius:8px;flex-direction:column;gap:3px;width:100%;height:100%;padding:8px 7px;font-size:12px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;container-type:size}.card-slot__art{object-fit:cover;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.card-slot>:not(.card-slot__art){z-index:1;position:relative}.card-slot--has-art:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0a0a0ee0 0%,#0a0a0e8c 26%,#0a0a0e00 42%),linear-gradient(#0a0a0e00 55%,#0a0a0ee6 100%);border-radius:6px;position:absolute;inset:0}.card-slot--has-art .card-slot__name{text-shadow:0 1px 2px #000000f2,0 0 6px #000c}.card-slot--empty{opacity:.6;border-style:dashed;justify-content:center;align-items:center}.card-slot--clickable{cursor:pointer}.card-slot--clickable:hover{filter:brightness(1.08)}.card-slot--empty.card-slot--clickable{animation:2.4s ease-in-out infinite deck-pile-shimmer}.card-slot--empty.card-slot--clickable:hover{filter:brightness(1.8);animation:none}.card-slot:not(.card-slot--empty):hover,.card-slot--acting{z-index:50;transform:scale(1.2)translateY(-6px);box-shadow:0 12px 28px #0000008c}.card-slot--target{outline:3px dashed var(--danger);outline-offset:-1px}.card-slot--not-ready,.card-slot--acted-this-turn{filter:brightness(.55)}.card-slot__name{text-align:center;color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:auto;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.card-slot__corner,.card-slot__float{--corner-stat-size:16px;--corner-icon-size:13px;--corner-icon-size-solo:24px}@container (width>=150px){.card-slot__corner,.card-slot__float{--corner-stat-size:17px;--corner-icon-size:14px;--corner-icon-size-solo:26px}}@container (width>=175px){.card-slot__corner,.card-slot__float{--corner-stat-size:18px;--corner-icon-size:15px;--corner-icon-size-solo:28px}}.card-slot .card-slot__corner{z-index:1;font-size:var(--corner-stat-size);pointer-events:none;align-items:center;gap:8px;font-weight:700;line-height:1;display:flex;position:absolute;top:8px}.card-slot .card-slot__corner--left{left:8px}.card-slot .card-slot__corner--right{flex-direction:column;align-items:flex-end;gap:8px;right:8px}.card-slot__corner-stat{align-items:baseline;gap:2px;display:flex}.card-slot__corner-icon{width:var(--corner-icon-size);height:var(--corner-icon-size);transform:translateY(1px) scaleX(var(--corner-icon-flip,1));flex:none}.card-slot__corner-stat--solo .card-slot__corner-icon{transform:none}.card-slot__corner-icon--extra-attack{width:var(--corner-icon-size-solo);height:var(--corner-icon-size-solo)}.card-slot__atk-icon{--corner-icon-flip:-1}.card-slot--has-art .card-slot__corner{text-shadow:-1px -1px #000000f2,1px -1px #000000f2,-1px 1px #000000f2,1px 1px #000000f2,0 2px 3px #000000f2,0 0 8px #000000e6}.card-slot--has-art .card-slot__corner-icon{filter:drop-shadow(0 0 1px #000000f2)drop-shadow(0 1px 2px #000000f2)drop-shadow(0 0 5px #000000d9)}.card-slot__modifiers{flex-wrap:wrap;gap:2px;display:flex}.card-slot__modifier{background:var(--accent);color:#fff;white-space:nowrap;border-radius:3px;padding:0 4px;font-size:9px;font-weight:600;line-height:1.4}.card-slot__modifier--pending{filter:brightness(.55)}.card-slot .card-slot__float{z-index:2;font-size:var(--corner-stat-size);color:var(--danger);text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;pointer-events:none;font-weight:700;line-height:1;animation:1.2s ease-out forwards card-damage-pop;position:absolute}.card-slot .card-slot__float--hp{left:8px;top:calc(-1 * var(--corner-stat-size) - 3px)}.card-slot .card-slot__float--heal{color:#4f9d63}.card-slot .card-slot__float--shield{right:8px;top:calc(-1 * var(--corner-stat-size) - 3px);color:#4d84c1}.card-slot .card-slot__evasion-roll{text-align:center;color:#7a4dc1;font-size:11px;bottom:2px;left:0;right:0}.card-slot .card-slot__evasion-roll--evaded{color:#a97bff}@keyframes card-damage-pop{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}70%{opacity:.85;transform:translateY(-8px)}to{opacity:0;transform:translateY(-16px)}}.battlefield--mine .card-slot--acted{animation:.4s card-acted-forward-mine}.battlefield--opponent .card-slot--acted{animation:.4s card-acted-forward-opponent}@keyframes card-acted-forward-mine{50%{transform:translateY(-10px)}}@keyframes card-acted-forward-opponent{50%{transform:translateY(10px)}}.deck-pile{height:100%;position:relative}.deck-pile__card{width:var(--card-h);height:var(--card-w);border:1px solid var(--border);background:var(--panel-bg);background-image:repeating-linear-gradient(135deg,#7f7f7f26 0 4px,#0000 4px 8px);border-radius:3px;transition:filter .15s,transform .15s;position:absolute;top:50%;transform:translateY(-50%)}.deck-pile__card--clickable{cursor:pointer;animation:2.4s ease-in-out infinite deck-pile-shimmer}@keyframes deck-pile-shimmer{0%,to{filter:brightness(1.2)}50%{filter:brightness(1.7)}}.deck-pile__card--clickable:hover{filter:brightness(1.8);animation:none;transform:translateY(-50%)scale(1.08)}.connect-panel__option{align-items:center;gap:6px;font-size:14px;display:inline-flex}.connect-panel__hint,.lobby-warning{opacity:.85;flex-basis:100%;margin:0;font-size:13px}.lobby-warning{border:1px solid var(--accent);text-align:center;border-radius:8px;max-width:480px;margin:0 auto 16px;padding:10px 14px}.battle-info__row--editable{color:var(--accent)}.state-editing{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.state-editing h2{margin:0;font-size:14px}.state-editing__actions{flex-wrap:wrap;gap:8px;display:flex}.state-editing__text{width:100%;min-height:140px;font-family:var(--mono);resize:vertical;font-size:11px}.state-editing__status{margin:0;font-size:12px}.state-editing__violations{color:var(--danger);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:12px;display:flex}.match-feed{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.match-feed__list{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;min-height:0;max-height:260px;margin:0;padding:8px;font-size:.82rem;line-height:1.35;list-style:none;display:flex;overflow-y:auto}.match-feed__entry{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 6px;padding-bottom:6px;display:flex}.match-feed__entry:last-child{border-bottom:none;padding-bottom:0}.match-feed__round{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;opacity:.55;align-items:center;gap:8px;padding-top:2px;font-size:.76rem;display:flex}.match-feed__round:after{content:"";background:var(--border);flex:auto;height:1px}.match-feed__round:first-child{padding-top:0}.match-feed__side{flex:none;font-weight:700}.match-feed__entry[data-own=true] .match-feed__side{color:var(--accent)}.match-feed__entry[data-own=false] .match-feed__side{color:var(--danger)}.match-feed__entry[data-own=none] .match-feed__side{opacity:.6}.match-feed__text{flex:100%}.match-feed__amounts{flex-wrap:wrap;flex:100%;gap:4px 8px;display:flex}.match-feed__amount{font-family:var(--mono);font-weight:700}.match-feed__amount-target{color:inherit}.match-feed__value{color:var(--danger)}.match-feed__value--heal{color:var(--accent)}.match-feed__stat{opacity:.75;font-weight:400}.match-feed__to-end{align-self:flex-start;padding:4px 8px;font-size:.78rem}.builder-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.builder-panel{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;margin:16px 0;padding:16px}.builder-panel h2{margin-top:0}.builder-armies{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.builder-armies__item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.builder-armies__actions,.builder-actions,.builder-filter,.builder-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.builder-form{gap:16px;margin-bottom:12px}.builder-summary{flex-wrap:wrap;gap:12px;display:flex}.builder-summary__ok{color:var(--accent)}.builder-summary__short{color:var(--danger)}.builder-filter button[aria-pressed=true]{outline:2px solid var(--accent)}.builder-lines{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0;display:grid}.builder-line{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;max-height:420px;display:flex;overflow-y:auto}.builder-card{cursor:pointer;border-left:4px solid #0000;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:2px 6px;display:grid}.builder-card__stats{opacity:.75;grid-column:2;font-size:.85em}.builder-notice{color:var(--accent)}