*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#e8eaf0;background:#1e2230;font-family:system-ui,Segoe UI,sans-serif;font-size:14px}#app{height:100vh}button{font:inherit;cursor:pointer;color:#e8eaf0;background:#2b3147;border:1px solid #4a5170;border-radius:6px;padding:6px 10px}button:hover:not(:disabled){background:#39415e}button:disabled{opacity:.4;cursor:default}button.primary{background:#3a6df0;border-color:#3a6df0}button.primary.big{padding:12px 28px;font-size:18px}.card{background:#2f3650;border:1px solid #454f70;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.card.extra{border-color:#caa14a}.card.selectable{cursor:pointer}.card.selectable:hover{background:#3a445f;border-color:#6f7aa0}.card.disabled{opacity:.35;cursor:default}.card-name{font-weight:600}.card-effect{color:#c7ccdc;font-size:13px}.card-cost{color:#8b93ad;font-size:12px}.setup{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;height:100vh;margin:0 auto;padding:20px;display:grid}.editor-col{min-height:0;overflow:auto}.editor-title{margin:0 0 8px;font-size:16px}.editor-list{flex-direction:column;gap:8px;display:flex}.editor-row{background:#262c40;border:1px solid #39415e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.editor-row.included{border-color:#3a6df0}.card-info{flex-direction:column;gap:2px;display:flex}.counter{align-items:center;gap:8px;display:flex}.counter .count{text-align:center;font-variant-numeric:tabular-nums;min-width:22px}.editor-footer{border-top:1px solid #39415e;grid-column:1/3;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.editor-summary{align-items:center;gap:16px;display:flex}.editor-summary .warn{color:#ff8b8b}.editor-summary .ok{color:#7fe0a0}.editor-actions{gap:10px;display:flex}.battle{grid-template-columns:1fr 400px;gap:14px;height:100vh;padding:14px;display:grid}.main{flex-direction:column;gap:14px;min-height:0;display:flex}.side{flex-direction:column;gap:8px;min-height:0;display:flex}.status{grid-template-columns:1fr 1fr 1.5fr;gap:12px;display:grid}.party,.effects{background:#262c40;border:1px solid #39415e;border-radius:10px;padding:12px}.party h3{margin:0 0 8px;font-size:15px}.party.player{border-color:#3a5a6e}.party.enemy{border-color:#6e3a4a}.hp{flex-direction:column;gap:4px;display:flex}.hp-bar{background:#161a28;border-radius:6px;height:12px;overflow:hidden}.hp-fill{background:#5bd28a;height:100%}.party.enemy .hp-fill{background:#e06a7f}.hp-text{font-variant-numeric:tabular-nums;font-size:13px}.stat{margin-top:6px;font-size:13px}.stat.shield{color:#9fd0ff}.effects .factors{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.factor{font-variant-numeric:tabular-nums;background:#161a28;border:1px solid #39415e;border-radius:6px;padding:3px 8px}.effects .label{color:#8b93ad}.slots{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.slot{background:#222840;border:1px solid #39415e;border-radius:10px;flex-direction:column;gap:8px;min-height:124px;padding:10px;display:flex}.slot.extra{background:#2a2740;border-color:#caa14a}.slot-label{color:#8b93ad;font-size:12px}.slot-empty{color:#5b637e;flex:1;justify-content:center;align-items:center;display:flex}.action{background:#222840;border:1px solid #39415e;border-radius:10px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex;position:relative}.action-caption{color:#c7ccdc;font-size:14px}.reveal{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:12px;display:flex}.reveal .card{width:156px}.result{font-size:22px;font-weight:700}.result.win{color:#7fe0a0}.result.lose{color:#ff8b8b}.hint{color:#8b93ad;font-size:13px}.deck-box{position:absolute;bottom:14px;right:14px}.deck-popover{background:#161a28;border:1px solid #454f70;border-radius:8px;width:210px;padding:8px 10px;display:none;position:absolute;bottom:42px;right:0}.deck-popover.open{display:block}.popover-title{color:#8b93ad;margin-bottom:6px;font-size:12px}.popover-row{justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.popover-count{color:#9fd0ff;font-variant-numeric:tabular-nums}.controls{gap:8px;display:flex}.panel-title{color:#8b93ad;margin-top:4px;font-size:12px}.reference{background:#222840;border:1px solid #39415e;border-radius:10px;flex-direction:column;flex:40%;gap:10px;min-height:0;padding:10px;display:flex;overflow:auto}.ref-group{flex-direction:column;gap:6px;display:flex}.ref-head{color:#c7ccdc;border-bottom:1px solid #39415e;padding-bottom:4px;font-size:13px}.log{background:#161a28;border:1px solid #39415e;border-radius:10px;flex:60%;min-height:0;padding:10px;font-size:12.5px;line-height:1.5;overflow:auto}.log-entry{white-space:pre-wrap;border-bottom:1px solid #21263a;padding:2px 0}.log-entry.k-turn{color:#9fd0ff;font-weight:600}.log-entry.k-enemy{color:#ffb38b}.log-entry.k-select{color:#c7ccdc}.log-entry.k-system{color:#7fe0a0}