:root{--bg: #140f1e;--panel: #201a2e;--panel2: #2b2440;--line: #4a3f5e;--text: #f4ecdd;--dim: #ab9db8;--accent: #f0b93e;--good: #86ac4a;--bad: #d0563a;--gold: #f2c14e;--ally: #46b0b8;--ally-lo: #1c4a50;--ally-hi: #8fe0e6;--foe: #d0563a;--foe-lo: #5a2016;--foe-hi: #f6997d;--sky-zenith: #171232;--sky-mid: #3d2a4e;--sky-glow: #e0793c;--sky-core: #ffb257;--ground-far: #2d2536;--ground-near: #17110b;--ember-hot: #ffd77a;--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));--felt: #1b1526;--felt-lip: #6b5433;--shelf: #221a30;--table-shadow: 0 14px 20px -10px #000c, 0 3px 6px #0008;--board-arc-step: 14px;--hand-fan-step: 4.5deg;--hand-fan-lift: 9px;--hand-overlap: 30px;--orb: #c0402b;--orb-lo: #5e1a12}*{box-sizing:border-box}body{margin:0;background:radial-gradient(46% 34% at 62% 45%,#ffcf8f2e 0%,transparent 58%),radial-gradient(120% 60% at 62% 49%,var(--sky-glow) 0%,transparent 44%),linear-gradient(180deg,var(--sky-zenith) 0%,#241a3d 22%,var(--sky-mid) 40%,#7a3f52 50%,#6a4030 56%,var(--ground-far) 66%,var(--ground-near) 100%);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:#33284a;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:#0d0a16f2;z-index:40;display:flex;flex-direction:column;align-items:center;padding:20px;overflow:auto}.vs-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:1240px}.vs-plate{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 14px;border-radius:12px;background:linear-gradient(180deg,#ffffff0e,#00000048);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff14,0 6px 18px -8px #000b}.vs-plate.foe{flex-direction:row-reverse;text-align:right}.vs-plate.you{justify-self:start;border-color:color-mix(in srgb,var(--ally) 42%,var(--line))}.vs-plate.foe{justify-self:end;border-color:color-mix(in srgb,var(--foe) 42%,var(--line))}.vs-crest{flex:none;width:50px;height:50px;border-radius:50%;position:relative;display:grid;place-items:center;font-family:var(--serif);font-size:23px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000a;box-shadow:inset 0 2px 4px #fff3,inset 0 -3px 6px #00000070,0 3px 8px #0009}.vs-plate.you .vs-crest{background:radial-gradient(circle at 34% 28%,var(--ally-hi),var(--ally) 44%,var(--ally-lo) 100%)}.vs-plate.foe .vs-crest{background:radial-gradient(circle at 34% 28%,var(--foe-hi),var(--foe) 44%,var(--foe-lo) 100%)}.vs-crest:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid #00000055;box-shadow:inset 0 0 0 1px #fff2}.vs-who{min-width:0;display:flex;flex-direction:column;gap:3px}.vs-name{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:6px}.vs-plate.foe .vs-tag{justify-content:flex-end}.vs-botpin{font-size:9px;padding:1px 5px;border-radius:4px;background:#ffffff16;color:var(--dim);letter-spacing:.1em}.vs-hpwrap{display:flex;align-items:center;gap:8px;margin-top:1px}.vs-plate.foe .vs-hpwrap{flex-direction:row-reverse}.vs-hpbar{position:relative;width:116px;height:8px;border-radius:5px;background:#0007;overflow:hidden;box-shadow:inset 0 1px 2px #000a,inset 0 0 0 1px #ffffff10}.vs-hpfill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;transition:width .4s ease;background:linear-gradient(180deg,#ffffff40,#fff0 42%),var(--good)}.vs-hpnum{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);min-width:22px}.vs-hpnum .vs-heart{color:var(--bad);font-size:11px;margin-right:2px}.vs-sigil{display:flex;flex-direction:column;align-items:center;gap:6px}.vs-round{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);padding:3px 11px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:#2a1c0e88}.vs-mark{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:19px;color:#1a1206;background:radial-gradient(circle at 36% 30%,var(--ember-hot),var(--accent) 46%,#a9741d 100%);box-shadow:0 0 0 4px #2a1c0e,0 0 20px -2px var(--accent),inset 0 -3px 6px #0005}.ctx-counter{font-size:13px;font-weight:800;padding:2px 9px;border-radius:20px;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;justify-content:center;gap:8px;width:100%;max-width:1240px;margin-top:12px;padding:34px 22px 26px;border-radius:14px;overflow:hidden;isolation:isolate;background:radial-gradient(44% 30% at 60% 42%,#ffcf8f38 0%,transparent 62%),radial-gradient(66% 42% at 60% 46%,var(--sky-glow) 0%,transparent 54%),linear-gradient(180deg,var(--sky-zenith) 0%,#241a3d 16%,var(--sky-mid) 30%,#7a3f52 44%,#8a4a30 49%,#3c3030 54%,var(--ground-far) 64%,var(--ground-near) 100%);border:2px solid var(--felt-lip);box-shadow:inset 0 0 90px #0009,0 16px 40px -16px #000d}.battlefield:before{content:"";position:absolute;left:0;right:0;top:33%;height:17%;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent,#120c1e 88%);clip-path:polygon(0 100%,0 60%,9% 46%,16% 64%,25% 40%,34% 60%,42% 34%,53% 58%,61% 30%,70% 56%,79% 42%,89% 62%,97% 46%,100% 64%,100% 100%);opacity:.78}.battlefield:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(94deg,#00000016 0 2px,transparent 2px 48px);-webkit-mask-image:linear-gradient(180deg,transparent 52%,#000 80%);mask-image:linear-gradient(180deg,transparent 52%,#000 80%)}.field-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.field-ember{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--ember-hot);box-shadow:0 0 6px 1px #ffb85788;opacity:0;animation:emberRise linear infinite}@keyframes emberRise{0%{transform:translateY(0) translate(0);opacity:0}14%{opacity:.9}80%{opacity:.45}to{transform:translateY(-340px) translate(18px);opacity:0}}.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{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}.bl-side.foe{filter:saturate(.9) brightness(.93)}.bl-side.foe .bl-line{position:relative}.bl-side.foe .bl-line:before{content:"";position:absolute;top:-6px;right:-12px;bottom:-6px;left:-12px;z-index:5;pointer-events:none;border-radius:10px;background:linear-gradient(180deg,#e78a4a1f,transparent 55%)}.bl-label{font-family:var(--serif);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;align-self:flex-start;padding:2px 10px;border-radius:20px;background:#0005;border:1px solid #ffffff12}.bl-side.you .bl-label{color:var(--ally-hi);border-color:color-mix(in srgb,var(--ally) 45%,transparent)}.bl-side.foe .bl-label{color:var(--foe-hi);border-color:color-mix(in srgb,var(--foe) 45%,transparent);align-self:flex-end}.bl-line{display:flex;gap:calc(12px * var(--card-scale));flex-wrap:nowrap;align-items:flex-end;min-height:calc(150px * var(--card-scale));padding:8px 6px;background:transparent;border:none;overflow:visible}.bl-slot{position:relative;flex:0 0 auto}.bl-slot:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:74%;height:12px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#000b 0%,transparent 72%);pointer-events:none;z-index:0}.bl-slot:hover{z-index:30}.bl-empty{padding:0 8px}.bl-divider{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:2px;margin:6px 0;background:linear-gradient(90deg,transparent,#ff9a4a00 6%,#ff9a4a88 50%,#ff9a4a00 94%,transparent);box-shadow:0 0 14px #ff8a3a44}.vs-badge{position:absolute;font-size:14px;color:#ffce8f;background:radial-gradient(circle,#17101f,#0d0a16);border:1px solid #ffab5a55;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #0009,0 0 10px #ff8a3a33}.bl-slot .unit{transition:box-shadow .2s,border-color .2s,opacity .22s;border-color:#574b6b;border-radius:7px;background:linear-gradient(180deg,#37304e 0%,var(--panel2) 72%);box-shadow:var(--bevel),var(--table-shadow)}.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 .table{pointer-events:none}.match-main.shop-frozen .shelf,.match-main.shop-frozen .board-row,.match-main.shop-frozen .hand-fan,.match-main.shop-frozen .tavern-bar .ctl-btn,.match-main.shop-frozen .hero{opacity:.5;filter:grayscale(.35)}.match-main.shop-frozen .tavern-title{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}.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;display:none;box-shadow:3px 3px #000a}.unit:hover .card-tip{display:block;animation:tipIn .12s ease both}@keyframes tipIn{0%{opacity:0}to{opacity:1}}.hand .card-tip{left:auto;right:calc(100% + 10px)}.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)}.match-main.tabletop>.table{display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px;border-radius:10px;border:2px solid var(--felt-lip);background:radial-gradient(120% 90% at 50% 8%,#2c2440 0%,var(--felt) 52%,#100c1a 100%);box-shadow:inset 0 2px #ffffff10,inset 0 0 60px #0007,0 10px 30px -12px #000a;min-height:calc(100vh - 40px)}.tavern{border-radius:8px;padding:8px 12px 12px;background:linear-gradient(180deg,#2f2547 0%,var(--shelf) 100%);border:1px solid #4a3f5e;border-top:2px solid var(--felt-lip);box-shadow:inset 0 1px #ffffff14,inset 0 -10px 20px -12px #000,0 4px 10px -6px #000a;transition:background .12s,border-color .12s,box-shadow .12s}.tavern-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:8px}.tavern-title{font-family:var(--serif);font-size:15px;font-weight:800;letter-spacing:.4px;color:#e8cf9a}.tavern-bar .ctl-btn.tierup .tp-n{color:var(--accent);font-weight:800}.tavern-bar .ctl-btn.refresh{min-width:104px}.tavern-bar .ctl-btn.ready{padding:10px 26px;font-size:15px;font-weight:800;letter-spacing:.3px;box-shadow:var(--bevel),0 0 16px #e0a82e66;animation:readyPulse 2.4s ease-in-out infinite}.tavern-bar .ctl-btn.ready:disabled{animation:none;box-shadow:var(--bevel)}@keyframes readyPulse{0%,to{box-shadow:var(--bevel),0 0 12px #e0a82e55}50%{box-shadow:var(--bevel),0 0 22px #e0a82eaa}}.shelf{display:flex;gap:calc(10px * var(--card-scale));flex-wrap:wrap;align-items:flex-end;min-height:var(--card-h);padding:10px 8px 6px;border-radius:6px;background:linear-gradient(180deg,#141021,#1e1730);box-shadow:inset 0 3px 8px #000a,inset 0 -1px #ffffff0a}.shelf-empty,.board-empty,.hand-empty{align-self:center}.shelf .dragwrap{transition:transform .12s ease,filter .12s ease}.shelf .dragwrap .unit{box-shadow:var(--bevel),var(--table-shadow)}.shelf .dragwrap:hover{transform:translateY(-6px);z-index:20}.shelf .dragwrap:hover .unit{box-shadow:var(--bevel),0 18px 26px -10px #000e}.tavern.sell-armed{border-color:var(--bad);background:linear-gradient(180deg,#3a2226,#2a1618)}.tavern.sell-armed .tavern-title{color:#ff9b9b}.tavern.sell-over{box-shadow:inset 0 0 0 2px var(--bad),0 0 20px var(--bad)}.board-felt{position:relative;flex:1 1 auto;min-height:calc(210px * var(--card-scale));border-radius:8px;padding:26px 16px 22px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(70% 60% at 50% 100%,#3a2f4e 0%,transparent 62%),radial-gradient(120% 120% at 50% 0%,#241c34,#14101f);border:1px solid #4a3f5e;box-shadow:inset 0 2px 10px #000a,inset 0 0 0 1px #ffffff08}.board-tag{position:absolute;top:8px;left:12px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);opacity:.7;font-weight:700}.board-empty{color:var(--dim);align-self:center}.board-row{display:flex;gap:calc(14px * var(--card-scale));flex-wrap:nowrap;align-items:flex-end;justify-content:center;min-height:var(--card-h);padding-top:calc(var(--board-arc-step) * 3.5)}.board-felt.drop-over{filter:brightness(1.08);box-shadow:inset 0 0 0 2px var(--accent),inset 0 2px 10px #000a}.arc-slot{position:relative;transform:translateY(calc(var(--board-arc-step) * var(--dist, 0) * -1));transition:transform .18s ease}.arc-slot:after,.shelf .dragwrap:after,.fan-card:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);width:72%;height:12px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#000a 0%,transparent 72%);pointer-events:none;z-index:0;transition:opacity .18s ease,transform .18s ease}.arc-slot .unit{box-shadow:var(--bevel),var(--table-shadow)}.arc-slot:hover{transform:translateY(calc(var(--board-arc-step) * var(--dist, 0) * -1 - 8px));z-index:20}.arc-slot:hover:after{opacity:.6;transform:translate(-50%) scale(1.08)}.shelf .unit,.board-row .unit,.hand-fan .unit{border-color:#574b6b;border-radius:7px;background:linear-gradient(180deg,#37304e 0%,var(--panel2) 72%)}.dock{display:flex;align-items:flex-end;gap:18px}.hero{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;flex:0 0 auto;background:linear-gradient(180deg,#2a2340,#1c1628);border:1px solid #4a3f5e;box-shadow:var(--plaque),0 6px 16px -8px #000a}.hero-crest{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 70% at 35% 30%,hsl(var(--crest-hue,40) 55% 55%),hsl(var(--crest-hue,40) 45% 30%));border:2px solid var(--accent);box-shadow:inset 0 2px 4px #ffffff40,inset 0 -4px 8px #0007,0 2px 6px #0009}.hero-initial{font-family:var(--serif);font-size:26px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000a}.hp-orb{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(60% 60% at 38% 30%,#ff8a6a 0%,var(--orb) 46%,var(--orb-lo) 100%);box-shadow:inset 0 3px 6px #fff5,inset 0 -6px 10px #0008,0 3px 8px #0009,0 0 14px #c0402b55}.hp-orb:after{content:"";position:absolute;top:8px;left:12px;width:16px;height:10px;border-radius:50%;background:#fffa;filter:blur(2px)}.hp-val{font-family:var(--serif);font-weight:800;font-size:22px;color:#fff;text-shadow:0 1px 3px #000c;z-index:1;font-variant-numeric:tabular-nums}.hand{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.hand-tag{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-weight:700;align-self:flex-start;margin-left:6px}.hand-fan{display:flex;justify-content:center;align-items:flex-end;min-height:var(--card-h);padding-top:calc(var(--hand-fan-lift) * 3)}.hand-empty{color:var(--dim);align-self:center}.fan-card{transform-origin:bottom center;transform:rotate(calc(var(--hand-fan-step) * var(--off, 0))) translateY(calc(var(--hand-fan-lift) * var(--dist, 0)));transition:transform .16s ease,margin .16s ease}.fan-card:not(:first-child){margin-left:calc(var(--hand-overlap) * -1)}.fan-card .unit{box-shadow:var(--bevel),var(--table-shadow)}.hand-fan:hover .fan-card{margin-left:calc(var(--hand-overlap) * -.4)}.fan-card:hover{transform:rotate(0) translateY(-18px) scale(1.04);z-index:30}.fan-card.dragging{z-index:40}@media (max-width: 1340px){:root{--card-scale: 1.05}}@media (max-width: 1120px){:root{--card-scale: .92}}@media (max-width: 1040px){.dock{flex-wrap:wrap}}@media (max-width: 900px){:root{--card-scale: .82}}@media (max-width: 860px){.match-main.tabletop>.table{min-height:0}}@media (max-width: 720px){.vs-name{font-size:16px}.vs-hpbar{width:72px}.vs-plate{padding:6px 10px;gap:9px}.vs-crest,.vs-mark{width:42px;height:42px}}@media (prefers-reduced-motion: reduce){.field-ember{animation:none;opacity:0}.tavern-bar .ctl-btn.ready{animation:none}}.catalog{max-width:1240px;margin:0 auto;padding:22px 18px 64px}.catalog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.catalog-sub{color:var(--dim);margin-top:4px;font-size:13px}.catalog-back{color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap;border:2px solid var(--line);border-radius:2px;padding:7px 12px;background:var(--panel2);box-shadow:var(--bevel)}.catalog-back:hover{background:#3a2f22}.catalog-controls{margin:16px 0 14px;display:flex;flex-direction:column;gap:10px}.catalog-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.catalog-filters .flabel{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin-right:4px;min-width:58px}.catalog-filters button{padding:5px 10px;font-size:12px}.tribe-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;box-shadow:0 0 0 1px #0006}.catalog-search{min-width:220px}.catalog-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);cursor:pointer}.catalog-count{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}.kw-legend{display:flex;flex-wrap:wrap;gap:7px 18px;margin-bottom:8px}.kw-legend .kwl{display:inline-flex;align-items:baseline;gap:5px;font-size:12px}.kw-legend .kwl-ico{font-size:15px}.kw-legend .kwl-name{font-weight:700}.kw-legend .kwl-rule{color:var(--dim)}.catalog-tribe{margin-top:26px}.catalog-tribe-hd{display:flex;align-items:baseline;gap:12px;padding-bottom:5px;border-bottom:2px solid var(--line);flex-wrap:wrap}.catalog-tribe-name{font-family:var(--serif);font-size:22px;font-weight:800;letter-spacing:.3px}.catalog-tribe-blurb{color:var(--dim);font-size:12.5px;flex:1;min-width:160px}.catalog-tribe-count{color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.catalog-grid{display:flex;flex-wrap:wrap;gap:20px;padding:18px 0 6px}.catalog-cell{width:176px;display:flex;flex-direction:column;align-items:center;gap:9px}.catalog-desc{width:100%;font-size:11.5px;line-height:1.35}.catalog-kw{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:5px}.catalog-kw .ck{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid var(--line);border-radius:2px;font-size:10.5px;white-space:nowrap}.catalog-text{background:#0003;border:1px solid var(--line);border-radius:2px;padding:6px 8px}.catalog-empty{color:var(--dim);text-align:center;padding:48px 0}