:root{--bg:#120f1a;--panel:#221d33;--panel-2:#2b2540;--line:#4b3f62;--text:#f2efe4;--muted:#b4abc6;--accent:#e0b030;--gold-hi:#f6d35d;--frame:#8a6a20;--ink:#2a1404;--panel-fill:linear-gradient(180deg, #2a2440eb, #17131ff0);--good:#58b368;--bad:#e0584c;--warn:#e0a24c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-size:15px}html.large{font-size:19px}body{background:radial-gradient(ellipse at 50% -10%, #2c2346, var(--bg) 60%) fixed var(--bg);color:var(--text);margin:0;font:1rem/1.45 system-ui,-apple-system,Segoe UI,sans-serif}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.1rem}h3{font-size:1rem}button,input,select{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 10px}input,select{border-color:var(--frame);background:#0d162cd9}button{cursor:pointer;border-color:var(--frame);background:linear-gradient(#33406a,#1d2647);font-weight:600}button:hover:not(:disabled){border-color:var(--gold-hi)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#3a1c04;box-shadow:0 2px 0 var(--ink);background:linear-gradient(#f5c84a,#df9c1c 55%,#a8620b);border-color:#ffd970;font-weight:800}button.big{padding:10px 18px;font-size:1rem}button.small,.small{font-size:.85rem}input[aria-invalid=true]{border-color:var(--bad)}.page{gap:16px;max-width:1280px;margin:0 auto;padding:16px;display:grid}.hero h1{font-size:2rem}.hero p{color:var(--muted);margin:6px 0 0}.muted{color:var(--muted)}.error{color:var(--bad)}.ok{color:var(--good)}.warn{color:var(--warn)}.callout{background:var(--panel-2);border-left:3px solid var(--accent);border-radius:4px;margin:8px 0;padding:8px 12px}.topbar{z-index:5;box-shadow:0 2px 0 var(--ink), 0 6px 16px #00000073;background:linear-gradient(#17325cf7,#0d1c36f7);border-bottom:3px solid #df9c1c;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar .brand{color:#f5c84a;letter-spacing:.5px;text-shadow:0 2px 0 var(--ink);font-family:Lilita One,system-ui,sans-serif;font-size:1.25rem;font-weight:400}.topbar>span:not(.grow){color:var(--text);background:#081022b3;border:2px solid #df9c1c8c;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-weight:600;display:inline-flex}.topbar>span:not(.grow) b{color:var(--gold-hi)}@media (width<=600px){.topbar{gap:5px 6px;padding:6px 10px;font-size:.85rem;position:static}.topbar>span:not(.grow){border-width:1px;padding:1px 8px}.topbar .brand{font-size:1.05rem}.topbar button{padding:3px 8px}}.topbar .grow{flex:1}.topbar .tactics{color:var(--good)}.notice{background:var(--panel-2);border:1px solid var(--accent);border-radius:6px;max-width:1280px;margin:8px auto 0;padding:8px 12px}.notice.error{border-color:var(--bad)}.panel{background:var(--panel-fill);border:2px solid var(--frame);border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1px #ffdc8c24,0 10px 26px #00000080}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panel>h2,.panel-head h2,.panel>h3{color:var(--gold-hi);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 0 var(--ink);font-family:Lilita One,system-ui,sans-serif;font-weight:400}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end;margin-top:12px}.row.between{justify-content:space-between}.block{gap:4px;margin-top:12px;display:grid}.seed-row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.seed-row label{gap:4px;display:grid}.players{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px;display:grid}.player-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:6px;padding:10px;display:grid}.player-card p{margin:0}.player-card input[placeholder]{flex:1;min-width:140px}.node{background:var(--panel-2);justify-items:center;gap:2px;padding:12px 8px;display:grid}.node:not(:disabled){border-color:var(--accent)}.node-icon{font-size:1.5rem}.node-label{font-size:.8rem}.node.type-elite{color:var(--bad)}.node.type-miniBoss,.node.type-raidBoss{color:var(--accent)}.legend li{align-items:center;gap:6px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 18px;margin:8px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.prep-grid{grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.prep-grid{grid-template-columns:1fr}}.enemies{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.unit{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px}.unit.enemy{border-color:#5a3a3a}.pos{min-width:38px;color:var(--accent);font-size:.75rem;display:inline-block}.player-block{margin-bottom:14px}.player-block[class*=seat-]{background:var(--seat-bg);border:1px solid var(--seat-line);border-left:4px solid var(--seat-edge);border-radius:10px;padding:10px 12px 12px}.player-block.seat-0{--seat-bg:#6eaaeb33;--seat-line:#6eaaeb61;--seat-edge:#7fb4ee}.player-block.seat-1{--seat-bg:#6ed2a030;--seat-line:#6ed2a061;--seat-edge:#7fd8a8}.player-block.seat-2{--seat-bg:#f0af6e2e;--seat-line:#f0af6e61;--seat-edge:#f2b67c}.pick-count{color:var(--muted);background:#ffffff0f;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700}.pick-count.done{color:#1a1405;background:var(--seat-edge,var(--accent))}.player-block.locked{padding-bottom:10px}.locked-summary{background:#00000040;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;font-weight:600;display:flex}.slot-buyers{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.seat-btn{border-left:4px solid var(--seat-edge);background:var(--seat-bg)}.seat-btn.seat-0{--seat-bg:#6eaaeb33;--seat-edge:#7fb4ee}.seat-btn.seat-1{--seat-bg:#6ed2a030;--seat-edge:#7fd8a8}.seat-btn.seat-2{--seat-bg:#f0af6e2e;--seat-edge:#f2b67c}.seat-btn.seat-3{--seat-bg:#b991eb33;--seat-edge:#c3a0f0}.player-block.seat-3{--seat-bg:#b991eb33;--seat-line:#b991eb66;--seat-edge:#c3a0f0}.player-block h3 .role{color:var(--accent);margin-left:6px;font-size:.85rem;font-weight:400}.cards{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.card.picked{border-color:var(--good)}.card.disabled{opacity:.55}.card-main{min-width:0}.stats{flex-wrap:wrap;gap:2px 10px;font-size:.85rem;display:inline-flex}.stat-label{color:var(--muted)}.abilities{flex-wrap:wrap;gap:4px;margin-top:2px;display:inline-flex}.ability{background:#2d3345;border-radius:10px;padding:1px 8px;font-size:.75rem}.ability.unsupported{color:#ffb4ac;background:#4a2a2a;text-decoration:line-through}.dot{vertical-align:baseline;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.lineup{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.lineup li{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.row-btns{gap:4px;margin-left:auto;display:inline-flex}.row-btns button{padding:2px 8px}.gems{margin:8px 0}.blocked{border:1px solid var(--bad);color:#ffb4ac;background:#3a2222;border-radius:6px;margin:10px 0;padding:8px 12px 8px 28px}.bar{vertical-align:middle;background:#3a3f50;border-radius:4px;width:90px;height:8px;display:inline-block;overflow:hidden}.bar-fill{background:var(--good);height:100%;display:block}.banner{text-align:center;border-radius:10px;margin-bottom:16px;padding:18px}.banner.win{border:1px solid var(--good);background:#1f3a2a}.banner.loss{border:1px solid var(--bad);background:#3a2222}.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:12px;display:grid}.outcomes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.outcomes li.fallen{opacity:.55}.log{border:1px solid var(--line);white-space:pre-wrap;background:#0d0f14;border-radius:8px;max-height:420px;margin-top:12px;padding:12px;font-size:.8rem;overflow:auto}.shop{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.shop-item{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:6px;padding:10px;display:grid}.shop-item p{margin:0}.camp{gap:16px;display:grid}.choices,.offers{gap:10px;display:grid}.offers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:10px}.choice,.offer{text-align:left;gap:4px;padding:12px 14px;display:grid}.offer:hover:not(:disabled),.choice:hover:not(:disabled){border-color:var(--accent)}.history{color:var(--muted);margin:0;padding-left:20px;font-size:.85rem}.replay{gap:12px;display:grid}.caption{border:1px solid var(--line);background:#0d0f14;border-radius:8px;min-height:4.5em;max-height:10em;padding:10px 12px;font-size:.9rem;overflow:auto}.controls{align-items:center}.speeds{gap:4px;margin-left:8px;display:inline-flex}.speeds button.on{background:var(--accent);color:#1a1405;border-color:var(--accent)}.grow-left{margin-left:auto}.turn-ribbon{border:1px solid var(--line);background:#0d0f14;border-radius:999px;gap:6px;margin:0;padding:6px 8px;list-style:none;display:flex;overflow-x:auto}.turn{border:2px solid var(--bad);background:#2a1c1c;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:transform .2s,opacity .2s,border-color .2s;display:grid;overflow:hidden}.turn.party{border-color:var(--accent);background:#2c2915}.turn .turn-art{object-fit:cover;object-position:50% 30%;transform-origin:50% 36%;width:100%;height:100%;transform:scale(1.9)}.turn-boss{color:#e6c8ff;font-weight:700}.turn.done{opacity:.45;transform:scale(.88)}.turn.fallen{opacity:.25;filter:grayscale()}.turn.now{box-shadow:0 0 0 2px #fff, 0 0 14px var(--accent);transform:scale(1.18)}.battlefield{isolation:isolate;border:1px solid var(--line);border-radius:12px;grid-template-rows:auto 28px auto;align-content:center;gap:6px;min-height:420px;padding:18px 12px;display:grid;position:relative;overflow:hidden}.battlefield:before{content:"";z-index:-1;background:var(--scenery) center 55% / cover;filter:saturate(1.05)brightness(.8);position:absolute;inset:0}.battlefield:after{content:"";z-index:-1;background:radial-gradient(#0000 45%,#080a108c 100%);position:absolute;inset:0}.battlefield.shaking{animation:field-shake .32s ease var(--shake-delay) 1 both}.field-divider{background:linear-gradient(90deg,#0000,#e0b0308c,#0000);align-self:center;height:2px;margin:0 8%}.field-row{flex-wrap:nowrap;justify-content:center;gap:clamp(6px,1.2vw,14px);display:flex}.bcard{gap:4px;width:clamp(68px,10.5vw,128px);transition:transform .25s,filter .25s;display:grid;position:relative}.bcard-art{aspect-ratio:350/420;border-radius:8px;position:relative}.bcard-art .card-art{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);width:100%;height:100%;display:block}.bcard-art .card-art.placeholder{text-align:center;border:2px solid var(--line);background:var(--panel-2);border-radius:8px;place-content:center;padding:6px;font-size:.8rem;display:grid}.bcard-art .boss-card{width:100%;height:100%}.bcard-front{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);z-index:61;background:#0f1116d9;border-radius:4px;padding:0 6px;font-size:.62rem;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.bcard.enemy .bcard-front{color:#ff9d94;top:-2px;bottom:auto}.bcard-owner{box-shadow:0 0 0 2px var(--accent), 0 2px 6px #0009;z-index:61;background:#0f1116;border-radius:50%;position:absolute;bottom:10%;left:-6px}.bcard-status{filter:drop-shadow(0 1px 2px #000);z-index:61;gap:2px;font-size:.9rem;display:grid;position:absolute;top:18%;right:-4px}.bcard.acting{transform:translateY(var(--rise,-6px)) scale(1.06);filter:drop-shadow(0 0 10px #e0b030d9);z-index:2}.bcard.enemy.acting{--rise:6px;filter:drop-shadow(0 0 10px #e0584ce6)}.bcard.lunging .bcard-art{animation:lunge var(--lunge-dur,.42s) cubic-bezier(.3, 0, .2, 1) var(--lunge-delay,0s) 1 both}.bcard.dodging .bcard-art{animation:dodge .3s ease var(--dodge-delay,0s) 1 both}.bcard.dying{animation:card-die .52s ease-in var(--die-delay,0s) 1 both}.bcard.dead{opacity:.35;filter:grayscale()}.bcard.missed .bcard-art{outline:2px dashed var(--muted)}.bcard.healed .bcard-art{outline:2px solid var(--good)}.fx-layer{pointer-events:none;z-index:70;position:absolute;inset:0}.fx-shot{opacity:0;width:0;height:0;animation-name:fly;animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-fill-mode:both;position:absolute}.fx-shot:before{content:"";transform:translate(-50%, -50%) rotate(var(--angle));position:absolute}.fx-shot.ranged:before{width:76px;height:22px;transform:translate(-70%, -50%) rotate(var(--angle));transform-origin:70%;clip-path:polygon(0 22%,10% 0,17% 34%,78% 34%,78% 0,100% 50%,78% 100%,78% 66%,17% 66%,10% 100%,0 78%);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px var(--fx));background:linear-gradient(90deg,#fff6e0 0 17%,#d49a58 17% 78%,#f4f8fc 78%)}.fx-shot.ranged:after{content:"";width:80px;height:4px;transform:translate(-130%, -50%) rotate(var(--angle));transform-origin:130%;background:linear-gradient(90deg,#0000,#fff0c8bf);border-radius:2px;position:absolute}.fx-shot.magic:before{background:radial-gradient(circle, #fff 0 26%, var(--fx) 50%, transparent 74%);width:48px;height:48px;box-shadow:0 0 30px 14px var(--fx), 0 0 10px 4px #fff;filter:saturate(1.4)brightness(1.35);border-radius:50%}.fx-shot.magic:after{content:"";width:70px;height:14px;transform:translate(-100%, -50%) rotate(var(--angle));transform-origin:100%;background:linear-gradient(90deg, transparent, var(--fx));opacity:.7;filter:blur(2px);border-radius:7px;position:absolute}.fx-shot.melee:before{background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #fff}.fx-shot.small:before{scale:.6}.fx-impact{opacity:0;width:0;height:0;animation:.36s ease-out both impact;position:absolute}.fx-impact:before{content:"";background:radial-gradient(circle, #fffffff2 0 12%, var(--fx) 30%, transparent 65%);border-radius:50%;width:70px;height:70px;position:absolute;transform:translate(-50%,-50%)}.fx-impact.melee:before{background:linear-gradient(90deg,#0000,#fff 40% 60%,#0000);border-radius:5px;width:76px;height:10px;transform:translate(-50%,-50%)rotate(-32deg);box-shadow:0 0 12px #fff}.fx-impact.magic:before{background:radial-gradient(circle,#fffffff2 0 10%,#b98cff 32%,#0000 66%)}.fx-pop{opacity:0;white-space:nowrap;text-shadow:0 2px #000,0 0 6px #000;font-size:1.35rem;font-weight:800;animation:.9s ease-out both pop;position:absolute;transform:translate(-50%,-50%)}.fx-pop.health{color:#ff5a4c}.fx-pop.armor{color:#c6d2e6;margin-left:26px;font-size:1.1rem}.fx-pop.heal{color:#6fe08a}.fx-pop.miss{color:#f2f2f2;letter-spacing:.08em;font-size:1.05rem}.fx-pop.status{color:#ffd257;letter-spacing:.06em;margin-top:26px;font-size:.8rem}.fx-shards{width:0;height:0;position:absolute}.fx-shards i{clip-path:polygon(50% 0,100% 40%,60% 100%,0 60%);opacity:0;background:linear-gradient(135deg,#fff3b8,#e0b030 55%,#8a6410);width:9px;height:14px;animation:.7s cubic-bezier(.2,.7,.3,1) both shard;position:absolute}@keyframes fly{0%{opacity:0;transform:translate(0)}10%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy))}}@keyframes impact{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.35)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lunge{0%{transform:translate(0)}22%{transform:translate(calc(var(--lx) * -.12), calc(var(--ly) * -.12)) scale(.96) rotate(-3deg)}50%{transform:translate(var(--lx), var(--ly)) scale(1.1) rotate(2deg)}62%{transform:translate(var(--lx), var(--ly)) scale(1.1) rotate(2deg)}to{transform:translate(0)}}@keyframes dodge{0%,to{transform:translate(0)}45%{transform:translate(-22px)rotate(-4deg)}}@keyframes card-die{0%{opacity:1;filter:none;transform:none}8%{transform:translate(-4px)rotate(-1deg)}16%{transform:translate(4px)rotate(1deg)}26%{opacity:1;filter:brightness(1.9)sepia()saturate(3);transform:scale(1.05)}to{opacity:0;filter:grayscale()brightness(.45)blur(1px);transform:translateY(26px)scale(.78)rotate(-9deg)}}@keyframes shard{0%{opacity:1;transform:rotate(var(--a)) translateY(0) rotate(0)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(220deg)}}@keyframes field-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}@media (width<=700px){.field-row{flex-wrap:wrap}.battlefield{min-height:0}}@media (prefers-reduced-motion:reduce){.bcard,.battlefield.shaking,.bcard.lunging .bcard-art,.bcard.dodging .bcard-art,.bcard.dying{animation:none}}.replay-screen{z-index:100;--cw:max(58px, min(calc((100dvh - 310px) / 2.65), calc((100vw - 80px) / (var(--per-row,6) + .5) - 14px), 230px));background:#07080c;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px 14px;display:grid;position:fixed;inset:0}.replay-top{align-items:center;gap:12px;min-width:0;display:flex}.replay-top h2{color:var(--accent);flex:none;min-width:7.5em;font-size:1.15rem}.replay-top .turn-ribbon{flex:auto;min-width:0}.replay-step{flex:none}.replay-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;display:grid}.replay-bottom .caption{height:4.6em;min-height:0;max-height:none;padding:6px 10px;font-size:.85rem}.replay-bottom .controls{flex-wrap:nowrap}.replay-screen .battlefield{grid-template-rows:minmax(0,1fr) 24px minmax(0,1fr);align-content:stretch;height:100%;min-height:0;padding:14px 12px}.replay-screen .field-row.enemy{align-items:flex-end}.replay-screen .field-row.party{align-items:flex-start}.replay-screen .bcard{width:var(--cw)}@media (width<=760px){.replay-screen{--cw:max(52px, min(calc((100dvh - 330px) / 2.6), calc((100vw - 40px) / min(var(--per-row,4), 4) - 10px)));padding:8px}.replay-top{flex-wrap:wrap}.replay-top .turn-ribbon{flex-basis:100%;order:3}.replay-bottom{grid-template-columns:1fr}.replay-bottom .controls{flex-wrap:wrap}}.bcard-player{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;font-size:max(.72rem, calc(var(--cw,110px) * .085));color:#1a1405;background:linear-gradient(#f3cf5a,#c99a24);border-radius:999px;justify-self:center;padding:1px 8px;overflow:hidden;box-shadow:0 2px 6px #00000080}.battlefield.dealing .bcard-player{animation:fade-in .3s ease calc(var(--deal-delay,0s) + .65s) 1 both}.bcard-plate{background:#080a0fe6;border-radius:7px;align-items:center;gap:4px;padding:3px;display:flex;box-shadow:0 0 0 1px #ffffff1a,0 3px 8px #00000080}.bcard-plate .hp{height:max(16px, calc(var(--cw,110px) * .16));background:#2a1414;border-radius:5px;flex:auto;position:relative;overflow:hidden}.bcard-plate .hp-fill{transition:width .35s ease var(--change-delay,0s), background-color .35s ease var(--change-delay,0s);position:absolute;inset:0 auto 0 0}.bcard-plate .hp.high .hp-fill{background:linear-gradient(#7be08b,#3f9d52)}.bcard-plate .hp.mid .hp-fill{background:linear-gradient(#ffd96b,#c99a24)}.bcard-plate .hp.low .hp-fill{background:linear-gradient(#ff7a6b,#c23a2e)}.bcard-plate .hp-text{height:100%;font-weight:800;font-size:max(.78rem, calc(var(--cw,110px) * .12));color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;justify-content:center;align-items:center;gap:1px;line-height:1;display:flex;position:relative}.bcard-plate .hp-text small{opacity:.85;font-size:.72em;font-weight:600}.bcard-plate .armor{min-width:max(20px, calc(var(--cw,110px) * .2));height:max(18px, calc(var(--cw,110px) * .19));font-weight:800;font-size:max(.75rem, calc(var(--cw,110px) * .115));color:#10131a;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:linear-gradient(#e3ebf7,#93a3bc);flex:none;place-items:center;padding:0 3px 3px;display:grid}.bcard-plate .armor.broken{color:#8b93a6;background:#3a3f4c}@media (prefers-reduced-motion:reduce){.bcard-plate .hp-fill{transition:none}}.bcard-shell{filter:drop-shadow(0 0 1.5px rgba(255, 170, 90, calc(var(--edge,0) * .95))) drop-shadow(0 0 5px rgba(230, 60, 30, calc(var(--edge,0) * .9))) drop-shadow(0 4px 6px #0009);position:absolute;inset:0}.bcard-cut{clip-path:var(--clip,none);transition:clip-path .24s ease-out var(--change-delay,0s);position:absolute;inset:0}.bcard-art .bcard-cut .card-art{filter:none}.bcard-wound{z-index:59;pointer-events:none;clip-path:var(--clip,none);opacity:calc(var(--dmg,0) * 1.1);transition:opacity .3s ease var(--change-delay,0s), clip-path .24s ease-out var(--change-delay,0s);background:radial-gradient(62% 58%,#0000 40%,#c818108c 78%,#eb2818f2 100%);position:absolute;inset:0}.bcard.critical .bcard-wound{animation:1s ease-in-out infinite wound-pulse}.fx-chip{width:0;height:0;position:absolute}.fx-chip i{width:max(18px, calc(var(--cw,120px) * .17));height:max(14px, calc(var(--cw,120px) * .13));opacity:0;clip-path:polygon(0 30%,55% 0,100% 35%,80% 100%,20% 85%);filter:drop-shadow(0 0 3px #ffb070)drop-shadow(0 0 8px #ff5a1a);animation:.85s cubic-bezier(.3,.1,.6,1) both chip-fall;animation-delay:inherit;background:linear-gradient(135deg,#f1f4fa,#8b78b8 45%,#3a2d5a 80%,#ff7a3a);position:absolute;transform:translate(-50%,-50%)}.fx-chip b{opacity:0;width:6px;height:6px;animation:.52s ease-out both spark;animation-delay:inherit;background:#ffcf7a;border-radius:50%;position:absolute;box-shadow:0 0 6px 2px #ff7a2a}.fx-chip b:first-of-type{--sx:22px;--sy:-18px}.fx-chip b:nth-of-type(2){--sx:-20px;--sy:-10px}.fx-chip b:nth-of-type(3){--sx:6px;--sy:24px}@keyframes chip-fall{0%{opacity:0;transform:translate(-50%,-50%)}6%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--nx) * 40px), calc(-50% + var(--ny) * 40px + 110px)) rotate(var(--spin))}}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--sx) + var(--nx) * 12px), calc(-50% + var(--sy) + var(--ny) * 12px))}}@keyframes wound-pulse{50%{opacity:calc(var(--dmg,0) * .55)}}@media (prefers-reduced-motion:reduce){.bcard-cut,.bcard-wound{transition:none}.bcard.critical .bcard-wound{animation:none}}.fx-beam{opacity:0;transform-origin:0;height:8px;transform:rotate(var(--angle)) scaleX(0);border-radius:4px;margin-top:-4px;animation:.56s ease-out both beam;position:absolute}.fx-beam.heal{background:linear-gradient(90deg,#78f09633,#9dffb2,#eafff0);box-shadow:0 0 14px 4px #5ae682b3}.fx-beam.cleanse{background:linear-gradient(90deg,#c8e6ff33,#d8ecff,#fff);box-shadow:0 0 14px 4px #aad2ffb3}.fx-beam.repair{background:linear-gradient(90deg,#a0b4d233,#c6d2e6,#fff);box-shadow:0 0 12px 3px #96aad2b3}.fx-beam.life{background:linear-gradient(90deg,#ffdc7833,#ffe07a,#fffbe6);height:10px;box-shadow:0 0 18px 6px #ffc850cc}@keyframes beam{0%{opacity:0;transform:rotate(var(--angle)) scaleX(0)}15%{opacity:1}55%{opacity:1;transform:rotate(var(--angle)) scaleX(1)}to{opacity:0;transform:rotate(var(--angle)) scaleX(1)}}.fx-eff{width:0;height:0;position:absolute}.fx-eff i{opacity:0;animation-delay:inherit;animation-fill-mode:both;position:absolute}.fx-eff.heal i,.fx-eff.repair i{width:14px;height:14px;animation:.9s ease-out both rise-up;animation-delay:inherit}.fx-eff.heal i:before,.fx-eff.heal i:after,.fx-eff.repair i:before,.fx-eff.repair i:after{content:"";background:#8dffa6;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #3fe070}.fx-eff.heal i:before,.fx-eff.repair i:before{width:14px;height:4px}.fx-eff.heal i:after,.fx-eff.repair i:after{width:4px;height:14px}.fx-eff.repair i:before,.fx-eff.repair i:after{background:#dfe8f6;box-shadow:0 0 8px #8fa6cf}.fx-eff i:first-child{--px:-26px;--py:10px}.fx-eff i:nth-child(2){--px:4px;--py:26px}.fx-eff i:nth-child(3){--px:28px;--py:0px}.fx-eff.heal i:nth-child(2),.fx-eff.repair i:nth-child(2){animation-duration:1.1s}@keyframes rise-up{0%{opacity:0;transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py))) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py) - 70px)) scale(1.1)}}.fx-eff.poison i{width:14px;height:14px;animation:1s ease-out both rise-up;animation-delay:inherit;background:radial-gradient(circle at 35% 35%,#e8ffb0,#7cd43a 45%,#2f6e12);border-radius:50%;box-shadow:0 0 10px #6fd02a}.fx-eff.poison i:nth-child(2){width:10px;height:10px;animation-duration:.8s}.fx-eff.burn i{filter:drop-shadow(0 0 8px #ff6a1a);width:18px;height:28px;animation:.8s ease-out both flame;animation-delay:inherit;background:radial-gradient(at 50% 70%,#fff3b0,#ffb02e 40%,#f0441a 75%,#0000 78%);border-radius:50% 50% 45% 45%/65% 65% 35% 35%}@keyframes flame{0%{opacity:0;transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py) * .6)) scale(.4)}30%{opacity:1;transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py) * .6 - 18px)) scale(1.1, 1.25)}to{opacity:0;transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py) * .6 - 50px)) scale(.6, .9)}}.fx-eff.stun i{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 0 6px #ffc400);width:22px;height:22px;animation:1.1s linear both orbit;animation-delay:inherit;background:#ffe25a}.fx-eff.stun i:first-child{--o:0deg}.fx-eff.stun i:nth-child(2){--o:120deg}.fx-eff.stun i:nth-child(3){--o:240deg}@keyframes orbit{0%{opacity:0;transform:translateY(calc(var(--ah) * -.42)) rotate(var(--o)) translateX(calc(var(--aw) * .3)) rotate(calc(-1 * var(--o))) scale(.5)}15%,80%{opacity:1}to{opacity:0;transform:translateY(calc(var(--ah) * -.42)) rotate(calc(var(--o) + 400deg)) translateX(calc(var(--aw) * .3)) rotate(calc(-1 * var(--o) - 400deg)) scale(1)}}.fx-eff.shield i:first-child{width:calc(var(--aw) * .95);height:calc(var(--ah) * .95);animation:.65s ease-out both bubble-pop;animation-delay:inherit;border:3px solid #fff1b8;border-radius:50%;box-shadow:0 0 18px 6px #ffdc78cc,inset 0 0 26px #ffecaab3}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}.fx-eff.rise i:first-child{width:calc(var(--aw) * .8);height:calc(var(--ah) * 1.8);filter:blur(2px);animation:1s ease-out both pillar;animation-delay:inherit;background:linear-gradient(#0000,#fffadcf2 45%,#ffe68cd9 65%,#0000)}.fx-eff.rise i:nth-child(2),.fx-eff.rise i:nth-child(3){width:10px;height:10px;animation:1s ease-out both rise-up;animation-delay:inherit;background:#fff2b0;border-radius:50%;box-shadow:0 0 10px 3px #ffd24a}@keyframes pillar{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.2)}30%{opacity:1;transform:translate(-50%,-50%)scaleX(1)}to{opacity:0;transform:translate(-50%,-60%)scaleX(.6)}}.fx-eff.cleanse i:first-child{width:calc(var(--aw) * .8);height:calc(var(--aw) * .8);animation:.7s ease-out both bubble-pop;animation-delay:inherit;border:3px dotted #f4fbff;border-radius:50%;box-shadow:0 0 16px #c8e6ffe6}.fx-eff.spark i{clip-path:polygon(60% 0,20% 55%,50% 55%,30% 100%,85% 40%,55% 40%,75% 0);filter:drop-shadow(0 0 6px #ffe000);width:10px;height:34px;animation:.42s steps(4,end) both crackle;animation-delay:inherit;background:#fff36a}@keyframes crackle{0%{opacity:0;transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py) * -.8))}25%,75%{opacity:1}50%{opacity:.3}to{opacity:0;transform:translate(calc(-50% + var(--px)), calc(-50% + var(--py) * -.8))}}.fx-eff.curse i{filter:blur(1.5px);width:26px;height:26px;animation:1s ease-out both rise-up;animation-delay:inherit;background:radial-gradient(circle,#be6effe6,#6e28aa66 60%,#0000 70%);border-radius:50%}.fx-eff.sleep i{clip-path:polygon(0 0,100% 0,100% 22%,25% 78%,100% 78%,100% 100%,0 100%,0 78%,75% 22%,0 22%);width:14px;height:14px;animation:1.2s ease-out both rise-up;animation-delay:inherit;background:linear-gradient(135deg,#0000 42%,#cfe0ff 42% 58%,#0000 58%);border-top:3px solid #cfe0ff;border-bottom:3px solid #cfe0ff}@media (prefers-reduced-motion:reduce){.fx-beam,.fx-eff i{animation:none;display:none}}.battle-summary{z-index:100;isolation:isolate;--cw:clamp(84px, 11vw, 150px);align-content:start;justify-items:center;gap:14px;padding:18px 14px 24px;display:grid;position:fixed;inset:0;overflow:auto}.battle-summary:before{content:"";z-index:-2;background:var(--scenery) center 55% / cover;filter:saturate(1.05)brightness(.62);position:fixed;inset:0}.battle-summary.loss:before{filter:saturate(.45)brightness(.42)}.battle-summary:after{content:"";z-index:-1;background:radial-gradient(at 50% 30%,#ffd25a38,#0000 55%),radial-gradient(#0000 40%,#06080cb3 100%);position:fixed;inset:0}.battle-summary.loss:after{background:radial-gradient(at 50% 30%,#c8281e38,#0000 55%),radial-gradient(#0000 35%,#06060acc 100%)}.sum-banner{text-align:center;padding-top:4px;position:relative}.sum-title{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(2.6rem,8vw,5rem);font-weight:900;line-height:1}.win .sum-title{color:#f6d35d;text-shadow:0 3px #7a5410,0 0 26px #ffd25acc;background:linear-gradient(100deg,#f6d35d 30%,#fff6d0 50%,#f6d35d 70%) 0 0/250% 100%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #7a5410)drop-shadow(0 0 18px #ffc846b3);-webkit-background-clip:text;background-clip:text;animation:.7s cubic-bezier(.2,1.6,.4,1) both title-pop,2.6s linear .7s infinite shimmer}.loss .sum-title{color:#e2554a;text-shadow:0 4px #4a0f0b,0 0 20px #c8281e99;animation:.9s cubic-bezier(.5,0,.6,1.4) both title-drop}.sum-sub{color:#e8e9ee;text-shadow:0 1px 3px #000;margin:6px 0 0;animation:.5s .5s both fade-in}.win .sum-sub b{color:#ffd257}.sum-burst{pointer-events:none;z-index:-1;width:0;height:0;position:absolute;top:42%;left:50%}.sum-burst i{clip-path:polygon(50% 0,100% 40%,60% 100%,0 60%);opacity:0;width:12px;height:20px;animation:burst 1.1s cubic-bezier(.2, .7, .3, 1) calc(.25s + var(--k) * 25ms) both;background:linear-gradient(135deg,#fff3b8,#e0b030 55%,#8a6410);position:absolute}.sum-players{flex-wrap:wrap;justify-content:center;gap:clamp(10px,3vw,34px);margin-top:8px;display:flex}.sum-player{justify-items:center;gap:6px;margin:0;display:grid}.sum-player figcaption{color:#1a1405;background:linear-gradient(#f3cf5a,#c99a24);border-radius:999px;padding:1px 10px;font-size:.85rem;font-weight:700}.sum-player.sullen figcaption{color:#e8e9ee;background:#3b3f4c}.sum-figure{border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:relative}.sum-figure .avatar{border-radius:50%;box-shadow:0 0 0 3px #ffffff26,0 8px 18px #0000008c}.sum-player.cheer .sum-figure{animation:cheer .9s cubic-bezier(.3, 0, .3, 1) calc(.4s + var(--k) * .14s) infinite}.sum-player.cheer .sum-figure .avatar{box-shadow:0 0 0 3px #f3cf5a,0 0 22px #ffd25abf,0 8px 18px #00000080}.sum-player.sullen .sum-figure{animation:slump 1.2s ease-out calc(.3s + var(--k) * .12s) both, sigh 4.5s ease-in-out calc(1.5s + var(--k) * .3s) infinite}.sum-player.sullen .sum-figure .avatar{filter:grayscale(.65)brightness(.72)}.sum-confetti{pointer-events:none;position:absolute;inset:0}.sum-confetti i{opacity:0;background:hsl(calc(var(--j) * 47deg + 30deg) 90% 65%);width:8px;height:12px;animation:confetti 1.6s ease-out calc(.5s + var(--j) * 90ms) infinite;border-radius:2px;position:absolute;top:40%;left:50%}.sum-confetti i:nth-child(odd){background:#f3cf5a}.sum-cloud{opacity:0;background:#6b7080;border-radius:14px;width:64px;height:24px;animation:.8s 1s both fade-in;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:-14px 6px 0 -2px #6b7080,14px 6px 0 -2px #6b7080}.sum-cloud i{background:#8fb6e8;border-radius:1px;width:2px;height:10px;animation:.9s linear infinite rain;position:absolute;top:22px}.sum-cloud i:first-child{animation-delay:1.1s;left:10px}.sum-cloud i:nth-child(2){animation-delay:1.4s;left:24px}.sum-cloud i:nth-child(3){animation-delay:1.25s;left:38px}.sum-cloud i:nth-child(4){animation-delay:1.55s;left:52px}.sum-lines{justify-items:center;gap:16px;width:100%;display:grid}.sum-row{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.4vw,16px);display:flex}.sum-row.enemy{--cw:clamp(62px, 7.5vw, 104px);opacity:.95}.sum-card{width:var(--cw);animation:card-in .5s cubic-bezier(.2, .9, .3, 1.2) calc(.3s + var(--i) * 80ms) both;gap:4px;display:grid;position:relative}.sum-card .bcard-player{justify-self:center}.sum-card.fallen .bcard-cut{filter:grayscale()brightness(.55)}.sum-stamp{z-index:62;color:#ff8a7a;letter-spacing:.1em;text-transform:uppercase;font-weight:900;font-size:max(.7rem, calc(var(--cw) * .12));animation:stamp .4s cubic-bezier(.3, 1.6, .5, 1) calc(.8s + var(--i) * 80ms) both;background:#140606b3;border:3px solid #e2554a;border-radius:6px;padding:2px 10px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.sum-card.waited .bcard-shell{opacity:.55;filter:saturate(.6)}.sum-backup{z-index:62;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#10131a;background:#b9c4d6;border-radius:999px;padding:0 8px;font-size:.66rem;font-weight:900;position:absolute;top:6px;left:50%;transform:translate(-50%)}.sum-card.enemy .sum-stamp{color:#dfe3ee;border-color:#9aa0b4}.sum-card.mvp .bcard-art{filter:drop-shadow(0 0 12px #ffd25ae6)}.sum-mvp{z-index:63;letter-spacing:.12em;color:#1a1405;background:linear-gradient(#fff1b8,#e0b030);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:900;animation:.5s cubic-bezier(.3,1.6,.5,1) 1.2s both stamp;position:absolute;top:8%;right:-10px;transform:rotate(12deg);box-shadow:0 0 14px #ffd25acc}.sum-health{text-align:center;color:#dfe3ee;text-shadow:0 1px 2px #000;font-size:.9rem}.sum-health b{font-size:1.05rem}.sum-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;animation:.5s .9s both fade-in;display:flex}.sum-log{width:min(900px,100%);max-height:40vh;overflow:auto}@keyframes title-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{to{background-position:-250% 0}}@keyframes title-drop{0%{opacity:0;transform:translateY(-60px)rotate(-3deg)}60%{opacity:1;transform:translateY(6px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(-1deg)}}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.6)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(200deg) scale(1)}}@keyframes cheer{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(4px)scale(1.04,.96)}45%{transform:translateY(-22px)rotate(-5deg)scale(.97,1.05)}65%{transform:translateY(-10px)rotate(4deg)}85%{transform:translateY(0)scale(1.03,.97)}}@keyframes confetti{0%{opacity:0;transform:translate(-50%)rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(calc(-50% + (var(--j) - 3.5) * 16px), -80px) rotate(540deg)}}@keyframes slump{0%{transform:translateY(0)rotate(0)}to{transform:translateY(10px)rotate(-7deg)}}@keyframes sigh{0%,to{transform:translateY(10px)rotate(-7deg)}50%{transform:translateY(13px)rotate(-4deg)}}@keyframes rain{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(26px)}}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:none}}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-14deg)scale(2)}to{opacity:1;transform:translate(-50%,-50%)rotate(-14deg)scale(1)}}.sum-mvp{animation-name:mvp-pop}@keyframes mvp-pop{0%{opacity:0;transform:rotate(12deg)scale(2)}to{opacity:1;transform:rotate(12deg)scale(1)}}@media (prefers-reduced-motion:reduce){.battle-summary *,.battle-summary :before,.battle-summary :after{animation:none!important}.sum-player.sullen .sum-figure{transform:translateY(10px)rotate(-7deg)}}.draft-scene{z-index:100;isolation:isolate;align-content:center;justify-items:center;gap:22px;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}.draft-scene:before{content:"";z-index:-2;background:var(--scenery) center 55% / cover;filter:saturate(1.05)brightness(.55);position:fixed;inset:0}.draft-scene:after{content:"";z-index:-1;background:radial-gradient(at 50% 22%,#ffd25a2e,#0000 55%),radial-gradient(#0000 40%,#06080cb8 100%);position:fixed;inset:0}.draft-head{text-align:center}.draft-title{letter-spacing:.1em;text-transform:uppercase;color:#f6d35d;filter:drop-shadow(0 3px #7a5410)drop-shadow(0 0 16px #ffc84699);margin:0;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:900;animation:.6s cubic-bezier(.2,1.6,.4,1) both title-pop}.draft-sub{color:#e8e9ee;text-shadow:0 1px 3px #000;margin:6px 0 0}.draft-offers{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2.4vw,28px);display:flex}.tactic-card{text-align:center;cursor:pointer;color:#f2efe4;background:radial-gradient(ellipse at 50% 18%, var(--glow) 0, transparent 60%), linear-gradient(180deg, #2a2440, #17131f 70%);width:clamp(190px,22vw,250px);min-height:330px;animation:card-in .5s cubic-bezier(.2, .9, .3, 1.2) calc(.2s + var(--i) * .11s) both;border:3px solid #c99a24;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 0 0 2px #2a1d06,inset 0 0 0 2px #ffdc8c40,0 14px 30px #0000008c}.tactic-card:hover:not(:disabled),.tactic-card:focus-visible{border-color:#ffe08a;transform:translateY(-10px)scale(1.03);box-shadow:0 0 0 2px #2a1d06,inset 0 0 0 2px #ffdc8c66,0 0 26px #ffd25a8c,0 22px 36px #0009}.tactic-card:disabled{cursor:default;opacity:.9}.tactic-card.stat-attack{--glow:#e65a4659;--ink:#ff9a7a}.tactic-card.stat-ranged{--glow:#78c86e59;--ink:#9ee08a}.tactic-card.stat-magic{--glow:#aa78ff61;--ink:#c9a6ff}.tactic-card.stat-armor{--glow:#a0b4d259;--ink:#d6e0f0}.tactic-card.stat-health{--glow:#f05a7859;--ink:#ff9fb2}.tactic-card.stat-speed{--glow:#6ec8f059;--ink:#9ee0ff}.tactic-emblem{width:84px;height:84px;color:var(--ink);box-shadow:0 0 18px var(--glow);background:radial-gradient(circle,#ffffff14,#00000059);border:3px solid #c99a24;border-radius:50%;place-items:center;display:grid}.tactic-emblem svg{width:50px;height:50px;filter:drop-shadow(0 0 6px var(--ink))}.tactic-name{color:#ffe7a1;font-size:1.15rem;font-weight:800}.tactic-tag{letter-spacing:.08em;text-transform:uppercase;color:#ffd0c8;background:#e2554a4d;border:1px solid #e2554a99;border-radius:999px;padding:1px 10px;font-size:.72rem;font-weight:800}.tactic-effects{gap:10px;width:100%;margin-top:4px;display:grid}.tactic-effect{justify-items:center;gap:4px;display:grid}.tactic-effect b{font-size:1.35rem}.tactic-effect.up b{color:#8df0a0;text-shadow:0 0 10px #5ae68280}.tactic-effect.down b{color:#ff8a7a;text-shadow:0 0 10px #e6503c66}.tactic-pips{gap:4px;display:flex}.tactic-pips i{background:#ffffff24;border-radius:3px;width:14px;height:6px}.tactic-pips i.had{background:#c99a24}.tactic-effect.up .tactic-pips i.new{background:#8df0a0;box-shadow:0 0 6px #5ae082}.tactic-pick{color:#1a1405;background:linear-gradient(#f3cf5a,#c99a24);border-radius:999px;margin-top:auto;padding:6px 18px;font-weight:800}.tactic-card:disabled .tactic-pick{color:#e8e9ee;background:#3b3f4c}.draft-foot{justify-items:center;gap:10px;animation:.5s .6s both fade-in;display:grid}.gem-btn{color:#f4e9ff;background:linear-gradient(#965adc80,#50288c8c);border-color:#b77be0}.draft-totals{color:#e8e9ee;text-shadow:0 1px 3px #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.draft-totals .chip{background:#0a0c12b3;border-radius:999px;padding:1px 10px;font-size:.85rem;font-weight:700}.draft-totals .chip.up{color:#8df0a0}.draft-totals .chip.down{color:#ff8a7a}.draft-empty{color:#e8e9ee;justify-items:center;gap:12px;display:grid}@media (prefers-reduced-motion:reduce){.draft-scene *,.draft-title{animation:none!important}.tactic-card{transition:none}}.event-scene{isolation:isolate;border-radius:14px;place-items:center;min-height:calc(100vh - 140px);padding:28px 16px;display:grid;position:relative;overflow:hidden}.event-scene:before{content:"";z-index:-2;background:var(--scenery) center 55% / cover;filter:saturate(1.05)brightness(.5)blur(1.5px);position:absolute;inset:0}.event-scene:after{content:"";z-index:-1;background:radial-gradient(at 50% 30%,#ffdc8c24,#0000 60%),radial-gradient(#0000 40%,#06080cb3 100%);position:absolute;inset:0}.event-panel{text-align:center;background:radial-gradient(at 50% 0,#ffdc8c1f,#0000 60%),linear-gradient(#2a2440f0,#17131ff5);border:3px solid #c99a24;border-radius:18px;justify-items:center;gap:12px;width:min(640px,100%);margin-top:40px;padding:64px 26px 24px;animation:.5s cubic-bezier(.2,.9,.3,1.2) both card-in;display:grid;position:relative;box-shadow:0 0 0 2px #2a1d06,inset 0 0 0 2px #ffdc8c38,0 18px 40px #0009}.event-emblem{filter:drop-shadow(0 0 16px #a0dcff8c)drop-shadow(0 6px 10px #0009);width:96px;height:96px;animation:3.4s ease-in-out infinite float;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.event-title{letter-spacing:.06em;color:#f6d35d;filter:drop-shadow(0 2px #7a5410)drop-shadow(0 0 12px #ffc84673);margin:0;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900}.event-text{color:#ece6d6;max-width:46ch;margin:0;font-size:1.05rem;font-style:italic;line-height:1.55}.event-wait{color:var(--muted);margin:0;font-size:.9rem}.event-choices{gap:10px;width:100%;margin-top:8px;display:grid}.event-choice{text-align:left;color:#f2efe4;width:100%;animation:card-in .42s ease calc(.25s + var(--i) * 90ms) both;background:linear-gradient(#3c325ab3,#1e182ccc);border:2px solid #8a6a20;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.event-choice:hover:not(:disabled),.event-choice:focus-visible{border-color:#ffe08a;transform:translate(4px);box-shadow:0 0 18px #ffd25a66}.event-choice:disabled{cursor:default;opacity:.85}.event-choice.decline{color:#c8ccd8;background:#14161e99;border-color:#4a4f5e}.event-cost{color:#1a1405;white-space:nowrap;background:linear-gradient(#f3cf5a,#c99a24);border-radius:999px;flex:none;padding:3px 12px;font-size:.9rem;font-weight:800}.event-does{font-size:1rem}.gem-roll{justify-items:center;gap:14px;width:100%;margin-top:8px;display:grid}.gem-faces{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.gem-face{background:#0a0a108c;border:2px solid #4a3c1c;border-radius:14px;justify-items:center;gap:8px;width:112px;padding:14px 8px 10px;transition:transform .12s,border-color .12s,box-shadow .12s,opacity .4s,filter .4s;display:grid}.gem-face.lit{border-color:#ffe08a;transform:translateY(-4px)scale(1.06);box-shadow:0 0 22px #ffd25a8c,inset 0 0 18px #ffdc8c2e}.gem-roll.done .gem-face.lit{animation:1.4s ease-in-out .1s infinite gem-win;transform:translateY(-6px)scale(1.18)}.gem-face.out{opacity:.35;filter:grayscale(.8);transform:scale(.92)}.gem-stone{clip-path:polygon(30% 0,70% 0,100% 32%,50% 100%,0 32%);width:56px;height:56px;position:relative}.gem-stone:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffffb3 42%,#0000 52%),linear-gradient(#ffffff59 0 32%,#0000 32%);position:absolute;inset:0}.gem-stone.bloodRuby{background:conic-gradient(from 200deg at 50% 38%,#ff5a6e,#a3001c,#ff2d48,#5e0010,#ff5a6e)}.gem-stone.manaCrystal{background:conic-gradient(from 200deg at 50% 38%,#7fe7ff,#1d5fd1,#4ab8ff,#13307a,#7fe7ff)}.gem-stone.prismaticDiamond{background:conic-gradient(from 200deg at 50% 38%,#fff,#ffb3f0,#9ff3ff,#fff6a8,#c6b3ff,#fff)}.gem-stone.empty{clip-path:none;background:repeating-linear-gradient(90deg,#6e4627 0 12px,#5a3820 12px 14px);border-radius:4px;width:56px;height:44px;margin-top:12px;box-shadow:inset 0 0 0 3px #3a2410}.gem-stone.empty:after{background:0 0}.gem-face.lit .gem-stone:not(.empty){filter:drop-shadow(0 0 10px #ffffffb3)}.gem-name{color:#f2efe4;font-size:.8rem;font-weight:800}.gem-result{color:#f2efe4;margin:0;font-size:1.2rem}.gem-result b{color:#ffe08a}.gem-result.rolling{color:var(--muted);font-style:italic}.gem-roll.done .gem-result{animation:.4s ease-out fade-in}@keyframes gem-win{0%,to{box-shadow:0 0 22px #ffd25a8c}50%{box-shadow:0 0 40px #ffe68ce6}}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.event-scene *,.event-emblem{animation:none!important}.event-choice,.gem-face{transition:none}}.prep{isolation:isolate;border-radius:14px;gap:16px;padding:14px;display:grid;position:relative}.prep:before{content:"";z-index:-2;background:var(--scenery) center 55% / cover fixed;filter:saturate(1.05)brightness(.45);border-radius:14px;position:absolute;inset:0}.prep:after{content:"";z-index:-1;background:radial-gradient(at 50% 0,#ffdc8c1a,#0000 55%);border-radius:14px;position:absolute;inset:0}.prep .panel{background:linear-gradient(#2a2440e6,#17131feb);border:2px solid #8a6a20;border-radius:14px;box-shadow:inset 0 0 0 1px #ffdc8c24,0 10px 26px #00000080}.prep .panel-head h2{color:#f6d35d;letter-spacing:.06em;text-transform:uppercase;filter:drop-shadow(0 1px #7a5410);font-size:1.05rem}.prep .unit.enemy{background:linear-gradient(#5a1e1e73,#1e0e12b3);border:2px solid #8a3a32;border-radius:12px;box-shadow:0 6px 14px #00000073}.prep .unit.enemy .pos{color:#ff9d94}.prep .lineup li{background:#ffffff0a;border:1px solid #c99a248c;border-radius:10px}.prep .callout.ruleset{background:#ffd25a1a;border-left-color:#f3cf5a}.prep .searchbar input{background:#0a0c1299}.num-swap{display:inline-grid}.num-swap>span{grid-area:1/1}.num-swap .num-old{animation:num-out 1ms linear var(--change-delay,0s) both}.num-swap .num-new{animation:num-in 1ms linear var(--change-delay,0s) both}@keyframes num-out{0%{visibility:visible}to{visibility:hidden}}@keyframes num-in{0%{visibility:hidden}to{visibility:visible}}@media (prefers-reduced-motion:reduce){.num-swap .num-old{display:none}.num-swap .num-new{animation:none}}.camp{z-index:100;background:#07080c;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.camp:before{content:"";background:var(--camp) center / cover;filter:blur(18px)brightness(.45)saturate(1.1);position:absolute;inset:-30px}.camp-scene{isolation:isolate;aspect-ratio:16/9;background:var(--camp) center / cover;width:min(100vw,177.778dvh);position:relative;overflow:hidden;box-shadow:0 0 60px #000000b3;container-type:inline-size}.camp-scene:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(26% 30% at 39% 72%,#ffaa3c59,#0000 70%);animation:2.4s ease-in-out infinite firelight;position:absolute;inset:0}.camp-scene:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#080a108c,#0000 24%),radial-gradient(at 50% 60%,#0000 55%,#080a1073 100%);position:absolute;inset:0}.camp-head{z-index:120;position:absolute;top:3%;left:2.5%}.camp-title{letter-spacing:.1em;text-transform:uppercase;color:#f6d35d;filter:drop-shadow(0 3px #7a5410)drop-shadow(0 0 14px #ffc8468c);margin:0;font-size:clamp(1.6rem,5cqw,3.4rem);font-weight:900}.camp-sub{color:#f4efe2;text-shadow:0 1px 3px #000,0 0 6px #000;max-width:46cqw;margin:2px 0 0;font-size:clamp(.75rem,1.5cqw,1.1rem)}.camp-gold{z-index:120;color:#1a1405;background:linear-gradient(#fff1b8,#e0b030);border-radius:999px;padding:4px 14px;font-size:clamp(.85rem,1.8cqw,1.2rem);font-weight:900;position:absolute;top:4%;right:2.5%;box-shadow:0 0 14px #ffd25a99}.camper{z-index:1;width:calc(10cqw * var(--near));animation:camper-idle 3.4s ease-in-out calc(var(--k) * .45s) infinite;pointer-events:none;justify-items:center;gap:4px;margin:0;display:grid;position:absolute;transform:translate(-50%,-94%)}.camper .camper-avatar{aspect-ratio:1;box-shadow:0 0 0 3px var(--seat-edge), 0 0 22px #ffa03c8c, 0 8px 14px #0000008c;background:#14100a99;border-radius:50%;width:100%!important;height:auto!important}.camper-name{white-space:nowrap;text-overflow:ellipsis;color:#10131a;background:var(--seat-edge);border-radius:999px;max-width:260%;padding:1px 10px;font-size:clamp(.62rem,1.3cqw,.95rem);font-weight:800;overflow:hidden;box-shadow:0 2px 6px #00000080}.camper-lead{color:#7a5410;margin-right:4px}.camper.seat-0{--seat-edge:#7fb4ee}.camper.seat-1{--seat-edge:#7fd8a8}.camper.seat-2{--seat-edge:#f2b67c}.camper.seat-3{--seat-edge:#c3a0f0}.camp-wagon{z-index:110;cursor:pointer;background:0 0;border:0;border-radius:22px;width:33%;height:50%;padding:0;transition:background .2s,box-shadow .2s;position:absolute;top:25%;left:66%}.camp-wagon:hover,.camp-wagon:focus-visible{background:radial-gradient(at 50% 55%,#ffdc8229,#0000 70%);outline:none;box-shadow:0 0 0 2px #ffe08abf,0 0 34px #ffd25a73}.camp-wagon-tag{letter-spacing:.06em;text-transform:uppercase;color:#1a1405;white-space:nowrap;background:linear-gradient(#fff1b8,#e0b030);border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:clamp(.7rem,1.5cqw,1.05rem);font-weight:900;animation:2.2s ease-in-out infinite wagon-tag;display:inline-flex;position:absolute;top:-2%;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ffd25ab3,0 3px 8px #00000080}.camp-wagon-tag:before{content:"⚖"}.camp-wagon-alert{color:#fff;background:#c8323c;border-radius:999px;place-items:center;min-width:1.4em;height:1.4em;padding:0 4px;font-size:.8em;display:inline-grid;box-shadow:0 0 0 2px #fff1b8}.camp-foot{z-index:120;align-items:center;gap:12px;display:flex;position:absolute;bottom:4%;right:2.5%}.camp-foot .primary.big{padding:12px 26px;font-size:clamp(.9rem,1.6cqw,1.15rem);box-shadow:0 0 18px #ffd25a73,0 6px 14px #00000080}.camp-wait{color:#f4efe2;background:#080a10b3;border-radius:999px;padding:4px 12px;font-size:.9rem}.merchant-backdrop{z-index:130;background:#0405089e;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.merchant{background:linear-gradient(#3a2616f7,#1e140efa);border:3px solid #c99a24;border-radius:18px;grid-template-rows:auto auto auto minmax(0,1fr);gap:10px;width:min(880px,100%);max-height:calc(100dvh - 32px);padding:18px 22px 20px;animation:.25s ease-out merchant-in;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffdc8c2e,0 0 0 2px #2a1d06,0 20px 50px #000000b3}.merchant-head{align-items:center;gap:12px;display:flex}.merchant-head h2{letter-spacing:.06em;text-transform:uppercase;color:#f6d35d;filter:drop-shadow(0 2px #7a5410);flex:auto;margin:0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900}.merchant-gold{position:static}.merchant-close{color:#f6d35d;background:#0000004d;border:2px solid #8a6a20;border-radius:50%;width:38px;height:38px;padding:0;font-size:1.5rem;line-height:1}.merchant-say{color:#ecdcb8;margin:0;font-style:italic}.merchant-tabs{border-bottom:2px solid #c99a2473;flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.merchant-tabs button{color:#ecdcb8;background:#00000040;border:1px solid #c99a2480;border-radius:999px;padding:6px 16px;font-weight:800}.merchant-tabs button.on{color:#1a1405;background:linear-gradient(#fff1b8,#e0b030);border-color:#ffe08a}.merchant-body{align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.merchant-wares{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.ware{background:#fff0d20d;border:1px solid #c99a248c;border-radius:12px;align-content:start;gap:6px;padding:12px 14px;display:grid}.ware h3{color:#ffe7a1;margin:0}.ware p{margin:0}.gem-ware{text-align:center;justify-items:center}.repair-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.repair-card{text-align:center;background:#fff0d20d;border:1px solid #c99a248c;border-radius:12px;justify-items:center;gap:4px;padding:8px;display:grid}.repair-art{width:100%;position:relative}.repair-art .card-art{width:100%;height:auto;display:block}.repair-card.downed .repair-art .card-art{filter:grayscale(.9)brightness(.6)}.repair-badge{color:#fff;white-space:nowrap;background:#b8702a;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:900;position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0009}.repair-badge.downed{background:#c8323c}@keyframes camper-idle{0%,to{transform:translate(-50%,-94%)}50%{transform:translate(-50%,-97%)scale(1.015)}}@keyframes firelight{0%,to{opacity:.85}30%{opacity:1}55%{opacity:.7}80%{opacity:.95}}@keyframes wagon-tag{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@keyframes merchant-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.camper,.camp-scene:before,.camp-wagon-tag,.merchant,.merchant-backdrop{animation:none}}.battlefield.dealing .bcard-art{animation:deal .82s cubic-bezier(.2, .8, .3, 1) var(--deal-delay,0s) 1 both}.battlefield.dealing .bcard.enemy .bcard-art{--deal-from:-150%}.battlefield.dealing .bcard.party .bcard-art{--deal-from:150%}.battlefield.dealing .bcard-art:after{content:"";z-index:62;animation:card-back .82s linear var(--deal-delay,0s) 1 both;background:radial-gradient(circle at 50% 46%,#f6d77a 0 7%,#c99a2e 8% 13%,#0000 14%),repeating-linear-gradient(45deg,#2a1d3e 0 6px,#22182f 6px 12px);border:2px solid #b8892a;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #1a1222,0 6px 14px #0009}.battlefield.dealing .bcard-plate,.battlefield.dealing .bcard-owner,.battlefield.dealing .bcard-front,.battlefield.dealing .bcard-status,.battlefield.dealing .bcard-player{animation:fade-in .3s ease calc(var(--deal-delay,0s) + .65s) 1 both}.intro-banner{z-index:80;pointer-events:none;text-align:center;animation:banner var(--intro,2.7s) ease 1 both;background:linear-gradient(90deg,#0000,#0a0812b8 20% 80%,#0000);justify-items:center;gap:2px;padding:6px 16px;display:grid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.intro-title{letter-spacing:.12em;text-transform:uppercase;color:#f3cf5a;text-shadow:0 2px #6b4a0c,0 0 18px #f3cf5ab3;font-size:clamp(1.4rem,3.6vw,2.2rem);font-weight:900;line-height:1.1}.intro-rule{color:#e8e9ee;max-width:70ch;font-size:.8rem;line-height:1.3}.intro-rule b{color:#ffd257}.fx-pop.ability{color:#ffe7a1;letter-spacing:.04em;text-shadow:none;background:#0f1116d9;border-radius:999px;padding:2px 8px;font-size:.85rem;font-weight:700;animation-duration:1.3s;box-shadow:0 0 0 1px #ffd25799}.fx-ring{opacity:0;width:0;height:0;animation:.7s ease-out both ring;position:absolute}.fx-ring:before{content:"";width:calc(var(--cw,96px) * .92);height:calc(var(--cw,96px) * 1.12);border:3px solid var(--ring);box-shadow:0 0 16px 4px var(--ring), inset 0 0 18px var(--ring);border-radius:12px;position:absolute;transform:translate(-50%,-50%)}.fx-ring.buff{--ring:#78e696d9}.fx-ring.debuff{--ring:#f05a50d9}@keyframes deal{0%{opacity:0;transform:translateY(var(--deal-from,0)) rotate(-8deg) scaleX(1)}45%{opacity:1;transform:translateY(0)rotate(0)scaleX(1)}62%{transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes card-back{0%,61.9%{opacity:1}62%,to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes banner{0%{opacity:0;transform:translate(-30%,-50%)}14%{opacity:1;transform:translateY(-50%)}80%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(20%,-50%)}}@keyframes ring{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.battlefield.dealing .bcard-art,.battlefield.dealing .bcard-art:after,.intro-banner{animation:none}.battlefield.dealing .bcard-art:after{display:none}}.phases{gap:4px;margin:0 0 10px;padding-left:20px;display:grid}.phases li.done{color:var(--good)}.phases li.now{color:var(--accent);font-weight:600}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chip{background:#2d3345;border-radius:12px;padding:2px 10px;font-size:.85rem}.chip.badge{color:var(--accent);background:#3a3414}.recent{gap:4px;margin:8px 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.recent li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toggle[aria-pressed=true]{background:var(--accent);color:#1a1405;border-color:var(--accent)}.room-code{letter-spacing:.15em;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.seat.mine{border-color:var(--accent)}.seat.empty{opacity:.7;border-style:dashed}.seat .role-line{margin:0}.seat select{min-width:160px}.dot{vertical-align:baseline;background:var(--muted);border-radius:50%;width:.7em;height:.7em;margin:0 2px;display:inline-block}.dot.on{background:var(--good)}.dot.off{background:var(--bad)}.presence{white-space:nowrap}.lobby .row input.grow{flex:1;min-width:200px}.row .grow,.grow{flex:1}.route-frame{background:radial-gradient(at 50% 40%,#f3e6c0,#dcc38c 62%,#b8925a);border:3px solid #6b4318;border-radius:16px;width:min(100%,75vh - 114px);min-width:min(100%,360px);margin:30px auto 0;padding:18px;position:relative;box-shadow:0 0 0 3px #2a1404,0 10px 28px #00000073,inset 0 0 24px #5a320a8c}.route-frame:before{content:"";pointer-events:none;border:2px solid #6b43188c;border-radius:11px;position:absolute;inset:7px}.route-frame:after{content:"";pointer-events:none;background:radial-gradient(circle,#f5c84a 0 5px,#a8620b 5px 7px,#0000 7px) 0 0/22px 22px no-repeat,radial-gradient(circle,#f5c84a 0 5px,#a8620b 5px 7px,#0000 7px) 100% 0/22px 22px no-repeat,radial-gradient(circle,#f5c84a 0 5px,#a8620b 5px 7px,#0000 7px) 0 100%/22px 22px no-repeat,radial-gradient(circle,#f5c84a 0 5px,#a8620b 5px 7px,#0000 7px) 100% 100%/22px 22px no-repeat;border-radius:13px;position:absolute;inset:3px}.route-frame.zone-3{background:radial-gradient(at 50% 40%,#dcc6a0,#a98a5e 62%,#6e5236)}.route-banner{z-index:10;white-space:nowrap;color:#fff6dc;letter-spacing:.5px;text-shadow:0 2px #4a1408;background:linear-gradient(#b5452e,#8a2e1e);border:2px solid #f5c84a;border-radius:4px;padding:4px 26px;font-family:IM Fell English SC,Georgia,serif;font-size:clamp(15px,2.6vw,22px);position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #2a1404,0 4px 0 2px #2a1404}.route-banner span{color:#f5c84a;margin-right:10px}.route-banner:before,.route-banner:after{content:"";z-index:-1;background:#7a2618;border:2px solid #2a1404;width:18px;height:100%;position:absolute;top:8px}.route-banner:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);left:-16px}.route-banner:after{clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);right:-16px}.route-map{aspect-ratio:3/4;background:#5fb843 50%/cover no-repeat;border:3px solid #6b4318;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #28140073;container-type:inline-size}.route-place{z-index:3;pointer-events:none;white-space:nowrap;color:#3b2410;text-shadow:0 0 2px #f6ecd0,0 0 5px #f6ecd0,0 0 9px #f6ecd0cc;font-family:IM Fell English SC,Georgia,serif;font-size:clamp(10px,3.1cqw,17px);position:absolute}.zone-3 .route-place{color:#f6dca6;text-shadow:0 0 3px #1a1016,0 0 7px #1a1016}.route-fog{z-index:6;pointer-events:none;background:#dae2e8e6;transition:height 1.4s;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 16%);mask-image:linear-gradient(0deg,#0000 0,#000 16%)}.route-fog-drift{opacity:.9;background:radial-gradient(closest-side,#fffffff2,#fff0) 0 0/34% 18%,radial-gradient(closest-side,#bec8d4e6,#bec8d400) 12% 9%/28% 16%;animation:70s linear infinite fog-drift;position:absolute;inset:-10% -60%}.route-fog-drift.slow{opacity:.7;background-position:18% 6%,3% 14%;animation-duration:110s;animation-direction:reverse}.zone-3 .route-fog{background:#3a303aeb}.zone-3 .route-fog-drift{background:radial-gradient(closest-side,#786874e6,#78687400) 0 0/34% 18%,radial-gradient(closest-side,#50404ae6,#50404a00) 12% 9%/28% 16%}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(34%)}}.node.route-stop.fogged{z-index:1}.route-map.rows-8 .node.route-stop{width:11%}.node.route-stop.looming{z-index:7;opacity:.8}.node.route-stop.looming .route-badge{filter:grayscale(.35)brightness(.8);box-shadow:0 0 0 2px #2a1404,0 0 18px 6px #9650dc8c}.route-compass{z-index:4;opacity:.92;pointer-events:none;filter:drop-shadow(0 2px 2px #0006);width:15%;position:absolute;bottom:2%;right:3%}.route-compass-n{fill:#4a2405;font-family:IM Fell English SC,Georgia,serif;font-size:16px}@media (prefers-reduced-motion:reduce){.route-fog-drift{animation:none}.route-fog{transition:none}}.route-lines{width:100%;height:100%;position:absolute;inset:0}.route-line{stroke-linecap:round;vector-effect:non-scaling-stroke}.route-line.ahead{stroke:#ffffff8c;stroke-width:3px;stroke-dasharray:2 9}.route-line.past{stroke:#ffffff2e;stroke-width:2px;stroke-dasharray:2 9}.route-line.next{stroke:#fff6dc;stroke-width:4px;stroke-dasharray:10 8;animation:.9s linear infinite route-march}.route-line.trail{stroke:#f5c84a;stroke-width:6px;stroke-dasharray:14 7;filter:drop-shadow(0 0 2px #2a1404)}@keyframes route-march{to{stroke-dashoffset:-18px}}.node.route-stop{color:#fff6dc;background:0 0;border:0;justify-items:center;gap:2px;width:12.5%;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.route-badge{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#2c5d93,#0d2140 70%);border:3px solid #df9c1c;border-radius:50%;width:100%;transition:transform .12s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 0 0 2px #2a1404,0 4px 0 2px #2a1404}.route-badge img{object-fit:cover;width:100%;height:100%;display:block}.route-badge .node-icon{place-items:center;height:100%;font-size:2rem;display:grid}.route-label{letter-spacing:.5px;text-shadow:0 1px #2a1404;white-space:nowrap;background:#0d2140e6;border:2px solid #df9c1c;border-radius:999px;margin-top:-6px;padding:0 7px;font-family:Lilita One,system-ui,sans-serif;font-size:clamp(10px,2.9cqw,15px);position:relative}.node.route-stop.type-elite .route-badge{border-color:#e0584c}.node.route-stop.type-miniBoss .route-badge{border-color:#b77be0}.node.route-stop.open{cursor:pointer;z-index:2}.node.route-stop.open .route-badge{animation:1.4s ease-in-out infinite route-glow}.node.route-stop.open:hover:not(:disabled) .route-badge{transform:scale(1.08)}.node.route-stop.open:disabled{cursor:default}@keyframes route-glow{0%,to{box-shadow:0 0 0 2px #2a1404,0 0 8px 3px #ffd86699}50%{box-shadow:0 0 0 2px #2a1404,0 0 20px 8px #ffd866f2}}.node.route-stop:disabled{opacity:1}.node.route-stop.ahead .route-badge{filter:saturate(.75)}.node.route-stop.skipped{opacity:.45}.node.route-stop.skipped .route-badge{filter:grayscale(.9)}.node.route-stop.visited .route-badge{filter:saturate(.6)brightness(.85)}.node.route-stop.visited .route-label:before{content:"✓ ";color:#8ee08a}.route-start{color:#4a2405;background:linear-gradient(#f5c84a,#df9c1c 55%,#a8620b);border:2px solid #ffd970;border-radius:999px;padding:4px 14px;font-family:Lilita One,system-ui,sans-serif;font-size:clamp(12px,3.6cqw,18px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #2a1404}.route-party{pointer-events:none;z-index:3;filter:drop-shadow(0 2px 1px #00000080);width:7%;position:absolute;transform:translate(-30%,-125%)}.route-party svg{width:100%;display:block}.boss-intro{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;display:flex}.boss-intro p{flex:1;min-width:220px;margin:0}.boss-portrait{width:min(260px,100%)}.boss-card{aspect-ratio:350/420;background:radial-gradient(circle at 50% 38%,#9a5ae0 0%,#5a2a98 26%,#2a1250 55%,#12081f 85%);border:3px solid #b77be0;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #2a1404,0 0 22px #7a3ab8a6}.boss-card-shards{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.boss-card-shards.front{z-index:60}.boss-card-figure{aspect-ratio:1;z-index:2;opacity:0;filter:contrast(1.12)saturate(1.05)brightness(.92)drop-shadow(0 0 2px #d9a8ff)drop-shadow(0 0 12px #9650e6d9);transition:opacity .5s;position:absolute;bottom:-4%;left:-9%;right:-9%}.boss-card-figure.ready{opacity:1}.boss-card-layer{width:100%;height:100%;position:absolute;inset:0}.boss-card-layer.part-eyes{filter:sepia()hue-rotate(140deg)saturate(6)brightness(1.5)drop-shadow(0 0 2px #5fe8ff)drop-shadow(0 0 6px #5fe8ff);animation:2.4s ease-in-out infinite boss-glow}.boss-card-layer.part-tattoos{filter:brightness(1.5)saturate(1.4)drop-shadow(0 0 3px #5fe8ff)drop-shadow(0 0 9px #5fe8ff);animation:2.4s ease-in-out infinite boss-glow}.boss-card-shade{z-index:55;pointer-events:none;background:linear-gradient(#0000 70%,#120624e6),linear-gradient(#12062473,#0000 22%);position:absolute;inset:0}@keyframes boss-glow{0%,to{opacity:1}50%{opacity:.82}}.enemy-art.boss-card{width:100%}@media (prefers-reduced-motion:reduce){.boss-card-layer{animation:none!important}}.commander-panel{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin:4px 0 10px;padding:8px 10px}.commander-effects{margin:0;padding-left:18px;font-size:.9rem}.commander-effects li{color:var(--good)}.commander-orders{border:1px solid var(--line);border-radius:6px;gap:4px;margin:8px 0 0;padding:6px 10px;display:grid}.commander-orders legend{padding:0 4px;font-weight:600}.order-targets{gap:6px;margin-top:4px;display:grid}.order-side{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toggle.on{background:var(--accent);color:#1a1405;border-color:var(--accent)}.commander-orders label.row{flex-wrap:nowrap;align-items:flex-start}.leaderboards,.board-submit{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;gap:8px;margin:0 0 16px;padding:12px 14px;display:grid}.leaderboards button.on{background:var(--accent);color:#1a1405;border-color:var(--accent)}.board{gap:4px;margin:0;padding:0;list-style:none;display:grid}.board li{background:#ffffff08;border-radius:6px;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.board li.won .board-result{color:var(--good)}.board li.mine{box-shadow:inset 0 0 0 2px var(--accent)}.board-rank{color:var(--accent);text-align:right;font-weight:800}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-result{color:var(--muted);white-space:nowrap;font-size:.85rem}.commander-badge{z-index:3;width:max(64px, calc(var(--cw,120px) * .55));justify-items:center;gap:2px;display:grid;position:absolute;bottom:14px;left:14px}.commander-badge .commander-art{aspect-ratio:1;object-fit:cover;object-position:50% 28%;border:3px solid var(--accent);background:#1a1405;border-radius:50%;width:100%;box-shadow:0 0 14px #e0b03099,0 4px 10px #0009}.commander-badge .commander-name{color:#1a1405;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#f3cf5a,#c99a24);border-radius:999px;max-width:140%;padding:1px 8px;font-size:.72rem;font-weight:700;overflow:hidden}.battlefield.dealing .commander-badge{animation:.4s .9s both fade-in}.card-art.miniboss-card{aspect-ratio:350/420;text-align:center;border:3px solid var(--zone-glow);background:linear-gradient(180deg, var(--zone-from), var(--zone-to));width:100%;box-shadow:inset 0 0 0 2px #00000080, 0 0 18px color-mix(in srgb, var(--zone-glow) 55%, transparent);border-radius:10px;display:block;position:relative;overflow:hidden;container-type:inline-size}.miniboss-portrait{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.miniboss-zone{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:var(--zone-glow);text-shadow:0 1px 2px #000;background:linear-gradient(#0009,#0000);padding:3% 4% 8%;font-size:max(.5rem,6.5cqw);position:absolute;top:0;left:0;right:0}.miniboss-name{color:#fff4d6;text-shadow:0 2px 4px #000;background:linear-gradient(#0000,#000000bf);padding:14% 5% 1%;font-size:max(.6rem,9.5cqw);font-weight:900;line-height:1.1;position:absolute;bottom:13%;left:0;right:0}.miniboss-trick{white-space:nowrap;color:#10131a;background:var(--zone-glow);border-radius:999px;padding:1px 8px;font-size:max(.5rem,7cqw);font-weight:800;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.bcard.miniboss .bcard-shell{box-shadow:0 0 22px #ffb07080}.bcard.champion .bcard-shell{animation:2.4s ease-in-out infinite champion-glow;box-shadow:0 0 0 2px #ffd65a,0 0 18px #ffd25abf}.bcard-champion{z-index:61;white-space:nowrap;color:#1a1405;background:linear-gradient(#fff1b8,#e0b030);border-radius:999px;padding:0 7px;font-size:.62rem;font-weight:900;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffd25ab3}.unit.enemy.champion{border-color:#e0b030;box-shadow:0 0 0 1px #e0b030,0 0 16px #ffd25a73}.champion-tag{color:#1a1405;background:linear-gradient(#fff1b8,#e0b030);border-radius:999px;margin:2px 0;padding:1px 8px;font-size:.75rem;font-weight:900;display:inline-block}@keyframes champion-glow{0%,to{box-shadow:0 0 0 2px #ffd65a,0 0 14px #ffd25a8c}50%{box-shadow:0 0 0 2px #ffe58a,0 0 26px #ffe178f2}}@media (prefers-reduced-motion:reduce){.bcard.champion .bcard-shell{animation:none}}.lineup-sub{color:#b9c4d6;letter-spacing:.06em;text-transform:uppercase;margin:10px 0 2px;font-size:.9rem}.lineup.backups{padding-left:0;list-style:none}.lineup .pos.backup{color:#d6deec;background:#3a4252;font-size:.7rem}.lineup li.backup{opacity:.9;border-style:dashed}.music-btn{white-space:nowrap}.music-fab{z-index:90;position:fixed;top:14px;right:14px;box-shadow:0 4px 12px #00000073}body:has(.topbar) .music-fab{display:none}.setting input[type=range]{width:min(260px,100%)}.battlefield.has-actor .bcard:not(.acting):not(.targeted):not(.dying) .bcard-art{filter:brightness(.72)saturate(.8);transition:filter .25s}.battlefield .bcard .bcard-art{transition:filter .25s}.bcard.lunging{z-index:5}.bcard.hit .bcard-shell{animation:hit-flash .3s ease-out var(--hit-delay,0s) 1 both}.bcard.party.hit .bcard-cut{--kb:9px}.bcard.enemy.hit .bcard-cut{--kb:-9px}.bcard.hit.big .bcard-cut{--kb-mul:2}.bcard.hit .bcard-cut{animation:knock-back .32s cubic-bezier(.2, .7, .3, 1) var(--hit-delay,0s) 1 both}@keyframes hit-flash{0%{filter:none}12%{filter:brightness(3.2)saturate(0)}45%{filter:brightness(1.4)}to{filter:none}}@keyframes knock-back{0%{transform:none}20%{transform:translateY(calc(var(--kb) * var(--kb-mul,1))) rotate(calc(var(--kb) * .25deg))}to{transform:none}}.fx-pop.big{color:#ff3b2e;font-size:2rem;animation-name:pop-big;animation-duration:1s}@keyframes pop-big{0%{opacity:0;transform:translate(-50%,-30%)scale(.4)}14%{opacity:1;transform:translate(-50%,-70%)scale(1.45)}26%{transform:translate(-50%,-60%)scale(.95)}38%{transform:translate(-50%,-66%)scale(1.08)}75%{opacity:1;transform:translate(-50%,-120%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(.95)}}.fx-aim{opacity:0;width:0;height:0;animation:.52s ease-out both aim;position:absolute}.fx-aim i{background:conic-gradient(from 0deg, transparent 0 40deg, #ff5a4c00 40deg 50deg, transparent 50deg);border:2px solid #ff5a4ce6;border-radius:50%;width:64px;height:64px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #ff5a4cb3}.fx-aim i:before,.fx-aim i:after{content:"";background:linear-gradient(#ff5a4cf2 0 9px,#0000 9px calc(100% - 9px),#ff5a4cf2 calc(100% - 9px));width:2px;height:calc(100% + 18px);position:absolute;top:-9px;left:50%;transform:translate(-50%)}.fx-aim i:after{transform:translate(-50%)rotate(90deg)}@keyframes aim{0%{opacity:0;transform:scale(1.7)rotate(-40deg)}35%{opacity:1;transform:scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}.fx-shot.spark:before{width:calc(24px - var(--n) * 5px);height:calc(24px - var(--n) * 5px);background:radial-gradient(circle, #fff 0 30%, var(--fx) 60%, transparent 78%);box-shadow:0 0 10px 3px var(--fx);filter:brightness(1.4);opacity:calc(1 - var(--n) * .2);border-radius:50%}.fx-impact.magic:after{content:"";width:30px;height:30px;animation:.42s ease-out both ring-out;animation-delay:inherit;border:3px solid #d7b8ff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 14px #b98cff}@keyframes ring-out{0%{opacity:1;width:20px;height:20px}to{opacity:0;width:120px;height:120px}}.fx-shards.metal i{clip-path:polygon(0 20%,70% 0,100% 60%,30% 100%);background:linear-gradient(135deg,#f2f5fa,#9aa4b4 55%,#545c6a);width:10px;height:8px;animation-duration:.56s}.bcard.entering{animation:enter-line .52s cubic-bezier(.2, .8, .3, 1.2) var(--enter-delay,0s) 1 both}.bcard.enemy.entering{animation-name:enter-line-enemy}@keyframes enter-line{0%{opacity:0;transform:translateY(60px)scale(.85)}to{opacity:1;transform:none}}@keyframes enter-line-enemy{0%{opacity:0;transform:translateY(-60px)scale(.85)}to{opacity:1;transform:none}}.fx-dust{width:0;height:0;position:absolute}.fx-dust i{opacity:0;width:34px;height:22px;animation:.7s ease-out both dust;animation-delay:inherit;background:radial-gradient(circle,#dccdb4bf,#0000 70%);border-radius:50%;position:absolute}.fx-dust i:first-child{--dx:-46px}.fx-dust i:nth-child(2){--dx:-16px}.fx-dust i:nth-child(3){--dx:16px}.fx-dust i:nth-child(4){--dx:46px}@keyframes dust{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -90%) scale(1.6)}}.fx-flash{opacity:0;background:radial-gradient(at 50% 40%,#ff3c2873,#78000059 60%,#3c000080);animation:.9s ease-out both red-flash;position:absolute;inset:0}@keyframes red-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.fx-shout{opacity:0;white-space:nowrap;letter-spacing:.06em;color:#ffe2d6;text-shadow:0 3px #6a0d06,0 0 24px #ff3c28e6;font-family:Lilita One,system-ui,sans-serif;font-size:clamp(1.8rem,6vw,3.6rem);animation:1.1s cubic-bezier(.2,.8,.3,1) both shout;position:absolute;top:42%;left:50%}@keyframes shout{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}26%{transform:translate(calc(-50% - 4px),-50%)scale(1.02)}34%{transform:translate(calc(4px - 50%),-50%)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)scale(.96)}}@media (prefers-reduced-motion:reduce){.bcard.hit .bcard-shell,.bcard.hit .bcard-cut,.bcard.entering,.fx-aim,.fx-dust i,.fx-flash,.fx-shout{animation:none}}.end-scene{padding-bottom:32px}.end-headline{color:#fff4d6;text-shadow:0 2px 6px #000;margin:6px 0 0;font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:800}.end-scene.loss .end-headline{color:#ffd2c8}.end-unlock{color:#1a1405;background:linear-gradient(#fff1b8,#e0b030);border-radius:999px;margin:0;padding:6px 16px;animation:.5s ease-out .8s both fade-in;box-shadow:0 0 18px #ffd25a99}.end-panel{color:#f2efe4;background:linear-gradient(#2a2440e6,#17131fed);border:2px solid #8a6a20;border-radius:14px;width:min(920px,100%);padding:14px 18px;animation:.45s ease-out both fade-in;box-shadow:inset 0 0 0 1px #ffdc8c24,0 10px 26px #00000080}.end-panel h3{color:#f6d35d;letter-spacing:.08em;text-transform:uppercase;filter:drop-shadow(0 1px #7a5410);margin:0 0 10px;font-size:1rem}.end-panels{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:min(920px,100%);display:grid}.end-panels .end-panel{width:auto}.end-board{grid-column:1/-1}.end-board .panel{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.end-trail{flex-wrap:wrap;align-items:flex-end;gap:18px 6px;margin:0;padding:18px 4px 4px;list-style:none;display:flex}.end-stop{min-width:64px;animation:trail-in .4s ease-out calc(.6s + var(--i) * 90ms) both;justify-items:center;gap:4px;display:grid;position:relative}.end-stop:not(:last-child):after{content:"";border-top:3px dotted #f6d35db3;position:absolute;top:calc(100% - 46px);left:calc(50% + 28px);right:calc(22px - 50%)}.end-act{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#f6d35d;font-size:.7rem;font-weight:800;position:absolute;top:-20px;left:0}.end-badge{background:radial-gradient(circle at 40% 35%,#3a3150,#1a1626);border:3px solid #c99a24;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 4px 10px #00000080}.end-badge img{object-fit:cover;border-radius:50%;width:44px;height:44px}.end-boss{color:#ffb0a0;font-size:1.6rem}.end-stop.stop-raidBoss .end-badge{border-color:#e2554a}.end-stop-name{color:#d8d2c0;font-size:.72rem}.end-mark{border-radius:50%;place-items:center;width:24px;height:24px;font-size:.85rem;font-weight:900;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #0009}.end-stop.fell .end-mark{color:#fff;background:#c8323c}.end-stop.won .end-mark{color:#1a1405;background:linear-gradient(#fff1b8,#e0b030)}.end-stop.final .end-badge{animation:1.8s ease-in-out 1.4s infinite final-glow}.end-stop.fell .end-badge{filter:grayscale(.5)}@keyframes trail-in{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:none}}@keyframes final-glow{0%,to{box-shadow:0 0 #ffd25a00,0 4px 10px #00000080}50%{box-shadow:0 0 18px 4px #ffd25ab3,0 4px 10px #00000080}}.end-stop.fell.final .end-badge{animation-name:final-glow-red}@keyframes final-glow-red{0%,to{box-shadow:0 0 #e2554a00}50%{box-shadow:0 0 18px 4px #e2554abf}}.end-medals{flex-wrap:wrap;gap:8px;display:flex}.end-medal{color:#1a1405;background:linear-gradient(#fff1b8,#e0b030);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-weight:800;display:inline-flex;box-shadow:0 0 12px #ffd25a73}.end-medal i{color:#fff1b8;background:#8a6410;border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.end-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0 0 8px;padding:0;list-style:none;display:grid}.end-stats li{border-bottom:1px dashed #c99a2459;justify-content:space-between;gap:8px;padding-bottom:3px;display:flex}.end-stats span{color:#cfc8b4}.end-history summary{cursor:pointer;color:#f6d35d;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:800}.end-history ol{color:#e6e0cf;margin:10px 0 0;font-size:.9rem}@media (prefers-reduced-motion:reduce){.end-stop,.end-panel,.end-unlock,.end-stop.final .end-badge{animation:none}}.blocked-by{color:#1a1405;background:#c9b37a;border-radius:999px;margin-top:2px;padding:1px 8px;font-weight:800;display:inline-block}.card-art{aspect-ratio:350/420;object-fit:cover;background:#1a1d26;border-radius:6px;width:100%;height:auto;display:block}.card-art.placeholder{text-align:center;border:2px solid var(--line);align-content:center;justify-items:center;gap:2px;padding:6px;font-size:.8rem;display:grid;overflow:hidden}.card-art.placeholder .ph-name{font-weight:600;line-height:1.15}.card-art.placeholder .ph-sub{color:var(--muted);font-size:.7rem}.cards.tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.card.tile{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:4px;transition:border-color .15s,transform .15s}.card.tile:hover:not(.disabled),.card.tile:focus-within{border-color:var(--accent)}.card.tile>button{margin-top:auto;padding:3px 6px;font-size:.8rem}.tile-body{justify-items:start;gap:1px;display:grid}.tile-title{align-items:center;gap:4px;min-width:0;display:flex}.tile-name{overflow-wrap:anywhere;font-size:.74rem;line-height:1.15}.card.tile .small{font-size:.72rem;line-height:1.2}.card.tile.picked{box-shadow:0 0 0 2px var(--good)}.card.tile.disabled .card-art{filter:grayscale(.9)}.card-preview{z-index:60;background:var(--panel);border:2px solid var(--accent);pointer-events:none;border-radius:12px;width:clamp(170px,83.33vh - 124.995px,300px);max-width:calc(100vw - 16px);padding:8px;animation:.12s ease-out pop;position:fixed;box-shadow:0 12px 40px #0009}.card-preview .card-art{border-radius:8px}.preview-body{gap:4px;padding:8px 2px 2px;display:grid}@media (prefers-reduced-motion:reduce){.card-preview{animation:none}.card.tile{transition:none}}.searchbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.searchbar input[type=search]{flex:260px;min-width:200px}.thumb{border-radius:4px;flex:none;width:36px}.unit.enemy .enemy-art{width:100%;max-width:150px;margin-bottom:6px}@media (width>=901px){.prep-grid>section:last-child{max-height:calc(100vh - 72px);position:sticky;top:56px;overflow:auto}}.summoners{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:6px;display:grid}.summoner-tile{text-align:left;background:var(--panel-2);border-width:2px;align-content:start;justify-items:stretch;gap:3px;padding:4px;display:grid}.summoner-tile .tile-name{overflow-wrap:anywhere;font-size:.74rem;line-height:1.15}.summoner-tile .small{font-size:.72rem}.summoner-tile.picked{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.summoner-tile:hover:not(.picked),.summoner-tile:focus-visible{border-color:var(--accent)}.summoner-tile.none .none-box{aspect-ratio:350/420;color:var(--muted);border:1px dashed var(--line);background:#1a1d26;border-radius:6px;place-items:center;display:grid}.commander-line{align-items:center;gap:8px;display:flex}.commander-line .thumb{width:36px}.avatar{object-fit:cover;vertical-align:middle;background:#1a1d26;border-radius:50%;flex:none;display:inline-block}.avatar.placeholder{color:var(--text);border:1px solid var(--line);background:linear-gradient(135deg,#3a4260,#262a36);place-items:center;font-weight:700;display:inline-grid}.player-title{align-items:center;gap:8px;display:flex}.topbar .leader{align-items:center;gap:6px;display:inline-flex}.avatar-figure{background:#1a1d26;border-radius:12%;position:relative;overflow:hidden}.avatar-layer{width:100%;height:100%;display:block;position:absolute;inset:0}.start{--gold-1:#f5c84a;--gold-2:#df9c1c;--gold-3:#a8620b;--ink:#2a1404;--navy-1:#21508a;--navy-2:#173a63;--navy-3:#0d2140;--cream:#fff6dc;min-height:100dvh;color:var(--cream);background:#0d2140 url(./home-bg-1920-Czn4yjxz.webp) 50%/cover no-repeat fixed;flex-direction:column;align-items:center;padding:2vh 16px 0;font-family:Nunito,system-ui,sans-serif;display:flex;position:relative;overflow-x:hidden}@media (width<=1100px){.start{background-image:url(./home-bg-1024-CxWFaRjq.webp);background-attachment:scroll}}.start-logo{margin:0;line-height:0}.start-logo img{filter:drop-shadow(0 6px 10px #140a0059);width:min(680px,88vw);height:auto}.start-menu{gap:12px;width:min(420px,100%);margin-top:clamp(8px,4vh,48px);display:grid}.mbtn{cursor:pointer;letter-spacing:1px;min-height:58px;color:var(--cream);background:linear-gradient(var(--navy-1), var(--navy-2) 55%, var(--navy-3));border:4px solid var(--gold-2);box-shadow:0 0 0 3px var(--ink), 0 6px 0 3px var(--ink), inset 0 2px 0 #ffffff40;text-shadow:0 3px 0 var(--ink), 0 0 2px var(--ink);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:8px 18px;font-family:Lilita One,system-ui,sans-serif;font-size:26px;line-height:1.15;transition:transform 80ms;display:flex;position:relative}.mbtn:hover:not(:disabled){border-color:var(--gold-1);transform:translateY(-2px)scale(1.02)}.mbtn:active:not(:disabled){transform:translateY(2px)}.mbtn:disabled{opacity:.6;cursor:not-allowed}.mbtn small{letter-spacing:.5px;color:var(--gold-1);text-shadow:0 1px 0 var(--ink);font-family:Nunito,sans-serif;font-size:13px;font-weight:800}.mbtn.primary{color:#4a2405;background:linear-gradient(var(--gold-1), var(--gold-2) 55%, var(--gold-3));text-shadow:0 2px #fff6;border-color:#ffd970;min-height:70px;font-size:32px}.mbtn.primary small{color:#5a3008;text-shadow:none}.mbtn.back{min-height:44px;padding:4px 16px;font-size:18px}.start-join{grid-template-columns:1fr auto;gap:10px;display:grid}.start-join input{text-transform:uppercase;letter-spacing:6px;min-width:0;height:58px;color:var(--cream);border:4px solid var(--gold-2);box-shadow:0 0 0 3px var(--ink);background:#0d2140e0;border-radius:14px;padding:0 16px;font-family:Lilita One,sans-serif;font-size:24px}.start-join input::placeholder{color:#8fa6d6;letter-spacing:2px;font-size:18px}.start-join .mbtn{min-width:110px}.start-error{text-align:center;background:#5a0a0ad9;border-radius:8px;margin:0;padding:6px 10px;font-weight:800}.start-chips{flex-wrap:wrap;justify-content:center;gap:14px;width:min(1000px,100%);margin:auto 0 0;padding:32px 0 18px;display:flex}.mchip{cursor:pointer;color:var(--cream);letter-spacing:.5px;border:3px solid var(--gold-2);box-shadow:0 0 0 2px var(--ink), 0 4px 0 2px var(--ink);text-shadow:0 2px 0 var(--ink);background:#0d2140e6;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-family:Lilita One,sans-serif;font-size:18px;display:flex}.mchip:hover{border-color:var(--gold-1)}.mchip svg{width:20px;height:20px;fill:var(--gold-1)}.start-footer{color:#fff;text-shadow:0 1px 2px #000000b3;background:linear-gradient(#0000,#081228d1 45%);grid-template-columns:1fr auto 1fr;align-self:stretch;align-items:end;gap:6px 16px;margin:auto -16px 0;padding:22px 20px 12px;font-size:13px;font-weight:800;display:grid}.start-credit{color:var(--gold-1);text-align:center;font-size:15px}.start-credit a,.start-credit span{color:#fff}.start-fan{text-align:right}@media (width<=760px){.start-footer{text-align:center;grid-template-columns:1fr}.start-fan{text-align:center}.start-version{display:none}.mbtn{font-size:22px}.mbtn.primary{font-size:28px}}.start-page{justify-content:flex-start}.sheet{border:4px solid var(--gold-2);width:min(760px,100%);max-height:calc(100dvh - 110px);box-shadow:0 0 0 3px var(--ink), 0 10px 30px #00000073;color:var(--text);background:#0d1c36f0;border-radius:18px;grid-template-rows:auto 1fr;margin:2vh 0 24px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.sheet.wide{width:min(1100px,100%)}.sheet-head{border-bottom:2px solid #df9c1c66;align-items:center;gap:16px;padding:14px 18px;display:flex}.sheet-head h1{letter-spacing:1px;color:var(--gold-1);text-shadow:0 3px 0 var(--ink);font-family:Lilita One,sans-serif;font-size:32px;font-weight:400}.sheet-body{align-content:start;gap:10px;padding:14px 18px 18px;display:grid;overflow-y:auto}.sheet-body h2{color:var(--gold-1);letter-spacing:.5px;margin-top:6px;font-family:Lilita One,sans-serif;font-weight:400}.sheet-body p,.sheet-body ul{margin:0}.sheet-body a{color:var(--gold-1)}.sheet-body .player-card{background:#ffffff0f}.sheet .muted{color:#a9b4cf}.credit-big{color:var(--cream);font-family:Lilita One,sans-serif;font-size:28px}.solo-seats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.grow-input{flex:1;min-width:200px}.settings{gap:14px;display:grid}.setting{align-items:center;gap:12px;display:flex}.setting input[type=checkbox]{accent-color:#df9c1c;width:22px;height:22px}.codex{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.codex li{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.codex li.unsupported{opacity:.45}.codex-name{align-items:center;gap:6px;font-weight:700;display:flex}html.large .mbtn{font-size:30px}html.large .mchip{font-size:21px}