:root{--text: #f1eadb;--dim: #a99fb6;--gold: #f0c24b;--up: #7dff8a;--down: #ff7676;--ok: #57d68d;--mine: #7fb6ff;--theirs: #ff8f7a;--hr: #e8c547;--void: #9a6ad4;--barb: #dd5040;--ww: #52b663;--arc: #5a9af0;--cw: 120px;--cwb: 120px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;color:var(--text);font:15px/1.35 Segoe UI,system-ui,sans-serif;background:radial-gradient(ellipse at 50% 55%,#2c2440,#17121f 60%,#0d0a12)}body.targeting,body.targeting *{cursor:crosshair!important}.dim{color:var(--dim)}.up{color:var(--up)}.down{color:var(--down)}.gold{color:var(--gold)}.warn{color:#ffb36b}.small{font-size:.85em}kbd{background:#151320;border:1px solid #4a4458;border-bottom-width:2px;border-radius:4px;padding:0 .35em;font:.85em/1.4 inherit;color:var(--text)}.ic{width:1em;height:1em;vertical-align:-.12em;flex:none}i.coin{display:inline-block;width:.8em;height:.8em;border-radius:50%;margin-left:.15em;vertical-align:-.05em;background:radial-gradient(circle at 35% 30%,#fff3b0,#f0c24b 55%,#9a6a0c);box-shadow:0 0 0 1px #6a4808}button{font:inherit;color:var(--text);cursor:pointer;border-radius:10px;padding:.45em .9em;background:linear-gradient(#3b3350,#2a2438);border:1px solid #5a5070;box-shadow:0 2px #0008;transition:transform .08s,filter .12s;white-space:nowrap}button:hover:not(.off){filter:brightness(1.2)}button:active:not(.off){transform:translateY(1px) scale(.97)}button.off{opacity:.45;cursor:not-allowed}button.active{border-color:#ffd84d;box-shadow:0 0 0 1px #ffd84d inset,0 0 12px #ffd84d88}button.primary{background:linear-gradient(#e9b23c,#a8700f);border-color:#ffd77a;color:#241600;font-weight:800}button.round{width:3.2em;height:3.2em;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}button.round.small{width:2.4em;height:2.4em}button.pill{border-radius:999px;padding:.25em .8em;font-size:.85em;font-weight:700}#app{display:grid;grid-template-columns:72px 1fr;height:100vh}.lobby{display:flex;flex-direction:column;gap:6px;padding:10px 6px;background:linear-gradient(90deg,#0c0a10,#15111c);border-right:1px solid #2c2538;z-index:20}.lp{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 0;border-radius:10px}.lp.me .portrait{box-shadow:0 0 0 3px var(--gold)}.lp.next .portrait{box-shadow:0 0 0 3px #ff6a4a,0 0 12px #ff6a4a}.lp.dead{opacity:.35;filter:grayscale(1)}.lp-pic{position:relative}.next-badge{position:absolute;top:-4px;left:50%;translate:-50% 0;background:#c43d22;color:#fff;font-size:9px;font-weight:800;padding:0 4px;border-radius:4px;letter-spacing:.05em}.next-badge.inline{position:static;translate:none;font-size:10px;margin-left:4px;vertical-align:2px}.lp-place{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:900;text-shadow:0 1px 3px #000}.hpbar{width:48px;height:5px;background:#000;border-radius:3px;overflow:hidden}.hpbar .fill{height:100%}.hpbar .fill.ok{background:#57c46b}.hpbar .fill.mid{background:#e0b03c}.hpbar .fill.low{background:#e05050}.lp-hp{font-size:11px;font-weight:800;line-height:1}.lp-info{display:none;position:absolute;left:60px;top:0;z-index:30;width:230px;padding:8px 10px;border-radius:10px;background:#1a1622f2;border:1px solid #4a4060;box-shadow:0 8px 20px #000a;font-size:13px}.lp:hover .lp-info{display:block}.lp-name{font-weight:800}.stage{position:relative;display:flex;flex-direction:column;align-items:center;height:100vh;overflow:hidden;padding:10px 16px 0}.corner{position:absolute;top:10px;right:14px;display:flex;gap:8px;z-index:15}.tavern{position:relative;display:flex;align-items:center;gap:16px;padding:10px 18px;min-width:62vw;justify-content:center;border-radius:20px;flex:none;background:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 90px),linear-gradient(180deg,#7a4f2c,#5a3820 55%,#47301d);box-shadow:inset 0 2px #a8774a,inset 0 -4px #2f1e12,0 8px 20px #0009;border:2px solid #2d1d10}.tavern .shop{--cw: var(--cwb);display:flex;gap:calc(var(--cw) * .14);min-height:calc(var(--cw) * 1.375);align-items:center}.tv-emblem{display:flex;flex-direction:column;align-items:center;gap:4px}.medal{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#fff1b8,#e3b23c 50%,#8a5c0e);border:3px solid #4a2f08;box-shadow:0 3px 8px #000a,inset 0 -3px #0003;font-size:34px;font-weight:900;color:#3a2402;text-shadow:0 1px 0 #fff6}.medal-pips{display:flex;gap:3px}.medal-pips i{width:7px;height:7px;border-radius:50%;background:#2b1a0c;box-shadow:inset 0 1px 1px #000}.medal-pips i.on{background:#ffd860;box-shadow:0 0 4px #ffd860}.tierup{padding:.2em .7em;font-weight:800;background:linear-gradient(#5b8a3a,#34561f);border-color:#8fc06a}.tv-actions{display:flex;flex-direction:column;gap:10px}.tv-actions .round{width:58px;height:58px;font-size:22px;flex-direction:column;background:radial-gradient(circle at 35% 30%,#6a5a86,#3a3150 70%);border:2px solid #8d7cb0}.tv-actions .cost{font-size:11px;font-weight:800;line-height:1;margin-top:2px}.tv-actions .freeze{color:#bfe3ff}.tv-actions .freeze.active{background:radial-gradient(circle at 35% 30%,#cfeaff,#4b8ac6 70%);color:#fff}.frost{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;z-index:5;background:radial-gradient(circle at 12% 30%,#ffffff55 0 3%,transparent 9%),radial-gradient(circle at 70% 75%,#ffffff44 0 2%,transparent 8%),radial-gradient(circle at 40% 15%,#ffffff33 0 2%,transparent 7%),linear-gradient(160deg,#bee6ff8c,#78b4f059 50%,#c8f0ff80);box-shadow:inset 0 0 30px #e6f6ffcc,inset 0 0 0 2px #e6f6ff99;mix-blend-mode:screen}.frost.growing{animation:frost-in .45s ease-out both}.frost.melting{animation:frost-out .5s ease-in forwards}@keyframes frost-in{0%{clip-path:circle(0% at 96% 70%);opacity:.4}to{clip-path:circle(150% at 96% 70%);opacity:1}}@keyframes frost-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(6px);translate:0 10px}}.tavern.sellzone:after{content:attr(data-sell);position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#78191499;border:3px dashed #ffab8a;font-weight:900;font-size:1.5rem;color:#fff;pointer-events:none;z-index:6}.tavern.sellzone.over:after{background:#aa281ecc}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:30px;margin:8px 0 4px;max-width:80vw}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 5px;border-radius:999px;font-size:13px;background:#241e30;border:1px solid #4a4060;color:var(--dim);cursor:default}.chip b{color:var(--text);margin-left:2px}.chip.on{color:var(--text);border-color:var(--gold);background:linear-gradient(#3b3020,#2a2318)}.chip.close{animation:chip-pulse 1.6s ease-in-out infinite}@keyframes chip-pulse{50%{box-shadow:0 0 10px #ffd86088}}.chip-ic{width:16px;height:16px}.f-hr-chip .chip-ic{color:var(--hr)}.f-void-chip .chip-ic{color:var(--void)}.f-barb-chip .chip-ic{color:var(--barb)}.f-ww-chip .chip-ic{color:var(--ww)}.f-arc-chip .chip-ic{color:var(--arc)}.chip .tok{font-size:11px;color:#b0a8c0;margin-left:3px}.chip-pips{display:inline-flex;gap:2px;margin-left:4px}.chip-pips i{width:5px;height:5px;border-radius:50%;background:#3b3549}.chip-pips i.on{background:var(--gold)}.arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(160px,1fr);align-items:center;width:100%;flex:1;min-height:0}.lanes{display:flex;flex-direction:column;gap:calc(var(--cw) * .07)}.lane{position:relative;display:flex;justify-content:center;min-width:62vw;padding:calc(var(--cw) * .06) 52px;border-radius:18px;border:1px solid #00000080;background:radial-gradient(ellipse at 50% 0%,#ffffff10,transparent 70%),linear-gradient(#2f3f35,#22302a);box-shadow:inset 0 2px 8px #0008,0 2px #ffffff0d}.lane.back{background:radial-gradient(ellipse at 50% 0%,#ffffff0a,transparent 70%),linear-gradient(#26332d,#1c2723)}.lane-tag{position:absolute;left:12px;top:50%;translate:0 -50%;writing-mode:vertical-rl;rotate:180deg;font-size:11px;font-weight:800;letter-spacing:.15em;color:#8fb39c;display:flex;gap:6px;align-items:center}.lane-tag b{color:#e6f2ea;letter-spacing:.05em}.slots{display:grid;gap:calc(var(--cw) * .12);justify-content:center}.slot{position:relative;width:var(--cw);height:calc(var(--cw) * 1.375);border-radius:calc(var(--cw) * .1);border:2px dashed #ffffff1c;background:#0000002a;display:flex;align-items:center;justify-content:center}.slot.ghost{width:calc(var(--cw) * .6);flex-direction:column;gap:4px;color:#7e9a88;font-size:12px;font-weight:700;border-style:dotted;background:#00000040;cursor:default}.slot.ghost .ic{font-size:16px}.slot.target{border:2px solid var(--ok);box-shadow:inset 0 0 16px #57d68d66}.slot.drop-ok{border:2px dashed var(--ok);background:#57d68d14}.slot.drop-no{opacity:.55}.slot.over{background:#57d68d40}.slot.unlocking{animation:unlock .7s ease-out both;animation-delay:calc(var(--i) * .12s)}@keyframes unlock{0%{box-shadow:0 0 #ffd860;background:#ffd86055;scale:.8}60%{box-shadow:0 0 24px 6px #ffd860aa;scale:1.04}to{box-shadow:none}}.endturn-wrap{justify-self:start;padding-left:22px}.endturn{width:128px;height:96px;border-radius:48px;font-size:20px;font-weight:900;line-height:1.05;letter-spacing:.04em;background:radial-gradient(circle at 40% 30%,#ffe08a,#e09a1e 55%,#8a5408);border:3px solid #fff0b3;color:#2a1800;box-shadow:0 6px #5a3604,0 10px 24px #000a,0 0 20px #ffbf4088}.endturn:hover:not(.off){filter:brightness(1.12)}.bottom{position:relative;width:100%;flex:none;height:calc(var(--cwb) * .86 * 1.375 * .6 + 10px);min-height:118px}.hud{position:absolute;left:0;bottom:12px;display:flex;align-items:flex-end;gap:14px;z-index:12}.hud-portrait{display:flex;flex-direction:column;align-items:center;gap:6px}.hud .portrait.me{--ps: clamp(76px, calc(var(--cwb) * .6), 100px)}.power{width:66px;height:66px;border-radius:50%;padding:0;position:relative;margin-bottom:26px;background:radial-gradient(circle at 35% 30%,#c9a5ff,#6a3fb0 60%,#2e1a55);border:3px solid #e2ccff;box-shadow:0 4px #1d0f38,0 0 14px #9a6ad488;color:#fff}.power .pw-ic{width:34px;height:34px}.power .pw-cost{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#3a2402;background:radial-gradient(circle at 35% 30%,#fff1b8,#e3b23c 55%,#8a5c0e);border:2px solid #4a2f08}.power.passive-power{width:auto;height:auto;border:none;border-radius:0;background:none;box-shadow:none;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#b9b0cc;cursor:help}.power.passive-power .pw-ic{width:30px;height:30px;opacity:.85}.power.passive-power .pp-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.gold-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;border-radius:14px;background:#2a1a0ccc;box-shadow:inset 0 2px 6px #000a;cursor:default;position:relative}.gold-num{display:flex;align-items:center;gap:6px;line-height:1}.gold-num b{font-size:34px;font-weight:900;color:#ffe08a;text-shadow:0 2px 0 #6a4808,0 0 10px #f0c24b88}.gold-num span{font-size:18px;font-weight:800;color:#c9a86a}i.coin.big{width:26px;height:26px;margin:0}.coins{display:grid;grid-template-columns:repeat(5,22px);gap:5px;position:relative}.coins .c{width:22px;height:22px;border-radius:50%;background:#1a1008;box-shadow:inset 0 1px 3px #000,0 0 0 1px #5a4520}.coins .c.on{background:radial-gradient(circle at 35% 30%,#fff3b0,#f0c24b 55%,#a8740f);box-shadow:0 0 0 1px #6a4808,0 0 6px #f0c24b88}.coins .extra{position:absolute;right:-36px;top:50%;translate:0 -50%;font-weight:900;font-size:16px;color:#ffe08a;text-shadow:0 0 6px #f0c24b}.hand{--cw: calc(var(--cwb) * .86);position:absolute;left:50%;translate:-50% 0;top:8px;height:calc(var(--cw) * 1.375);z-index:10}.hand .card{position:absolute;top:0;transform-origin:50% 110%;transform:translateY(var(--arc, 0)) rotate(var(--rot, 0deg))}.hand .card:hover{transform:translateY(-38%) rotate(0) scale(1.08);z-index:100!important}.hand.buyzone{outline:3px dashed var(--ok);outline-offset:6px;border-radius:16px}.hand.buyzone.over{outline-color:#9dffbf}.portrait{--ps: 48px;position:relative;width:var(--ps);height:var(--ps);border-radius:50%;flex:none;border:3px solid #1a1420;box-shadow:0 3px 8px #000a;display:flex;align-items:center;justify-content:center}.portrait .p-emblem{width:58%;height:58%;color:#fffc;filter:drop-shadow(0 2px 3px #0008)}.portrait .p-glyph{position:absolute;left:-3%;bottom:-3%;width:34%;height:34%;border-radius:50%;background:#1a1420;display:flex;align-items:center;justify-content:center;color:#e6dcff;border:2px solid #4a4060}.portrait .p-glyph svg{width:62%;height:62%}.portrait .p-hp{position:absolute;right:-8%;bottom:-8%;width:44%;height:44%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#ffb0a0,#d8352a 55%,#6a0f0a);border-radius:50%/58% 58% 42% 42%;border:2px solid #3a0806;font-weight:900;font-size:calc(var(--ps) * .21);color:#fff;text-shadow:0 1px 2px #000}.portrait .p-armor{position:absolute;left:-6%;top:-6%;background:#9aa4b5;color:#111;border-radius:6px;font-weight:900;padding:0 4px;font-size:12px}.portrait.small{--ps: 46px}.portrait.tiny{--ps: 30px;border-width:2px}.portrait.big-portrait{--ps: 110px;margin:0 auto 8px}.card{position:relative;width:var(--cw);height:calc(var(--cw) * 1.375);flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;container-type:inline-size;transition:transform .15s ease-out,filter .15s}.card:hover{transform:translateY(-4px) scale(1.05);z-index:6}.card:hover .face{box-shadow:0 14px 26px #000c}.card .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--cw) * .09);overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(#3a3348,#241f2d);border:2px solid #5c5274;box-shadow:0 5px 12px #000a}.card .art{position:relative;height:60%;flex:none;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #0007;overflow:hidden}.card .art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,#0006);pointer-events:none}.card .art .emblem{width:56%;height:56%;color:#ffffff9e;filter:drop-shadow(0 3px 4px #0009)}.card .art .art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;pointer-events:none}.card .art .art-img.contain{object-fit:contain;padding:6%}.stage.has-bg,.combat.has-bg{background-size:cover;background-position:center}.card .glyphs{position:absolute;right:5%;bottom:6%;display:flex;gap:3px;z-index:1}.card .glyphs span{width:calc(var(--cw) * .15);height:calc(var(--cw) * .15);border-radius:50%;background:#000a;display:flex;align-items:center;justify-content:center;color:#fff}.card .glyphs svg{width:66%;height:66%}.card .tierpips{position:absolute;left:5%;top:5%;z-index:1;display:flex}.card .tierpips .pips{display:flex;gap:2px}.card .tierpips .pips i{width:calc(var(--cw) * .06);height:calc(var(--cw) * .06);background:#ffd860;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 1px 1px #000)}.card .tierpips.tok{font-size:calc(var(--cw) * .07);font-weight:900;letter-spacing:.06em;color:#e0dae8;background:#0008;padding:1px 4px;border-radius:4px}.card .tierpips.cmd{color:#f1ecff;font-size:calc(var(--cw) * .13);filter:drop-shadow(0 1px 2px #000)}.card .nameplate{font-weight:800;font-size:max(11px,calc(var(--cw) * .093));text-align:center;line-height:1.15;padding:.3em .35em .15em;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;flex:none}.card .text{font-size:max(11px,calc(var(--cw) * .078));line-height:1.17;text-align:center;padding:0 .5em;color:#e8e1f1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin-bottom:calc(var(--cw) * .17)}.card .text b{color:#ffe39a}.card.big .text{display:block;-webkit-line-clamp:unset;line-clamp:none;flex:1;min-height:0}@container (max-width: 126px){.card .text{font-size:10px;line-height:1.15;padding:0 .3em;margin-bottom:10px}.card .nameplate{font-size:11px;padding:.2em .1em .05em}.card .gem.atk,.card .gem.hp{width:calc(var(--cw) * .24);height:calc(var(--cw) * .24);bottom:-9%;font-size:calc(var(--cw) * .15)}}.card .gem{position:absolute;bottom:-5%;width:calc(var(--cw) * .28);height:calc(var(--cw) * .28);z-index:3;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--cw) * .165);color:#fff;text-shadow:0 2px 2px #000,0 0 3px #000;-webkit-text-stroke:.5px #000;filter:drop-shadow(0 2px 3px #000a)}.card .gem.atk{left:-5%;background:radial-gradient(circle at 35% 30%,#fff0b0,#e3a522 55%,#7a4d08);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.card .gem.hp{right:-5%;background:radial-gradient(circle at 35% 30%,#ffb3a3,#d83a2c 55%,#6a0f0a);border-radius:50%/58% 58% 42% 42%}.card .gem.up span{color:var(--up)}.card .gem.down span{color:#ffd2d2}.card .gem.hp.down{background:radial-gradient(circle at 35% 30%,#a06058,#6a1a14 60%,#2e0806)}.card .gem.atk.down{background:radial-gradient(circle at 35% 30%,#a08a5a,#6a4f14 60%,#2e2006)}.card .role{position:absolute;bottom:2%;left:50%;translate:-50% 0;z-index:2;font-size:calc(var(--cw) * .11);color:#b7aecb;display:flex}.card .role.ranged{color:#9fd6ff}.card .kwrow{position:absolute;top:calc(var(--cw) * .625);left:5%;display:flex;gap:3px;z-index:2}.card .kw{width:calc(var(--cw) * .15);height:calc(var(--cw) * .15);font-size:calc(var(--cw) * .11);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#000b;box-shadow:0 0 0 1px #ffffff30}.kw-steadfast{color:#ff9a9a}.kw-flank{color:#8fd0ff}.kw-raze{color:#ff8c3a}.kw-cleave{color:#e2e2e2}.kw-magnetic{color:#7ad7c9}.card .plate{position:absolute;top:-6%;right:-9%;bottom:-13%;left:-9%;z-index:-1;background:linear-gradient(160deg,#e2e6ee,#8a919e 45%,#4a4f59);clip-path:polygon(0 5%,50% 0,100% 5%,100% 70%,50% 100%,0 70%);filter:drop-shadow(0 3px 4px #000)}.card .bubble{position:absolute;top:-5%;right:-7%;bottom:-5%;left:-7%;z-index:4;pointer-events:none;border-radius:46%/40%;background:radial-gradient(ellipse at 32% 22%,#ffffff66 0 8%,transparent 22%),radial-gradient(ellipse at 50% 50%,transparent 55%,#ffe58a44 72%,#ffe58a00 74%);border:2px solid #ffe9a0cc;box-shadow:0 0 16px #ffd86099,inset 0 0 20px #ffd86066;animation:bubble 2.6s ease-in-out infinite}@keyframes bubble{50%{scale:1.025;box-shadow:0 0 22px #ffd860cc,inset 0 0 24px #ffd86088}}.card.reborn:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-2;border-radius:30%;background:radial-gradient(ellipse,#b48cff77,transparent 68%);filter:blur(6px);animation:aura 3s ease-in-out infinite}.card.reborn .face{box-shadow:0 0 0 2px #c3a3ff88,0 0 14px #a777ff99}@keyframes aura{50%{opacity:.55;scale:1.06}}.card.golden .face{border:3px solid #f5c542;background:linear-gradient(#5a4520,#2c2414);box-shadow:0 0 14px #f5c54299,0 5px 12px #000a}.card.golden .face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:linear-gradient(115deg,transparent 35%,#fff2b866 48%,transparent 60%);background-size:260% 100%;animation:shimmer 3.4s linear infinite}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}.card.golden .nameplate{color:#ffe08a}.card.token .face{border:2px dashed #8d84a0;background:repeating-linear-gradient(135deg,#2a2632,#2a2632 8px,#2f2b38 8px,#2f2b38 16px)}.card.commander .face{border-color:#d6ceff;box-shadow:0 0 12px #b9a8ff77,0 5px 12px #000a}.card.dead{opacity:.38;filter:grayscale(1)}.card .skull{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;color:#f6eded;font-size:calc(var(--cw) * .45)}.card.sel .face{border-color:#ffd84d;box-shadow:0 0 16px #ffd84d}.card.target .face{border-color:var(--ok);box-shadow:0 0 16px #57d68dcc}.card.hl .face{border-color:#ff8a4a;box-shadow:0 0 18px #ff8a4acc}.card.syn-hl .face{border-color:var(--gold);box-shadow:0 0 18px #f0c24b}.card.syn-tok .face{border-color:#b0a8c0}.card .price{position:absolute;top:4%;right:4%;z-index:4;display:flex;align-items:center;padding:0 .4em;border-radius:999px;font-weight:900;font-size:calc(var(--cw) * .11);background:#1c140acc;border:1px solid var(--gold);color:#ffe08a}.card .price s{color:var(--dim);font-weight:600;margin-right:.25em}.card .price.no{color:#ff9a9a;border-color:#a85050}.card .badge{position:absolute;left:-4%;top:34%;z-index:4;font-weight:900;font-size:calc(var(--cw) * .085);padding:1px 7px;border-radius:0 6px 6px 0;box-shadow:0 2px 4px #000a}.card .badge.pair{background:#3d7bd6}.card .badge.triple{background:linear-gradient(#ffd25a,#d89512);color:#241500;animation:chip-pulse 1.2s infinite}.card .ribbon{position:absolute;left:0;right:0;top:38%;z-index:4;background:linear-gradient(90deg,#f5c542ee,#ffe08aee);color:#2a1d00;font-weight:900;font-size:calc(var(--cw) * .07);text-align:center;padding:1px 2px}.card .reserve{position:absolute;top:4%;right:4%;z-index:4;color:#ffb36b;font-size:calc(var(--cw) * .12);background:#000b;border-radius:50%;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center}.card.potion .art{background:radial-gradient(circle at 50% 38%,#7fe0d0,#1b4d48 75%)}.card.potion .text{margin-bottom:.4em}.card[draggable=true]:active{cursor:grabbing}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#05030acc;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:linear-gradient(#2a2337,#1d1827);border:1px solid #4a4060;border-radius:18px;padding:22px;max-width:94vw;max-height:94vh;overflow:auto;box-shadow:0 20px 50px #000c}.modal-title{margin:0 0 10px;color:var(--gold);font-size:1.5rem}.choices{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:12px 0}.choice{background:#2c2539;border-radius:14px;padding:14px;width:21rem;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s}.choice:hover{border-color:var(--gold);transform:translateY(-4px)}.choice .t{font-weight:800;color:var(--gold);font-size:1.15rem;text-align:center}.choice>.dim{text-align:center}.choice p b{color:#ffe39a}.choice.discover{width:auto;padding:16px;--cw: 160px;display:flex;justify-content:center}.big-line{font-size:1.25rem}.final-list{display:flex;flex-direction:column;gap:6px;margin:10px 0 16px}.final-row{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:8px;background:#2a2337}.final-row.me{box-shadow:0 0 0 2px var(--gold)}.fr-place{font-weight:900;width:2.2em}.help-modal{width:min(920px,94vw)}.help-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.help-grid h3{color:var(--gold);margin:.6em 0 .3em;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.inspect-bg{z-index:45}.inspect{display:flex;gap:28px;align-items:flex-start;background:linear-gradient(#2a2337,#1d1827);border-radius:18px;padding:24px;max-width:94vw;max-height:94vh;overflow:auto}.card.big{--cw: min(320px, 44vh);cursor:default}.card.big:hover{transform:none}.card.big .text{font-size:calc(var(--cw) * .06)}.details{width:min(34rem,50vw)}.details h2{margin:0 0 4px;color:var(--gold)}.details .sec{margin-top:12px}.details .sec-t{color:var(--gold);font-weight:700;margin-bottom:2px}.details .sec b{color:#ffe39a}.details .tag{margin:6px 0 2px;font-weight:700}.details .lvl{color:var(--dim);font-size:.9rem;padding-left:10px}.details .lvl.on{color:var(--text)}.details .lvl.on:before{content:"✔ ";color:var(--gold)}.hint{color:#776f88;margin-top:14px;font-size:.85rem}#tooltip{position:fixed;z-index:1000;display:none;pointer-events:none;max-width:24rem;background:#16121ef5;border:1px solid #5a5070;border-radius:10px;padding:.6em .75em;font-size:.9rem;box-shadow:0 10px 26px #000b}.tt-title{font-weight:800;color:var(--gold);font-size:1.02rem}.tt-sub{color:var(--dim);font-size:.82rem;margin-bottom:.3em}.tt-row{margin-top:.25em}.tt-row.act{color:var(--gold);font-weight:700}.tt-row.done{color:var(--text)}.tt-text{margin-top:.4em;padding:.35em .5em;background:#ffffff0d;border-radius:6px}.tt-text b,.tt-gloss b{color:#ffe39a}.tt-gloss{margin-top:.45em;border-top:1px solid #3a3548;padding-top:.35em;color:#cfc8db;font-size:.84rem}.tt-hint{margin-top:.4em;color:#7a7290;font-size:.76rem}.cursor-hint{position:fixed;z-index:999;display:none;pointer-events:none;background:#16121ef0;border:1px solid #6a5a90;border-radius:8px;padding:.3em .6em;font-size:.85rem}.settings-panel{position:fixed;z-index:50;background:#1d1827f8;border:1px solid #4a4060;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 26px #000b}.set-row{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.set-row input[type=range]{accent-color:var(--gold);width:140px}.set-row input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}#fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.fx-clone{pointer-events:none;z-index:61}.fx-token{position:fixed;z-index:62;pointer-events:none}.fx-token.coin-fly i.coin{width:20px;height:20px;margin:0;box-shadow:0 0 10px #f0c24b}.fx-token.dmg-fly{font-size:2.6rem;font-weight:900;color:#ff4d4d;text-shadow:0 3px 6px #000,0 0 3px #000}.fx-float{position:fixed;z-index:63;pointer-events:none;white-space:nowrap;text-align:center;line-height:1;font-weight:900;font-size:1.9rem;text-shadow:0 2px 4px #000;padding:.12em .4em .16em;border-radius:10px;background:#0a0810d0;box-shadow:0 2px 10px #000a}.fx-float small{display:block;font-size:.55rem;letter-spacing:.05em;text-transform:uppercase}.fx-float.dmg{color:#ff5252}.fx-float.dmg.retaliation{color:#ffa43a}.fx-float.dmg.effect{color:#d08cff}.fx-float.dmg.big{font-size:2.6rem}.fx-float.heal{color:var(--up)}.fx-float.buff{color:#8ff0a0;font-size:1.2rem}.fx-float.debuff{color:#ff9a9a;font-size:1.2rem}.fx-float.grant{color:#ffe27a;font-size:1rem}.fx-float.ward{color:#ffe680;font-size:1.3rem}.fx-float.steadfast{color:#ffb3b3;font-size:1.3rem}.fx-float.toast{background:none;box-shadow:none;font-size:2.4rem}.fx-float.toast.gold{color:#ffd860;text-shadow:0 0 14px #f0a020,0 3px 4px #000}.fx-burst{position:fixed;z-index:62;pointer-events:none;border-radius:22px}.fx-burst.ward{border:4px solid #fff4c0;box-shadow:0 0 22px #ffd860,inset 0 0 22px #ffd86088;border-radius:46%/40%}.fx-burst.gold{border:4px solid #ffd860;box-shadow:0 0 26px #ffbf40;border-radius:50%}.fx-proj{position:fixed;z-index:62;width:46px;height:14px;pointer-events:none;transform-origin:50% 50%}.fx-proj svg{width:100%;height:100%;overflow:visible}.fx-proj.bolt{width:50px;height:22px;filter:drop-shadow(0 0 8px #b47cff)}.fx-beams{position:fixed;left:0;top:0;pointer-events:none;z-index:61}.fx-beams line{stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px currentColor);opacity:.9}.combat{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 50%,#2c2440,#17121f 62%,#0d0a12);overflow:hidden}.cb-top{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;flex:none}.cb-step{margin-right:auto;font-weight:900;color:var(--gold);font-size:1.05rem;letter-spacing:.02em}.cb-scrub{width:min(20rem,22vw);accent-color:var(--gold)}.cb-top .speed.active{border-color:#ffd84d;box-shadow:0 0 0 1px #ffd84d inset}.cb-field{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--cw) * .08)}.cb-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.cb-who{justify-self:end;margin-right:22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.cb-who .portrait{--ps: clamp(64px, calc(var(--cw) * .6), 96px)}.cb-name{font-weight:800}.cb-row.mine .cb-name{color:var(--mine)}.cb-row.theirs .cb-name{color:var(--theirs)}.cb-row.theirs .lane{background:radial-gradient(ellipse at 50% 100%,#ffffff0c,transparent 70%),linear-gradient(#3a2a2a,#2a1f20)}.cb-row.theirs .lane.back{background:linear-gradient(#2e2223,#221a1b)}.cb-mid{width:64vw;height:3px;align-self:center;background:linear-gradient(90deg,transparent,#c9a24a,transparent);border-radius:2px}.cb-caption{flex:none;min-height:2.6em;padding:4px 16px 14px;font-size:1.15rem;text-align:center}.cb-caption .mine,.cb-line .mine{color:var(--mine)}.cb-caption .theirs,.cb-line .theirs{color:var(--theirs)}.cb-log{position:absolute;top:58px;right:0;bottom:0;width:330px;padding:10px;overflow-y:auto;background:#15111cf2;border-left:1px solid #3a3150;transform:translate(100%);transition:transform .25s ease-out;font-size:.86rem;z-index:35}.combat.log-open .cb-log{transform:none}.cb-logtitle{color:var(--gold);font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;margin-bottom:6px}.cb-line{padding:2px 5px;border-radius:4px;cursor:pointer}.cb-line:hover{background:#2a2733}.cb-line.cur{background:#3a3320}.cb-line.k-death{color:#ffb0a8}.cb-banner{display:none;position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:36;min-width:380px;text-align:center;padding:22px 34px 20px;border-radius:20px;background:linear-gradient(#2c2438f2,#1a1522f2);border:2px solid #6a5a90;box-shadow:0 20px 60px #000d}.cb-banner.show{display:block}.cb-banner .bn-title{font-size:3rem;font-weight:900;line-height:1.05;letter-spacing:.02em}.cb-banner.win{border-color:#6fdc7a}.cb-banner.win .bn-title{color:#8dff9a;text-shadow:0 0 18px #3fbf55}.cb-banner.loss{border-color:#ff6b6b}.cb-banner.loss .bn-title{color:#ff8080;text-shadow:0 0 18px #c03030}.cb-banner.draw .bn-title{color:#f0e2a8}.cb-banner .bn-sub{font-size:1.3rem;font-weight:700;margin-top:4px}.cb-banner .bn-bd{color:var(--dim);margin-top:6px}.cb-banner button{margin-top:14px;font-size:1.1rem;padding:.5em 1.6em}body.reduce-motion .card,body.reduce-motion .card:hover,body.reduce-motion .hand .card:hover{transition:none}body.reduce-motion .card:hover{transform:none}body.reduce-motion .bubble,body.reduce-motion .card.reborn:before,body.reduce-motion .card.golden .face:after,body.reduce-motion .chip.close,body.reduce-motion .badge.triple{animation:none}body.reduce-motion .frost.growing{animation:fade-in .15s both}body.reduce-motion .frost.melting{animation:fade-out .15s forwards}body.reduce-motion .slot.unlocking{animation:fade-in .2s both}body.reduce-motion .cb-log{transition:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}