:root{--bg: #0d0b14;--panel: #171326;--panel-2: #211b38;--edge: #342a52;--ink: #ece8ff;--muted: #9a90c0;--gold: #f5c451;--red: #ff5d73;--green: #5be08a;--blue: #6db5ff;--shadow: 0 8px 24px rgba(0, 0, 0, .45);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 700px at 50% -10%,#1c1530 0%,var(--bg) 60%);color:var(--ink);display:flex;justify-content:center;-webkit-font-smoothing:antialiased}#app{width:min(940px,100%);padding:14px 16px 40px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:10px}.title{font-weight:800;letter-spacing:.5px;font-size:20px}.title .pip{color:var(--gold)}.spacer{flex:1}.mode-tag{font-size:12px;color:var(--muted);border:1px solid var(--edge);border-radius:999px;padding:3px 10px}button{font:inherit;cursor:pointer;color:var(--ink);background:var(--panel-2);border:1px solid var(--edge);border-radius:10px;padding:9px 14px;transition:transform .06s,background .15s,border-color .15s}button:hover:not(:disabled){background:#2c2350;border-color:#4a3c78}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#6d4ad0,#57399f);border-color:#7d5ee0;font-weight:700}button.danger{border-color:#6a2030}.icon-btn{padding:7px 11px}.arena{display:grid;gap:12px}.fighter{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.fighter.enemy{background:linear-gradient(180deg,#1b1330,#161024)}.fighter-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.emoji{font-size:26px}.fname{font-weight:700}.ftarget{font-size:12px;color:var(--muted)}.hpbar{height:12px;background:#0c0a16;border-radius:999px;overflow:hidden;border:1px solid var(--edge);margin-top:4px}.hpfill{height:100%;background:linear-gradient(90deg,var(--red),#ff9a6a);transition:width .35s}.fighter.you .hpfill{background:linear-gradient(90deg,var(--green),#79f0ff)}.hplabel{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-top:3px}.handrow{display:flex;flex-wrap:wrap;gap:6px;min-height:64px;align-items:center;margin-top:8px}.card{width:46px;height:64px;border-radius:8px;background:#f6f3ec;color:#1b1b1b;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;box-shadow:0 3px 8px #0006;position:relative;animation:deal .22s ease}@keyframes deal{0%{transform:translateY(-12px) scale(.9);opacity:0}}.card.red{color:#c01b39}.card .r{font-size:17px;line-height:1}.card .s{font-size:15px}.card.ghost{background:#221b38;color:var(--muted);border:1px dashed var(--edge);box-shadow:none}.total{font-size:13px;color:var(--muted);margin-top:6px}.total b{color:var(--ink);font-size:16px}.total.bust b{color:var(--red)}.total.soft b{color:var(--blue)}.banner{text-align:center;padding:9px;border-radius:10px;font-weight:600;margin:10px 0 6px;background:var(--panel-2);border:1px solid var(--edge);min-height:20px}.banner.win{color:var(--green);border-color:#2c6b45}.banner.lose{color:var(--red);border-color:#6a2030}.banner.push{color:var(--muted)}.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.focus{display:flex;align-items:center;gap:6px;justify-content:center;margin:4px 0 10px;font-size:13px;color:var(--muted)}.focus .dot{width:12px;height:12px;border-radius:50%;background:#2a2347;border:1px solid var(--edge)}.focus .dot.on{background:var(--gold);border-color:#ffd980;box-shadow:0 0 8px #f5c45199}.abilities{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.acard{width:132px;background:var(--panel-2);border:1px solid var(--edge);border-radius:10px;padding:9px 10px;text-align:left;cursor:pointer;position:relative}.acard:hover:not(.disabled){border-color:#6d5ab0;background:#2a2148}.acard.disabled{opacity:.45;cursor:not-allowed}.acard.rare{border-color:#7a5a2a;box-shadow:inset 0 0 0 1px #f5c45126}.acard .an{font-weight:700;font-size:13px;display:flex;justify-content:space-between}.acard .acost{color:var(--gold)}.acard .ad{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.3}.overlay{position:fixed;inset:0;background:#08060ec7;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:22px;width:min(560px,92vw);box-shadow:var(--shadow);text-align:center}.modal h2{margin:0 0 4px}.modal p{color:var(--muted);margin:0 0 16px}.draft{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.draft .acard{width:150px;cursor:pointer}.modal .row{display:flex;gap:8px;justify-content:center;margin-top:16px}.help-content{text-align:left;max-height:70vh;overflow-y:auto}.help-content h3{margin:14px 0 4px;color:var(--gold);font-size:14px}.help-content p,.help-content li{color:var(--muted);font-size:13px;line-height:1.45}.help-content ul{margin:4px 0;padding-left:18px}.help-content b{color:var(--ink)}.log{font-size:12px;color:var(--muted);text-align:center;min-height:16px;margin-top:6px}.stat-line{color:var(--muted);font-size:13px;margin:2px 0}.stat-line b{color:var(--gold)}