:root{--bg: #0b1622;--bg2: #10202f;--panel: #142838;--panel2: #1b3347;--line: #2a4760;--text: #e8eef4;--muted: #8ea4b8;--gold: #f2c14e;--accent: #ff6b3d;--ok: #48c78e;--danger: #e5484d;--cw: clamp(54px, 5.6vw, 86px);--ch: calc(var(--cw) * 1.4);--red: #c0392b;--green: #238a57;--blue: #2f6db5;--purple: #7d3c98;--black: #2c2c34;--yellow: #c9a20c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 40%,#13314a 0%,var(--bg) 70%);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}button{font:inherit}a{color:var(--gold);cursor:pointer;text-decoration:underline}.muted{color:var(--muted)}.small{font-size:12px}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;transition:background .15s,transform .05s}.btn:hover:not(:disabled){background:#24425b}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:#ff8a64;color:#fff}.btn.primary:hover:not(:disabled){background:#ff7f57}.btn.danger{background:#8f2226;border-color:var(--danger)}.btn.small{padding:5px 9px;font-size:12px}.btn.big{width:100%;padding:12px;font-size:16px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.error{background:#4a1418;border:1px solid var(--danger);color:#ffd6d8;border-radius:8px;padding:8px 10px;margin:8px 0;cursor:pointer}.warn{color:var(--gold)}.menu{min-height:100%;display:grid;place-items:center;padding:24px 16px}.menu-box{width:min(560px,100%);background:#142838eb;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 20px 60px #00000073}.logo{font-family:Bangers,Impact,sans-serif;font-size:56px;letter-spacing:2px;margin:0;line-height:1;color:var(--gold);text-shadow:3px 3px 0 #7a2b12}.logo span{color:var(--accent)}.tagline{color:var(--muted);margin:6px 0 20px}.field{margin-bottom:16px}.field label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.field.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}select,input[type=number]{width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit}.seed{display:flex;gap:6px}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{flex:1;background:var(--bg2);color:var(--muted);border:0;padding:10px;cursor:pointer;font-weight:600}.seg button.on{background:var(--panel2);color:var(--text);box-shadow:inset 0 -3px 0 var(--accent)}.replay-load{display:block;margin-top:14px;color:var(--muted);font-size:13px}.replay-load input{display:block;margin-top:6px;color:var(--muted);max-width:100%}.disclaimer{color:var(--muted);font-size:11px;margin:18px 0 0;line-height:1.5}.game{display:grid;grid-template-columns:1fr 320px;height:100%;min-height:0}.board-wrap{position:relative;min-width:0;overflow:auto}.board{display:flex;flex-direction:column;min-height:100%;padding:8px 12px;gap:6px}.side{display:flex;flex-direction:column;gap:6px;padding:6px 10px 8px;border-radius:14px;background:#10202f8c;border:1px solid transparent}.side.active-side{border-color:#f2c14e59}.side-header{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.player-name{font-weight:700;color:var(--text);display:flex;gap:6px;align-items:center}.turn-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.tag{background:var(--panel2);border:1px solid var(--line);border-radius:4px;font-size:10px;padding:0 4px}.side-stats{margin-left:auto}.row{display:flex;gap:8px;align-items:center;justify-content:center}.hand-row{min-height:calc(var(--ch) + 4px);flex-wrap:nowrap;gap:4px}.side.top .hand-row{min-height:calc(var(--ch) * .55)}.side.top .hand-card .card.back{width:calc(var(--cw) * .55);height:calc(var(--ch) * .55)}.hand-card{transition:transform .12s}.side.bottom .hand-card:hover{transform:translateY(-10px)}.empty-hint{color:var(--muted);font-size:12px}.base-row{gap:12px;align-items:flex-end}.zone{display:flex;flex-direction:column;align-items:center;gap:3px}.zone-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.slot{width:var(--ch);height:var(--ch);display:grid;place-items:center}.char-slot{width:calc(var(--ch) + 4px)}.slot-empty{width:var(--cw);height:var(--ch);border:1px dashed var(--line);border-radius:8px}.field-row{gap:4px}.life-stack{position:relative;width:calc(var(--cw) * .9);height:var(--ch)}.life-card{position:absolute;left:0;top:calc(var(--i) * 6px);width:calc(var(--cw) * .9);height:calc(var(--cw) * .62);border-radius:6px;background:linear-gradient(135deg,#7a2b12,#3a1408);border:1px solid #b5542e}.life-count{position:absolute;bottom:0;right:-6px;background:var(--danger);color:#fff;font-weight:700;border-radius:999px;padding:1px 7px;font-size:12px}.don-zone{padding:4px 8px;border-radius:10px;border:1px solid transparent;max-width:calc(var(--cw) * 2.6)}.don-tokens{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;min-height:24px;max-width:calc(var(--cw) * 2.4)}.don{width:16px;height:22px;border-radius:3px;background:linear-gradient(160deg,#ffe08a,#c99a1e);border:1px solid #fff2c4}.don.rested{transform:rotate(90deg);opacity:.4;filter:grayscale(.6)}.don-count{font-size:10px;color:var(--muted);text-align:center}.don-count b{color:var(--gold)}.trash-top .card{opacity:.8}.card{position:relative;width:var(--cw);height:var(--ch);border-radius:8px;background:linear-gradient(170deg,#f7f1e1,#e8dcc0);color:#1d1d1d;border:3px solid var(--card-color, #888);box-shadow:0 3px 8px #00000073;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .15s,outline-color .15s;-webkit-user-select:none;user-select:none;font-size:calc(var(--cw) * .105);outline:3px solid transparent;outline-offset:1px}.card.clickable{cursor:pointer}.card.rested{transform:rotate(90deg)}.c-red{--card-color: var(--red)}.c-green{--card-color: var(--green)}.c-blue{--card-color: var(--blue)}.c-purple{--card-color: var(--purple)}.c-black{--card-color: var(--black)}.c-yellow{--card-color: var(--yellow)}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-top{display:flex;align-items:center;gap:3px;padding:2px;background:var(--card-color);color:#fff;position:relative}.badge{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;border-radius:50%;font-weight:800;background:#00000059;border:1px solid rgba(255,255,255,.6)}.life-badge{background:#b0182a}.card-cat{font-size:.72em;letter-spacing:.3px;opacity:.9;white-space:nowrap;overflow:hidden}.card-body{flex:1;padding:3px;display:flex;flex-direction:column;gap:1px;position:relative;min-height:0}.card-name{font-weight:800;line-height:1.1;font-size:1.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-types{font-size:.75em;color:#6b5a3a;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-kws{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.kw{background:#1d1d1d;color:#ffd76a;border-radius:3px;padding:0 3px;font-size:.72em;font-weight:700}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:2px 3px;background:#00000014;position:relative}.power{font-weight:800;font-size:1.15em}.power.up{color:#0a8a3c}.power.down{color:#c0392b}.counter-badge{font-size:.8em;font-weight:700;color:#7a4c00}.don-badge{position:absolute;top:38%;left:50%;transform:translate(-50%);background:linear-gradient(160deg,#ffe08a,#c99a1e);color:#3b2a00;font-weight:800;font-size:.8em;padding:1px 5px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 4px #0006}.card.back{background:repeating-linear-gradient(45deg,#1d3b57 0,#1d3b57 6px,#17324a 6px,#17324a 12px);border-color:#3d6285;display:grid;place-items:center;color:#d6e4f0}.back-emblem{font-size:calc(var(--cw) * .36);opacity:.5}.back-label{position:absolute;bottom:4px;font-weight:800;background:#0000008c;border-radius:4px;padding:0 6px}.hl-option{outline-color:var(--gold)!important;box-shadow:0 0 14px #f2c14ecc;cursor:pointer}.hl-selected{outline-color:#52b8ff!important;box-shadow:0 0 16px #52b8ffd9}.hl-attacker{outline-color:var(--accent)!important;box-shadow:0 0 16px #ff6b3de6}.hl-target{outline-color:var(--danger)!important;box-shadow:0 0 16px #e5484de6}.hl-playable{outline-color:#48c78ee6!important}.don-zone.hl-option{border-color:var(--gold);box-shadow:0 0 12px #f2c14e80}.center-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:6px 12px;background:linear-gradient(90deg,transparent,rgba(27,51,71,.9),transparent);border-radius:10px;min-height:44px}.turn-info{color:var(--muted)}.turn-info b{color:var(--text)}.battle-info{text-align:center}.battle{background:#e5484d26;border:1px solid rgba(229,72,77,.6);padding:4px 10px;border-radius:999px}.hint{color:var(--muted);font-size:13px}.end-turn{justify-self:end}.prompt{position:sticky;bottom:12px;margin:0 auto 12px;width:min(560px,calc(100% - 24px));background:#142838f7;border:1px solid var(--gold);border-radius:12px;padding:12px 16px;box-shadow:0 10px 40px #0000008c;z-index:5}.prompt p{margin:4px 0 10px}.prompt-title{font-weight:700;color:var(--gold)}.prompt-battle{margin-top:4px;font-size:13px}.prompt.thinking{border-color:var(--line);color:var(--muted);text-align:center;width:auto;max-width:260px;padding:8px 14px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#050c14b3;display:grid;place-items:center;z-index:10;padding:16px}.overlay-box{background:var(--panel);border:1px solid var(--gold);border-radius:16px;padding:24px 28px;text-align:center;max-width:420px}.overlay-box h2{font-family:Bangers,Impact,sans-serif;font-size:44px;margin:0 0 8px;color:var(--gold);letter-spacing:1px}.overlay-box .btn-row{justify-content:center;margin-top:14px}.side-panel{background:#10202ff2;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px;padding:10px;min-height:0;overflow:hidden}.panel-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.speed{width:auto;padding:4px;font-size:12px}.check{font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:center}.detail{display:flex;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:150px}.detail.empty{color:var(--muted);align-items:center;justify-content:center;text-align:center;font-size:13px}.detail-card{--cw: 92px;flex:none}.detail-card .card.rested{transform:none}.detail-text{min-width:0}.detail-name{font-weight:700;font-size:15px}.detail-stats{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;margin:6px 0;color:var(--gold)}.effect{font-size:12px;line-height:1.45;margin:4px 0;white-space:pre-line}.effect.trigger{color:#ffd6a0}.actions{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px}.actions-title{font-size:12px;color:var(--muted)}.log{flex:1;min-height:120px;overflow-y:auto;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px;font-size:12px;line-height:1.5}.log-line.p0{color:#bfe3ff}.log-line.p1{color:#ffd0c2}.log-line.turn{color:var(--gold);font-weight:700;margin-top:6px}@media (max-width: 1000px){.game{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}.side-panel{border-left:0;border-top:1px solid var(--line);max-height:none}.log{max-height:240px}}@media (max-width: 640px){:root{--cw: 46px}.base-row{flex-wrap:wrap;gap:6px}.hand-row{flex-wrap:wrap}.center-bar{grid-template-columns:1fr;text-align:center}.end-turn{justify-self:center}.field.two{grid-template-columns:1fr}}.card.with-image{background:#111;border-width:0;padding:0}.card.with-image .card-img{border-radius:7px}.img-power{position:absolute;top:3px;right:3px;font-weight:800;font-size:.95em;padding:1px 5px;border-radius:4px;background:#000c;color:#fff}.img-power.up{color:#6dffa8}.img-power.down{color:#ff8a8a}.detail-card .card.with-image{--cw: 110px}.settings{display:flex;flex-direction:column;gap:10px}.settings.compact{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.setting label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.seg.small button{padding:5px 10px;font-size:12px}.check.disabled{opacity:.55}.translation-note a{font-size:12px}.field label.check{text-transform:none;letter-spacing:0;font-size:13px;color:var(--text);display:flex}.build-decks{width:100%;margin-bottom:16px}.deck-warning{margin-top:4px}.advanced{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.advanced summary{cursor:pointer;color:var(--muted);font-size:13px;margin-bottom:10px}.builder{display:flex;flex-direction:column;height:100%;min-height:0}.builder-header{display:flex;align-items:center;gap:14px;padding:8px 14px;border-bottom:1px solid var(--line);background:#10202ff2;flex-wrap:wrap}.builder-header h2{margin:0;font-size:18px;flex:1}.builder-body{display:grid;grid-template-columns:250px 1fr 340px;flex:1;min-height:0}.builder-left,.builder-deck{display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto;min-height:0;background:#10202fb3}.builder-left{border-right:1px solid var(--line)}.builder-deck{border-left:1px solid var(--line)}.builder-left .detail{flex-direction:column;align-items:center}.deck-list{display:flex;flex-direction:column;gap:8px}.deck-list-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:4px 0}.deck-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 9px;margin-bottom:4px;cursor:pointer}.deck-row.on{border-color:var(--gold)}.deck-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-row-size.ok{color:var(--ok)}.deck-row-size.bad{color:var(--muted);font-size:12px}.deck-colors{display:flex;gap:2px}.dot{width:10px;height:10px;border-radius:50%;background:var(--card-color);display:inline-block}.builder-catalog{display:flex;flex-direction:column;gap:8px;padding:10px 12px;overflow-y:auto;min-height:0;min-width:0}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters select{width:auto}.search{flex:1 1 240px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}.color-chips{display:flex;gap:4px;flex-wrap:wrap}.chip{border:1px solid var(--card-color);background:transparent;color:var(--text);border-radius:999px;padding:3px 9px;font-size:12px;cursor:pointer}.chip.on{background:var(--card-color)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--cw) + 22px),1fr));gap:10px 6px}.builder .card-grid{--cw: 96px}.grid-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.grid-caption{font-size:10px;color:var(--muted)}.card.dimmed{opacity:.4}.copies{position:absolute;bottom:4px;right:4px;background:var(--accent);color:#fff;font-weight:800;border-radius:999px;padding:0 6px;font-size:11px}.manual-badge{position:absolute;top:3px;right:4px;font-size:12px;filter:drop-shadow(0 0 2px #000)}.btn.more{align-self:center}.deck-name{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-weight:700;font-size:16px}.notice{background:#f2c14e1f;border:1px solid rgba(242,193,78,.5);border-radius:8px;padding:6px 9px;font-size:12px}.leader-slot{display:flex;gap:10px;align-items:center;--cw: 70px}.leader-slot .btn{margin-top:6px}.deck-stats{display:flex;flex-direction:column;gap:6px}.deck-total{font-size:13px;color:var(--muted)}.deck-total b{font-size:22px;color:var(--danger)}.deck-total.ok b{color:var(--ok)}.curve{display:flex;gap:3px;align-items:flex-end;height:60px}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:9px;color:var(--muted)}.curve-bar{width:100%;background:var(--gold);border-radius:2px 2px 0 0;min-height:1px}.deck-entries{display:flex;flex-direction:column;gap:2px}.entry-group{font-size:11px;text-transform:uppercase;color:var(--muted);margin:8px 0 2px}.entry{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:6px}.entry:hover{background:var(--panel)}.entry.bad{background:#e5484d26}.entry-cost{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--card-color);font-weight:800;font-size:12px;flex:none}.entry-name{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;line-height:1.2}.entry-name small{color:var(--muted);font-size:10px}.qty{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;padding:0;line-height:1}.qty:disabled{opacity:.35;cursor:default}.entry-count{width:14px;text-align:center}.issues{margin:0;padding-left:18px;font-size:12px;line-height:1.5}.issues .error{color:#ff9ea1;background:none;border:0;padding:0;margin:0;cursor:default}.issues .warning{color:var(--gold)}.deck-actions{display:flex;flex-wrap:wrap;gap:6px;position:sticky;bottom:0;background:#10202ffa;padding-top:8px}.modal{width:min(520px,100%);text-align:left}.modal h3{margin:0 0 6px}.modal textarea{width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;font-family:ui-monospace,monospace;font-size:13px;margin:8px 0}.builder .overlay{position:fixed}@media (max-width: 1100px){.builder-body{grid-template-columns:1fr;grid-template-rows:auto}.builder{height:auto}.builder-left,.builder-deck{border:0;border-top:1px solid var(--line)}.builder-left{order:2}.builder-catalog{order:1;max-height:70vh}.builder-deck{order:3}.builder .card-grid{--cw: 70px}}.owner-hint{margin:0;line-height:1.4}.manual-tools{border-color:#f2c14e73}.tool-group{display:flex;flex-direction:column;gap:4px}.tool-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.tool-buttons{display:flex;flex-wrap:wrap;gap:4px}.tool-buttons .btn.small{padding:4px 7px;font-size:11px}.prompt.manual{border-color:#c9a20c}.prompt.manual .effect{background:#00000040;border-radius:6px;padding:6px 8px}.card .manual-badge{position:absolute;top:2px;right:3px;font-size:.9em;z-index:1}.viewer{width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column}.viewer-count{justify-content:flex-start;align-items:center;margin-bottom:8px}.viewer-list{display:flex;flex-wrap:wrap;gap:10px;overflow-y:auto;padding:4px;margin-bottom:10px}.viewer-item{display:flex;flex-direction:column;align-items:center;gap:4px;--cw: 84px;width:120px}.viewer-actions{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.viewer-actions .btn.small{padding:2px 6px;font-size:10px}.link-btn{margin-top:12px;width:100%;background:transparent}.coverage{min-height:100%}.coverage-body{padding:14px;max-width:980px;margin:0 auto}.cov-table{width:100%;border-collapse:collapse;font-size:13px}.cov-table th,.cov-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.cov-table th{color:var(--muted);font-weight:600;font-size:12px}.cov-table td:nth-child(3){width:40%}.cov-total td{background:#f2c14e14;font-weight:700}.cov-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--bg2)}.cov-scripted{background:var(--ok)}.cov-vanilla{background:#4b7aa6}.cov-manual{background:#c9a20c}.legend{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 3px 0 8px;vertical-align:middle}.prompt.in-panel{position:static;width:auto;margin:0;box-shadow:none}.prompt-options{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px;--cw: 70px}