:root{--bg: #1a0f06;--panel: #2b1e12;--panel2: #3a2817;--line: #6b4a2a;--text: #f4e4c1;--dim: #a8895f;--accent: #c9a24b;--good: #7aa860;--bad: #a11f1f;--gold: #d4af37;--ally: #3f9a86;--ally-lo: #184a40;--ally-hi: #79d3bd;--foe: #c0472e;--foe-lo: #5a1c12;--foe-hi: #ef8a5f;--bg-deep: #1a0f06;--bg-room: #2b1e12;--surface-board: #3a2817;--surface-plank: #4a3420;--card-face: #f4e4c1;--card-face-alt: #e6d2a6;--brass: #c9a24b;--brass-hi: #e8c874;--brass-lo: #7a5c28;--iron: #5a5048;--ink: #2e1f10;--ink-soft: #5c3d24;--text-warm: #f4e4c1;--text-gold: #e6c877;--text-muted: #a8895f;--ember: #d97b3f;--ember-hi: #f0954f;--attack: #c9772e;--attack-hi: #e69642;--health: #a11f1f;--health-hi: #c9302f;--gold-coin: #d4af37;--frost: #7fb8d4;--buff: #7aa860;--rarity-common: #8a7a5a;--rarity-rare: #c9a24b;--rarity-epic: #9c4f6b;--rarity-legendary: #f0c04f;--sh-sm: 0 2px 4px rgba(26,15,6,.45);--sh-md: 0 6px 16px rgba(26,15,6,.55);--sh-lg: 0 14px 32px rgba(26,15,6,.6);--recess: inset 0 2px 6px rgba(26,15,6,.55);--groove: inset 0 1px 0 rgba(26,15,6,.6), inset 0 -1px 0 rgba(255,235,200,.06);--glow-ember: 0 0 16px rgba(217,123,63,.55);--glow-legendary: 0 0 20px rgba(240,192,79,.6);--r-card: 12px;--r-btn: 8px;--r-pill: 999px;--r-sm: 6px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--ease-settle: cubic-bezier(.22,1,.36,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-smooth: cubic-bezier(.4,0,.2,1);--dur-instant: 90ms;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .38s;--font-display: "Cinzel", "Iowan Old Style", Palatino, Georgia, serif;--font-name: "Crimson Pro", "Iowan Old Style", Palatino, Georgia, serif;--font-num: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--serif: var(--font-display);--sky-zenith: #1a0f06;--sky-mid: #2b1e12;--sky-glow: #d97b3f;--sky-core: #ffcf8f;--ground-far: #241811;--ground-near: #120a04;--ember-hot: #ffcf8f;--edge-hi: #ffe9c422;--edge-lo: #1a0f0688;--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 #1a0f0699, 0 2px 0 #1a0f0688;--card-scale: 1.2;--card-w: calc(112px * var(--card-scale));--card-h: calc(140px * var(--card-scale));--felt: #2b1e12;--felt-lip: #7a5c28;--shelf: #241a10;--table-shadow: 0 14px 20px -10px rgba(26,15,6,.8), 0 3px 6px rgba(26,15,6,.5);--board-arc-step: 0px;--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(58% 40% at 50% 26%,color-mix(in srgb,var(--ember) 22%,transparent) 0%,transparent 60%),radial-gradient(90% 70% at 50% 34%,var(--surface-plank) 0%,transparent 55%),radial-gradient(130% 120% at 50% 42%,var(--bg-room) 0%,var(--bg-deep) 74%);background-attachment:fixed;background-color:var(--bg-deep);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:linear-gradient(180deg,var(--surface-plank),var(--surface-board));border:1px solid var(--brass-lo);border-radius:var(--r-btn);padding:7px 12px;cursor:pointer;box-shadow:inset 0 1px #ffe9c422,var(--sh-sm);transition:background var(--dur-fast),transform var(--dur-instant),box-shadow var(--dur-instant),border-color var(--dur-fast)}button:hover:not(:disabled){background:linear-gradient(180deg,#5a4022,#3f2c18);border-color:var(--brass)}button:active:not(:disabled){transform:translateY(1px);box-shadow:var(--recess)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,var(--brass-hi),var(--brass) 55%,var(--brass-lo));color:#2a1c0c;border-color:var(--brass-lo);font-weight:700;text-shadow:0 1px 0 #ffffff40}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#f2d488,var(--brass-hi) 55%,var(--brass))}button.danger{background:linear-gradient(180deg,#4a2020,#351616);border-color:var(--bad)}input{font:inherit;color:var(--text);background:#180f06;border:1px solid var(--brass-lo);border-radius:var(--r-sm);padding:8px 10px;box-shadow:var(--recess)}input:focus{outline:none;border-color:var(--brass);box-shadow:var(--recess),0 0 0 2px #c9a24b44}input[type=checkbox],input[type=radio]{accent-color:var(--brass)}.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:linear-gradient(180deg,var(--surface-plank),var(--surface-board));border-radius:var(--r-btn);padding:var(--s3);box-shadow:inset 0 1px #ffe9c41c,inset 0 0 0 1px #0000002e,var(--sh-md)}.title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:.3px;color:var(--text-gold)}.dim{color:var(--dim)}.spacer{flex:1}.tag{font-size:11px;padding:1px 7px;border-radius:var(--r-pill);background:#1a0f0688;border:1px solid var(--brass-lo);color:var(--text-gold)}.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;box-shadow:inset 0 1px 1px #0006;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-family:var(--font-num);font-size:10px;font-weight:800;color:var(--text-gold);background:#1a0f0688;border:1px solid var(--brass-lo);border-radius:var(--r-sm);padding:1px 5px;font-variant-numeric:tabular-nums}.shp{color:#ff8a8a;font-weight:800;font-variant-numeric:tabular-nums}.srow.me{background:linear-gradient(180deg,#3a2817,#2e2012);border-color:var(--brass);box-shadow:inset 0 1px #ffe9c422}.srow.me .srank{color:var(--brass-hi)}.srow.vs{border-color:var(--foe);border-style:dashed}.srow.dead{opacity:.4}.srow.dead .shp{color:var(--dim)}.sdiv{height:2px;margin:var(--s3) var(--s2);border-radius:2px;background:transparent;box-shadow:inset 0 1px 1px #0007,0 1px #ffe9c40f}@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{--frame: inset 0 1px 0 #fff6df66, inset 0 -2px 3px #3a230f88, 0 0 0 1px #3a230faa;--frame-bg: linear-gradient(160deg, var(--brass-hi) 0%, var(--brass) 34%, var(--brass-lo) 100%);width:var(--card-w);height:var(--card-h);position:relative;isolation:isolate;border-radius:var(--r-card);padding:calc(7px * var(--card-scale));display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;background:var(--frame-bg);box-shadow:var(--frame),var(--sh-md);transition:transform var(--dur-fast) var(--ease-settle),box-shadow var(--dur-fast) var(--ease-smooth)}.unit:before{content:"";position:absolute;inset:calc(3px * var(--card-scale));z-index:-1;border-radius:calc(var(--r-card) - 3px);background:linear-gradient(180deg,var(--card-face) 0%,var(--card-face-alt) 100%);box-shadow:inset 0 1px 2px #fffef8,inset 0 0 0 1px #0002}.unit .portrait{position:relative;height:calc(52px * var(--card-scale));margin:0 0 calc(5px * var(--card-scale));border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 1px #0003,0 1px 2px #0000002e}.unit .portrait svg{width:100%;height:100%;display:block}.unit .tier{position:absolute;top:calc(3px * var(--card-scale));right:calc(3px * var(--card-scale));font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:calc(9px * var(--card-scale));font-weight:800;line-height:1;color:#3a2408;width:calc(16px * var(--card-scale));height:calc(16px * var(--card-scale));display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 38% 30%,var(--brass-hi),var(--brass) 58%,var(--brass-lo));box-shadow:0 1px 2px #0007,inset 0 1px #fff6df88}.unit .nm{font-family:var(--font-name);font-size:calc(13px * var(--card-scale));font-weight:700;line-height:1.08;color:var(--ink);letter-spacing:.2px;min-height:calc(24px * var(--card-scale));margin-bottom:auto}.unit .portrait .kw{position:absolute;left:3px;bottom:3px;display:flex;gap:3px;background:#1a0f06cc;border-radius:var(--r-sm);padding:2px 4px;line-height:1;box-shadow:inset 0 0 0 1px #ffffff14}.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;align-items:center;margin-top:calc(4px * var(--card-scale))}.unit .stats .atk,.unit .stats .hp{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:800;font-size:calc(14px * var(--card-scale));color:#fff;text-shadow:0 1px 1px #0009;width:calc(25px * var(--card-scale));height:calc(25px * var(--card-scale));display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 1px #fff6,inset 0 -2px 3px #0005,0 1px 2px #0006}.unit .stats .atk{background:radial-gradient(circle at 38% 30%,var(--attack-hi),var(--attack) 60%,#7a3d10)}.unit .stats .hp{background:radial-gradient(circle at 38% 30%,var(--health-hi),var(--health) 60%,#5e0f0f)}.unit .stats .buffed{box-shadow:inset 0 1px #fff6,0 0 0 2px var(--buff),0 0 8px #7aa86099}.unit.golden{--frame-bg: linear-gradient(160deg, #ffe9a3 0%, var(--rarity-legendary) 42%, #b8860b 100%);--frame: inset 0 1px 0 #fffdf0aa, inset 0 -2px 3px #6b4a0f99, 0 0 0 1px #6b4a0f;box-shadow:var(--frame),var(--sh-md),var(--glow-legendary);animation:goldenEmber 3s var(--ease-smooth) infinite}@keyframes goldenEmber{0%,to{box-shadow:var(--frame),var(--sh-md),0 0 14px #f0c04f6b}50%{box-shadow:var(--frame),var(--sh-md),0 0 24px #f0c04fb8}}.unit.token{--frame-bg: linear-gradient(160deg, #8a7f72 0%, var(--iron) 42%, #3f382f 100%);--frame: inset 0 1px 0 #ffffff22, inset 0 -2px 3px #00000055, 0 0 0 1px #2b241d;box-shadow:var(--frame),var(--sh-sm)}.unit.token .nm{font-style:italic}.unit.clickable{cursor:pointer}.unit.clickable:hover{transform:translateY(-2px)}.unit.legal{box-shadow:var(--frame),0 0 0 2px var(--good),0 0 14px #7aa86099,var(--sh-md);cursor:pointer}.unit.attacking{box-shadow:var(--frame),0 0 0 2px var(--accent),0 0 16px var(--accent),var(--sh-md)}.zone{border-radius:var(--r-btn);padding:11px 12px;min-height:calc(150px * var(--card-scale));background:linear-gradient(180deg,#1d1308,#160d05);box-shadow:var(--recess),inset 0 0 0 1px #0000002e}.zone h4{margin:0 0 9px;font-family:var(--font-display);font-size:12px;color:var(--text-gold);text-transform:uppercase;letter-spacing:1px;opacity:.85}.units-row{display:flex;gap:calc(9px * var(--card-scale));flex-wrap:wrap;min-height:var(--card-h)}.zone.board-zone{background:linear-gradient(180deg,#2a1c0e,#1d1308);box-shadow:var(--recess),inset 0 0 0 1px var(--brass-lo);min-height:calc(168px * var(--card-scale))}.zone.board-zone h4{color:var(--brass-hi);opacity:.9}.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-family:var(--font-num);font-size:19px;font-weight:800;color:var(--text-gold);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#3a2c12,#241a0a);border:1px solid var(--brass-lo);border-radius:var(--r-btn);padding:6px 14px 6px 11px;box-shadow:inset 0 1px #ffe9c422,var(--sh-sm)}.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:linear-gradient(180deg,var(--surface-plank),var(--surface-board));border:1px solid var(--brass-lo);border-radius:var(--r-btn);padding:6px 13px;box-shadow:inset 0 1px #ffe9c41c,var(--sh-sm)}.tier-pill .tp-n{color:var(--brass-hi);font-weight:800}.gem-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-num);font-size:17px;font-weight:800;color:#8fe0cc;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#123029,#0d221d);border:1px solid #1e6b57;border-radius:var(--r-btn);padding:6px 13px 6px 10px;box-shadow:inset 0 1px #ffffff14,var(--sh-sm)}.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;z-index:40;display:flex;flex-direction:column;align-items:center;padding:20px;overflow:auto;background:radial-gradient(60% 45% at 50% 42%,rgba(58,40,23,.55) 0%,transparent 62%),radial-gradient(130% 105% at 50% 44%,#1a0f06d6 42%,#100904f5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlayIn var(--dur-slow) var(--ease-smooth) both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.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:var(--r-card);overflow:hidden;isolation:isolate;background:radial-gradient(70% 55% at 50% 30%,rgba(240,149,79,.16) 0%,transparent 60%),radial-gradient(120% 120% at 50% -10%,var(--surface-board) 0%,var(--surface-plank) 20%,#241811 62%,var(--bg-deep) 100%);border:2px solid var(--felt-lip);box-shadow:inset 0 2px #fff2d611,inset 0 0 100px #1a0f06b3,var(--sh-lg)}.battlefield:before{content:"";position:absolute;left:0;right:0;top:0;height:46%;z-index:0;pointer-events:none;background:radial-gradient(58% 100% at 50% 0%,rgba(240,149,79,.12) 0%,transparent 72%)}.battlefield:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;background:repeating-linear-gradient(92deg,rgba(26,15,6,.14) 0 2px,transparent 2px 7px,rgba(255,235,200,.02) 7px 9px,transparent 9px 54px)}.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,#2b1e12,#1a0f06);border:1px solid var(--brass-lo);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #1a0f0699,0 0 10px #d97b3f47}.bl-slot .unit{transition:box-shadow .2s,opacity .22s;box-shadow:var(--frame),var(--table-shadow)}.is-attacker .unit{box-shadow:var(--frame),0 0 18px var(--accent),var(--table-shadow);z-index:4}.is-target .unit{box-shadow:var(--frame),0 0 16px var(--foe-hi),var(--table-shadow)}.is-source .unit{box-shadow:var(--frame),0 0 12px #e8be46aa,var(--table-shadow)}.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{box-shadow:var(--frame),0 0 0 2px var(--gold),0 0 16px #e8be46aa,var(--table-shadow)!important}.gaintgt.unit{box-shadow:var(--frame),0 0 0 2px var(--buff),0 0 16px #7aa860cc,var(--table-shadow)!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)}.win-board{max-width:min(1120px,94vw);overflow-x:auto}.win-board .wb-row{justify-content:center;padding-top:calc(var(--board-arc-step) * 2.5)}.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:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--brass-lo);border-radius:var(--r-sm);padding:10px;z-index:60;text-align:left;pointer-events:none;font-size:12px;display:none;box-shadow:var(--sh-lg),inset 0 1px #ffe9c418}.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}.unit.inspecting{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 14px #e0a82e88}@media (hover: none){.match-main.tabletop .unit:hover .card-tip{display:none}}.inspect-sheet{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:flex-end;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#241c34f2,#14101ff7);border-top:2px solid var(--accent);box-shadow:0 -10px 30px -8px #000c;animation:sheetIn .14s ease both}@keyframes sheetIn{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.inspect-tip{position:static;display:block;width:auto;flex:1 1 auto;min-width:0;padding:0;border:none;background:none;box-shadow:none;pointer-events:auto}.inspect-sheet .ins-actions{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.inspect-sheet .ins-actions .ctl-btn{white-space:nowrap;padding:10px 18px}.inspect-sheet .ins-close{position:absolute;top:8px;right:10px;width:30px;height:30px;padding:0;font-size:15px;line-height:1;border-radius:50%;background:var(--panel2);color:var(--dim)}.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:var(--r-card);border:2px solid var(--felt-lip);background:repeating-linear-gradient(92deg,rgba(26,15,6,.1) 0 2px,transparent 2px 7px,rgba(255,235,200,.015) 7px 9px,transparent 9px 58px),radial-gradient(120% 90% at 50% 6%,var(--surface-plank) 0%,var(--surface-board) 46%,#180f06 100%);box-shadow:inset 0 2px #ffe9c414,inset 0 0 70px #1a0f068c,var(--sh-lg);min-height:calc(100vh - 40px)}.tavern{border-radius:var(--r-btn);padding:8px 12px 12px;background:linear-gradient(180deg,#3f2c18 0%,var(--surface-board) 100%);border-top:2px solid var(--felt-lip);box-shadow:inset 0 1px #ffe9c422,inset 0 -10px 20px -12px #1a0f06,var(--sh-md);transition:background var(--dur-fast),box-shadow var(--dur-fast)}.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:var(--r-sm);background:linear-gradient(180deg,#180f06,#1f1409);box-shadow:var(--recess),inset 0 -1px #ffe9c40a}.shelf-empty,.board-empty,.hand-empty{align-self:center}.shelf .dragwrap{transition:transform .12s ease,filter .12s ease}.shelf .dragwrap .unit{box-shadow:var(--frame),var(--table-shadow)}.shelf .dragwrap:hover{transform:translateY(-6px);z-index:20}.shelf .dragwrap:hover .unit{box-shadow:var(--frame),0 20px 30px -12px #1a0f06d9}.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%,rgba(217,123,63,.12) 0%,transparent 62%),radial-gradient(120% 120% at 50% 0%,#2a1c0e,#180f06);box-shadow:var(--recess),inset 0 0 0 1px var(--brass-lo),inset 0 0 60px #1a0f0666}.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(--frame),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)}.dock{display:flex;align-items:flex-end;gap:18px}.hero{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-btn);flex:0 0 auto;background:linear-gradient(180deg,var(--surface-plank),var(--surface-board));box-shadow:inset 0 1px #ffe9c41c,inset 0 0 0 1px #0000002e,var(--sh-md)}.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(--frame),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}@keyframes legalPulse{0%,to{box-shadow:var(--frame),0 0 0 2px var(--good),0 0 12px #7aa860aa,var(--table-shadow)}50%{box-shadow:var(--frame),0 0 0 3px #c8ffa2,0 0 26px #9dff77e0,var(--table-shadow)}}.unit.legal,.arc-slot .unit.legal,.fan-card .unit.legal{cursor:pointer;animation:legalPulse 1.15s ease-in-out infinite}.arc-slot:has(.unit.legal),.fan-card:has(.unit.legal){z-index:25}.tabletop.targeting .arc-slot .unit:not(.legal),.tabletop.targeting .fan-card .unit:not(.legal),.tabletop.targeting .shelf .unit{opacity:.32;filter:saturate(.6) brightness(.85)}.tabletop.targeting .arc-slot .unit,.tabletop.targeting .fan-card .unit,.tabletop.targeting .shelf .unit{transition:opacity .18s ease,filter .18s ease,box-shadow var(--dur-fast) var(--ease-smooth)}@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}