:root{--bg: #1a1410;--panel: #241c15;--panel2: #2f261c;--line: #4a3a28;--text: #efe6d6;--dim: #9c8a72;--accent: #e0a82e;--good: #7f9a3f;--bad: #b4452f;--gold: #e8be46;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--edge-hi: #ffffff14;--edge-lo: #00000066;--bevel: inset 0 1px 0 var(--edge-hi), inset 0 -2px 0 var(--edge-lo);--plaque: inset 0 1px 0 var(--edge-hi), inset 0 -1px 0 #00000055, 0 2px 0 #00000055;--card-scale: 1.2;--card-w: calc(112px * var(--card-scale));--card-h: calc(140px * var(--card-scale))}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(0deg,#0000000a 0 2px,transparent 2px 4px),radial-gradient(125% 80% at 50% 0%,#2a2014 0%,var(--bg) 60%);background-attachment:fixed;background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}button{font:inherit;color:var(--text);background:var(--panel2);border:2px solid var(--line);border-radius:2px;padding:7px 12px;cursor:pointer;box-shadow:var(--bevel);transition:background .12s,transform .05s,box-shadow .05s}button:hover:not(:disabled){background:#3a2f22}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 3px var(--edge-lo)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#2a1c0c;border-color:var(--accent);font-weight:600}button.danger{background:#3a2226;border-color:var(--bad)}input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:8px 10px}.app{max-width:1100px;margin:0 auto;padding:16px}.center{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8vh}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px}.panel{background:var(--panel);border:2px solid var(--line);border-radius:2px;padding:12px;box-shadow:var(--plaque)}.title{font-family:var(--serif);font-size:28px;font-weight:700;letter-spacing:.3px}.dim{color:var(--dim)}.spacer{flex:1}.tag{font-size:11px;padding:1px 6px;border-radius:2px;background:var(--panel2);border:1px solid var(--line)}.players{display:flex;gap:6px;flex-wrap:wrap}.pchip{padding:6px 8px;border-radius:2px;background:var(--panel2);border:1px solid var(--line);min-width:96px}.pchip.dead{opacity:.45}.pchip.me{border-color:var(--accent)}.pchip .nm{font-weight:600;font-size:12px;display:flex;gap:4px;align-items:center}.pchip .hp{color:#ff8a8a;font-weight:700}.pchip.vs{outline:2px dashed var(--accent)}.match-main{display:grid;grid-template-columns:224px minmax(0,1fr);gap:14px;max-width:1500px;margin:0 auto;padding:16px;align-items:start}.match-main>.standings{grid-column:1;grid-row:1 / span 99;position:sticky;top:16px;align-self:start}.match-main>:not(.standings){grid-column:2;min-width:0}.side-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.side-round{font-family:var(--serif);font-size:18px;font-weight:800;letter-spacing:.2px}.side-timer{font-size:15px;font-weight:700;color:var(--dim);font-variant-numeric:tabular-nums}.side-timer.low{color:#ff8a8a}.side-vs{margin-top:5px;font-size:12px;color:var(--dim)}.side-vs strong{color:var(--accent);font-weight:700}.side-vs .vs-ghost{color:var(--dim);font-style:italic;opacity:.8}.side-bye{color:var(--dim);font-style:italic}.side-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:11px;color:var(--dim);text-align:center;letter-spacing:.5px}.standings-title{margin:14px 0 8px;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.srow{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:2px;border:1px solid transparent}.srow+.srow{margin-top:4px}.srank{width:16px;text-align:right;font-weight:800;color:var(--dim);font-variant-numeric:tabular-nums}.sname{flex:1;min-width:0;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stier{font-size:10px;font-weight:800;color:var(--dim);background:#2a2a2a;border:1px solid var(--line);border-radius:2px;padding:1px 5px;font-variant-numeric:tabular-nums}.shp{color:#ff8a8a;font-weight:800;font-variant-numeric:tabular-nums}.srow.me{background:#3a2c14;border-color:var(--accent)}.srow.me .srank{color:var(--accent)}.srow.vs{border-color:var(--accent);border-style:dashed}.srow.dead{opacity:.4}.srow.dead .shp{color:var(--dim)}.sdiv{height:1px;background:var(--line);margin:7px 4px}@media (max-width: 860px){.match-main{grid-template-columns:1fr}.match-main>.standings{grid-column:1;grid-row:auto;position:static}.match-main>:not(.standings){grid-column:1}}.unit{width:var(--card-w);height:var(--card-h);border-radius:2px;position:relative;background:var(--panel2);border:2px solid var(--line);padding:calc(7px * var(--card-scale));display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;box-shadow:var(--bevel),0 2px #0005}.unit .portrait{position:relative;height:calc(52px * var(--card-scale));margin:calc(-3px * var(--card-scale)) calc(-3px * var(--card-scale)) calc(4px * var(--card-scale));border-radius:2px;overflow:hidden}.unit .portrait svg{width:100%;height:100%;display:block}.unit .tier{position:absolute;top:3px;right:3px;font-size:calc(9px * var(--card-scale));font-weight:800;line-height:1;color:#fff;background:#000a;border-radius:2px;padding:1px 4px}.unit .nm{font-size:calc(12px * var(--card-scale));font-weight:600;line-height:1.15;min-height:calc(27px * var(--card-scale));margin-bottom:auto}.unit .portrait .kw{position:absolute;left:3px;bottom:3px;display:flex;gap:3px;background:#000b;border-radius:2px;padding:2px 4px;line-height:1}.unit .kwtag{font-size:calc(12px * var(--card-scale));line-height:1;filter:drop-shadow(0 1px 1px #000);cursor:default}.unit .stats{display:flex;justify-content:space-between;margin-top:calc(5px * var(--card-scale));font-weight:800;font-size:calc(16px * var(--card-scale))}.unit .atk{color:#ffd479}.unit .hp{color:#ff8a8a}.unit .stats .buffed{color:#7ee081}.unit.golden{border-color:var(--gold);box-shadow:0 0 8px #e8be4655}.unit.clickable{cursor:pointer}.unit.clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.unit.legal{border-color:var(--good);box-shadow:0 0 10px var(--good);cursor:pointer}.unit.attacking{border-color:var(--accent);box-shadow:0 0 12px var(--accent)}.unit.token .nm{font-style:italic}.zone{border:2px solid var(--line);border-radius:2px;padding:11px 12px;min-height:calc(150px * var(--card-scale));background:#1f1710;box-shadow:inset 0 2px 6px #00000040}.zone h4{margin:0 0 9px;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.units-row{display:flex;gap:calc(9px * var(--card-scale));flex-wrap:wrap;min-height:var(--card-h)}.zone.board-zone{border-color:#6b5226;background:#261b0e;min-height:calc(168px * var(--card-scale))}.zone.board-zone h4{color:var(--accent);opacity:.85}.gold{color:var(--gold);font-weight:800}.econ-bar{display:flex;align-items:center;gap:10px;padding:10px 12px}.coin{display:inline-flex;align-items:center;gap:7px;font-size:19px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#2c2613,#221d0e);border:1px solid #6b5a1e;border-radius:2px;padding:6px 14px 6px 11px}.coin .coin-ico{font-size:16px;filter:drop-shadow(0 1px 1px #000)}.tier-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:2px;padding:6px 13px}.tier-pill .tp-n{color:var(--accent);font-weight:800}.gem-pill{display:inline-flex;align-items:center;gap:7px;font-size:17px;font-weight:800;color:#7fe0c0;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#123029,#0d221d);border:1px solid #1e6b57;border-radius:2px;padding:6px 13px 6px 10px}.gem-pill .gem-ico{font-size:15px;filter:drop-shadow(0 1px 1px #000)}.ctl-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:2px;font-weight:600}.ctl-btn .ctl-ico{font-size:16px;line-height:1}.ctl-btn .ctl-cost{font-size:11px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;background:#0004;border-radius:2px;padding:1px 6px}.ctl-btn:disabled .ctl-cost{color:var(--dim)}.ctl-btn.freeze.active{background:#16334e;border-color:#6ab0ff;color:#cfe6ff}.ctl-btn.freeze.active:hover:not(:disabled){background:#1c4467}.ctl-btn.ready{padding:9px 22px;font-size:15px}.toast-wrap{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;z-index:50}.toast{background:var(--panel2);border:1px solid var(--accent);border-radius:2px;padding:8px 12px;max-width:320px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#120d09ee;z-index:40;display:flex;flex-direction:column;align-items:center;padding:24px;overflow:auto}.combat-head{display:flex;align-items:center;gap:12px;width:100%;max-width:1200px}.combat-head h2{margin:0;font-family:var(--serif);letter-spacing:.3px}.ctx-counter{font-size:16px;font-weight:800;padding:2px 10px;border-radius:2px;background:#2a1530;border:1px solid #8a5cb0;transition:box-shadow .2s,border-color .2s}.ctx-counter.fired{border-color:var(--gold);box-shadow:0 0 14px #e8be46aa;background:#3a2a10}.battlefield{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;max-width:1200px;margin-top:8px}.link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:visible}.bl-side{display:flex;flex-direction:column;gap:4px}.bl-label{font-weight:700;font-size:13px}.bl-line{display:flex;gap:calc(10px * var(--card-scale));flex-wrap:nowrap;align-items:center;min-height:calc(146px * var(--card-scale));padding:10px;border-radius:2px;background:#1f1710;border:2px solid var(--line);box-shadow:inset 0 2px 6px #00000040;overflow:visible}.bl-slot{position:relative;flex:0 0 auto}.bl-slot:hover{z-index:30}.bl-empty{padding:0 8px}.bl-divider{display:flex;align-items:center;justify-content:center;height:2px;background:linear-gradient(90deg,transparent,var(--line),transparent);position:relative;margin:2px 0}.vs-badge{position:absolute;font-size:16px;font-weight:800;color:var(--dim);background:var(--bg);padding:0 10px}.bl-slot .unit{transition:box-shadow .2s,border-color .2s,opacity .22s}.is-attacker .unit{border-color:var(--accent);box-shadow:0 0 18px var(--accent);z-index:4}.is-target .unit{border-color:#ff5a52;box-shadow:0 0 16px #ff5a52}.is-source .unit{border-color:var(--gold);box-shadow:0 0 12px #e8be4688}.battlefield.striking .bl-slot:not(.is-attacker):not(.is-target):not(.is-splash) .unit{opacity:.42}.battlefield.striking .is-attacker{z-index:5}.fx{position:relative;will-change:transform}.target-reticle{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:4px;border:2px solid #ff5a5299;box-shadow:0 0 10px #ff5a5255;pointer-events:none;z-index:6;animation:reticle-in .22s ease-out both,reticle-spin 6s linear .22s infinite}@keyframes reticle-in{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes reticle-spin{to{transform:rotate(360deg)}}.unit .hpbar{height:4px;background:#0006;border-radius:3px;overflow:hidden;margin:2px 0 1px}.unit .hpbar>div{height:100%;background:linear-gradient(90deg,#66c766,#8fe08f)}.bufftgt.unit{border-color:var(--gold)!important;box-shadow:0 0 0 2px var(--gold),0 0 16px #e8be46aa!important}.gaintgt.unit{border-color:#7ee08a!important;box-shadow:0 0 0 2px #7ee08a,0 0 16px #7ee08aaa!important}@keyframes statpop{0%{transform:scale(1)}35%{transform:scale(1.6)}to{transform:scale(1)}}.pop-atk .stats .atk,.pop-hp .stats .hp{display:inline-block;animation:statpop .45s ease}.hitflash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle,#ffffff 0%,#ffd47a66 55%,transparent 76%);mix-blend-mode:screen;animation-name:hitflash;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes hitflash{0%{opacity:0}14%{opacity:1}to{opacity:0}}.shieldflash{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:3px;border:3px solid #ffe07a;box-shadow:0 0 18px #ffe07a;pointer-events:none;z-index:6;opacity:0;animation-name:shieldflash;animation-duration:.4s;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes shieldflash{0%{opacity:0;transform:scale(.88)}22%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.floatstack{position:absolute;left:50%;bottom:calc(100% - 16px);transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:3px;pointer-events:none;z-index:9;width:max-content}.floaty{font-weight:900;white-space:nowrap;text-shadow:0 1px 3px #000;opacity:0;animation-name:floatrise;animation-timing-function:ease-out;animation-fill-mode:both;animation-duration:.72s}.floaty.dmg{font-size:21px;color:#ff5252;text-shadow:0 1px 3px #000,0 0 7px #ff000077}.floaty.dmg.splash{font-size:16px;color:#ffb15a}.floaty.buff{font-size:14px;padding:1px 7px;border-radius:2px;background:#3a2a10ee;border:1px solid var(--gold);display:inline-flex;gap:5px;align-items:center}.floaty.buff .bf-atk{color:#ffd479}.floaty.buff .bf-hp{color:#7ee081}.floaty.gain{font-size:13px;padding:1px 7px;border-radius:2px;background:#0e3a1eee;border:1px solid #7ee08a;color:#c8f7d2;display:inline-flex;gap:4px;align-items:center}.floaty.gain .gn-ico{font-size:15px}@keyframes floatrise{0%{opacity:0;transform:translateY(9px) scale(.6)}18%{opacity:1;transform:translateY(0) scale(1.14)}45%{opacity:1;transform:translateY(-6px) scale(1)}to{opacity:0;transform:translateY(-26px) scale(.95)}}.unit.dying{animation-name:crumble;animation-timing-function:ease-in;animation-fill-mode:both}@keyframes crumble{0%{opacity:1;transform:scale(1) rotate(0);filter:none}22%{transform:scale(1.03) rotate(-1deg)}to{opacity:0;transform:scale(.55) translateY(12px) rotate(-7deg);filter:grayscale(.75) brightness(.55)}}.beat-caption{margin-top:10px;font-size:14px;font-weight:700;padding:4px 14px;border-radius:2px;background:var(--panel2);border:1px solid var(--line);display:inline-flex;align-items:center;gap:6px}.beat-caption.breakpoint{border-color:var(--gold);background:#3a2a10;color:var(--gold)}.beat-caption .cap-spark{font-size:16px}.result-banner{font-family:var(--serif);font-weight:800;margin:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.result-banner .rb-word{font-size:30px;line-height:1}.result-banner .rb-dmg{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;font-weight:800;padding:2px 12px;border-radius:999px}.result-banner .rb-dmg.you{color:var(--bad);background:#3a1414;border:1px solid var(--bad)}.result-banner .rb-dmg.foe{color:var(--good);background:#14300f;border:1px solid var(--good)}.combat-controls{width:100%;max-width:1200px;margin-top:14px}.combat-controls .scrub{flex:1;min-width:120px;accent-color:var(--accent);cursor:pointer}.win{color:var(--good)}.loss{color:var(--bad)}.tie{color:var(--dim)}.discover-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#120d09cc;z-index:45;display:flex;align-items:center;justify-content:center}.discover-card{background:var(--panel);border:1px solid var(--accent);border-radius:2px;padding:20px}.hpbar{height:5px;background:#0006;border-radius:3px;overflow:hidden;margin-top:3px}.hpbar>div{height:100%;background:var(--good)}.pending{background:#2a2410;border:1px solid var(--accent);border-radius:2px;padding:8px 12px}.shop-wait{background:#2a2410;border:1px solid var(--accent);border-radius:3px;padding:10px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 0 0 1px #0006,0 6px 20px #0007}.shop-wait .sw-lock{font-size:22px;line-height:1;filter:drop-shadow(0 0 6px var(--accent))}.shop-wait .sw-text{display:flex;flex-direction:column;gap:2px;line-height:1.3}.shop-wait .sw-text strong{color:var(--accent)}.shop-wait .sw-sub{color:var(--dim);font-size:12px}.shop-wait .sw-timer{margin-left:auto;display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}.shop-wait .sw-secs{font-family:var(--serif);font-size:28px;font-weight:800;color:var(--accent);min-width:1.4ch;text-align:right}.shop-wait .sw-unit{font-size:14px;color:var(--dim)}.shop-wait .sw-opening{font-size:16px;font-weight:700;color:var(--accent)}.match-main.shop-frozen .econ-bar,.match-main.shop-frozen .zone{pointer-events:none}.match-main.shop-frozen .econ-bar>*,.match-main.shop-frozen .zone .units-row{opacity:.5;filter:grayscale(.35)}.match-main.shop-frozen .zone.shop-zone h4{color:var(--accent)}.dragwrap{cursor:grab;transition:opacity .12s;position:relative}.dragwrap:active{cursor:grabbing}.bslot{position:relative}.dragwrap:hover,.bslot:hover,.discover-card .unit:hover{z-index:10}.dragwrap.dragging,.bslot.dragging{opacity:.35}.board-row.drop-over{background:#2c2011}.bslot.merge-over{outline:2px dashed var(--good, #7fe0ff);outline-offset:2px;border-radius:8px}.drop-marker{flex:0 0 4px;align-self:stretch;min-height:var(--card-h);border-radius:3px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.bslot{gap:6px}.zone.shop-zone{transition:background .12s,border-color .12s,box-shadow .12s}.zone.shop-zone.sell-armed{border-color:var(--bad);border-style:dashed}.zone.shop-zone.sell-armed h4{color:#ff9b9b}.zone.shop-zone.sell-over{background:#3a2226;border-color:var(--bad);box-shadow:0 0 16px var(--bad)}.zone.shop-zone.sell-over h4{color:var(--text)}.card-tip{position:absolute;left:calc(100% + 10px);top:-2px;width:220px;background:var(--panel);border:1px solid var(--accent);border-radius:2px;padding:10px;z-index:60;text-align:left;pointer-events:none;font-size:12px;opacity:0;visibility:hidden;transition:opacity .12s;box-shadow:3px 3px #000a}.unit:hover .card-tip{opacity:1;visibility:visible}.card-tip .tip-name{font-weight:800;font-size:13px}.card-tip .tip-sub{color:var(--dim);margin-bottom:4px}.card-tip .tip-sub .buffed{color:#7ee081;font-weight:700}.card-tip .tip-sub .tip-base{color:var(--dim);font-weight:400}.card-tip .tip-text{margin-top:4px;border-top:1px solid var(--line);padding-top:4px;line-height:1.3}.card-tip .tip-kw{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.card-tip .tip-kwchip{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border:1px solid var(--line);border-radius:2px;font-size:11px;white-space:nowrap}.card-tip .tip-kwchip.added{border-color:#7ee081;color:#7ee081}.card-tip .tip-added{margin-top:4px;border-top:1px solid var(--line);padding-top:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.card-tip .tip-added-hd{flex-basis:100%;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#7ee081;font-weight:700}.ability-btn{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);z-index:12;white-space:nowrap;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:#7fe0c0;background:linear-gradient(180deg,#123029,#0d221d);border:1px solid #1e6b57;border-radius:2px;padding:3px 8px;cursor:pointer}.ability-btn:hover:not(:disabled){border-color:#7fe0c0;color:#b6f0dd}.ability-btn:disabled{opacity:.55;cursor:default}.ability-btn.used{color:var(--dim);border-color:var(--line);background:var(--panel2)}