:root{--night: #12141c;--table: #1b1f2b;--table-edge: #2a3042;--mist: #9aa3b8;--ink: #e8e4d8;--parchment: #ece3cc;--parchment-ink: #2a2318;--essence: #74d4c6;--essence-dim: #2c4d4c;--gold: #e7b54a;--blood: #e0604f;--heal: #8fd081;--haste: #5ee65a;--ember: #c9583f;--grove: #5f9c58;--hollow: #8b6cb3;--neutral: #8a8e9a;--font-display: "IM Fell English SC", "Palatino Linotype", Palatino, Georgia, serif;--font-body: "Alegreya Sans", "Gill Sans", "Trebuchet MS", system-ui, sans-serif;--follower-w: clamp(40px, calc((100vw - 48px) / 7.6), 86px);--card-w: clamp(70px, 17vw, 128px);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(ellipse at 50% 50%,#232a3a 0%,var(--night) 70%) fixed,var(--night);color:var(--ink);font-family:var(--font-body);font-size:15px;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[data-ref]:focus-visible,.card:focus-visible{outline:2px solid var(--essence);outline-offset:2px}.start{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 16px 40px}.start h1{font-family:var(--font-display);font-weight:400;font-size:clamp(42px,9vw,84px);line-height:1;margin:0;letter-spacing:.02em;background:linear-gradient(180deg,var(--ink) 30%,var(--essence) 140%);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.start .sub{color:var(--mist);margin:-14px 0 0;text-align:center;max-width:46ch}.beta{display:inline-block;vertical-align:top;margin-left:.1em;font-family:var(--font-body);font-size:clamp(11px,1.6vw,14px);font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;padding:.35em .6em;border-radius:999px;color:#1a1408;background:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 50%,transparent);cursor:help;-webkit-text-fill-color:#1a1408}.title-card-inner .beta{vertical-align:top}.home{justify-content:safe center}.home-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:760px}.home-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:150px;padding:22px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--essence) 14%,var(--table)),var(--table));border:1px solid color-mix(in srgb,var(--essence) 45%,var(--table-edge));transition:transform .15s,box-shadow .15s,border-color .15s}.home-tile:not(:disabled):hover{transform:translateY(-3px);border-color:var(--essence);box-shadow:0 10px 30px -10px var(--essence)}.home-tile .glyph{font-size:44px;line-height:1}.home-tile .name{font-family:var(--font-display);font-size:30px;line-height:1.1;color:var(--ink)}.home-tile .text{color:var(--mist);font-size:15px}.home-tile.soon{background:var(--table);border-color:var(--table-edge);cursor:default}.home-tile.soon .glyph{filter:grayscale(1);opacity:.5}.home-tile.soon .name{color:var(--mist)}.home-tile .tag{position:absolute;top:16px;right:16px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:999px;border:1px solid var(--table-edge);color:var(--mist)}@media (max-width: 560px){.start.home{gap:14px;padding:18px 12px 28px}.home-tiles{gap:10px}.home-tile{min-height:92px;padding:12px 8px;gap:6px;border-radius:14px}.home-tile .glyph{font-size:30px}.home-tile .glyph svg{width:30px;height:30px}.home-tile .name{font-size:19px}.home-tile .tag{top:6px;right:6px;font-size:9px;padding:2px 6px}}.home-deck{display:flex;align-items:center;gap:10px;color:var(--mist);font-size:14px;flex-wrap:wrap;justify-content:center}.home-deck select{background:var(--night);color:var(--ink);border:1px solid var(--table-edge);border-radius:8px;padding:6px 10px;font:inherit}.home-deck .gems{display:inline-flex;gap:3px}.home-deck .problem{color:var(--blood)}.home-back{align-self:flex-start;border:1px solid var(--table-edge);background:transparent;border-radius:999px;padding:5px 14px;color:var(--mist)}.home-back:hover{color:var(--ink);border-color:var(--essence)}.over-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.over-actions .home-back{align-self:center;padding:10px 22px;font-size:17px}.deck-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1200px}.deck-tab{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--table);border:1px solid var(--table-edge);max-width:100%}.deck-tab .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch}.deck-tab small{color:var(--mist);font-variant-numeric:tabular-nums}.deck-tab[aria-pressed=true]{border-color:var(--essence);box-shadow:0 0 0 1px var(--essence)}.deck-tab.new{border-style:dashed;color:var(--mist)}.gems{display:inline-flex;gap:3px}.gem{display:inline-block;width:11px;height:11px;transform:rotate(45deg);flex:none;background:var(--ec, var(--essence));border:1px solid color-mix(in srgb,var(--ec, var(--essence)) 60%,white)}.builder{width:100%;max-width:1200px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"colors deck" "cards deck";align-items:start}@media (max-width: 860px){.builder{grid-template-columns:minmax(0,1fr);grid-template-areas:"colors" "deck" "cards"}}.builder section,.deck-panel{background:var(--table);border:1px solid var(--table-edge);border-radius:10px;padding:14px;min-width:0}.builder h2{font-family:var(--font-display);font-weight:400;font-size:22px;margin:0 0 10px}.builder h2 small{font-family:var(--font-body);font-size:13px;color:var(--mist);margin-left:6px}.colors-panel{grid-area:colors}.collection{grid-area:cards}.deck-panel{grid-area:deck;position:sticky;top:0;display:flex;flex-direction:column;gap:10px}@media (max-width: 860px){.deck-panel{position:static}}.colors{display:flex;flex-wrap:wrap;gap:8px}.color{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--ec) 18%,transparent);border:1px solid var(--ec);box-shadow:0 0 12px -5px var(--ec);transition:background .15s,box-shadow .15s,transform .1s}.color .gem{box-shadow:0 0 6px var(--ec)}.color:not(:disabled):hover{background:color-mix(in srgb,var(--ec) 32%,transparent);box-shadow:0 0 0 1px var(--ec),0 0 16px -3px var(--ec)}.color:not(:disabled):active{transform:scale(.96)}.color.on{box-shadow:0 0 0 1px var(--ec),0 0 14px -4px var(--ec)}.color small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}.color:disabled{filter:grayscale(1);opacity:.4;box-shadow:none;background:transparent;border-color:var(--table-edge);color:var(--mist);cursor:default}.bucket{display:flex;gap:12px;margin-bottom:12px}.slot{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;position:relative;border:2px dashed var(--table-edge);background:var(--night)}.slot.filled{border:2px solid var(--ec);box-shadow:0 0 12px -2px var(--ec);padding:0}.slot .gem{width:18px;height:18px;box-shadow:0 0 8px var(--ec)}.slot .x{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;font-size:12px;line-height:16px;background:var(--night);border:1px solid var(--table-edge);color:var(--mist);opacity:0;transition:opacity .15s}.slot.filled:hover .x,.slot.filled:focus-visible .x{opacity:1}@media (hover: none){.slot .x{opacity:1}}.income{margin:10px 0 0;color:var(--mist);font-size:14px}.income b{color:var(--ink)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px 12px}.tile{display:flex;gap:12px;align-items:stretch;padding:10px 6px 4px 10px;--card-w: 126px}.tile .card.addable{cursor:pointer}.tile .card.addable:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--essence),0 0 14px var(--essence)}.tile.off .card{filter:grayscale(.85) brightness(.7)}.tile .info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.tile .flavor{margin:0;font-style:italic;font-size:13px;line-height:1.35;color:var(--mist);flex:1}.tile .needs{margin:0;font-size:12px;color:var(--blood)}.deck-warning{margin:6px 0;padding:6px 10px;border-radius:8px;border:1px solid #c9922e;background:color-mix(in srgb,#c9922e 14%,transparent);font-size:13px;color:#f3d38a}.deck-warning ul{margin:4px 0 0;padding-left:18px;color:var(--ink)}.count{display:flex;align-items:center;gap:10px}.count button,.deck-stats .power.over{color:var(--blood);font-weight:800}.deck-stats .short{color:var(--gold)}.tile .info .power{margin:0;font-size:12px;font-weight:700;color:#c9a7ff}.deck-list button{width:30px;height:30px;border-radius:50%;font-size:18px;font-weight:800;line-height:1;background:var(--night);border:1px solid var(--table-edge);flex:none}.count button:disabled{opacity:.3;cursor:default}.count b{font-size:18px;font-variant-numeric:tabular-nums;min-width:3ch;text-align:center}.count b small{font-size:12px;color:var(--mist);font-weight:500}.tile.in .count b{color:var(--essence)}.leader-pick{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mist);text-transform:uppercase;letter-spacing:.06em}.leader-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.leader-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;font:inherit;text-transform:none;letter-spacing:0;color:var(--mist);background:var(--table);border:1px solid var(--table-edge);border-radius:8px;cursor:pointer}.leader-tile .glyph{font-size:18px;line-height:1}.leader-tile .face{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:50% 18%;border-radius:5px;display:block}.leader-tile.locked .face{filter:grayscale(.7)}.leader-tile .nm{font-family:var(--font-display);font-size:12px;line-height:1.1;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.leader-tile:not(:disabled):hover{border-color:var(--ec)}.leader-tile.on{border-color:var(--ec);background:color-mix(in srgb,var(--ec) 22%,var(--table));box-shadow:0 0 0 1px var(--ec),0 0 10px color-mix(in srgb,var(--ec) 60%,transparent)}.leader-tile.locked{opacity:.45;cursor:default}.leader-tile .lock{position:absolute;top:2px;right:4px;font-size:10px}.deck-name{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mist);text-transform:uppercase;letter-spacing:.06em}.deck-name input{font:inherit;font-family:var(--font-display);font-size:20px;text-transform:none;letter-spacing:0;color:var(--ink);background:var(--night);border:1px solid var(--table-edge);border-radius:6px;padding:6px 10px;width:100%}.deck-stats{display:flex;gap:14px;font-size:13px;color:var(--mist)}.deck-stats b{color:var(--ink);font-variant-numeric:tabular-nums}.deck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:min(52vh,460px);overflow-y:auto}.deck-list li{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 8px;border-radius:6px;background:var(--night);border-left:4px solid var(--fc)}.deck-list li.off{opacity:.5}.deck-list li.empty{border:1px dashed var(--table-edge);color:var(--mist);font-size:13px;padding:10px}.deck-list .cost{position:static;flex:none;--pip: 15px}.deck-list .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.deck-list b{font-variant-numeric:tabular-nums}.deck-list button{width:24px;height:24px;font-size:15px}.problem{margin:0;color:var(--blood);font-size:13px}.deck-panel .begin{align-self:stretch}.play-with{display:flex;flex-direction:column;gap:8px}.play-with .begin{font-size:19px;padding:9px 18px}#begin-online{background:transparent;color:var(--essence);border:1px solid var(--essence)}#begin-online:not(:disabled):hover{background:color-mix(in srgb,var(--essence) 15%,transparent)}.deck-actions{display:flex;gap:8px;justify-content:space-between}.deck-actions button{background:transparent;border:none;color:var(--mist);font-size:13px;text-decoration:underline;padding:2px 0}.deck-actions button:disabled{opacity:.35;cursor:default;text-decoration:none}.cost{display:inline-flex;align-items:center;gap:1px;--pip: clamp(13px, calc(var(--card-w) * .17), 19px)}.pip{width:var(--pip);height:var(--pip);border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ec) 55%,white),var(--ec) 70%);border:2px solid var(--night);box-shadow:0 1px 3px #00000080}.pip.n{--ec: #cfc9b8;display:grid;place-items:center;color:var(--night);font-weight:800;font-size:calc(var(--pip) * .62);font-variant-numeric:tabular-nums;width:calc(var(--pip) + 3px);height:calc(var(--pip) + 3px)}.begin{font-family:var(--font-display);font-size:22px;padding:10px 34px;border-radius:999px;background:var(--essence);color:var(--night);border:none}.begin:disabled{opacity:.35;cursor:default}.rules{color:var(--mist);font-size:13px;max-width:62ch;text-align:center;line-height:1.5}.rules p{margin:0 0 8px}.rules b{color:var(--ink)}.game{height:100%;display:grid;grid-template-columns:1fr;--fit: calc((100vh - 190px) / 8.6);--follower-w: clamp(40px, min(calc((100vw - 48px) / 8.1), var(--fit)), 108px);--card-w: clamp(60px, min(19vw, calc(var(--follower-w) * 1.5)), 164px)}@media (min-width: 1000px){.game{grid-template-columns:1fr 260px;--follower-w: clamp(40px, min(calc((100vw - 308px) / 8.1), var(--fit)), 108px)}}.table{position:relative;min-width:0;height:100%;display:grid;grid-template-rows:auto 1fr auto 1fr auto auto;padding:8px 16px;gap:6px;isolation:isolate;background:#1c1009 url(/assets/table-EDK90Djp.jpg) center / 100% 100% no-repeat}.table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 9% 12%,rgb(255 180 90 / .16),transparent 22%),radial-gradient(circle at 92% 10%,rgb(255 180 90 / .14),transparent 22%),radial-gradient(circle at 8% 90%,rgb(255 180 90 / .14),transparent 22%),radial-gradient(circle at 92% 88%,rgb(255 180 90 / .14),transparent 22%);animation:lamp-flicker 5s ease-in-out infinite}.table>.bar>.essence,.table>.bar>.counts{background:#0e08049e;border:1px solid rgb(214 168 104 / .18);border-radius:999px;padding:4px 10px;box-shadow:inset 0 1px 3px #0009,0 1px #ffdcaa0d}@keyframes lamp-flicker{0%,to{opacity:.85}18%{opacity:1}24%{opacity:.78}40%{opacity:.95}62%{opacity:.82}78%{opacity:1}}@media (prefers-reduced-motion: reduce){.table:before{animation:none}}.bar{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.board{display:flex;align-items:center;justify-content:center;gap:16px;min-height:calc(var(--follower-w) * 1.4 + 8px)}.seam{display:flex;flex-direction:column;gap:4px;min-width:0;margin-inline:-16px;padding:4px 16px;background:linear-gradient(180deg,#1c1009d1,#140b06e0);border-top:1px dashed rgb(214 168 104 / .35);border-bottom:1px dashed rgb(214 168 104 / .35);box-shadow:0 2px 8px #00000080,0 -2px 8px #00000059,inset 0 1px #ffdcaa0f}.seam-top{display:flex;align-items:center;gap:4px 12px;min-height:40px;flex-wrap:wrap}.rival{font-size:13px;color:var(--mist)}.rival.ready{color:var(--gold)}.rival.ready:before{content:"✓ "}.queue{list-style:none;margin:0;padding:2px 0 4px;display:flex;gap:6px;overflow-x:auto;min-height:34px;scrollbar-width:thin}.queue li{flex:none;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;background:var(--table);border:1px solid var(--table-edge);white-space:nowrap}.queue li b{font-variant-numeric:tabular-nums;color:var(--gold)}.queue li b.hasted,.power-btn small.hasted{color:var(--haste)}.queue li.mine{border-color:color-mix(in srgb,var(--essence) 55%,var(--table-edge))}.queue li.theirs{border-color:color-mix(in srgb,var(--blood) 55%,var(--table-edge))}.queue li.empty{color:var(--mist);border-style:dashed;white-space:normal}.queue li[data-plan]{cursor:pointer}.queue li[data-plan]:hover .x{color:var(--blood)}.queue li .x{color:var(--mist);font-weight:800}.queue li.done{opacity:.5}.queue li.now{box-shadow:0 0 0 2px var(--gold),0 0 14px var(--gold);opacity:1}.queue li.fizzled .t{text-decoration:line-through}.queue li.fizzled:after{content:"fizzled";font-size:11px;color:var(--mist);text-transform:uppercase;letter-spacing:.06em}.queue li.fizzling{overflow:hidden;animation:fizzle 1.2s ease-in forwards}.queue li.fizzling:after{color:#ff8a80}@keyframes fizzle{0%{box-shadow:0 0 0 2px #ff8a80,0 0 14px #ff4b3e;translate:0;max-width:420px}8%{translate:-4px}16%{translate:4px}24%{translate:-3px}32%{translate:3px}40%{translate:0;box-shadow:0 0 0 2px #ff8a80,0 0 14px #ff4b3e;filter:none;opacity:1;max-width:420px}70%{box-shadow:none;filter:grayscale(1) blur(.5px);opacity:.5;max-width:420px}to{box-shadow:none;filter:grayscale(1) blur(2px);opacity:0;max-width:0;padding-inline:0;margin-right:-6px;border-width:0}}.seam .turn{flex:1;font-family:var(--font-display);font-size:18px;color:var(--mist)}.seam .turn.mine{color:var(--essence)}.end-turn{font-family:var(--font-display);font-size:17px;padding:6px 18px;border-radius:999px;border:1px solid var(--essence);background:var(--essence);color:var(--night)}.end-turn.done{animation:beckon 1.6s ease-in-out infinite}.end-turn:disabled{background:transparent;color:var(--mist);border-color:var(--table-edge);cursor:default;animation:none}@keyframes beckon{50%{box-shadow:0 0 18px 2px var(--essence)}}.alloc-btn{border:1px solid var(--table-edge);background:transparent;border-radius:999px;padding:5px 14px;color:var(--ink);font-size:14px}.alloc-btn:not(:disabled):hover,.alloc-btn.open{border-color:var(--essence)}.alloc-btn.custom{border-color:var(--gold);color:var(--gold)}.alloc-btn:disabled{color:var(--mist);opacity:.5;cursor:default}.log-toggle{border:1px solid var(--table-edge);background:transparent;border-radius:999px;padding:4px 12px;color:var(--mist)}@media (min-width: 1000px){.log-toggle{display:none}}.leader-slot{position:relative;display:flex;align-items:center;gap:12px}.table>.bar:first-child{padding-top:12px}.card.board-follower.leader{--card-w: calc(var(--follower-w) * 1.3)}.card.leader .stat{width:30px;height:30px;font-size:15px}.card.leader .stat.hp{top:-15px;bottom:auto;left:50%;right:auto;translate:-50% 0;z-index:2}.card.leader .nm{padding-top:16px}.table>.bar:first-child .card.leader .stat.hp{top:auto;bottom:-15px}.table>.bar:first-child .card.leader .spd{bottom:auto;top:-8px}.card.leader .art>span:not(.art-frame){position:relative;z-index:0;font-size:calc(var(--card-w) * .5);line-height:1;margin-top:calc(var(--card-w) * .1)}.leader-slot .leader-info{display:flex;flex-direction:column;gap:4px}.leader-slot .stats{display:flex;flex-wrap:wrap;gap:6px;font-weight:800;font-variant-numeric:tabular-nums;max-width:220px}.drag-glyph{font-size:32px}.hp{color:var(--blood)}.haste{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;align-self:center;padding:1px 6px;border-radius:4px;background:var(--gold);color:var(--parchment-ink)}.counts{font-size:13px;color:var(--mist);display:flex;gap:12px;font-variant-numeric:tabular-nums}.counts b{color:var(--ink)}.essence{display:flex;align-items:center;gap:3px}.essence .gem{background:transparent;border-color:var(--table-edge)}.essence .gem.empty{border-color:color-mix(in srgb,var(--table-edge) 60%,var(--mist));opacity:.7}.essence .gem.full{background:var(--ec);border-color:color-mix(in srgb,var(--ec) 60%,white);box-shadow:0 0 6px var(--ec)}.essence .gem.planned{background:color-mix(in srgb,var(--ec) 30%,var(--night));border-color:var(--ec)}.essence .gem.spent{background:var(--ec);border-color:var(--ec);opacity:.28;box-shadow:none}.essence .gem.incoming{background:transparent;border:1.5px dashed var(--ec);box-shadow:inset 0 0 4px color-mix(in srgb,var(--ec) 50%,transparent)}.essence .next{font-size:12px;font-weight:700;color:var(--mist);margin-left:2px;font-variant-numeric:tabular-nums}.essence .gem.draw{display:inline-grid;place-items:center;border:1.5px dashed var(--gold);color:var(--gold);font-size:9px;font-weight:800;line-height:1;cursor:help}.pool-bar{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 10px}.pool-bar .gem{width:16px;height:16px;background:var(--ec);border-color:color-mix(in srgb,var(--ec) 60%,white);box-shadow:0 0 5px var(--ec)}.pool-bar .gem.empty{background:transparent;border:1.5px dashed var(--table-edge);box-shadow:none}.pool-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.pool-color{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;border:1px solid var(--table-edge);background:var(--table)}.pool-color.on{border-color:var(--ec);box-shadow:0 0 10px -4px var(--ec)}.pool-color .gem{background:var(--ec)}.pool-color .nm{font-size:14px}.pool-color .n{min-width:1.4em;text-align:center;font-variant-numeric:tabular-nums;color:var(--ink)}.pool-color .step{width:24px;height:24px;border-radius:6px;border:1px solid var(--table-edge);background:var(--night);color:var(--ink);font:inherit;font-weight:800;line-height:1;cursor:pointer;padding:0}.pool-color .step:not(:disabled):hover{border-color:var(--ec);background:color-mix(in srgb,var(--ec) 25%,var(--night))}.pool-color .step:disabled{opacity:.35;cursor:default}.essence.allocating{padding:4px 6px;margin:-5px -7px;border-radius:10px;border:1px dashed var(--essence)}.essence.allocating .gem{width:18px;height:18px}.essence .gem.pick{padding:0;cursor:pointer;transition:transform .1s}.essence .gem.pick:hover{transform:scale(1.25)}.essence .gem.pick.full{background:color-mix(in srgb,var(--ec) 25%,var(--night));border-color:var(--ec);box-shadow:none}.essence .gem.paying{background:var(--ec);border-color:#fff;box-shadow:0 0 0 2px var(--gold),0 0 10px var(--ec)}.alloc-ctl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.alloc-btn.confirm:not(:disabled){border-color:var(--essence);background:var(--essence);color:var(--night)}.alloc-hint{font-size:13px;color:var(--gold)}.alloc-hint.ok{color:var(--essence)}.essence .num{margin-left:6px;font-weight:800;color:var(--essence);font-variant-numeric:tabular-nums}.power-btn{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--table);border:1px solid var(--table-edge);text-align:left;max-width:240px}.power-btn .cost{flex:none;--pip: 20px}.power-btn .t{font-size:12px;color:var(--mist);line-height:1.2}.power-btn .n{font-family:var(--font-display);font-size:15px}.power-btn.ready{border-color:var(--essence)}.power-btn:disabled{opacity:.45;cursor:default}.power-btn.selected{box-shadow:0 0 0 2px var(--essence),0 0 16px var(--essence)}.power-btn.queued{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.power-btn small{color:var(--gold);font-family:var(--font-body);font-weight:800}.board-follower{position:relative;width:var(--follower-w);height:calc(var(--follower-w) * 1.3);border-radius:46% 46% 12px 12px/38% 38% 12px 12px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--fc) 55%,var(--parchment) 20%),color-mix(in srgb,var(--fc) 35%,var(--night)) 75%);border:2px solid color-mix(in srgb,var(--fc) 60%,var(--ink) 15%);display:grid;place-items:center;font-size:calc(var(--follower-w) * .42);cursor:default;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.board-follower.guard{border-width:4px;border-color:#b8b2a2;border-radius:12px}.fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;overflow:hidden}.fx-illusion{top:-18px;right:-18px;bottom:-18px;left:-18px;overflow:visible;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}.fx-illusion:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:8px;animation:illusion-glow 4s ease-in-out infinite}.board-follower.leader>.fx-illusion:before{border-radius:12px}@keyframes illusion-glow{0%,to{box-shadow:0 0 14px 4px #bee1ff80,inset 0 0 12px 2px #c8e6ff73}50%{box-shadow:0 0 26px 9px #bee1ffbf,inset 0 0 20px 5px #c8e6ffa6}}.fx-illusion i{position:absolute;border-radius:50%;opacity:.7;background:radial-gradient(ellipse at center,#ebf8fff2,#aad7ff8c 34%,#8cc3ff00 70%);filter:blur(6px)}.fx-illusion i:nth-child(1){width:85%;height:50%;left:-20%;top:10%;animation:wisp-a 7s ease-in-out infinite}.fx-illusion i:nth-child(2){width:75%;height:45%;left:45%;top:50%;animation:wisp-b 9s ease-in-out infinite}.fx-illusion i:nth-child(3){width:65%;height:60%;left:10%;top:-12%;animation:wisp-c 6s ease-in-out infinite}.fx-illusion i:nth-child(4){width:110%;height:30%;left:-5%;top:64%;animation:wisp-d 11s linear infinite;opacity:.5}@keyframes wisp-a{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.4}50%{transform:translate(55%,-14%) scale(1.3) rotate(18deg);opacity:.9}}@keyframes wisp-b{0%,to{transform:translate(0) scale(1.1) rotate(0);opacity:.8}50%{transform:translate(-60%,-32%) scale(.85) rotate(-25deg);opacity:.35}}@keyframes wisp-c{0%,to{transform:translate(0) scale(.9);opacity:.35}40%{transform:translate(22%,48%) scale(1.25);opacity:.85}70%{transform:translate(-18%,32%) scale(1);opacity:.5}}@keyframes wisp-d{0%{transform:translate(-35%) skew(-15deg)}to{transform:translate(35%) skew(-15deg)}}.fx-overkill{--w: var(--follower-w);--side: calc(var(--w) * .45);--top: calc(var(--w) * .9);--below: calc(var(--w) * .1);inset:calc(var(--top) * -1) calc(var(--side) * -1) calc(var(--below) * -1);overflow:visible;border-radius:0;z-index:0}.fx-overkill .fire{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:screen;filter:blur(.7px)}.board-follower:has(>.fx-overkill){box-shadow:0 0 14px 3px #ff781e8c,0 -8px 22px -4px #ffaa3c99}@media (prefers-reduced-motion: reduce){.fx-overkill .fire{opacity:.7}}@media (prefers-reduced-motion: reduce){.fx-illusion i,.fx-illusion:before{animation:none}.fx-illusion:before{box-shadow:0 0 18px 6px #f0f4ff8c}}.fx-guard{inset:auto;overflow:visible;border-radius:0;right:calc(var(--card-w) * -.17);top:calc(var(--card-w) * -.14);width:calc(var(--card-w) * .44);height:calc(var(--card-w) * .57);filter:drop-shadow(0 2px 3px rgb(0 0 0 / .7)) drop-shadow(0 0 6px rgb(230 235 245 / .35));animation:guard-sway 5s ease-in-out infinite;transform-origin:50% 10%}.fx-guard svg{width:100%;height:100%;display:block;overflow:visible}.fx-guard .gleam{animation:guard-gleam 4.5s ease-in-out infinite}@keyframes guard-sway{0%,to{rotate:-2.5deg}50%{rotate:2.5deg}}@keyframes guard-gleam{0%,55%{translate:0 0}85%,to{translate:170px 0}}@media (prefers-reduced-motion: reduce){.fx-guard,.fx-guard .gleam{animation:none}}.fx-growth{inset:auto;overflow:visible;border-radius:0;z-index:2;left:4%;right:4%;top:calc(var(--card-w) * -.3 + 4px);height:calc(var(--card-w) * .3)}.fx-growth svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .6))}.fx-growth .stalk{fill:none;stroke:#4e9a36;stroke-width:2.6;stroke-linecap:round}.fx-growth .leaf{fill:#79d457;stroke:#2f6b1f;stroke-width:.8;transform-box:fill-box}.fx-growth .leaf.l1{transform-origin:100% 50%}.fx-growth .leaf.l2{transform-origin:0 50%}.fx-growth .sapling{transform-box:fill-box;transform-origin:50% 100%;animation:sprout 6s ease-out infinite,sapling-sway 3.2s ease-in-out infinite;animation-delay:var(--d),var(--d)}.fx-growth .sapling .leaf{animation:unfurl 6s ease-out infinite;animation-delay:var(--d)}@keyframes sprout{0%{scale:1 .15}30%,to{scale:1 1}}@keyframes unfurl{0%,12%{scale:.1}40%,to{scale:1}}@keyframes sapling-sway{0%,to{rotate:-4deg}50%{rotate:4deg}}@media (prefers-reduced-motion: reduce){.fx-growth .sapling,.fx-growth .sapling .leaf{animation:none}}.fx-rally{inset:auto;overflow:visible;border-radius:0;z-index:2;left:calc(var(--card-w) * -.22);top:calc(var(--card-w) * -.2);width:calc(var(--card-w) * .56);height:calc(var(--card-w) * .47);filter:drop-shadow(0 2px 2px rgb(0 0 0 / .7))}.fx-rally svg{width:100%;height:100%;display:block;overflow:visible;scale:1 -1}.fx-rally .horn{transform-box:fill-box;transform-origin:20% 80%;animation:horn-blow 4.2s ease-in-out infinite}.fx-rally .waves path{opacity:0;transform-box:fill-box;transform-origin:0 50%;animation:horn-wave 4.2s ease-out infinite}.fx-rally .waves path:nth-child(2){animation-delay:.15s}@keyframes horn-blow{0%,55%,to{rotate:0deg}62%,85%{rotate:-9deg}}@keyframes horn-wave{0%,60%{opacity:0;scale:.6;translate:0 0}70%{opacity:1}90%,to{opacity:0;scale:1.3;translate:6px -2px}}@media (prefers-reduced-motion: reduce){.fx-rally .horn,.fx-rally .waves path{animation:none}}.board-follower.indestructible{animation:indestructible-aura 3s ease-in-out infinite}.board-follower.indestructible:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:12px;pointer-events:none;z-index:1;padding:2px;background:conic-gradient(from var(--glint),rgb(255 215 110 / 0) 0deg,rgb(255 236 170 / .95) 25deg,rgb(255 215 110 / 0) 60deg,rgb(255 215 110 / 0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:indestructible-glint 4s linear infinite}@property --glint{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes indestructible-glint{to{--glint: 360deg}}@keyframes indestructible-aura{0%,to{box-shadow:0 0 0 1px #f7d77a,0 0 10px 2px #f0be468c,0 0 22px 4px #f0b4324d}50%{box-shadow:0 0 0 2px #ffe9a8,0 0 16px 5px #facd50cc,0 0 34px 10px #f5b93273}}@media (prefers-reduced-motion: reduce){.board-follower.indestructible,.board-follower.indestructible:after{animation:none}.board-follower.indestructible{box-shadow:0 0 0 2px #f7d77a,0 0 14px 4px #f0be4699}}.board-follower.silenced .art{filter:grayscale(1) brightness(.85);transition:filter .6s ease}.board-follower.flying{animation:fly-bob 3.6s ease-in-out infinite}.fx-flying{inset:auto;overflow:visible;border-radius:0;z-index:-1;left:8%;right:8%;bottom:calc(var(--card-w) * -.16);height:calc(var(--card-w) * .16);animation:fly-shadow 3.6s ease-in-out infinite}.fx-flying:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at center,#0000008c,#00000040 55%,#0000 75%)}@keyframes fly-bob{0%,to{translate:0 -6px}50%{translate:0 -16px}}@keyframes fly-shadow{0%,to{translate:0 6px;scale:1 1;opacity:.9}50%{translate:0 16px;scale:.8 .8;opacity:.55}}@media (prefers-reduced-motion: reduce){.board-follower.flying{animation:none;translate:0 -8px}.fx-flying{animation:none;translate:0 8px}}.fx-stealth{top:-8px;right:-10px;bottom:-6px;left:-10px;overflow:visible;border-radius:0}.fx-stealth i{position:absolute;border-radius:50%;opacity:.95;background:radial-gradient(circle,#484a50fa,#2e3036e6 40%,#18191e00 70%);filter:blur(3px);animation:smoke-drift 6s ease-in-out infinite alternate}.fx-stealth i:nth-child(1){width:72%;height:48%;left:-8%;bottom:6%}.fx-stealth i:nth-child(2){width:64%;height:42%;left:38%;bottom:12%;animation-duration:7.5s;animation-delay:-2s}.fx-stealth i:nth-child(3){width:58%;height:36%;left:18%;bottom:-6%;animation-duration:5.2s;animation-delay:-3.5s;opacity:.95}.fx-stealth i:nth-child(4){width:46%;height:30%;left:50%;bottom:36%;animation-duration:8s;animation-delay:-1s;opacity:.6}.fx-stealth i:nth-child(5){width:42%;height:28%;left:-4%;bottom:40%;animation-duration:6.8s;animation-delay:-4.2s;opacity:.55}@keyframes smoke-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(6%,-9%) scale(1.08)}to{transform:translate(-5%,-3%) scale(.96)}}@media (prefers-reduced-motion: reduce){.fx-stealth i{animation:none}}.board-follower.can-act{box-shadow:0 0 0 2px var(--essence),0 0 14px var(--essence);cursor:pointer}.board-follower.selected{transform:translateY(-8px);box-shadow:0 0 0 3px var(--essence),0 0 22px var(--essence)}.board-follower .stat,.card .stat{position:absolute;bottom:-6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px rgba(0,0,0,.6)}.stat.atk{left:-6px;background:var(--gold);color:var(--parchment-ink);text-shadow:none}.stat.hp{right:-6px;background:var(--blood)}.stat.hurt{color:#ffd6cf;background:#8c2a20}.stat.buffed{color:#fff;background:#2f9e44;box-shadow:0 0 0 2px #8ff09a,0 0 10px #3fd45a;text-shadow:0 1px 1px rgba(0,0,0,.6)}.stat.debuffed{color:#fff;background:#d0302a;box-shadow:0 0 0 2px #ff8a80,0 0 10px #ff4b3e;text-shadow:0 1px 1px rgba(0,0,0,.6)}.board-follower .kw{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:2px;white-space:nowrap}.board-follower:has(>.kw) .nm{padding-top:15px}.board-follower .kw span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:1px 4px;border-radius:4px;background:var(--night);color:var(--mist);border:1px solid var(--table-edge)}.board-follower .kw .venom{color:var(--heal)}.board-follower .kw .drain{color:var(--blood)}.board-follower .kw .lb{color:var(--hollow)}.board-follower .zz{position:absolute;top:4px;right:4px;font-size:11px;color:var(--mist)}.spd{width:max-content;white-space:nowrap;position:absolute;z-index:2;font-size:11px;font-weight:800;line-height:1;padding:2px 4px;border-radius:4px;background:var(--night);color:var(--gold);border:1px solid var(--table-edge);font-variant-numeric:tabular-nums}.board-follower .spd{top:2px;left:-4px}.card .spd{top:auto;bottom:-8px;left:50%;translate:-50% 0}.qbadge{position:absolute;z-index:3;left:50%;translate:-50% 0;bottom:20px;white-space:nowrap;max-width:140%;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;background:var(--gold);color:var(--parchment-ink)}.card .qbadge{bottom:auto;top:40%;font-size:12px}.board-follower.drowned{opacity:.45;filter:grayscale(.6) hue-rotate(-20deg) brightness(.8);box-shadow:inset 0 -18px 16px -8px #3c8cdc8c;cursor:default}.drowned-tag{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;padding:1px 6px;border-radius:6px;font-size:11px;font-weight:800;color:#e6f3ff;background:#1e5aa0d9;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.board-follower.queued{box-shadow:0 0 0 2px var(--gold),0 0 12px var(--gold);cursor:pointer}.targetable{cursor:crosshair!important;animation:target-pulse 1s ease-in-out infinite}@keyframes target-pulse{50%{box-shadow:0 0 0 3px var(--blood),0 0 20px var(--blood)}}.attacking{transform:translateY(-14px) scale(1.06)!important;box-shadow:0 0 0 3px var(--gold),0 0 24px var(--gold)!important}.targeted{box-shadow:0 0 0 3px var(--blood),0 0 24px var(--blood)!important}.hit{animation:shake .35s}@keyframes shake{25%{translate:-4px 0}50%{translate:4px 0}75%{translate:-2px 0}}.card{position:relative;width:var(--card-w);aspect-ratio:5 / 7;max-width:100%;flex:none;background:var(--parchment);color:#fff;border-radius:8px;border:3px solid var(--rc);padding:0;display:flex;flex-direction:column;box-shadow:0 6px 18px -6px #000000b3;-webkit-user-select:none;user-select:none}.card .cost{position:absolute;top:-15px;left:-10px;z-index:2}.card .art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:5px;display:grid;place-items:start center;padding-top:calc(var(--card-w) * .36);font-size:calc(var(--card-w) * .34);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--fc) 45%,white),var(--fc))}.card .art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#0000008c,#0000 24%,#0000 58%,#0000009e)}.art-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.art-img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focus)}.card .art-img{scale:1}.card .art:has(.art-frame){background:var(--fc)}#drag-ghost .art-frame{border-radius:50%}.card .nm,.card .tx{position:relative;z-index:1;color:#fff;paint-order:stroke fill}.card .nm{font-family:var(--font-display);text-align:center;line-height:1.08;padding:7px 14px 0;font-size:clamp(10px,calc(var(--card-w) * .1),13.5px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-text-stroke:.9px rgba(0,0,0,.95);text-shadow:0 1px 2px #000,0 0 4px rgba(0,0,0,.8)}.card .kind-badge{--pip: clamp(13px, calc(var(--card-w) * .17), 19px);position:absolute;top:-15px;right:-10px;z-index:2;width:calc(var(--pip) * 1.12);height:calc(var(--pip) * 1.12);border-radius:50%;display:grid;place-items:center;background:var(--night);border:1px solid var(--table-edge);box-shadow:0 1px 3px #0009}.card .kind-badge .kind-ic{display:block;width:62%;height:62%;background:var(--gold)}.card .kind-badge.follower .kind-ic{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a4.2 4.2 0 1 1 0 8.4A4.2 4.2 0 0 1 12 2zm0 10c5 0 9 2.6 9 6.2V22H3v-3.8C3 14.6 7 12 12 12z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a4.2 4.2 0 1 1 0 8.4A4.2 4.2 0 0 1 12 2zm0 10c5 0 9 2.6 9 6.2V22H3v-3.8C3 14.6 7 12 12 12z'/%3E%3C/svg%3E") center / contain no-repeat}.card .kind-badge.action .kind-ic{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2 4 14h6.5L9 22l10.5-12.5H13z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2 4 14h6.5L9 22l10.5-12.5H13z'/%3E%3C/svg%3E") center / contain no-repeat}.card .kind-badge.meditation .kind-ic{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c1.8 2.2 2.8 4.6 2.8 7.2 0 1-.1 1.9-.4 2.8 1.4-1.6 3.3-2.6 5.6-2.8-.3 2.4-1.3 4.4-3 6 2-.1 3.9.3 5 1.3-2.3 2.3-5.6 3.5-10 3.5S4.3 19.8 2 17.5c1.1-1 3-1.4 5-1.3-1.7-1.6-2.7-3.6-3-6 2.3.2 4.2 1.2 5.6 2.8-.3-.9-.4-1.8-.4-2.8C9.2 7.6 10.2 5.2 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c1.8 2.2 2.8 4.6 2.8 7.2 0 1-.1 1.9-.4 2.8 1.4-1.6 3.3-2.6 5.6-2.8-.3 2.4-1.3 4.4-3 6 2-.1 3.9.3 5 1.3-2.3 2.3-5.6 3.5-10 3.5S4.3 19.8 2 17.5c1.1-1 3-1.4 5-1.3-1.7-1.6-2.7-3.6-3-6 2.3.2 4.2 1.2 5.6 2.8-.3-.9-.4-1.8-.4-2.8C9.2 7.6 10.2 5.2 12 3z'/%3E%3C/svg%3E") center / contain no-repeat}.hand .card.action-start{margin-left:calc(14px - var(--overlap, 0px))}.hand .card.action-start:before{content:"";position:absolute;left:-10px;top:12%;bottom:12%;width:2px;border-radius:2px;background:var(--table-edge)}.card .tx{margin-top:auto;text-align:center;line-height:1.15;font-size:clamp(8px,calc(var(--card-w) * .082),11px);padding:4px 6px clamp(10px,calc(var(--card-w) * .12),14px);max-height:52%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;-webkit-text-stroke:.7px rgba(0,0,0,.95);text-shadow:0 1px 2px #000,0 0 3px rgba(0,0,0,.8)}.kw,.rk{font-weight:800}.card .tx>p{margin:0;max-width:100%;overflow-wrap:break-word}.card .tx.long{font-size:clamp(7px,calc(var(--card-w) * .072),9.5px);line-height:1.1}.card.follower .tx{padding-bottom:clamp(12px,calc(var(--card-w) * .15),18px)}.card .stat{bottom:-9px}.card .stat.atk{left:-9px}.card .stat.hp{right:-9px}.card.board-follower{height:auto}.hand{display:flex;justify-content:center;align-items:flex-end;padding:10px 8px 16px;min-height:calc(var(--card-w) * 1.4 + 14px)}.hand .card{margin:0 calc(var(--overlap, 0px) * -1);transition:transform .15s}.hand .card.playable{box-shadow:0 0 0 2px var(--essence),0 0 14px var(--essence);cursor:pointer}.hand .card:hover{transform:translateY(-14px) scale(1.08);z-index:5}.hand .card.selected{transform:translateY(-22px) scale(1.1);z-index:6;box-shadow:0 0 0 3px var(--essence),0 0 26px var(--essence)}.hand .card.drenched{box-shadow:inset 0 -26px 22px -10px #3c96e68c,0 0 0 1px #6eb4f099}.hand .card.drenched:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 22% 18%,rgba(160,210,255,.35) 0 3px,transparent 4px),radial-gradient(circle at 70% 30%,rgba(160,210,255,.3) 0 2px,transparent 3px),radial-gradient(circle at 45% 60%,rgba(160,210,255,.25) 0 2px,transparent 3px)}.drenched-tag{position:absolute;left:50%;top:-9px;translate:-50% 0;z-index:3;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#e6f3ff;background:#1e64b4f2;border:1px solid rgba(160,210,255,.8);white-space:nowrap;pointer-events:auto}.board-follower .kw .brittle{color:#cfe3ff;white-space:nowrap;text-shadow:0 0 6px #7fb3ff}.board-follower .kw .drenched{color:#8fc8ff;white-space:nowrap}.hand .card.unaffordable{filter:saturate(.6) brightness(.85)}.hand .card.queued{transform:translateY(-10px);box-shadow:0 0 0 3px var(--gold),0 0 18px var(--gold);cursor:pointer;filter:brightness(.8)}.backs{display:flex}.back{width:18px;height:26px;border-radius:3px;margin-right:-6px;background:var(--cardback, #161735) center / cover no-repeat;border:1px solid #8a6a32}.back.arriving{visibility:hidden}.deck-pile{position:relative;display:inline-grid;place-items:center;width:30px;height:42px;border-radius:4px;background:var(--cardback, #161735) center / cover no-repeat;border:1px solid #b98a35;margin:0 6px 4px 0;flex:none;transition:box-shadow .3s,translate .3s}.deck-pile b{font-size:12px;color:#fff3c9;background:#080812c7;border-radius:999px;padding:0 5px;line-height:16px;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px #8a6a32}.deck-pile.empty{background:none;border:1px dashed var(--table-edge)}.deck-pile.empty b{background:none;box-shadow:none;color:var(--mist)}.counts{align-items:center}.fly-card{position:fixed;z-index:3000;pointer-events:none;perspective:900px}.fly-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.fly-face,.fly-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fly-face>.card{margin:0!important;transform:none!important;width:100%;height:100%;box-shadow:0 10px 24px #00000080}.fly-back{transform:rotateY(180deg);border-radius:8px;background:var(--cardback, #161735) center / cover no-repeat;border:1px solid #b98a35;box-shadow:0 10px 24px #00000080}.fly-back.alone{transform:none;border-radius:3px}.hand .card.arriving,.mull-card.arriving{visibility:hidden}.float{position:absolute;left:50%;top:40%;translate:-50% -50%;z-index:30;font-weight:800;font-size:22px;pointer-events:none;text-shadow:0 2px 4px #000;animation:rise 1.1s ease-out forwards}.float.dmg{color:#ff4a3d;font-size:var(--dmg-size, 22px);font-weight:900;-webkit-text-stroke:1.5px #2a0603;paint-order:stroke fill;text-shadow:0 0 12px rgba(255,60,30,.75),0 3px 4px #000;animation:dmg-pop 1.1s cubic-bezier(.2,.9,.3,1) forwards}.float.dmg.big{color:#ffdf6b;text-shadow:0 0 18px rgba(255,140,30,.95),0 3px 4px #000}@keyframes dmg-pop{0%{opacity:0;transform:translateY(6px) scale(2.2)}12%{opacity:1;transform:translateY(0) scale(.92)}22%{transform:translateY(-4px) scale(1.12)}60%{opacity:1;transform:translateY(-18px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.95)}}.impact{position:fixed;z-index:1000;pointer-events:none;width:0;height:0}.impact .ring,.impact .core{position:absolute;left:0;top:0;translate:-50% -50%;border-radius:50%}.impact .ring{width:30px;height:30px;border:4px solid #ffd27a;box-shadow:0 0 18px #ff9a3d;animation:impact-ring .42s ease-out forwards}.impact .core{width:46px;height:46px;background:radial-gradient(circle,#fff 0%,#ffe1a0 30%,rgba(255,120,40,.6) 55%,transparent 72%);animation:impact-core .3s ease-out forwards}.impact .spark{position:absolute;left:0;top:0;width:16px;height:3px;margin:-1.5px 0 0;border-radius:2px;background:linear-gradient(90deg,transparent,#fff3c4 40%,#ffb347);transform-origin:0 50%;transform:rotate(var(--a));animation:impact-spark .4s cubic-bezier(.1,.8,.3,1) forwards}.impact.p2 .ring{border-width:5px}.impact.p3 .ring{border-width:6px;border-color:#fff0b0;box-shadow:0 0 30px #ff7a1f}.impact.p3 .core{width:70px;height:70px}.impact.p2 .spark,.impact.p3 .spark{width:22px;height:4px}.impact.blocked .ring{border-color:#d9d2ff;box-shadow:0 0 16px #a99bff}.impact.blocked .core{background:radial-gradient(circle,#fff 0%,rgba(200,190,255,.6) 45%,transparent 70%)}.impact.blocked .spark{background:linear-gradient(90deg,transparent,#fff 40%,#b9adff)}@keyframes impact-ring{0%{scale:.3;opacity:1}to{scale:3.4;opacity:0}}@keyframes impact-core{0%{scale:.4;opacity:1}to{scale:1.6;opacity:0}}@keyframes impact-spark{0%{transform:rotate(var(--a)) translate(6px);opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) scaleX(.4);opacity:0}}.fatigue-card{position:fixed;z-index:3000;pointer-events:none;border-radius:4px;background:linear-gradient(115deg,transparent 38%,rgba(190,120,255,.85) 40%,transparent 42%),linear-gradient(60deg,transparent 55%,rgba(190,120,255,.7) 57%,transparent 59%),var(--cardback, #161735) center / cover no-repeat;filter:grayscale(1) brightness(.55) contrast(1.2);border:1px solid rgba(150,110,200,.8);box-shadow:0 0 14px 4px #783cc88c,inset 0 0 10px #000c}.impact.void .ring{border-color:#b98cff;box-shadow:0 0 22px #6d2bd9}.impact.void .core{background:radial-gradient(circle,#f2e6ff 0%,rgba(150,90,230,.7) 35%,rgba(40,10,80,.5) 60%,transparent 74%)}.impact.void .spark{background:linear-gradient(90deg,transparent,#e7d6ff 40%,#7a3df0)}.float.dmg.fatigue{color:#d9b8ff;white-space:nowrap;font-size:22px;text-shadow:0 0 14px rgba(140,70,230,.9),0 3px 4px #000}.hurt-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;box-shadow:inset 0 0 120px 30px #c8140a8c;animation:hurt-flash .55s ease-out forwards}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.impact,.hurt-vignette{display:none}.float.dmg{animation:rise 1.1s ease-out forwards}}.float.heal{color:var(--heal)}.float.illusion{color:var(--gold);font-size:14px}@keyframes rise{0%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-36px) scale(1)}}.float.trig{top:18%;font-size:13px;white-space:nowrap;padding:2px 9px;border-radius:999px;text-shadow:none;color:#111;background:var(--tc);box-shadow:0 0 12px var(--tc);z-index:36;animation:trig-rise 1.2s ease-out forwards}.float.trig.poison{--tc: #b6e35a}.float.trig.heal{--tc: var(--heal)}.float.trig.buff{--tc: #7ee08a}.float.trig.essence{--tc: #f0a030}.float.trig.sink{--tc: #6ab7ff}.float.trig.illusion{--tc: var(--gold)}.float.trig.effect{--tc: #e9d7ff}@keyframes trig-rise{0%{opacity:0;transform:translateY(6px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1.08)}75%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1)}}.triggered{animation:trig-pulse .9s ease-out}@keyframes trig-pulse{0%{box-shadow:0 0 #fffc}40%{box-shadow:0 0 0 6px #ffffff59,0 0 22px #ffffff80}to{box-shadow:0 0 #fff0}}.banner{position:absolute;left:50%;top:42%;translate:-50% -50%;z-index:40;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px;animation:banner 1.3s ease-out forwards}.banner .card{--card-w: 166px}.banner .who{font-family:var(--font-display);font-size:18px;color:var(--mist)}@keyframes banner{0%{opacity:0;scale:.8}15%{opacity:1;scale:1}80%{opacity:1}to{opacity:0}}.banner.sunk-treasure{animation:treasure-sinks 1.9s ease-in forwards;overflow:visible}.banner.sunk-treasure .who{color:#9fd3ff;text-shadow:0 0 10px rgba(80,160,255,.7)}.banner.sunk-treasure .card{box-shadow:0 0 24px #f0be50cc;animation:treasure-glint 1.9s ease-in forwards}.banner.sunk-treasure .waves{position:absolute;left:-20%;right:-20%;bottom:-12%;height:0;pointer-events:none;background:linear-gradient(180deg,#3c96e600,#1e5aaabf 30%,#0a285af2);border-top:3px solid rgba(160,215,255,.8);border-radius:50% 50% 0 0/14px 14px 0 0;animation:waves-rise 1.9s ease-in forwards}@keyframes treasure-sinks{0%{opacity:0;scale:.8;translate:-50% -50%}14%{opacity:1;scale:1.05;translate:-50% -50%}40%{opacity:1;scale:1;translate:-50% -50%}to{opacity:0;scale:.9;translate:-50% 10%}}@keyframes treasure-glint{0%,35%{filter:brightness(1.15)}to{filter:brightness(.45) saturate(.4) hue-rotate(-30deg)}}@keyframes waves-rise{0%,35%{height:0}to{height:110%}}.banner.last-breath{animation:last-breath 1.5s ease-out forwards}.banner.last-breath .who{color:#cbb8ff;text-shadow:0 0 10px rgba(170,140,255,.7)}.banner.last-breath .card{box-shadow:0 0 30px #aa8cff8c,0 0 60px #785ac859;animation:last-breath-card 1.5s ease-out forwards}.banner.last-breath:before{content:"";position:absolute;top:-30%;right:-45%;bottom:-30%;left:-45%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,rgba(150,120,230,.4),transparent 65%);animation:last-breath-halo 1.5s ease-out forwards}.banner.last-breath:after{content:"";position:absolute;left:15%;right:15%;top:15%;bottom:10%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(225,215,255,.9) 0 3px,transparent 4px) 15% 85% / 100% 100% no-repeat,radial-gradient(circle,rgba(225,215,255,.75) 0 2px,transparent 3px) 75% 70% / 100% 100% no-repeat,radial-gradient(circle,rgba(225,215,255,.8) 0 2.5px,transparent 3.5px) 45% 95% / 100% 100% no-repeat,radial-gradient(circle,rgba(225,215,255,.6) 0 2px,transparent 3px) 90% 90% / 100% 100% no-repeat;animation:last-breath-wisps 1.5s ease-out forwards}@keyframes last-breath{0%{opacity:0;scale:.9;translate:-50% -42%}15%{opacity:1;scale:1;translate:-50% -50%}70%{opacity:1;scale:1;translate:-50% -58%}to{opacity:0;scale:1.04;translate:-50% -72%}}@keyframes last-breath-card{0%,20%{filter:grayscale(.2) brightness(1.1)}to{filter:grayscale(1) brightness(.55) blur(1px)}}@keyframes last-breath-halo{0%{opacity:0;scale:.6}30%{opacity:1;scale:1}to{opacity:0;scale:1.5}}@keyframes last-breath-wisps{0%,20%{opacity:0;translate:0 0}45%{opacity:1}to{opacity:0;translate:0 -80px}}.toast{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:45;pointer-events:none;background:var(--night);border:1px solid var(--table-edge);padding:8px 16px;border-radius:8px;font-family:var(--font-display);font-size:20px;animation:banner 1.4s ease-out forwards;text-align:center}.reconnecting{font-size:13px;font-weight:700;color:#ffd27a;padding:3px 10px;border-radius:999px;border:1px solid rgb(255 210 122 / .5);background:#3c230a99;animation:reconnect-pulse 1.4s ease-in-out infinite}@keyframes reconnect-pulse{50%{opacity:.55}}.log{background:linear-gradient(90deg,#0a050299,#1a0f09f0 14px),#1a0f08;border-left:1px solid rgb(214 168 104 / .22);padding:14px 16px;overflow-y:auto;font-size:13px;line-height:1.45;color:#c8b9a2;min-width:0}.log h3{font-family:var(--font-display);font-weight:400;color:var(--ink);margin:0 0 8px;font-size:18px}.log ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column-reverse;gap:4px}.log li.turn{color:var(--essence)}@media (max-width: 999px){.log{position:fixed;inset:auto 0 0 0;max-height:50%;z-index:50;border-left:0;border-top:1px solid var(--table-edge)}.log:not(.open){display:none}}.over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,var(--night) 75%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.over .box{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;padding:16px}.over h2{font-family:var(--font-display);font-weight:400;font-size:clamp(44px,10vw,80px);margin:0}.over h2.win{color:var(--gold)}.over h2.lose{color:var(--mist)}.auction{position:absolute;left:50%;top:42%;translate:-50% -50%;z-index:55;width:min(440px,calc(100% - 32px))}.auction .box{background:var(--night);border:1px solid var(--table-edge);border-radius:12px;padding:20px;box-shadow:0 20px 60px -20px #000;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.auction h2{font-family:var(--font-display);font-weight:400;font-size:28px;margin:0;color:var(--haste)}.auction p{margin:0;line-height:1.4}.auction .note{font-size:13px;color:var(--mist)}.auction .note b{color:var(--haste)}.ask-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#0000008c;animation:fade-in .15s ease-out}.ask-veil .auction.ask{position:absolute;top:45%}.ask-veil .auction h2{color:var(--ink);font-size:26px}.ask-actions{display:flex;gap:12px;align-items:center;margin-top:4px}.ask-actions .home-back{align-self:auto;padding:8px 18px}.begin.danger{background:linear-gradient(180deg,#d4473a,#8c2a20);color:#fff}@keyframes fade-in{0%{opacity:0}}.auction.mulligan{width:min(760px,calc(100% - 32px))}.mull-hand{display:flex;flex-wrap:nowrap;justify-content:center;gap:16px;--card-w: clamp(70px, min(19vw, 19vh, calc((100vw - 140px)/4) ), 164px)}.mull-card{position:relative;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:10px;transition:transform .15s}.mull-card .card{pointer-events:none}.mull-card:hover,.mull-card:focus-visible{transform:translateY(-4px)}.mull-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mull-card.marked .card{filter:grayscale(.7) brightness(.6)}.mull-tag{position:absolute;left:50%;top:50%;translate:-50% -50%;rotate:-12deg;padding:3px 10px;border-radius:6px;background:var(--blood);color:#fff;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:40px;height:40px;border-radius:50%;font-size:22px;font-weight:800;background:var(--table);border:1px solid var(--table-edge)}.stepper button:disabled{opacity:.35;cursor:default}.stepper .amt{font-size:30px;font-weight:800;min-width:3.5ch;font-variant-numeric:tabular-nums}.stepper .amt small{font-size:14px;color:var(--mist);font-weight:500}.choices{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.choices .begin{font-size:18px;padding:8px 20px;display:flex;flex-direction:column;align-items:center;line-height:1.2}.choices .begin small{font-family:var(--font-body);font-size:12px;opacity:.8}.choices .begin.alt{background:transparent;color:var(--ink);border:1px solid var(--essence)}.thinking{font-size:13px;color:var(--mist)}.thinking:after{content:"…";animation:dots 1s steps(3) infinite}@media (max-height: 760px){.game{--fit: calc((100vh - 150px) / 8.2)}.card.board-follower.leader{--card-w: calc(var(--follower-w) * 1.15)}.table{gap:2px;padding-block:4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}@media (max-width: 600px){.seam .turn{font-size:15px;flex:1 0 100%}.seam-top .end-turn{margin-left:auto;padding:4px 14px;font-size:15px}}.tiles .group{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin:6px 0 -4px;font-family:var(--font-display);font-weight:400;font-size:17px;color:var(--ec)}.tiles .group:first-child{margin-top:0}.tiles .group .gem{box-shadow:0 0 8px var(--ec)}svg.arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:visible}svg.arrows .arrow>path{fill:none;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}svg.arrows text{font:700 12px/1 system-ui,sans-serif;fill:#1a1206;text-anchor:middle;dominant-baseline:central}svg.arrows circle{stroke:#0000008c;stroke-width:1.5}svg.arrows .side>rect{fill-opacity:.08;stroke-width:3;stroke-dasharray:10 6}svg.arrows .arrow>ellipse{fill:none;stroke-width:4;filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.game .hand .card,.game .board.mine .board-follower{touch-action:none;-webkit-user-select:none;user-select:none}body.dragging,body.dragging *{cursor:grabbing!important}#drag-line{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:70;overflow:visible}#drag-line .line{fill:none;stroke:#ffdb66;stroke-width:4;stroke-dasharray:8 6;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}#drag-line marker path{fill:#ffdb66}.board-follower.gathered{transform:translateY(-8px);box-shadow:0 0 0 3px #ffdb66,0 0 22px #ffcf33!important}#drag-ghost{position:fixed;left:0;top:0;z-index:71;pointer-events:none;margin:-24px 0 0 -24px;width:48px;height:48px;display:grid;place-items:center;font-size:28px;border-radius:50%;background:#14100ad9;box-shadow:0 0 0 3px #ffdb66,0 6px 18px #00000080}.drop-hover{box-shadow:0 0 0 4px #ffdb66,0 0 26px #ffcf33!important}.board-follower .kw .overkill{color:#ff8a5c}.float.overkill{color:#ffd2c2;font-size:15px;white-space:nowrap;left:100%;top:50%;translate:10px -50%;z-index:35;padding:3px 10px;border-radius:999px;background:#3a1006;border:2px solid #ff6a3d;box-shadow:0 0 16px #ff501eb3;text-shadow:none;animation-duration:1.4s}.board-follower.leader.overkilled{position:relative;z-index:40;box-shadow:0 0 0 3px #ff6a3d,0 0 28px #ff4b1f!important}.board-follower .kw .profit{color:#ffb347}.spd.buffed{background:#2f9e44;color:#fff;border-color:#8ff09a}.spd.debuffed{background:#d0302a;color:#fff;border-color:#ff8a80}.board-follower .kw .double{color:#ffe066;white-space:nowrap}.board-follower .kw .illus,.leader-slot .stats .illus{color:#fff6d8;white-space:nowrap}.leader-slot .stats .illus{font-size:11px;padding:1px 6px;border:1px solid var(--gold);border-radius:999px;box-shadow:0 0 6px var(--gold)}.board-follower .kw .guard{color:#d8d2c2;white-space:nowrap}.board-follower .kw .armored,.leader-slot .stats .armored{color:#c9b8ff;white-space:nowrap}.leader-slot .stats .armored{font-size:11px;padding:1px 6px;border:1px solid #6b5aa8;border-radius:999px}.float.armored{color:#e2d9ff;font-size:14px;white-space:nowrap}.board-follower .kw .disint{color:#d29bff;white-space:nowrap}.float.disint{color:#f0d9ff;font-size:15px;white-space:nowrap;text-shadow:0 0 10px #a64dff,0 2px 4px #000}.board-follower.disintegrating{animation:disintegrate 1.1s ease-in forwards}@keyframes disintegrate{to{filter:blur(3px) saturate(2) hue-rotate(40deg);opacity:.25}}.board-follower .kw .frost{color:#a9c8ff;white-space:nowrap}.float.frost{color:#cfe3ff;font-size:15px;white-space:nowrap;text-shadow:0 0 8px #5d8cff,0 2px 4px #000}.board-follower .kw .sink{color:#6ab7ff;white-space:nowrap}.discard-btn{position:relative;font:inherit;font-size:13px;color:var(--mist);background:none;border:1px solid var(--table-edge);border-radius:6px;padding:1px 7px;cursor:pointer}.discard-btn:hover{color:var(--ink);border-color:var(--mist)}.discard-btn b{color:var(--ink)}.leader-slot .stats .muted{opacity:.45;text-decoration:line-through}.sound-ctl{display:inline-flex;align-items:center;gap:4px}.sound-btn.off{opacity:.45}.home-sound{position:fixed;top:10px;right:12px;z-index:50}.menu-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000;opacity:0;pointer-events:none;transition:opacity 1.4s ease-in-out}.menu-veil.dark{opacity:1;pointer-events:auto}.title-card{display:grid;place-items:center;cursor:pointer;transition-duration:1.2s}.title-card-inner{text-align:center;color:var(--ink)}.title-card-inner h1{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,7vw,64px);margin:0 0 12px;letter-spacing:.04em;text-shadow:0 0 30px color-mix(in srgb,var(--gold) 40%,transparent)}.title-card-inner p{margin:0;color:var(--mist);letter-spacing:.2em;text-transform:uppercase;font-size:13px;animation:title-pulse 2.4s ease-in-out infinite}@keyframes title-pulse{50%{opacity:.35}}.sound-btn{font:inherit;font-size:14px;line-height:1;background:none;border:1px solid var(--table-edge);border-radius:6px;padding:2px 6px;cursor:pointer}.sound-ctl input[type=range]{width:70px;accent-color:hsl(46 100% 60%)}.gem.fading{animation:gem-fade 2.4s ease-in-out infinite}@keyframes gem-fade{50%{opacity:.45;filter:saturate(.5)}}@media (prefers-reduced-motion: reduce){.gem.fading{animation:none;opacity:.7}}.discard-btn.drop-ready{color:var(--ink);border-color:#ffdb66;border-style:dashed}.float.sink{color:#6ab7ff;top:-6px;white-space:nowrap;font-size:14px}.discard-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.discard-panel{background:var(--night);border:1px solid var(--table-edge);border-radius:12px;padding:14px 16px;max-width:min(900px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px}.discard-head{display:flex;align-items:baseline;gap:12px;color:var(--mist);font-size:13px}.discard-head h3{margin:0;color:var(--ink);font-size:16px}.discard-head button{margin-left:auto;font:inherit;color:var(--ink);background:none;border:1px solid var(--table-edge);border-radius:6px;padding:2px 10px;cursor:pointer}.discard-cards{display:flex;flex-wrap:wrap;gap:10px;overflow-y:auto;padding:12px 10px}.discard-cards .card{flex:none;margin:0}.pick{position:relative;cursor:pointer;border-radius:12px;outline:2px solid transparent;outline-offset:3px}.pick:hover{outline-color:var(--mist)}.pick.chosen{outline-color:var(--essence);box-shadow:0 0 16px var(--essence)}.pick-n{position:absolute;top:-8px;right:-8px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--essence);color:var(--night);font-weight:800;font-size:13px}#pick-confirm:disabled{opacity:.4;cursor:default}.discard-head #pick-confirm{margin-left:0}.discard-cards .empty{color:var(--mist)}.card-view{position:fixed;z-index:90}.card-view .discard-panel{flex-direction:row;align-items:flex-start;gap:20px;max-width:min(980px,100%);padding:18px}.view-art{position:relative;flex:none;width:clamp(200px,32vw,340px);aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;display:grid;place-items:center;font-size:clamp(90px,14vw,150px);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--fc) 45%,white),var(--fc));box-shadow:0 10px 30px -8px #000}.view-art:has(.art-frame){background:#0b0d14}.view-art .art-img{object-fit:contain;object-position:center;scale:1}.view-text{flex:1;min-width:240px;max-height:min(78vh,640px);overflow-y:auto;color:var(--ink);font-size:14px;line-height:1.45;padding-right:4px}.view-head{display:flex;align-items:center;gap:12px}.view-head h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.1}.view-head .view-cost{display:inline-flex}.view-head #view-close{margin-left:auto;font:inherit;color:var(--ink);background:none;border:1px solid var(--table-edge);border-radius:6px;padding:2px 9px;cursor:pointer}.view-meta{margin:4px 0 8px;color:var(--mist);font-size:13px}.view-rarity{color:var(--rc);font-weight:800}.view-rules{font-size:15px;margin:6px 0 10px}.view-text h4{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.view-text ul{margin:0;padding-left:18px}.view-text li{margin:3px 0}.view-flavor{color:var(--mist);font-style:italic;margin:12px 0 0}.view-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--table-edge)}.view-actions #view-remove{font:inherit;color:var(--ink);background:none;border:1px solid var(--table-edge);border-radius:6px;padding:4px 10px;cursor:pointer}.view-actions button:disabled{opacity:.4;cursor:default}.view-actions .needs{color:var(--blood);font-size:12px}.view-actions .owned{color:var(--mist);font-size:12px}@media (max-width: 720px){.card-view .discard-panel{flex-direction:column;align-items:stretch;overflow-y:auto}.view-art{width:min(60vw,260px);margin:0 auto}.view-text{max-height:none}}.board-follower .kw .regen{color:#7ee08a;white-space:nowrap}.board-follower .kw .poisoned,.leader-slot .stats .poisoned{color:#b6e35a;white-space:nowrap}.leader-slot .stats .poisoned{font-size:11px;padding:1px 6px;border:1px solid #6f8f2a;border-radius:999px}.leader-slot .stats .ongoing{font-size:11px;padding:1px 6px;border:1px solid #8a7cc0;border-radius:999px;color:#e9d7ff;white-space:nowrap;cursor:help}.leader-slot .stats .regen{font-size:11px;padding:1px 6px;border:1px solid #3f8f4a;border-radius:999px;color:#7ee08a;white-space:nowrap}.over .kawa.pending{color:var(--mist)}.over .reward-note{color:var(--mist);font-size:14px;margin:0}#coach{position:fixed;z-index:80;width:min(380px,calc(100vw - 24px));pointer-events:none}#coach .coach-box{pointer-events:auto;background:var(--night);border:1px solid var(--gold);border-radius:12px;padding:12px 14px;box-shadow:0 0 0 1px #0009,0 14px 40px -10px #000,0 0 24px -6px var(--gold);color:var(--ink);font-size:15px;line-height:1.45;animation:coach-in .25s ease-out}@keyframes coach-in{0%{opacity:0;translate:0 6px}}#coach .coach-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}#coach .coach-head b{font-family:var(--font-display);font-weight:400;font-size:20px;color:var(--gold)}#coach .coach-head span{margin-left:auto;font-size:12px;color:var(--mist);white-space:nowrap}#coach p{margin:0}#coach .coach-actions{display:flex;align-items:center;gap:10px;margin-top:10px}#coach .coach-actions .wait{font-size:13px;color:var(--mist);font-style:italic}#coach #coach-skip{margin-left:auto;font:inherit;font-size:13px;color:var(--mist);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}#coach #coach-next{font-family:var(--font-display);font-size:17px;padding:5px 18px;border-radius:999px;border:none;background:var(--gold);color:#1a1408;cursor:pointer}#coach-ring{position:fixed;z-index:79;pointer-events:none;border-radius:12px;box-shadow:0 0 0 3px var(--gold),0 0 22px 4px #e7b54a99;animation:coach-ring 1.4s ease-in-out infinite}@keyframes coach-ring{50%{box-shadow:0 0 0 3px var(--gold),0 0 34px 10px #e7b54ad9}}@media (prefers-reduced-motion: reduce){#coach-ring,#coach .coach-box{animation:none}}.game.lab{grid-template-columns:300px 1fr;--follower-w: clamp(40px, min(calc((100vw - 348px) / 7.6), var(--fit)), 108px)}@media (min-width: 1000px){.game.lab{grid-template-columns:300px 1fr 260px;--follower-w: clamp(40px, min(calc((100vw - 608px) / 7.6), var(--fit)), 108px)}}.fxlab{overflow-y:auto;min-width:0;padding:12px 14px;font-size:13px;line-height:1.4;color:var(--mist);background:color-mix(in srgb,var(--night) 85%,transparent);border-right:1px solid var(--table-edge)}.fxlab header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fxlab header b{font-family:var(--font-display);font-weight:400;font-size:20px;color:var(--gold)}.fxlab section{border-top:1px solid var(--table-edge);padding:8px 0}.fxlab h4{margin:0 0 6px;font-family:var(--font-display);font-weight:400;font-size:15px;color:var(--ink)}.fxlab .hint{margin:0 0 6px}.fxlab .row{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:4px 0}.fxlab .chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.fxlab button,.fxlab select,.fxlab input[type=number],.fxlab input:not([type]){font:inherit;color:var(--ink);background:var(--table);border:1px solid var(--table-edge);border-radius:6px;padding:3px 8px;cursor:pointer}.fxlab input[type=number]{width:56px}.fxlab input:not([type]){width:90px;cursor:text}.fxlab select{max-width:100%}.fxlab button:hover:not(:disabled){border-color:var(--essence);color:var(--ink)}.fxlab button:disabled{opacity:.45;cursor:default}.fxlab button.on{background:var(--gold);color:#1a1408;border-color:var(--gold)}.fxlab .chip{padding:1px 7px;border-radius:999px;font-size:12px}.fxlab label{display:inline-flex;align-items:center;gap:4px}@media (max-width: 640px),(max-height: 520px){.table{padding:4px 8px;gap:2px}.seam{margin-inline:-8px;padding:2px 8px;gap:2px}.seam-top{flex-wrap:nowrap;min-height:32px;gap:6px}.seam .turn{font-size:14px;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rival{font-size:12px;white-space:nowrap}.seam-top .sound-ctl input[type=range],.seam-top #music-toggle{display:none}.log-toggle{padding:2px 10px;font-size:13px}.end-turn{font-size:15px;padding:4px 14px;flex:none}.resign-btn{padding:2px 9px;font-size:12px}.queue{min-height:0;padding:0 0 2px}.queue li{font-size:12px;padding:2px 8px;gap:4px}.queue:has(>li.empty:only-child){display:none}.bar{gap:6px}.table>.bar>.essence,.table>.bar>.counts{padding:2px 7px}.essence{gap:2px}.essence .gem{width:10px;height:10px}.counts{gap:8px;font-size:12px}}:root{--bronze-hi: #f0d29a;--bronze: #8a6236;--bronze-lo: #2b1b0f;--gilt: rgb(240 205 140 / .55);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.card,.board-follower{--frame: linear-gradient(150deg, color-mix(in srgb, var(--fc) 35%, var(--bronze-hi)) 0%, color-mix(in srgb, var(--fc) 55%, var(--bronze-lo)) 28%, color-mix(in srgb, var(--fc) 75%, var(--bronze-hi) 25%) 52%, color-mix(in srgb, var(--fc) 45%, var(--bronze-lo)) 78%, color-mix(in srgb, var(--fc) 30%, #120b06) 100%)}.card{--frame: linear-gradient(150deg, color-mix(in srgb, var(--rc) 55%, white) 0%, color-mix(in srgb, var(--rc) 80%, black) 28%, color-mix(in srgb, var(--rc) 80%, white) 52%, color-mix(in srgb, var(--rc) 70%, black) 78%, color-mix(in srgb, var(--rc) 40%, black) 100%);border:4px solid transparent;border-radius:9px;background:var(--grain) padding-box,radial-gradient(ellipse 85% 75% at 50% 45%,#f3e8cd,#e6d4ad 60%,#c9ad7e) padding-box,var(--frame) border-box;box-shadow:0 0 0 1px #0d0906,0 0 0 2px var(--gilt),inset 0 0 14px #5a371459,0 8px 20px -6px #000c}.card.mythic{--frame: linear-gradient(150deg, color-mix(in srgb, var(--rc) 45%, white) 0%, color-mix(in srgb, var(--rc) 85%, black) 24%, color-mix(in srgb, var(--rc) 70%, white) 46%, color-mix(in srgb, var(--rc) 95%, white) 60%, color-mix(in srgb, var(--rc) 70%, black) 80%, color-mix(in srgb, var(--rc) 35%, black) 100%);box-shadow:0 0 0 1px #0d0906,0 0 0 2px color-mix(in srgb,var(--rc) 45%,white 25%),0 0 16px -2px color-mix(in srgb,var(--rc) 60%,transparent),inset 0 0 14px #5a371459,0 8px 20px -6px #000c}.card .art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 calc(var(--card-w) * .12) #0a050099}.card .kind-badge{background:linear-gradient(180deg,#3a2716,#1b120a);border:1px solid color-mix(in srgb,var(--bronze) 80%,var(--bronze-hi));box-shadow:0 0 0 1px var(--gilt),0 1px 3px #0009,inset 0 1px #ffe1aa40}.card .kind-badge .kind-ic{background:#f2c766}.board-follower{border:3px solid transparent;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--fc) 55%,var(--parchment) 20%),color-mix(in srgb,var(--fc) 35%,var(--night)) 75%) padding-box,var(--frame) border-box;box-shadow:0 0 0 1px #0d0906,0 0 0 2px var(--gilt),0 6px 14px -4px #000000bf}.board-follower .art-frame{box-shadow:inset 0 0 calc(var(--follower-w) * .12) #0a05008c}.board-follower.guard{border:5px solid transparent;--frame: linear-gradient(150deg, #e4dccb 0%, #8d8576 30%, #c9c0ad 55%, #5f594f 80%, #2a2722 100%)}.board-follower .stat,.card .stat{--gem: #c98e2c;width:24px;height:24px;color:#fff8ea;border:1.5px solid var(--bronze-lo);background:radial-gradient(circle at 34% 28%,#ffffffbf 0,#ffffffbf 8%,#fff0 30%),conic-gradient(from 20deg,#ffffff2e 0,#ffffff2e 60deg,#0000001f 60deg,#0000001f 120deg,#ffffff14 120deg,#ffffff14 180deg,#00000047 180deg,#00000047 240deg,#00000014 240deg,#00000014 300deg,#ffffff1f 300deg),radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--gem) 70%,white),var(--gem) 55%,color-mix(in srgb,var(--gem) 55%,black));box-shadow:0 0 0 1px var(--gilt),0 2px 4px #000000b3,inset 0 -2px 3px #00000059;text-shadow:0 0 2px rgb(0 0 0 / .9),0 1px 1px #000}.card .stat{width:clamp(22px,calc(var(--card-w) * .24),30px);height:clamp(22px,calc(var(--card-w) * .24),30px);font-size:clamp(13px,calc(var(--card-w) * .14),17px)}.stat.atk{--gem: #e3a83a;color:#fff8ea}.stat.hp{--gem: #b52a22}.stat.hurt{--gem: #6a1912;color:#ffc9bf}.stat.buffed{--gem: #2f9e44;color:#fff}.stat.debuffed{--gem: #d0302a;color:#fff}.stat.buffed{box-shadow:0 0 0 2px #8ff09a,0 0 10px #3fd45a,inset 0 -2px 3px #00000059}.stat.debuffed{box-shadow:0 0 0 2px #ff8a80,0 0 10px #ff4b3e,inset 0 -2px 3px #00000059}.board-follower .stat,.card .stat{background-color:var(--gem)}.spd{background:linear-gradient(180deg,#3a2716,#1b120a);border:1px solid color-mix(in srgb,var(--bronze) 80%,var(--bronze-hi));box-shadow:0 1px 3px #0009,inset 0 1px #ffe1aa40;color:#f2c766}.spd.hasted{color:var(--haste);border-color:var(--haste)}.pip.n{border-color:var(--bronze-lo);box-shadow:0 0 0 1px var(--gilt),0 1px 3px #0009}.pip:not(.n){position:relative;background:none;border:none;box-shadow:none;border-radius:0;width:calc(var(--pip) * .82);height:calc(var(--pip) * 1.12);filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 .6px #120b06) drop-shadow(0 1px 1.5px rgb(0 0 0 / .7))}.pip:not(.n):before,.pip:not(.n):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)}.pip:not(.n):before{background:linear-gradient(90deg,color-mix(in srgb,var(--ec) 55%,white) 0 30%,var(--ec) 30% 70%,color-mix(in srgb,var(--ec) 60%,black) 70%),var(--ec)}.pip:not(.n):after{background:radial-gradient(circle at 34% 24%,#fffffff2 0,#fffffff2 6%,#fff0 16%),linear-gradient(155deg,#ffffff8c 0,#ffffff8c 22%,#fff0 40%),linear-gradient(0deg,#00000059 0,#00000059 18%,#0000 40%),linear-gradient(90deg,#fff0 0,#fff0 49%,#ffffff40 49%,#ffffff40 51%,#fff0 51%)}.cost{gap:2px}.board-follower .stat,.card .stat{isolation:isolate}.board-follower .stat.atk,.card .stat.atk{background:none;border:none;box-shadow:none;border-radius:0;filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 .6px #120b06) drop-shadow(0 2px 2px rgb(0 0 0 / .65))}.stat.atk:before,.stat.atk:after{content:"";position:absolute;pointer-events:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100' preserveAspectRatio='none'%3E%3Cpath d='M30 0 L47 15 L47 65 L57 65 Q60 65 60 68 L60 70 Q60 73 57 73 L35 73 L35 86 A5.5 5.5 0 1 1 25 86 L25 73 L3 73 Q0 73 0 70 L0 68 Q0 65 3 65 L13 65 L13 15 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100' preserveAspectRatio='none'%3E%3Cpath d='M30 0 L47 15 L47 65 L57 65 Q60 65 60 68 L60 70 Q60 73 57 73 L35 73 L35 86 A5.5 5.5 0 1 1 25 86 L25 73 L3 73 Q0 73 0 70 L0 68 Q0 65 3 65 L13 65 L13 15 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.stat.atk:after{z-index:-2;inset:calc(-32% - 2px) calc(-12% - 2px) calc(-55% - 2px);background:linear-gradient(160deg,var(--bronze-hi),var(--bronze) 45%,var(--bronze-lo))}.stat.atk:before{z-index:-1;top:-32%;right:-12%;bottom:-55%;left:-12%;background:radial-gradient(circle at 34% 30%,#ffffff8c 0,#ffffff8c 6%,#fff0 22%),linear-gradient(90deg,#ffffff38 0,#ffffff38 50%,#00000038 50%),linear-gradient(180deg,color-mix(in srgb,var(--gem) 65%,white),var(--gem) 45%,color-mix(in srgb,var(--gem) 55%,black))}.double .stat.atk:before,.double .stat.atk:after{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='rotate(-30 50 52)'%3E%3Cpath d='M50 0 L59 12 L59 60 L70 60 L70 68 L59 68 L59 86 A7 7 0 1 1 41 86 L41 68 L30 68 L30 60 L41 60 L41 12 Z'/%3E%3C/g%3E%3Cg transform='rotate(30 50 52)'%3E%3Cpath d='M50 0 L59 12 L59 60 L70 60 L70 68 L59 68 L59 86 A7 7 0 1 1 41 86 L41 68 L30 68 L30 60 L41 60 L41 12 Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='rotate(-30 50 52)'%3E%3Cpath d='M50 0 L59 12 L59 60 L70 60 L70 68 L59 68 L59 86 A7 7 0 1 1 41 86 L41 68 L30 68 L30 60 L41 60 L41 12 Z'/%3E%3C/g%3E%3Cg transform='rotate(30 50 52)'%3E%3Cpath d='M50 0 L59 12 L59 60 L70 60 L70 68 L59 68 L59 86 A7 7 0 1 1 41 86 L41 68 L30 68 L30 60 L41 60 L41 12 Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat}.board-follower.double .stat.atk,.card.double .stat.atk{border-radius:50%;border:1.5px solid var(--bronze-hi);background:radial-gradient(circle at 40% 35%,#4a3519,#1b120a 70%);box-shadow:0 0 0 1px var(--bronze-lo),0 1px 3px #000000b3}.double .stat.atk:after{inset:calc(-62% - 2px) calc(-62% - 2px) calc(-66% - 2px)}.double .stat.atk:before{top:-62%;right:-62%;bottom:-66%;left:-62%;background:linear-gradient(115deg,rgb(255 255 255 / 0) calc(var(--shine-x) - 14%),rgb(255 255 255 / .85) var(--shine-x),rgb(255 255 255 / 0) calc(var(--shine-x) + 14%)),radial-gradient(circle at 34% 30%,#fff6 0,#fff6 6%,#fff0 22%),linear-gradient(90deg,#ffffff38 0,#ffffff38 50%,#00000038 50%),linear-gradient(180deg,color-mix(in srgb,var(--gem) 65%,white),var(--gem) 45%,color-mix(in srgb,var(--gem) 55%,black));animation:double-sheen 3.2s ease-in-out infinite}@keyframes double-sheen{0%,15%{--shine-x: -20%}60%,to{--shine-x: 120%}}@media (prefers-reduced-motion: reduce){.double .stat.atk:before{animation:none}}.stat.atk.buffed{box-shadow:none;filter:drop-shadow(0 0 1px #8ff09a) drop-shadow(0 0 1px #8ff09a) drop-shadow(0 0 5px #3fd45a)}.stat.atk.debuffed{box-shadow:none;filter:drop-shadow(0 0 1px #ff8a80) drop-shadow(0 0 1px #ff8a80) drop-shadow(0 0 5px #ff4b3e)}.board-follower .stat.hp,.card .stat.hp{background:none;border:none;box-shadow:none;border-radius:0;padding-bottom:2px;filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 .6px #120b06) drop-shadow(0 2px 2px rgb(0 0 0 / .65))}.stat.hp:before,.stat.hp:after{content:"";position:absolute;pointer-events:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 112'%3E%3Cpath d='M50 3 L95 15 L95 52 C95 82 75 100 50 109 C25 100 5 82 5 52 L5 15 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 112'%3E%3Cpath d='M50 3 L95 15 L95 52 C95 82 75 100 50 109 C25 100 5 82 5 52 L5 15 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.stat.hp:after{z-index:-2;top:-3px;right:-2px;bottom:-6px;left:-2px;background:linear-gradient(160deg,var(--bronze-hi),var(--bronze) 45%,var(--bronze-lo))}.stat.hp:before{z-index:-1;top:-1px;right:0;bottom:-4px;left:0;background:radial-gradient(circle at 34% 24%,#fff9 0,#fff9 8%,#fff0 30%),linear-gradient(90deg,#ffffff24 0,#ffffff24 50%,#0000002e 50%),radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gem) 70%,white),var(--gem) 55%,color-mix(in srgb,var(--gem) 55%,black))}.stat.hp.buffed{box-shadow:none;filter:drop-shadow(0 0 1px #8ff09a) drop-shadow(0 0 1px #8ff09a) drop-shadow(0 0 5px #3fd45a)}.stat.atk:has(>.arcs){filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 3px #b45cff) drop-shadow(0 0 7px rgb(150 70 230 / .8));animation:disint-glow 1.8s ease-in-out infinite}@keyframes disint-glow{0%,to{filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 3px #b45cff) drop-shadow(0 0 6px rgb(150 70 230 / .6))}50%{filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 4px #d49aff) drop-shadow(0 0 11px rgb(170 90 255 / .95))}}.stat.atk .arcs{position:absolute;top:-60%;right:-75%;bottom:-80%;left:-75%;pointer-events:none;z-index:1}.stat.atk .arcs svg{width:100%;height:100%;overflow:visible;display:block}.stat.atk .arcs polyline{fill:none;stroke:#f1dcff;stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1.5px #c07bff) drop-shadow(0 0 3px #9a52c9);opacity:0;animation:arc-flicker 1.3s steps(1,end) infinite}.stat.atk .arcs polyline{stroke-width:1.6px}.stat.atk .arcs polyline:nth-child(2){animation-duration:1.7s;animation-delay:-.4s}.stat.atk .arcs polyline:nth-child(3){animation-duration:1.1s;animation-delay:-.7s}.stat.atk .arcs polyline:nth-child(4){animation-duration:1.5s;animation-delay:-.2s}.stat.atk .arcs polyline:nth-child(5){animation-duration:1.9s;animation-delay:-1s}.stat.atk .arcs polyline:nth-child(6){animation-duration:1.4s;animation-delay:-.9s}@keyframes arc-flicker{0%{opacity:0}8%{opacity:1}14%{opacity:.2}18%{opacity:.95}26%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion: reduce){.stat.atk:has(>.arcs),.stat.atk .arcs polyline{animation:none}.stat.atk .arcs polyline{opacity:.7}}.stat.atk:has(>.bubbles){filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 3px #7be04a) drop-shadow(0 0 7px rgb(90 200 60 / .75));animation:poison-glow 2.4s ease-in-out infinite}.stat.atk:has(>.arcs):has(>.bubbles){animation:disint-glow 1.8s ease-in-out infinite}@keyframes poison-glow{0%,to{filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 3px #7be04a) drop-shadow(0 0 6px rgb(90 200 60 / .55))}50%{filter:drop-shadow(0 0 .6px #120b06) drop-shadow(0 0 4px #a8f06e) drop-shadow(0 0 10px rgb(110 230 70 / .9))}}.stat.atk .bubbles{position:absolute;top:-60%;right:-80%;bottom:-70%;left:-80%;pointer-events:none;z-index:1}.stat.atk .bubbles b{position:absolute;bottom:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5ffe1 0,#f5ffe1 16%,#aaf56499 38%,#50be2859 62%,#96f05af2 78%,#3c961e00 86%);box-shadow:0 0 5px #78e646e6;opacity:0;animation:bubble-rise calc(1.6s + var(--i) * .23s) ease-in infinite;animation-delay:calc(var(--i) * -.41s)}@keyframes bubble-rise{0%{transform:translate(0) scale(.4);opacity:0}15%{opacity:.95}70%{transform:translate(calc((var(--i) - 3.5) * 1.5px),-34px) scale(1);opacity:1}85%{transform:translate(calc((var(--i) - 3.5) * 1.7px),-40px) scale(1.35);opacity:.7}to{transform:translate(calc((var(--i) - 3.5) * 1.7px),-43px) scale(1.8);opacity:0}}@media (prefers-reduced-motion: reduce){.stat.atk:has(>.bubbles),.stat.atk .bubbles b{animation:none}.stat.atk .bubbles b{opacity:.7}}.stat.hp .vines{position:absolute;top:-45%;right:-55%;bottom:-60%;left:-55%;pointer-events:none;z-index:1;animation:vine-sway 4.5s ease-in-out infinite;transform-origin:50% 40%}.stat.hp .vines svg{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .7))}.stat.hp .vines .stem{fill:none;stroke:#3f8f2e;stroke-width:9;stroke-linecap:round}.stat.hp .vines .stem.thin{stroke-width:6}.stat.hp .vines .leaf{fill:#6fcf4f;stroke:#2c6a1f;stroke-width:2;transform-box:fill-box;transform-origin:0 50%;animation:leaf-breathe 3s ease-in-out infinite;animation-delay:var(--d)}@keyframes vine-sway{0%,to{rotate:-2deg}50%{rotate:2deg}}@keyframes leaf-breathe{0%,to{scale:1}50%{scale:1.18}}@media (prefers-reduced-motion: reduce){.stat.hp .vines,.stat.hp .vines .leaf{animation:none}}.stat.hp.frozen,.armored .stat.hp.frozen{color:#f4fbff;text-shadow:0 0 3px #2a6ea8,0 1px 1px rgb(0 0 0 / .7)}.stat.hp.frozen:after,.armored .stat.hp.frozen:after{background:linear-gradient(160deg,#fff,#b8e2ff 40%,#5b9fd6)}.stat.hp.frozen:before,.armored .stat.hp.frozen:before{animation:none;background:radial-gradient(circle at 32% 22%,#fffffff2 0,#fffffff2 7%,#fff0 26%),linear-gradient(125deg,#fff0 30%,#ffffff73 42%,#fff0 50%),linear-gradient(90deg,#ffffff1f 0,#ffffff1f 50%,#001e462e 50%),radial-gradient(circle at 50% 35%,#cfeeff,#7fbfee 50%,#2f6fae)}.stat.hp .ice{position:absolute;top:-28%;right:-22%;bottom:-34%;left:-22%;pointer-events:none;z-index:1}.stat.hp .ice svg{width:100%;height:100%;display:block;overflow:visible}.stat.hp .ice .crust{fill:#dcf2ffd9;fill-rule:evenodd;stroke:#8cc8f0;stroke-width:1.5;filter:drop-shadow(0 0 2px rgb(150 210 255 / .9))}.stat.hp .ice .glint{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;opacity:.85;animation:ice-glint 3.4s ease-in-out infinite}@keyframes ice-glint{0%,70%,to{opacity:.35}80%{opacity:1}}@media (prefers-reduced-motion: reduce){.stat.hp .ice .glint{animation:none}}.counter .stat.hp:after{top:-50%;right:-50%;bottom:-56%;left:-50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 212'%3E%3Cg transform='rotate(42 100 106)'%3E%3Cpath d='M100 0 L112 18 L112 146 L132 146 L132 158 L109 158 L109 180 A10 10 0 1 1 91 180 L91 158 L68 158 L68 146 L88 146 L88 18 Z'/%3E%3C/g%3E%3Cg transform='translate(48 47) scale(1.04 1.08)'%3E%3Cpath d='M50 3 L95 15 L95 52 C95 82 75 100 50 109 C25 100 5 82 5 52 L5 15 Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 212'%3E%3Cg transform='rotate(42 100 106)'%3E%3Cpath d='M100 0 L112 18 L112 146 L132 146 L132 158 L109 158 L109 180 A10 10 0 1 1 91 180 L91 158 L68 158 L68 146 L88 146 L88 18 Z'/%3E%3C/g%3E%3Cg transform='translate(48 47) scale(1.04 1.08)'%3E%3Cpath d='M50 3 L95 15 L95 52 C95 82 75 100 50 109 C25 100 5 82 5 52 L5 15 Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat}.armored .stat.hp{--gem: #0c0d11;color:#f2f2f5}.armored .stat.hp.hurt{color:#ffc9bf}.armored .stat.hp:after{background:linear-gradient(160deg,#e9ebee,#8e939b 45%,#2c2f35)}.armored .stat.hp:before{background:radial-gradient(circle at var(--shine-x, 34%) 22%,rgb(255 255 255 / .9) 0 5%,rgb(255 255 255 / .25) 14%,rgb(255 255 255 / 0) 32%),linear-gradient(90deg,#ffffff1a 0,#ffffff1a 50%,#00000059 50%),radial-gradient(circle at 50% 35%,#3a3c44,#121318 55%,#000);animation:armored-shine 3.6s ease-in-out infinite}@keyframes armored-shine{0%,to{--shine-x: 28%}50%{--shine-x: 60%}}@property --shine-x{syntax: "<percentage>"; inherits: false; initial-value: 34%;}@media (prefers-reduced-motion: reduce){.armored .stat.hp:before{animation:none}}.stat.hp.debuffed{box-shadow:none;filter:drop-shadow(0 0 1px #ff8a80) drop-shadow(0 0 1px #ff8a80) drop-shadow(0 0 5px #ff4b3e)}.spd{display:inline-flex;align-items:center;gap:1px}.spd-ic{font-size:0;font-style:normal;display:inline-flex}.spd-ic:before{content:"";width:14px;height:13px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 4h4.2v8.6c0 1 .7 1.9 1.7 2.1l2.5.6c1 .3 1.6 1.1 1.6 2.1V21H12.4c-.8 0-1.4-.7-1.3-1.5l.7-7z'/%3E%3Cpath d='M12.4 7.2C9.4 6.6 7.3 4.3 6.8.8c2.3 2.1 4.2 2.9 6.2 3z M12 11C7.6 11.2 3.9 9 1.8 4.6c3.2 2.4 6.3 3.3 10.4 3.2z M11.8 14.6C7.2 15.6 3 14.1 0 10.2c3.6 1.6 7.4 2 11.9.8z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 4h4.2v8.6c0 1 .7 1.9 1.7 2.1l2.5.6c1 .3 1.6 1.1 1.6 2.1V21H12.4c-.8 0-1.4-.7-1.3-1.5l.7-7z'/%3E%3Cpath d='M12.4 7.2C9.4 6.6 7.3 4.3 6.8.8c2.3 2.1 4.2 2.9 6.2 3z M12 11C7.6 11.2 3.9 9 1.8 4.6c3.2 2.4 6.3 3.3 10.4 3.2z M11.8 14.6C7.2 15.6 3 14.1 0 10.2c3.6 1.6 7.4 2 11.9.8z'/%3E%3C/svg%3E") center / contain no-repeat}.account-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;color:var(--mist);font-size:15px}.account-bar b{color:var(--ink)}.account-bar .home-back{align-self:center}.vs-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:grid;place-content:center;gap:22px;padding:16px;text-align:center;pointer-events:none;background:radial-gradient(ellipse at center,#0009,#000000e0);animation:fade-in .25s ease-out both}.vs-screen.out{animation:vs-out .5s ease-in forwards}.vs-title{font-family:var(--font-display);font-size:clamp(28px,5vw,44px);color:var(--gold);text-shadow:0 0 24px color-mix(in srgb,var(--gold) 60%,transparent);animation:vs-title .6s cubic-bezier(.2,1.4,.4,1) both}.vs-row{display:flex;align-items:center;justify-content:center;gap:clamp(14px,5vw,48px)}.vs-side{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;animation:vs-in .7s cubic-bezier(.2,1.2,.3,1) .15s both}.vs-side.foe{animation-name:vs-in-right}.vs-side .leader-face{width:clamp(100px,22vw,180px);aspect-ratio:5 / 7;object-fit:cover;object-position:50% 18%;border-radius:10px;border:3px solid var(--ec);box-shadow:0 0 28px color-mix(in srgb,var(--ec) 60%,transparent)}.vs-side .gem{width:64px;height:64px;margin:20px 0}.vs-side b{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,3vw,24px);color:var(--ink);max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-side small{color:var(--mist)}.vs-mark{font-family:var(--font-display);font-size:clamp(36px,8vw,72px);color:var(--blood);text-shadow:0 0 20px var(--blood);animation:vs-mark .5s cubic-bezier(.2,1.6,.4,1) .7s both}@keyframes vs-in{0%{opacity:0;transform:translate(-60vw)}}@keyframes vs-in-right{0%{opacity:0;transform:translate(60vw)}}@keyframes vs-title{0%{opacity:0;transform:translateY(-20px) scale(.8)}}@keyframes vs-mark{0%{opacity:0;transform:scale(3);filter:brightness(3)}to{opacity:1;transform:scale(1)}}@keyframes vs-out{to{opacity:0}}@media (prefers-reduced-motion: reduce){.vs-title,.vs-side,.vs-side.foe,.vs-mark{animation:none}}.online-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--night) 75%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.online-box{width:min(400px,100%);background:var(--night);border:1px solid var(--table-edge);border-radius:12px;padding:22px 20px;box-shadow:0 20px 60px -20px #000;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.online-box h2{font-family:var(--font-display);font-weight:400;font-size:30px;margin:0;color:var(--essence)}.online-box p{margin:0;line-height:1.4}.online-box .home-back{align-self:center}.online-form{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left}.online-form label{display:flex;flex-direction:column;gap:4px;color:var(--mist);font-size:14px}.online-form input{font:inherit;font-size:17px;color:var(--ink);background:var(--table);border:1px solid var(--table-edge);border-radius:8px;padding:9px 12px;min-width:0}.online-form input:focus{outline:2px solid var(--essence);outline-offset:1px}.online-form small{color:var(--mist);font-size:13px}.online-form .begin{align-self:center;margin-top:4px}.online-form.inline{flex-direction:row;justify-content:center}.online-form.inline input{width:9ch;text-transform:uppercase;letter-spacing:.15em;text-align:center}.online-form.inline .begin{margin:0;padding:8px 22px;font-size:19px}.online-error{color:var(--blood);font-size:14px}.online-switch{color:var(--mist);font-size:14px}.online-form .optional{font-size:12px;color:var(--mist);opacity:.8}.privacy-link{color:var(--mist);font-size:13px;text-decoration:underline;text-underline-offset:2px}.privacy-link:hover{color:var(--ink)}.account-bar .privacy-link{margin-left:4px}.online-or{color:var(--mist);font-size:14px}.online-box .link{background:none;border:none;padding:0;color:var(--essence);font:inherit;text-decoration:underline;cursor:pointer}.online-code{font-family:var(--font-display);font-size:44px;letter-spacing:.2em;color:var(--gold)}.resign-btn{border:1px solid var(--table-edge);background:transparent;border-radius:999px;padding:3px 12px;color:var(--mist);font-size:13px}.resign-btn:hover{color:var(--blood);border-color:var(--blood)}.home-toast{position:fixed;left:50%;top:auto;bottom:24px;translate:-50% 0;z-index:250}.turn-clock{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;color:var(--mist);font-size:15px;min-width:4.6em;justify-content:flex-end}.turn-clock[hidden]{display:none}.turn-clock{--clock: var(--gold)}.turn-clock[data-level=warn]{--clock: #f0943a}.turn-clock[data-level=low]{--clock: var(--blood)}.turn-clock .ring{width:22px;height:22px;flex:none;rotate:-90deg;overflow:visible}.turn-clock .ring circle{fill:none;stroke-width:4}.turn-clock .ring .track{stroke:#ffffff1f}.turn-clock .ring .fill{stroke:var(--clock);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--frac, 1) * 100);transition:stroke-dashoffset .26s linear,stroke .6s;filter:drop-shadow(0 0 2px var(--clock))}.turn-clock .time{font-weight:700;color:var(--ink);transition:color .6s}.turn-clock[data-level=low] .time{color:var(--blood)}.turn-clock.low{animation:clock-pulse 1s ease-in-out infinite}.turn-clock.low .ring{animation:clock-shake .5s ease-in-out infinite}@keyframes clock-pulse{50%{opacity:.6}}@keyframes clock-shake{0%,to{translate:0 0}25%{translate:-1px 0}75%{translate:1px 0}}.seam{position:relative}.seam.timed:before{content:"";position:absolute;left:0;top:-1px;height:3px;border-radius:0 3px 3px 0;pointer-events:none;width:calc(var(--frac, 1) * 100%);transition:width .26s linear,background .6s;background:var(--gold);box-shadow:0 0 8px var(--gold)}.seam.timed[data-level=warn]:before{background:#f0943a;box-shadow:0 0 8px #f0943a}.seam.timed[data-level=low]:before{background:var(--blood);box-shadow:0 0 10px var(--blood);animation:clock-pulse 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.turn-clock.low,.turn-clock.low .ring,.seam.timed[data-level=low]:before{animation:none}}.kawa{color:var(--gold);font-weight:700}.begin.small{font-size:16px;padding:5px 16px}.online-box:has(.starter-colors),.online-box:has(.pack-cards){width:min(760px,100%);max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden}.starter-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;width:100%}.starter-color{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;text-align:left;background:var(--table);border:1px solid var(--table-edge);border-radius:10px;padding:10px 12px;color:var(--ink)}.starter-color:not(:disabled):hover{border-color:var(--ec);box-shadow:0 6px 20px -10px var(--ec)}.starter-color .gem{grid-row:span 2;width:18px;height:18px}.starter-color .leader-face{grid-row:span 2;width:54px;height:72px;object-fit:cover;object-position:50% 18%;border-radius:6px;border:1px solid color-mix(in srgb,var(--ec) 70%,var(--table-edge));box-shadow:0 2px 6px #00000080}.starter-color.chosen .leader-face{box-shadow:0 0 12px var(--ec)}.shop-leader .leader-face{grid-area:gem;width:44px;height:58px;object-fit:cover;object-position:50% 18%;border-radius:5px;border:1px solid color-mix(in srgb,var(--ec) 70%,var(--table-edge))}.starter-color b{font-family:var(--font-display);font-weight:400;font-size:20px}.starter-colors.picking .starter-color{transition:opacity .5s,filter .5s,transform .5s}.starter-color.passed{opacity:.18;filter:grayscale(1);transform:scale(.96)}.starter-color.chosen{border-color:var(--ec);color:var(--ink);opacity:1!important;background:color-mix(in srgb,var(--ec) 22%,var(--table));animation:color-chosen 1.1s ease-in-out both}.starter-color.chosen .gem{animation:gem-flare 1.1s ease-in-out both}@keyframes color-chosen{0%{transform:scale(1);box-shadow:0 0 0 0 var(--ec)}35%{transform:scale(1.06);box-shadow:0 0 0 3px var(--ec),0 0 34px 6px var(--ec)}to{transform:scale(1.03);box-shadow:0 0 0 2px var(--ec),0 0 54px 14px color-mix(in srgb,var(--ec) 60%,transparent)}}@keyframes gem-flare{0%{box-shadow:0 0 0 0 var(--ec)}50%{box-shadow:0 0 18px 8px var(--ec);transform:scale(1.4)}to{box-shadow:0 0 10px 4px var(--ec);transform:scale(1.15)}}@media (prefers-reduced-motion: reduce){.starter-color.chosen,.starter-color.chosen .gem{animation:none}}.starter-color small{color:var(--mist);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pack-cards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.shop-h3{font-family:var(--font-display);font-weight:400;font-size:22px;margin:18px 0 2px;color:var(--ink)}.shop-lead{color:var(--mist);font-size:13px;margin:0 0 8px}.shop-leaders{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;width:100%}.shop-leader{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"gem name" "gem color" "buy buy";gap:0 10px;align-items:center;background:var(--table);border:1px solid var(--table-edge);border-radius:10px;padding:8px 10px;text-align:left}.shop-leader .gem{grid-area:gem;width:16px;height:16px}.shop-leader b{grid-area:name;font-family:var(--font-display);font-weight:400;font-size:18px;color:var(--ink);line-height:1.1}.shop-leader small{grid-area:color;color:var(--mist);font-size:12px}.shop-leader b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;letter-spacing:-.02em}.shop-leader{column-gap:8px;padding:8px}.shop-leader .leader-face{width:40px;height:54px}.shop-leader .unlock,.shop-leader .tag{grid-area:buy;justify-self:start;margin-top:6px;font:inherit;font-size:13px;border-radius:999px;padding:4px 10px;white-space:nowrap}.shop-leader .unlock{color:var(--night);background:var(--gold);border:none;cursor:pointer;font-weight:700}.shop-leader .unlock:disabled{opacity:.4;cursor:default}.shop-leader .tag{color:var(--mist);border:1px solid var(--table-edge)}.shop-leader.owned{border-color:color-mix(in srgb,var(--ec) 60%,var(--table-edge))}.kawa-line b{color:var(--gold)}.tile .owned{color:var(--mist);font-size:12px}.tile.unowned{opacity:.45}.online-box:has(.shop-item){width:min(520px,100%)}.shop-item{display:flex;gap:18px;align-items:center;text-align:left;width:100%;background:var(--table);border:1px solid var(--table-edge);border-radius:12px;padding:14px}.shop-item .pack{--pack-w: 96px;flex:none}.shop-text{display:flex;flex-direction:column;gap:6px}.shop-text b{font-family:var(--font-display);font-weight:400;font-size:22px;color:var(--ink)}.shop-text p{font-size:15px}.shop-text small{color:var(--mist);font-size:13px;line-height:1.35}@media (max-width: 480px){.shop-item{flex-direction:column;text-align:center}}.shop-buy{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;border:1px solid var(--table-edge);border-radius:999px;background:var(--table);overflow:hidden}.qty button{width:36px;height:36px;border:none;background:none;color:var(--ink);font-size:20px;cursor:pointer}.qty button:not(:disabled):hover{background:var(--table-edge)}.qty button:disabled{color:var(--table-edge);cursor:default}.qty input{width:5ch;border:none;background:none;color:var(--ink);font:inherit;font-size:18px;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty input:focus{outline:2px solid var(--essence);outline-offset:-2px}.qty-max{border:1px solid var(--table-edge);background:transparent;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--mist);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.qty-max:not(:disabled):hover{color:var(--gold);border-color:var(--gold)}.qty-max:disabled{opacity:.5;cursor:default}.shop-buy .begin{font-size:19px;padding:8px 22px}.shop-note{color:var(--heal);font-size:15px}.pack{--pack-w: 150px;position:relative;width:var(--pack-w);aspect-ratio:5 / 7;border-radius:10px;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px solid color-mix(in srgb,var(--gold) 70%,#000);background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--essence) 50%,transparent),transparent 55%),linear-gradient(160deg,#2b3550,#151a28 60%,#0d1018);color:var(--ink);font-family:var(--font-display);box-shadow:0 14px 34px -12px #000,inset 0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent)}.pack.gift{border-color:color-mix(in srgb,var(--essence) 60%,var(--gold));background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--essence) 75%,transparent),transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--essence) 35%,#1d2233),#151a28 62%,#0d1018)}.pack:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.26) 50%,transparent 58%);animation:pack-sheen 3.2s ease-in-out infinite}@keyframes pack-sheen{0%{transform:translate(-45%)}60%,to{transform:translate(45%)}}.pack-crest{font-size:calc(var(--pack-w) * .32);line-height:1;color:var(--essence);text-shadow:0 0 18px var(--essence)}.pack-title{font-size:calc(var(--pack-w) * .14);line-height:1.05;text-align:center;padding:0 8px}.pack-sub{font-family:var(--font-body);font-size:calc(var(--pack-w) * .085);color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.pack-stage{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.pack-stage .pack{--pack-w: 170px;cursor:pointer;animation:pack-arrive .5s cubic-bezier(.2,1.4,.4,1) both;transition:box-shadow .2s,filter .2s}.pack-stage .pack:hover,.pack-stage .pack:focus-visible{filter:brightness(1.15);box-shadow:0 18px 44px -10px var(--essence),inset 0 0 0 4px color-mix(in srgb,var(--gold) 35%,transparent)}@keyframes pack-arrive{0%{transform:translateY(30px) scale(.8);opacity:0}}.pack-hint{color:var(--mist);font-size:14px}.pack-stage:has(.tearing) .pack-hint{visibility:hidden}.pack-stage .pack.tearing{pointer-events:none;animation:pack-shake .55s ease-in-out,pack-burst .55s .55s ease-in forwards}@keyframes pack-shake{0%,to{transform:none}15%{transform:rotate(-4deg) scale(1.02)}30%{transform:rotate(4deg) scale(1.04)}45%{transform:rotate(-5deg) scale(1.05)}60%{transform:rotate(5deg) scale(1.06)}80%{transform:rotate(-3deg) scale(1.07)}}@keyframes pack-burst{40%{transform:scale(1.12);filter:brightness(2.2)}to{transform:scale(1.6);filter:brightness(5);opacity:0}}.pack-reveal{display:grid;width:100%;justify-items:center}.pack-reveal>*{grid-area:1 / 1}.pack-reveal .pack-stage{align-self:start}.pack-cards.dealt:not(.go),.pack-after:not(.shown){visibility:hidden}.pack-cards.dealt{--card-w: clamp(64px, 15vw, 112px);gap:24px 12px;max-width:660px;perspective:900px;padding:8px 0 14px}.flip{position:relative;width:var(--card-w);aspect-ratio:5 / 7;border-radius:9px}.go .flip{animation:deal .45s calc(var(--i) * 90ms) cubic-bezier(.2,1.2,.4,1) both}@keyframes deal{0%{transform:translateY(-70px) scale(.5) rotate(-8deg);opacity:0}}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg)}.go .flip-inner{animation:flip-up .5s calc(var(--i) * 90ms + .45s) ease-in-out forwards}@keyframes flip-up{to{transform:rotateY(0)}}.flip-face,.pack-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face .card{width:100%}.pack-back{transform:rotateY(180deg);border-radius:9px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--gold) 60%,#000);box-shadow:0 6px 18px -6px #000;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--essence) 35%,transparent),transparent 60%),linear-gradient(160deg,#2b3550,#0d1018);color:var(--essence);font-size:calc(var(--card-w) * .35)}.flip.mystery{cursor:pointer;z-index:1}.flip.mystery:not(.charging):not(.revealed){animation:deal .45s calc(var(--i) * 90ms) cubic-bezier(.2,1.2,.4,1) both,mystery-glow 1.8s calc(var(--i) * 90ms + .5s) ease-in-out infinite}.flip.mystery:not(.revealed):hover,.flip.mystery:focus-visible{filter:brightness(1.3);outline:none}@keyframes mystery-glow{50%{box-shadow:0 0 24px 4px #ffffff59}}.flip.mystery .flip-inner{animation:none;transform:rotateY(180deg);transition:transform .7s cubic-bezier(.3,1.3,.5,1)}.mystery-back{border-color:#3a3a44;color:#f4f1e8;font-family:var(--font-display);font-size:calc(var(--card-w) * .62);background:radial-gradient(circle at 50% 45%,#22222b,#000 72%)}.mystery-back span{text-shadow:0 0 14px rgba(255,255,255,.6);animation:q-pulse 1.6s ease-in-out infinite}@keyframes q-pulse{50%{text-shadow:0 0 26px rgba(255,255,255,.95);transform:scale(1.08)}}.flip.mystery.charging{animation:charge 1s ease-in both}@keyframes charge{0%{transform:none;box-shadow:0 0 10px 2px #ffffff4d}10%{transform:translate(-1px) rotate(-1deg)}20%{transform:translate(1px) rotate(1deg)}30%{transform:translate(-2px,1px) rotate(-1.5deg) scale(1.02)}40%{transform:translate(2px,-1px) rotate(1.5deg) scale(1.03)}50%{transform:translate(-3px,1px) rotate(-2deg) scale(1.05)}60%{transform:translate(3px,-1px) rotate(2deg) scale(1.06)}70%{transform:translate(-4px,2px) rotate(-3deg) scale(1.08)}80%{transform:translate(4px,-2px) rotate(3deg) scale(1.1)}90%{transform:translate(-3px,1px) rotate(-2deg) scale(1.12)}to{transform:scale(1.14);box-shadow:0 0 46px 14px #ffffffd9}}.flip.mystery.revealed{animation:reveal-pop .7s ease-out both,rarity-glow 2.2s .7s ease-in-out infinite}.flip.mystery.revealed .flip-inner{transform:rotateY(0)}@keyframes reveal-pop{0%{transform:scale(1.14)}55%{transform:scale(1.2)}to{transform:scale(1.08)}}@keyframes rarity-glow{0%,to{transform:scale(1.08);box-shadow:0 0 22px 5px var(--rc)}50%{transform:scale(1.08);box-shadow:0 0 34px 10px var(--rc)}}.flip.mystery.revealed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;pointer-events:none;z-index:2;background:radial-gradient(circle,#fff 30%,var(--rc));animation:flash .6s ease-out forwards}@keyframes flash{0%{opacity:.95}to{opacity:0}}.burst{position:absolute;left:50%;top:50%;width:calc(var(--card-w) * 4);aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;opacity:0;z-index:-1;background:repeating-conic-gradient(color-mix(in srgb,var(--rc) 80%,#fff) 0 6deg,transparent 6deg 22deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 68%);mask:radial-gradient(circle,#000 12%,transparent 68%)}.revealed .burst{animation:burst 1.6s ease-out forwards}@keyframes burst{0%{opacity:0;transform:scale(.2) rotate(0)}20%{opacity:1}to{opacity:0;transform:scale(1.1) rotate(70deg)}}.sparks{position:absolute;left:50%;top:50%;pointer-events:none;z-index:3}.spark{position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;opacity:0;background:color-mix(in srgb,var(--rc) 65%,#fff);box-shadow:0 0 8px 1px var(--rc)}.revealed .spark{animation:spark 1.1s ease-out forwards}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1.5)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * var(--reach, -2))) scale(.4)}}.flip.legendary .burst{width:calc(var(--card-w) * 6)}.flip.legendary.revealed .burst{animation-duration:2.6s}.flip.legendary .spark{--reach: -3.2;width:8px;height:8px;margin:-4px}.flip.legendary.revealed .spark{animation-duration:1.7s}.online-box:has(.legendary.revealed){animation:box-quake .5s ease-out}@keyframes box-quake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(2px,-1px)}}.pack-after{display:flex;flex-direction:column;gap:14px;align-items:center}.pack-after.shown{animation:after-in .4s ease-out both}@keyframes after-in{0%{opacity:0;transform:translateY(8px)}}.flip.to-kawa .flip-face{animation:to-kawa 1s ease-in forwards}@keyframes to-kawa{35%{filter:sepia(1) saturate(5) hue-rotate(-12deg) brightness(1.35);transform:scale(1.04)}to{filter:grayscale(1) brightness(.75);opacity:.22;transform:scale(.94)}}.flip.mystery.revealed.to-kawa{animation:none;box-shadow:none}.kawa-burst{position:absolute;left:50%;top:48%;pointer-events:none;z-index:4}.kawa-crystal{position:absolute;width:14px;height:20px;margin:-10px 0 0 -7px;opacity:0;filter:drop-shadow(0 0 5px #f0a030) drop-shadow(0 0 2px #ffcf70);animation:crystal-float 1.8s calc(var(--delay) + .25s) cubic-bezier(.2,.7,.3,1) forwards}.kawa-crystal b{display:block;width:100%;height:100%;clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);background:linear-gradient(150deg,#fff1c4,#ffbf55 30%,#f0a030 55%,#c25a10)}@keyframes crystal-float{0%{opacity:0;transform:translateY(12px) scale(.3) rotate(0)}18%{opacity:1;transform:translate(calc(var(--dx) * .3),-8px) scale(1.15) rotate(calc(var(--spin) * .3))}55%{transform:translate(calc(var(--dx) * .75),calc(var(--rise) * -.6)) scale(1) rotate(calc(var(--spin) * .7))}75%{opacity:1}to{opacity:0;transform:translate(var(--dx),calc(var(--rise) * -1)) scale(.75) rotate(var(--spin))}}.kawa-gain{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:5;white-space:nowrap;pointer-events:none;font-family:var(--font-body);font-weight:800;font-size:15px;color:var(--gold);text-shadow:0 0 6px #000,0 0 12px #f0a030;opacity:0;animation:gain-in .5s .6s ease-out forwards}@keyframes gain-in{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.pack:after,.pack-stage .pack,.flip,.flip.mystery:not(.charging):not(.revealed),.flip.mystery.charging,.flip.mystery.revealed,.flip-inner,.mystery-back span,.flip.mystery.revealed:after,.revealed .burst,.revealed .spark,.online-box,.pack-after{animation:none}.flip-inner{transform:none}.flip.mystery .flip-inner{transform:rotateY(180deg);transition:none}.flip.mystery.revealed .flip-inner{transform:none}.flip.mystery.revealed{box-shadow:0 0 22px 5px var(--rc)}.kawa-crystal{display:none}.flip.to-kawa .flip-face{animation:none;opacity:.22;filter:grayscale(1)}.kawa-gain{animation:none;opacity:1}}.dev-entry{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px;color:var(--mist);font-size:14px}.dev-entry .home-back{align-self:center}.search-note{color:var(--mist);font-size:13px;margin:0}