:root{--bg:#0c1120;--bg-2:#111a30;--panel:#151f3a;--panel-2:#1b2848;--line:#2a3a66;--text:#eef2ff;--muted:#95a2c8;--gold:#f5c451;--gold-deep:#b98a1d;--accent:#f5c451;--accent-text:#1b1405;--blue:#4f8cff;--blue-deep:#2a56c7;--ok:#43d19a;--danger:#ff6b7a;--light-sq:#ecdcb9;--dark-sq:#a57a52;--frame:#080c18;--selected:#f5c4518c;--last:#f5c4514d;--hint:#43d19a8c;--preview:#b673ff73;--barrier:#6028aabf;--check:#ff465ad9;--r-common:#aab4cc;--r-rare:#4aa3ff;--r-epic:#b673ff;--r-legendary:#ffb02e;--r-mythological:#ff4d6d;--piece-w:#fbf6ea;--piece-w-line:#1d1a24;--piece-b:#2c2540;--piece-b-line:#0a0910;--piece-b-detail:#c9c1e6;--font-display:"Russo One", "Arial Black", system-ui, sans-serif;--font-body:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.5}body{background:radial-gradient(1200px 600px at 60% -250px, #4f8cff33, transparent 70%), radial-gradient(900px 500px at 100% 110%, #b673ff1a, transparent 70%), var(--bg)}button,input,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;text-wrap:balance;font-weight:400}h1{margin:0 0 .3rem;font-size:clamp(1.5rem,3vw,2.1rem)}h2{color:var(--gold);margin:0 0 .6rem;font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:var(--font-mono)}.ok-text{color:var(--ok)}.error-text{color:var(--danger)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.topbar{background:var(--bg-2);border-bottom:1px solid var(--line);top:env(safe-area-inset-top,0px);z-index:20;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1.25rem;display:flex;position:sticky}.brand{font-family:var(--font-display);color:var(--text);align-items:center;gap:.45rem;font-size:1.3rem;text-decoration:none;display:flex}.brand .glyph{width:1.7rem;height:1.7rem}.piece-svg path{stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.piece-svg .ps-outline,.piece-svg .ps-detail{fill:none}.piece-svg-w .ps-outline,.piece-svg-w .ps-detail{stroke:var(--piece-w-line)}.piece-svg-w .ps-dot{fill:var(--piece-w-line);stroke:var(--piece-w-line)}.piece-svg-b .ps-outline{stroke:var(--piece-b-line)}.piece-svg-b .ps-dot{fill:var(--piece-b-detail);stroke:var(--piece-b-detail)}.glyph{width:1.7rem;height:1.7rem}.brand b{color:var(--gold);font-weight:400}.topbar nav{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;gap:.3rem;padding:.25rem;display:flex}.topbar nav a{color:var(--muted);border-radius:999px;padding:.35rem .95rem;font-size:.92rem;font-weight:700;text-decoration:none}.topbar nav a:hover{color:var(--text)}.topbar nav a.active{background:var(--accent);color:#fff}main{max-width:1320px;margin:0 auto;padding-block:1.25rem 2rem;padding-inline:16px}.page-head{margin-bottom:1.1rem}.page-head p{max-width:68ch;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:1rem}.btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;padding:.45rem .95rem;font-weight:700;transition:border-color .15s,transform .1s,background .15s}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 0 var(--gold-deep)}.btn-danger{color:var(--danger)}.btn-ghost{background:0 0}.btn-sm{padding:.28rem .65rem;font-size:.84rem}.btn-lg{font-size:1.05rem;font-family:var(--font-display);padding:.75rem 1.6rem;font-weight:800}.btn-block{text-align:left;width:100%;margin-bottom:.45rem;display:block}.chip-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chip{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .85rem;font-size:.9rem;font-weight:600;display:inline-flex}.chip .glyph{width:1.2em;height:1.2em}.chip-common.on{background:var(--r-common);border-color:var(--r-common)}.chip-rare.on{background:var(--r-rare);border-color:var(--r-rare)}.chip-epic.on{background:var(--r-epic);border-color:var(--r-epic)}.chip-legendary.on{background:var(--r-legendary);border-color:var(--r-legendary)}.chip-mythological.on{background:var(--r-mythological);border-color:var(--r-mythological)}.field{flex-direction:column;gap:.35rem;min-width:0;margin-bottom:1rem;display:flex}.field>span:first-child{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.82rem;font-weight:700}input,select{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;min-width:0;max-width:100%;padding:.5rem .65rem}select option,select optgroup{background:var(--bg-2)}.pill{background:var(--bg-2);border:1px solid var(--line);white-space:nowrap;color:var(--muted);border-radius:999px;padding:.12rem .55rem;font-size:.75rem;font-weight:700}.pill-ok{color:var(--ok);border-color:currentColor}.r-common{--r:var(--r-common)}.r-rare{--r:var(--r-rare)}.r-epic{--r:var(--r-epic)}.r-legendary{--r:var(--r-legendary)}.r-mythological{--r:var(--r-mythological)}.rarity-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--r);align-items:center;gap:.35rem;font-size:.74rem;font-weight:800;display:inline-flex}.gem{background:var(--r);width:.6rem;height:.6rem;box-shadow:0 0 8px var(--r);border-radius:2px;transform:rotate(45deg)}.rarity-dot{background:var(--r,var(--r-common));border-radius:50%;width:.6em;height:.6em;display:inline-block}.piece-svg{display:block;overflow:visible}.piece-svg .ps-body{stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.piece-svg .ps-detail{fill:none;stroke-width:1.3px;stroke-linecap:round}.piece-svg-w .ps-body{fill:var(--piece-w);stroke:var(--piece-w-line)}.piece-svg-w .ps-detail{stroke:var(--piece-w-line)}.piece-svg-b .ps-body{fill:var(--piece-b);stroke:var(--piece-b-line)}.piece-svg-b .ps-detail{stroke:var(--piece-b-detail)}.glyph{vertical-align:-.28em;width:1.3em;height:1.3em;display:inline-block}.emblem{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.filters{flex-direction:column;gap:.5rem;margin-bottom:1.2rem;display:flex}.count{margin:0;font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1rem;display:grid}.gcard{background:linear-gradient(160deg, var(--r), color-mix(in srgb, var(--r) 35%, #0a0f1c) 55%, var(--r));border-radius:16px;flex-direction:column;min-width:0;padding:3px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 10px 24px #00000059,0 0 0 1px #ffffff0a}.card-grid .gcard:hover{box-shadow:0 16px 32px #00000073, 0 0 18px color-mix(in srgb, var(--r) 45%, transparent);transform:translateY(-4px)}.gcard.r-legendary,.gcard.r-mythological{background-size:200% 200%;animation:6s ease-in-out infinite shimmer}@keyframes shimmer{50%{background-position:100% 100%}}.gcard-art{aspect-ratio:4/3;background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--r) 55%, transparent), transparent 62%), repeating-linear-gradient(45deg, #ffffff08 0 10px, transparent 10px 20px), linear-gradient(180deg, #1c2748, #0e1529);border-radius:13px 13px 6px 6px;place-items:center;display:grid;position:relative;overflow:hidden}.gcard-watermark{color:var(--r);opacity:.16;position:absolute;inset:12% 22%}.gcard-watermark .emblem{stroke-width:1.4px}.gcard-piece{filter:drop-shadow(0 8px 10px #00000080);width:58%;height:58%;position:relative}.gcard-emblem{background:var(--r);color:#0b1020;border-radius:50%;width:34px;height:34px;padding:7px;position:absolute;top:8px;right:8px;box-shadow:0 0 0 3px #0000008c}.gcard-emblem:empty{display:none}.gcard-type{letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:#0000008c;border-radius:999px;padding:.12rem .5rem;font-size:.72rem;font-weight:800;position:absolute;bottom:8px;left:10px}.gcard-body{background:#111a31;border-radius:6px 6px 13px 13px;flex-direction:column;flex:1;gap:.35rem;margin-top:3px;padding:.7rem .8rem .8rem;display:flex}.gcard-name{color:var(--text);margin:0;font-size:1.08rem}.gcard-rules{color:#d3daf2;margin:.1rem 0 0;font-size:.86rem}.gcard-effects{flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.35rem;display:flex}.effect{border:1px solid var(--line);color:var(--muted);background:#ffffff0f;border-radius:6px;padding:.08rem .5rem;font-size:.7rem;font-weight:700}.gcard-compact{box-shadow:none;flex-direction:row}.gcard-compact .gcard-art{aspect-ratio:auto;border-radius:13px 6px 6px 13px;flex:none;width:76px}.gcard-compact .gcard-piece{width:70%;height:70%}.gcard-compact .gcard-emblem{width:24px;height:24px;padding:5px;top:5px;right:5px;box-shadow:0 0 0 2px #0000008c}.gcard-compact .gcard-body{border-radius:6px 13px 13px 6px;min-width:0;margin-top:0;margin-left:3px;padding:.55rem .7rem}.gcard-compact .gcard-name{font-size:.98rem}.gcard-compact .gcard-rules{font-size:.82rem}.deck-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.panel-title-row{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.panel-title-row h2{margin:0}.deck-list ul{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.deck-item{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:.65rem}.deck-item.editing{border-color:var(--gold)}.deck-item-main{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.deck-item-actions{flex-wrap:wrap;gap:.3rem;margin-top:.45rem;display:flex}.deck-summary{color:var(--muted);gap:.25rem;font-size:.78rem;display:inline-flex}.dot-count{color:#0b1020;background:var(--r);border-radius:999px;padding:0 .42rem;font-weight:800}.empty-editor{text-align:center;padding:2.5rem 1rem}.deck-editor h2{margin-top:1.4rem}.pawn-picker{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.45rem;display:grid}.pawn-option{border:1px solid var(--line);border-left:4px solid var(--r);background:var(--bg-2);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:.15rem;padding:.5rem 1.9rem .5rem .6rem;display:flex;position:relative}.pawn-option.on{border-color:var(--gold);border-left-color:var(--r);background:color-mix(in srgb, var(--gold) 12%, var(--bg-2))}.pawn-option:disabled{opacity:.35;cursor:not-allowed}.pawn-option-name{font-size:.9rem;font-weight:700}.version-badge{background:var(--gold);color:#fff;border-radius:999px;place-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:6px;right:7px}.formation{flex-direction:column;gap:.4rem;margin-top:.8rem;display:flex}.formation-input{width:8.5rem}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;display:grid}.slot .field{margin-bottom:.45rem}.deck-preview{border:3px solid var(--frame);border-radius:10px;flex-direction:column;max-width:100%;display:inline-flex;overflow:hidden}.preview-row,.preview-files{grid-template-columns:repeat(8,minmax(0,3rem));display:grid}.preview-files span{text-align:center;color:var(--muted);background:var(--frame);font-size:.75rem}.preview-cell{aspect-ratio:1;place-items:center;display:grid;position:relative}.preview-cell .glyph{width:80%;height:80%}.preview-cell.light{background:var(--light-sq)}.preview-cell.dark{background:var(--dark-sq)}.preview-cell .rarity-dot{box-shadow:0 0 0 1.5px var(--frame);position:absolute;bottom:3px;right:3px}.errors{color:var(--danger);margin:1rem 0 0;padding-left:1.2rem}.editor-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.setup{max-width:600px}.game{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1.25rem;display:grid}.game-board-col{flex-direction:column;justify-self:center;gap:.5rem;width:min(100%,100dvh - 120px,1100px);min-width:min(100%,300px);display:flex}.player-bar{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .6rem;font-weight:700;display:flex}.player-bar>span{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.player-bar.to-move{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.captured{border-radius:999px;flex-wrap:wrap;align-items:center;gap:0;padding:.12rem .55rem .12rem .35rem;display:inline-flex}.captured-b{background:#e6dcc4;box-shadow:inset 0 0 0 1px #00000040}.captured-w{background:#00000059;box-shadow:inset 0 0 0 1px #ffffff14}.captured{white-space:nowrap;flex-wrap:nowrap;gap:.2rem}.captured-kind{align-items:center;display:inline-flex}.captured-kind small{margin-left:1px;font-size:.68rem;font-weight:700}.captured-b .captured-kind small{color:#2a2233}.captured-w .captured-kind small{color:var(--muted)}.captured .glyph{width:1.05rem;height:1.05rem}.thinking{color:var(--gold);font-weight:600;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.board{aspect-ratio:1;background:var(--frame);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:14px;grid-template-rows:.5fr repeat(8,1fr) .5fr;grid-template-columns:.5fr repeat(8,1fr) .5fr;width:100%;display:grid;box-shadow:0 12px 30px #00000073;container-type:inline-size}.cell{cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;min-height:0;margin:0;padding:0;display:grid;position:relative}.cell:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;z-index:3}.cell.light{background:var(--light-sq)}.cell.dark{background:var(--dark-sq)}.cell.ring{cursor:default;z-index:2;overflow:visible}.cell.ring:disabled{opacity:1}.cell.ring.clickable,.cell.ring:not(:disabled){cursor:pointer}.coord{color:var(--muted);font-size:2.3cqw;font-weight:800;font-family:var(--font-mono)}.cell:after{content:"";pointer-events:none;position:absolute;inset:0}.cell.last:after{background:var(--last)}.cell.hint:after{background:var(--hint)}.cell.selected:after{background:var(--selected)}.cell.preview:after{background:var(--preview)}.cell.check:after{background:radial-gradient(circle, var(--check) 0%, transparent 72%)}.cell.barrier:after{background:repeating-linear-gradient(-45deg, var(--barrier) 0 4px, transparent 4px 9px)}.platform-tile{background:radial-gradient(circle at 50% 70%,#5b8cff8c,#0000 70%),linear-gradient(#2a3f7a,#16224a);border:2px solid #8fb2ff;border-radius:10px;place-items:center;width:11cqw;height:11cqw;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #5b8cffbf,inset 0 -4px #00000059}.platform-tile.is-target{border-style:dashed;animation:1.8s ease-in-out infinite hover-float}.platform-tile.is-selected{border-color:var(--gold);box-shadow:0 0 20px #f5c451cc}@keyframes hover-float{50%{transform:translate(-50%,calc(-50% - 3px))}}.piece{z-index:1;place-items:center;width:100%;height:100%;display:grid;position:relative}.piece>.piece-sprite{object-fit:contain;object-position:50% 100%;width:78%;height:78%;image-rendering:pixelated;z-index:1;pointer-events:none;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.piece-w>.piece-sprite{filter:drop-shadow(.25cqw 0 #0d1326)drop-shadow(-.25cqw 0 #0d1326)drop-shadow(0 .25cqw #0d1326)drop-shadow(0 -.25cqw #0d1326)drop-shadow(0 .6cqw .3cqw #00000073)}.piece-b>.piece-sprite{filter:drop-shadow(.25cqw 0 #e9cf87)drop-shadow(-.25cqw 0 #e9cf87)drop-shadow(0 .25cqw #e9cf87)drop-shadow(0 -.25cqw #e9cf87)drop-shadow(0 .6cqw .3cqw #00000080)}.piece-b.tinted>.piece-sprite{filter:brightness(.4)saturate(1.5)contrast(1.15)drop-shadow(.25cqw 0 #e9cf87)drop-shadow(-.25cqw 0 #e9cf87)drop-shadow(0 .25cqw #e9cf87)drop-shadow(0 -.25cqw #e9cf87)drop-shadow(0 .6cqw .3cqw #00000080)}.piece-base{z-index:0;border-radius:50%;height:11%;position:absolute;bottom:8%;left:22%;right:22%}.piece-w>.piece-base{background:radial-gradient(at 50% 40%,#fffaf0 0%,#d8cfb8 60%,#8f866e 100%);box-shadow:0 .2cqw #0d1326}.piece-b>.piece-base{background:radial-gradient(at 50% 40%,#4a3b5c 0%,#1b1428 65%,#07050c 100%);box-shadow:0 0 0 .2cqw #e9cf87}.cell.own .piece>.piece-sprite{transition:transform .12s}.cell.own:hover .piece>.piece-sprite{transform:translate(-50%)translateY(-.4cqw)scale(1.05)}.badge-passenger .piece-sprite{width:100%;height:100%;position:static;transform:none}.piece-aura{background:radial-gradient(ellipse, var(--r) 0%, transparent 70%);opacity:.95;border-radius:50%;height:16%;position:absolute;bottom:7%;left:18%;right:18%}.piece-emblem{background:var(--r);color:#0b1020;z-index:2;border-radius:50%;width:3.3cqw;height:3.3cqw;padding:.55cqw;position:absolute;top:4%;right:4%;box-shadow:0 0 0 .35cqw #0000008c}.piece.illusion>.piece-sprite{opacity:.55;filter:drop-shadow(0 0 .8cqw #b673fff2)}.badge{z-index:2;font-size:2cqw;font-weight:800;line-height:1;position:absolute}.badge-frozen{color:#7dd3fc;text-shadow:0 0 3px #04111f;top:3%;left:5%}.badge-passenger{width:3.4cqw;height:3.4cqw;bottom:4%;left:3%}.badge-passenger .piece-svg{width:100%;height:100%}.badge-platform{background:var(--gold);color:#fff;box-shadow:0 0 0 .3cqw var(--frame);border-radius:999px;padding:.3em .45em;top:-12%;left:-12%}.badge-illusion{color:#e9d5ff;background:#280a46d9;border-radius:4px;padding:.15em .35em;font-size:1.5cqw;bottom:3%;left:50%;transform:translate(-50%)}.mark{pointer-events:none;z-index:3;position:absolute}.mark-move{background:#00000029;border-radius:50%;width:30%;height:30%}.platform-tile .mark-move{background:#f5c451e6}.mark-capture{border:.9cqw solid #00000029;border-radius:50%;inset:5%}.mark-option{background:#43d19ad9;border-radius:50%;width:38%;height:38%;box-shadow:0 0 10px #43d19ae6}.game-side{flex-direction:column;gap:.8rem;min-width:0;display:flex}.status strong{font-family:var(--font-display);font-size:1.15rem;font-weight:400}.status p{margin:.4rem 0 0}.status-mine{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}.status-bot{border-color:var(--accent)}.status-over{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.tip{background:#5b8cff24;border:1px solid #5b8cff66;border-radius:8px;margin:.5rem 0 0;padding:.45rem .6rem;font-size:.85rem}.ability{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:.4rem;padding:.6rem 0;display:flex}.ability:last-of-type{border-bottom:0}.ability-head{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.ability-head>span:first-child{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.ability p{margin:0}.ability-options{flex-wrap:wrap;gap:.3rem;max-height:180px;display:flex;overflow:auto}.piece-status{margin:.6rem 0 0;padding-left:1.1rem}.history ol{font-variant-numeric:tabular-nums;flex-direction:column;gap:.2rem;max-height:240px;margin:0;padding:0;font-size:.86rem;list-style:none;display:flex;overflow:auto}.history li{align-items:baseline;gap:.35rem;display:flex}.history .glyph{flex:none;align-self:center;width:1rem;height:1rem}.game-actions{justify-content:flex-end;gap:.5rem;display:flex}.modal-backdrop{z-index:50;background:#03060ed1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:18px;width:min(420px,100%);padding:1.3rem;box-shadow:0 20px 60px #0009}.summary{text-align:center;border-color:var(--gold)}.summary h2{color:var(--gold);font-size:2rem}.summary .editor-actions{justify-content:center}@media (width<=980px){.game{grid-template-columns:1fr}.game-board-col{width:min(100%,640px)}.deck-layout{grid-template-columns:1fr}}@media (width<=560px){.topbar{padding-inline:12px}.brand{font-size:1.05rem}.topbar nav a{padding:.32rem .6rem;font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.7rem}.gcard-rules{font-size:.8rem}.preview-row,.preview-files{grid-template-columns:repeat(8,minmax(0,2.4rem))}}.page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.deck-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.deck-tile.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.deck-tile-body{flex-direction:column;gap:.45rem;padding:.75rem;display:flex}.deck-tile-title{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mini-board{grid-template-columns:repeat(8,minmax(0,1fr));min-width:0;display:grid}.mini-sq{aspect-ratio:1;place-items:center;min-width:0;display:grid;position:relative}.mini-sq.light{background:var(--light-sq)}.mini-sq.dark{background:var(--dark-sq)}.mini-sq .piece-svg{width:86%;height:86%}.mini-dot{background:var(--r);border-radius:50%;width:22%;height:22%;position:absolute;top:6%;right:6%;box-shadow:0 0 0 1.5px #00000080}.deck-editor{flex-direction:column;gap:.8rem;display:flex}.editor-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.editor-bar .editor-actions{margin-top:0}.deck-name{font-family:var(--font-display);background:0 0;border:1px dashed #0000;flex:240px;min-width:0;padding:.2rem .4rem;font-size:1.4rem;font-weight:800}.deck-name:hover,.deck-name:focus{border-color:var(--line);background:var(--bg-2)}.builder{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.builder-board-col{flex-direction:column;gap:.7rem;min-width:0;display:flex}.builder-board{background:var(--frame);border-radius:10px;padding:.5rem .5rem .2rem;box-shadow:0 12px 30px #00000073;container-type:inline-size}.builder-rank,.builder-files{grid-template-columns:.35fr repeat(8,1fr);display:grid}.rank-label,.builder-files span{color:var(--muted);font-family:var(--font-mono);place-items:center;font-size:.8rem;font-weight:700;display:grid}.builder-files span{padding-top:.2rem}.deck-sq{aspect-ratio:1/1.18;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.deck-sq.light{background:var(--light-sq)}.deck-sq.dark{background:var(--dark-sq)}.deck-sq.selected{box-shadow:inset 0 0 0 3px #ff3}.deck-sq.can-drop{box-shadow:inset 0 0 0 3px var(--accent);filter:brightness(1.08)}.deck-sq.no-drop{filter:grayscale(.7)brightness(.7)}.deck-piece{aspect-ratio:1;place-items:center;width:86%;display:grid;position:relative}.deck-piece>.piece-svg{z-index:1;filter:drop-shadow(0 2px 2px #00000059);width:88%;height:88%;position:relative}.deck-piece .piece-emblem{width:32%;height:32%;padding:5%}.deck-sq-name{color:#0b1020;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:0 2px 3px;font-size:clamp(.5rem,1.35cqw,.72rem);font-weight:800;line-height:1.05;display:-webkit-box;overflow:hidden}.all-pawns-drop{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;padding:.6rem;font-size:.85rem}.all-pawns-drop.can-drop{border-color:var(--accent);color:var(--text);background:#81b64c1f}.pawn-versions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.version-chip{border:1px solid var(--r);border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .6rem .1rem .2rem;font-size:.85rem;display:inline-flex}.version-chip b{background:var(--r);color:#0b1020;border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;display:grid}.inspect{max-width:340px}.inspect p{margin:0 0 .35rem}.collection{top:calc(env(safe-area-inset-top,0px) + 64px);flex-direction:column;gap:.7rem;max-height:calc(100dvh - 90px);display:flex;position:sticky}.collection-head h2{margin:0 0 .2rem}.mini-cards{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.6rem;padding:.2rem;display:grid;overflow-y:auto}.mini-card{background:linear-gradient(160deg, var(--r), color-mix(in srgb, var(--r) 30%, #0b1020));cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;padding:2px;transition:transform .12s;position:relative}.mini-card:hover{transform:translateY(-2px)}.mini-card.dragging{opacity:.4}.mini-card-art{aspect-ratio:1;background:radial-gradient(circle at 50% 65%, color-mix(in srgb, var(--r) 50%, transparent), transparent 65%), linear-gradient(180deg, #1c2748, #0e1529);border-radius:8px 8px 3px 3px;place-items:center;display:grid;position:relative}.mini-card-art .piece-svg{filter:drop-shadow(0 4px 4px #00000080);width:66%;height:66%}.mini-card-emblem{background:var(--r);color:#0b1020;border-radius:50%;width:24px;height:24px;padding:4px;position:absolute;top:5px;right:5px}.mini-card-emblem:empty{display:none}.mini-card-body{background:#111a31;border-radius:3px 3px 8px 8px;flex-direction:column;gap:.1rem;margin-top:2px;padding:.35rem .45rem .45rem;font-size:.82rem;line-height:1.2;display:flex}.mini-card-body .rarity-tag{font-size:.6rem}.in-deck-mark{background:var(--accent);color:#fff;border-radius:4px;padding:.05rem .3rem;font-size:.62rem;font-weight:800;position:absolute;top:6px;left:6px}.drag-ghost{z-index:100;pointer-events:none;border:2px solid var(--r);text-align:center;background:#111a31;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;width:84px;padding:.35rem;font-size:.72rem;font-weight:800;display:flex;position:fixed;transform:translate(-50%,-60%);box-shadow:0 12px 30px #0009}.drag-ghost .piece-svg{width:56px;height:56px}@media (width<=900px){.builder{grid-template-columns:1fr}.collection{max-height:none;position:static}.mini-cards{overflow:visible}}.pixel,.gcard-pixel,img[src*=assets\/pieces],img[src*=assets\/packs]{image-rendering:pixelated}.gold{color:var(--gold)}.tiny{font-size:.72rem}.center{text-align:center}.shell{grid-template-columns:220px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{height:100dvh;padding:1rem .75rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));border-right:1px solid var(--line);z-index:30;background:#070b16d9;flex-direction:column;gap:1rem;display:flex;position:sticky;top:0}.sidebar .brand{font-family:var(--font-display);color:var(--text);align-items:center;gap:.55rem;padding:0 .4rem;font-size:1.35rem;text-decoration:none;display:flex}.brand b,.logo b{color:var(--gold);font-weight:400}.brand-art{object-fit:contain;width:34px;height:34px}.nav{flex-direction:column;gap:.25rem;display:flex}.nav a{color:var(--muted);border-radius:12px;align-items:center;gap:.75rem;padding:.7rem .8rem;font-size:.98rem;font-weight:800;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav a:hover{color:var(--text);background:#ffffff0d}.nav a.active{color:var(--gold);box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,#f5c4512e,#f5c4510a)}.nav-badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:auto;padding:0 .3rem;font-size:.75rem;animation:1.6s ease-in-out infinite pulse;display:grid}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.me{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:.6rem;margin-top:auto;padding:.6rem;display:flex}.me-info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.me-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{width:2.2rem;height:2.2rem;font-family:var(--font-display);background:linear-gradient(135deg, var(--blue), #8a5cff);color:#fff;border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:0 2px #00000059}.avatar-bot{background:linear-gradient(135deg,#3b4a6e,#1b2442);font-family:inherit}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-left:auto;padding:.3rem}.icon-btn:hover{color:var(--text);background:#ffffff0f}.content{width:100%;min-width:0;max-width:1320px;margin:0 auto;padding-block:1.25rem 2.5rem;padding-inline:20px}.btn{color:var(--text);background:linear-gradient(#2b3a66,#1d2a4e);border:1px solid #ffffff14;border-radius:12px;padding:.5rem 1rem;font-weight:800;transition:transform 80ms,filter .15s,box-shadow 80ms;box-shadow:0 3px #0b1226,inset 0 1px #ffffff1f}.btn:hover:not(:disabled){filter:brightness(1.12);border-color:#ffffff29}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0b1226,inset 0 1px #ffffff1f}.btn-primary{color:#3a2303;text-shadow:0 1px #fff6;background:linear-gradient(#ffe08a,#f5b52e 55%,#d9901a);border-color:#ffe7a6;box-shadow:0 4px #8a5a0c,inset 0 1px #fff9}.btn-primary:active:not(:disabled){box-shadow:0 1px #8a5a0c,inset 0 1px #fff9}.btn-danger{color:#fff;background:linear-gradient(#ff7b88,#d9384a);box-shadow:0 3px #7c1523}.btn-ghost{box-shadow:none;border-color:var(--line);background:0 0}.btn-sm{border-radius:10px;padding:.32rem .7rem;font-size:.84rem}.btn-lg{font-size:1.1rem;font-family:var(--font-display);letter-spacing:.02em;padding:.8rem 1.6rem;font-weight:400}.btn-block-c{width:100%}.btn .icon{vertical-align:-.2em}.chip{background:#ffffff0a;border-radius:999px}.chip.on{background:var(--gold);border-color:var(--gold);color:#3a2303}.chip.toggle{cursor:pointer}.chip.toggle input{accent-color:var(--gold)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}.bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.bar span{border-radius:inherit;background:linear-gradient(90deg, var(--gold-deep), var(--gold));height:100%;display:block}.small-bar{height:6px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.4rem 0 .7rem;display:flex}.section-head h2{align-items:center;gap:.4rem;margin:0;display:inline-flex}.splash{place-content:center;justify-items:center;gap:1rem;min-height:100dvh;display:grid}.splash-art{object-fit:contain;width:96px;height:96px;animation:1.4s ease-in-out infinite bob}.logo{font-family:var(--font-display);margin:0;font-size:2.4rem}@keyframes bob{50%{transform:translateY(-8px)}}.toasts{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:200;flex-direction:column;gap:.5rem;max-width:min(380px,100vw - 32px);display:flex;position:fixed}.toast{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:.7rem 1rem;font-weight:600;animation:.25s ease-out toast-in;box-shadow:0 10px 30px #00000080}.toast-ok{border-color:var(--ok)}.toast-error{border-color:var(--danger);color:#ffd1d6}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.auth-screen{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem;max-width:1100px;min-height:100dvh;margin:0 auto;padding:2rem 16px;display:grid}.auth-hero{flex-direction:column;gap:1rem;display:flex}.auth-art{height:260px;position:relative}.auth-piece{object-fit:contain;filter:drop-shadow(0 12px 12px #00000080);width:110px;height:110px;animation:3s ease-in-out infinite bob;position:absolute}.ap-0{width:150px;height:150px;animation-delay:0s;top:10px;left:34%}.ap-1{animation-delay:.4s;top:70px;left:8%}.ap-2{animation-delay:.8s;top:80px;left:62%}.ap-3{width:80px;height:80px;animation-delay:1.2s;top:150px;left:0}.ap-4{width:80px;height:80px;animation-delay:1.6s;top:10px;left:80%}.auth-pack{filter:drop-shadow(0 8px 10px #00000080);width:64px;position:absolute;bottom:-10px;left:50%;transform:rotate(8deg)}.auth-tagline{color:var(--muted);max-width:40ch;margin:0;font-size:1.1rem}.auth-card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:.2rem;padding:1.5rem;display:flex;box-shadow:0 24px 60px #00000080}.tabs{background:var(--bg-2);border-radius:12px;margin-bottom:1rem;padding:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:.55rem;font-weight:800}.tabs button.on{background:var(--panel-2);color:var(--text);box-shadow:0 2px #0000004d}.demo-note{border-top:1px dashed var(--line);margin-bottom:0;padding-top:.6rem}.home-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.arena-card,.battle-card{border:1px solid var(--line);background:radial-gradient(circle at 0 0,#f5c45129,#0000 55%),linear-gradient(160deg,#1c2a52,#111a33);border-radius:20px;padding:1.2rem;box-shadow:0 14px 34px #00000059}.arena-card{align-items:center;gap:1.2rem;display:flex}.arena-art img{filter:drop-shadow(0 10px 14px #00000080);width:84px;height:154px;animation:3s ease-in-out infinite bob}.arena-info{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.arena-info h1{margin:0;font-size:clamp(1.4rem,2.6vw,2rem)}.trophy-row{flex-wrap:wrap;align-items:baseline;gap:.8rem;display:flex}.trophies{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px #0006;font-size:1.6rem}.battle-card{flex-direction:column;gap:.9rem;display:flex}.battle-deck{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:.8rem;display:grid}.battle-deck>div:first-child{flex-direction:column;gap:.35rem;display:flex}.battle-deck .mini-board{border:2px solid var(--frame);border-radius:8px;overflow:hidden}.btn-battle{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:#3a2303;text-shadow:0 2px #ffffff73;background:linear-gradient(#ffe597,#f7b52c 50%,#e08e12);border:2px solid #ffe7a6;border-radius:16px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem;font-size:1.8rem;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;box-shadow:0 6px #8a5a0c,0 12px 26px #f5b52e59,inset 0 2px #fff9}.btn-battle:hover:not(:disabled){filter:brightness(1.07)}.btn-battle:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #8a5a0c,inset 0 2px #fff9}.btn-battle:disabled{filter:grayscale(.7);cursor:not-allowed}.next-reward{align-items:center;gap:.6rem;font-size:.9rem;display:flex}.next-reward img{width:26px;height:48px}.training{border-top:1px dashed var(--line);flex-direction:column;gap:.35rem;padding-top:.7rem;display:flex}.slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.slot{border:1px solid var(--line);text-align:center;cursor:pointer;min-height:210px;color:var(--text);background:linear-gradient(#1a2548,#111a31);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.8rem .5rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}button.slot:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0006}.slot.empty{cursor:default;background:#ffffff05;border-style:dashed}.slot img{filter:drop-shadow(0 8px 10px #00000080);width:63px;height:115px}.slot.ready{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 0 24px #f5c45140}.slot.ready img{animation:1.6s ease-in-out infinite wiggle}@keyframes wiggle{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}90%{transform:rotate(-3deg)}}.slot b{font-size:.85rem}.slot-state{color:var(--muted);background:#0000004d;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.8rem;font-weight:800;display:inline-flex}.slot-state.ready{color:#3a2303;background:var(--gold)}.admin-skip{color:var(--danger);cursor:pointer;font-size:.65rem;text-decoration:underline;position:absolute;top:6px;right:8px}.ready-packs{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem;display:grid}.ready-pack{border:1px solid var(--gold);color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(90deg,#f5c4511f,#111a31);border-radius:14px;align-items:center;gap:.8rem;padding:.6rem .9rem;display:flex}.ready-pack img{width:34px;height:62px;animation:1.8s ease-in-out infinite wiggle}.ready-pack>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.odds{margin-top:1rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:.5rem .6rem}th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem}th.r-common,th.r-rare,th.r-epic,th.r-legendary,th.r-mythological{color:var(--r)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.odds-pack{vertical-align:middle;width:14px;height:26px;margin-right:.3rem}.opening{z-index:100;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.opening-bg{background:radial-gradient(circle at 50% 45%,#1f2e5c,#05070f 70%);transition:background .4s;position:absolute;inset:0}.opening-bg.r-rare{background:radial-gradient(circle at 50% 45%,#1d4c8f,#05070f 70%)}.opening-bg.r-epic{background:radial-gradient(circle at 50% 45%,#4d2482,#05070f 70%)}.opening-bg.r-legendary{background:radial-gradient(circle at 50% 45%,#8a5a0c,#05070f 70%)}.opening-bg.r-mythological{background:radial-gradient(circle at 50% 45%,#8a1233,#05070f 70%)}.opening-pack{cursor:pointer;z-index:1;background:0 0;border:0;place-items:center;display:grid;position:relative}.opening-pack img{filter:drop-shadow(0 20px 30px #0009);width:168px;height:308px;animation:2.4s ease-in-out infinite bob}.opening-rays{background:repeating-conic-gradient(#f5c4512e 0 10deg, transparent 10deg 20deg);border-radius:50%;width:520px;height:520px;animation:18s linear infinite spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 20%,#0000 70%);mask:radial-gradient(circle,#000 20%,#0000 70%)}@keyframes spin{to{transform:rotate(360deg)}}.opening-pack.burst img{animation:.6s ease-out forwards burst}@keyframes shake{0%{transform:translate(0)rotate(0)}25%{transform:translate(-4px,2px)rotate(-3deg)}50%{transform:translate(4px,-2px)rotate(3deg)}75%{transform:translate(-3px,-1px)rotate(-2deg)}}@keyframes burst{to{opacity:0;transform:scale(1.8)}}.opening-flash{background:#fff;animation:.6s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.95}to{opacity:0}}.opening-hint{white-space:nowrap;color:var(--gold);font-weight:800;animation:1.4s ease-in-out infinite pulse;position:absolute;bottom:-2.2rem}.opening-title{text-align:center;z-index:1;position:absolute;top:8%}.opening-title h2{color:var(--text);font-size:2rem}.reveal{z-index:1;cursor:pointer;flex-direction:column;align-items:center;gap:.8rem;padding:16px;display:flex;position:relative}.reveal-count{font-family:var(--font-display);color:var(--muted);margin:0}.flip{perspective:1200px;width:min(280px,80vw)}.flip-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.4,.5,1);animation:.35s ease-out card-in;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(80px)scale(.6)}}.flip.flipped .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{backface-visibility:hidden;border-radius:16px}.flip-back{border:4px solid var(--gold);color:var(--gold);background:repeating-linear-gradient(45deg,#f5c4511f 0 12px,#0000 12px 24px),linear-gradient(160deg,#2a3f7a,#111a33);place-items:center;font-size:5rem;display:grid;position:absolute;inset:0}.flip-front{transform:rotateY(180deg)}.reveal-tag{opacity:0;align-items:center;gap:.6rem;transition:all .3s .3s;display:flex;transform:translateY(8px)}.reveal-tag.show{opacity:1;transform:none}.reveal-tag .rarity-tag{font-size:1rem}.badge-new,.badge-dupe{border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:800}.badge-new{background:var(--ok);color:#04261a}.badge-dupe{color:var(--muted);background:#ffffff1a}.opening-summary{z-index:1;flex-direction:column;align-items:center;gap:1rem;width:min(1100px,100%);max-height:100dvh;padding:1.5rem 16px;display:flex;position:relative;overflow:auto}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;width:100%;display:grid}.summary-card{animation:.35s ease-out backwards card-in;position:relative}.summary-card:nth-child(2){animation-delay:50ms}.summary-card:nth-child(3){animation-delay:.1s}.summary-card:nth-child(4){animation-delay:.15s}.summary-card:nth-child(5){animation-delay:.2s}.summary-card:nth-child(6){animation-delay:.25s}.summary-card .gcard-rules,.summary-card .gcard-effects{display:none}.summary-card>.badge-new,.summary-card>.badge-dupe{z-index:2;position:absolute;top:8px;left:8px}.gcard-pixel{object-fit:contain;filter:drop-shadow(0 8px 10px #0000008c);width:56%;height:70%;position:relative}.gcard-compact .gcard-pixel{width:74%;height:74%}.gcard.locked{background:linear-gradient(160deg,#3a4462,#1a2138)}.gcard.locked .gcard-pixel,.gcard.locked .gcard-piece{filter:grayscale()brightness(.35)}.gcard.locked .gcard-name,.gcard.locked .gcard-rules{opacity:.55}.gcard-lock{color:#dfe5ff;text-shadow:0 2px 8px #000;place-items:center;font-size:2.4rem;display:grid;position:absolute;inset:0}.gcard-lock .icon{filter:drop-shadow(0 3px 6px #000);width:2.4rem;height:2.4rem}.dupe-badge{background:var(--gold);color:#3a2303;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;font-weight:800;position:absolute;top:10px;left:10px}.collect-bar{background:#ffffff14;border-radius:999px;width:min(320px,100%);height:14px;overflow:hidden}.collect-bar span{background:linear-gradient(90deg, var(--r-rare), var(--r-epic), var(--r-legendary));height:100%;display:block}.dupes-chest{margin-bottom:1.2rem}.dupes-chest .section-head{margin-top:0}.dupes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;display:grid}.dupe{background:var(--bg-2);border:1px solid var(--line);border-left:4px solid var(--r);border-radius:12px;align-items:center;gap:.6rem;padding:.5rem;display:flex}.dupe.ready{border-color:var(--gold);border-left-color:var(--r)}.dupe-art{object-fit:contain;flex:none;width:40px;height:40px}.dupe-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;font-size:.85rem;display:flex}.btn-pack{vertical-align:middle;width:10px;height:18px}.chip-pack{width:10px;height:18px}.mini-sq img,.mini-card-art img,.deck-art,.drag-ghost img{object-fit:contain}.mini-sq img{width:82%;height:82%}.mini-card-art img{filter:drop-shadow(0 4px 4px #00000080);width:70%;height:70%}.deck-piece .deck-art{z-index:1;filter:drop-shadow(0 2px 2px #00000059);width:84%;height:84%;position:relative}.drag-ghost img{width:56px;height:56px}.mini-card.locked{cursor:not-allowed;background:linear-gradient(160deg,#3a4462,#1a2138)}.mini-card.locked img,.mini-card.locked svg.piece-svg{filter:grayscale()brightness(.35)}.mini-lock{color:#dfe5ff;place-items:center;display:grid;position:absolute;inset:0}.mini-lock .icon{width:1.6rem;height:1.6rem}.pb-who{align-items:center;gap:.55rem;display:flex}.pb-who>span:last-child{flex-direction:column;min-width:0;line-height:1.15;display:flex}.pb-who small{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.outcome{font-size:2.4rem!important}.outcome-win{color:var(--gold)!important}.outcome-loss{color:var(--danger)!important}.outcome-draw{color:var(--muted)!important}.verdict{flex-direction:column;align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.trophy-delta{font-family:var(--font-display);font-size:1.8rem}.trophy-delta.up{color:var(--gold)}.trophy-delta.down{color:var(--danger)}.reward{border:1px solid var(--gold);text-align:left;background:#f5c4511a;border-radius:14px;align-items:center;gap:.7rem;padding:.6rem .9rem;display:flex}.reward>div{flex-direction:column;display:flex}.pack-img{width:36px;height:66px;animation:1.6s ease-in-out infinite wiggle}.leaders tr.leader-me td{background:#f5c45114}.place{font-family:var(--font-display);width:3rem}.place-1{color:#ffd34d}.place-2{color:#d6dcef}.place-3{color:#e0955a}.admin-tools{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.num-input{text-align:right;width:6rem}@media (width<=1100px){.home-top{grid-template-columns:1fr}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:.35rem .5rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid var(--line);background:#070b16f5;flex-direction:row;position:fixed;inset:auto 0 0}.sidebar .brand,.me-info{display:none}.nav{flex-direction:row;flex:1;justify-content:space-around}.nav a{flex-direction:column;gap:.15rem;padding:.35rem .4rem;font-size:.68rem}.nav a.active{box-shadow:inset 0 3px 0 var(--gold)}.nav-badge{position:absolute;top:0;right:.2rem}.me{background:0 0;border:0;margin:0;padding:.3rem}.me .avatar{display:none}.content{padding-inline:16px;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-screen{grid-template-columns:1fr;padding-top:1rem}.auth-art{height:200px}.toasts{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (width<=480px){.battle-deck{grid-template-columns:1fr}.arena-art img{width:56px;height:103px}}.battle-deck>*{min-width:0}.mode-tag{margin-bottom:.3rem;display:inline-block}.deck-piece,.mini-card-art,.mini-sq,.gcard-art{position:relative;overflow:hidden}.deck-piece .deck-art,.mini-card-art>img,.mini-sq>img{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}.mini-card-art>img{width:70%;height:70%;inset:15%}.gcard-pixel{object-fit:contain;width:56%;height:76%;position:absolute;inset:12% 22%}.gcard-compact .gcard-art{min-height:96px}.gcard-compact .gcard-pixel{width:74%;height:74%;top:13%;left:13%}.deck-sq-name{min-height:2.1em}.deckhub{flex-direction:column;gap:.8rem;display:flex}.deck-tabs{scrollbar-width:thin;gap:.4rem;padding:.15rem .1rem .35rem;display:flex;overflow-x:auto}.deck-tab{border:1px solid var(--line);max-width:190px;color:var(--muted);cursor:pointer;background:linear-gradient(#1b2646,#121a33);border-radius:12px;flex:none;align-items:center;gap:.45rem;padding:.45rem .8rem .45rem .45rem;font-weight:700;transition:transform .1s,color .1s;display:inline-flex;box-shadow:0 3px #070b18}.deck-tab b{width:1.7rem;height:1.7rem;color:var(--text);font-family:var(--font-display);background:#ffffff14;border-radius:8px;flex:none;place-items:center;display:grid}.deck-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-tab:hover{color:var(--text);transform:translateY(-1px)}.deck-tab.on{color:var(--text);border-color:var(--gold);box-shadow:0 3px 0 #6b4d10, 0 0 0 1px var(--gold) inset;background:linear-gradient(#2c3a66,#1a2447)}.deck-tab.on b{color:#3a2303;background:linear-gradient(#ffd66b,#e0a526)}.deck-tab-add{width:2.8rem;color:var(--gold);border-style:dashed;justify-content:center;padding:.45rem;font-size:1.4rem}.deck-headbar{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.deck-name-wrap{min-width:0;color:var(--muted);flex:240px;align-items:center;gap:.35rem;display:flex}.deck-name-wrap .icon{flex:none;width:1.1rem;height:1.1rem}.save-state{color:var(--muted);background:#ffffff0f;border-radius:999px;padding:.2rem .6rem;font-size:.82rem;font-weight:700}.save-saved{color:#9be27a;background:#81b64c24}.save-invalid,.save-error{color:#ff9b8f;background:#dc463c26}.hub-top{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:start;gap:1.2rem;display:grid}.hub-top .inspect{max-width:none;position:sticky;top:1rem}.builder-under{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.builder-under .all-pawns-drop{cursor:pointer;flex:220px}.hub-head{align-items:center;margin-top:.6rem}.hub-head h2 .muted{margin-left:.3rem;font-size:.85em}.hub-cards{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));overflow:visible}.mini-card.armed{box-shadow:0 0 0 3px var(--gold), 0 10px 24px #00000080;transform:translateY(-4px)scale(1.03)}.mini-card .dupe-badge{inset:auto 6px 6px auto}.hub-locked .mini-card{cursor:pointer;opacity:.85}.empty-state{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}@media (width<=900px){.hub-top{grid-template-columns:1fr}.hub-top .inspect{max-width:520px;position:static}.hub-top .inspect .gcard{flex-direction:row}.hub-top .inspect .gcard-art{aspect-ratio:auto;border-radius:13px 6px 6px 13px;flex:0 0 34%;min-height:120px}.hub-top .inspect .gcard-type,.hub-top .inspect .gcard-effects{display:none}.hub-top .inspect .gcard-body{flex:auto;min-width:0}}@media (width<=560px){.hub-cards{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.deck-tab{max-width:130px}}.wallet{justify-content:flex-end;gap:.5rem;margin:-.4rem 0 .6rem;display:flex}.wallet-item{border:1px solid var(--line);color:var(--text);font-family:var(--font-display);background:#070b16b3;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .8rem .25rem .55rem;font-size:1rem;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.wallet-item b{font-variant-numeric:tabular-nums;font-weight:400}.wallet-item.gold b{color:var(--gold)}.wallet-item.shards b,.shards-text{color:#8fd8ff}.wallet-item:hover{border-color:var(--gold)}.loot{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.loot-item{font-family:var(--font-display);border:1px solid var(--line);background:#00000059;border-radius:999px;padding:.3rem .9rem;font-size:1.15rem;animation:.4s ease-out backwards card-in}.loot-item.gold{color:var(--gold);border-color:#f5c45180}.loot-item.shards{color:#8fd8ff;border-color:#8fd8ff80;animation-delay:.1s}.daily{color:var(--muted);margin-left:auto;font-size:.85rem}.daily b{color:var(--gold)}.pack-shelf{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;display:grid}.shelf-pack{border:1px solid var(--gold);color:var(--text);cursor:pointer;background:radial-gradient(circle at 50% 35%,#f5c4512e,#0000 65%),linear-gradient(#1a2548,#111a31);border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem .5rem;transition:transform .15s,box-shadow .15s;display:flex}.shelf-pack:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0006,0 0 20px #f5c45140}.shelf-pack img{filter:drop-shadow(0 8px 10px #00000080);width:58px;height:106px;animation:1.8s ease-in-out infinite wiggle}.shelf-pack b{text-align:center;font-size:.85rem}.empty-packs p{margin:0}.shop-packs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem;display:grid}.shop-pack{text-align:center;border:1px solid var(--line);background:linear-gradient(#1c2a52,#111a33);border-radius:18px;flex-direction:column;align-items:center;gap:.45rem;padding:1rem .8rem;display:flex}.shop-pack.can{border-color:#8fd8ff;box-shadow:0 0 20px #8fd8ff2e}.shop-pack img{filter:drop-shadow(0 10px 12px #00000080);width:64px;height:117px}.shop-pack .bar{width:100%}.shop-pack .bar span{background:linear-gradient(90deg,#3aa0e0,#8fd8ff)}.btn-price{font-family:var(--font-display);min-width:7rem;margin-top:auto;font-weight:400}.shop-themes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;display:grid}.shop-theme{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:.8rem;display:flex}.shop-theme.active{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}.theme-preview{aspect-ratio:1;border:3px solid var(--frame);border-radius:8px;grid-template-columns:repeat(4,1fr);width:100%;max-width:120px;display:grid;overflow:hidden}.shards-note{color:var(--text);align-items:center;gap:1rem;margin-top:.8rem;text-decoration:none;display:flex}.shards-note:hover{border-color:#8fd8ff}.shards-big{font-family:var(--font-display);color:#8fd8ff;white-space:nowrap;font-size:1.4rem}@media (width<=860px){.wallet{top:calc(env(safe-area-inset-top,0px) + 6px);z-index:25;margin-top:0;position:sticky}.daily{order:3;width:100%;margin-left:0}}.gcard-pixel.tinted{filter:brightness(.4)saturate(1.5)contrast(1.15)drop-shadow(1px 0 #e9cf87)drop-shadow(-1px 0 #e9cf87)drop-shadow(0 1px #e9cf87)drop-shadow(0 -1px #e9cf87)}.slide{z-index:6;place-items:center;width:100%;height:100%;animation:.26s cubic-bezier(.3,.7,.4,1) slide-in;display:grid;position:relative}.platform-tile .slide{position:static}@keyframes slide-in{0%{transform:translate(var(--dx), var(--dy))}}.mark-stay{box-shadow:inset 0 0 0 .5cqw var(--gold), 0 0 1.4cqw #f5c451cc;pointer-events:none;z-index:3;border-radius:12%;animation:1.2s ease-in-out infinite pulse;position:absolute;inset:4%}.mark-option{animation:1.2s ease-in-out infinite pulse}.board-wrap{position:relative}.board-popover{z-index:20;border:1px solid var(--gold);background:#0a0f1ef5;border-radius:12px;flex-direction:column;gap:.3rem;max-width:240px;padding:.45rem;animation:.18s ease-out card-in;display:flex;position:absolute;transform:translate(-50%,-110%);box-shadow:0 12px 30px #0009}.board-popover .btn{text-align:left;justify-content:flex-start;align-items:center;gap:.35rem;display:flex}.ability-dock{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.ability-tile{border:2px solid color-mix(in srgb, var(--r) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--r) 22%, #121a33), #0e1529);color:var(--text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:.6rem;padding:.45rem .7rem .45rem .45rem;transition:transform .12s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 3px #00000073}.ability-tile:disabled{cursor:default;filter:saturate(.5)brightness(.8)}.ability-tile.ready:not(:disabled){box-shadow:0 3px 0 #00000073, 0 0 18px color-mix(in srgb, var(--r) 55%, transparent)}.ability-tile.ready:not(:disabled):hover{transform:translateY(-2px)}.ability-tile.ready:not(:disabled):active{transform:translateY(1px)}.ability-tile.r-mythological.ready:not(:disabled){background:linear-gradient(135deg, #3a0f24, #121a33) padding-box, conic-gradient(from var(--spin,0deg), #ff4d6d, #ffb02e, #f5c451, #b673ff, #4aa3ff, #ff4d6d) border-box;border-color:#0000;animation:3s linear infinite rim-spin}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rim-spin{to{--spin:360deg}}.ability-tile.on{border-color:var(--gold)!important;background:linear-gradient(135deg,#f5c4514d,#121a33)!important}.ability-art{background:radial-gradient(circle, color-mix(in srgb, var(--r) 45%, transparent), transparent 70%), #0b1020;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.ability-art img{object-fit:contain;width:80%;height:80%}.ability-art img.tinted{filter:brightness(.4)saturate(1.5)drop-shadow(1px 0 #e9cf87)drop-shadow(-1px 0 #e9cf87)}.ability-cd{border-radius:inherit;font-family:var(--font-display);color:#fff;background:#0009;place-items:center;font-size:1.2rem;display:grid;position:absolute;inset:0}.ability-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.ability-text b{font-family:var(--font-display);font-size:1rem;font-weight:400}.ability-text small{color:var(--muted);font-size:.78rem}.ability-tile.ready:not(:disabled) .ability-text small{color:var(--gold)}.ability-tile.r-mythological{padding:.6rem .9rem .6rem .6rem}.ability-tile.r-mythological .ability-art{width:58px;height:58px}.ability-tile.r-mythological .ability-text b{font-size:1.2rem}.ability-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--r-mythological);font-size:.64rem;font-weight:800}.piece>.piece-sprite{width:86%;height:84%;bottom:7%}.piece-base{bottom:4%;left:20%;right:20%}.badge-cd{font-family:var(--font-display);color:#fff;border:.25cqw solid var(--r,#8fd8ff);z-index:3;white-space:nowrap;background:#080c1ae0;border-radius:999px;align-items:center;gap:.2em;padding:.25em .5em;font-size:2.1cqw;font-weight:400;display:inline-flex;bottom:-2%;left:50%;transform:translate(-50%);box-shadow:0 .3cqw .8cqw #00000080}.badge-cd-icon{font-size:.85em}@keyframes emblem-ready{50%{box-shadow:0 0 0 .35cqw #0000008c, 0 0 1.6cqw .4cqw var(--r)}}@media (width>=861px){.in-game .content .wallet{display:none}.in-game .content{padding-top:.75rem}}.card-type{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-weight:800;line-height:1.1}.gcard-body .card-type{margin-bottom:-.25rem}.hub-top{grid-template-columns:minmax(0,860px);justify-content:center}.mini-card{cursor:pointer}.card-modal-backdrop{z-index:120}.card-modal{background:linear-gradient(160deg, var(--r), color-mix(in srgb, var(--r) 30%, #0a0f1c) 55%, var(--r));width:min(420px,100%);max-height:calc(100dvh - 2rem);box-shadow:0 30px 80px #000000b3, 0 0 40px color-mix(in srgb, var(--r) 35%, transparent);border-radius:22px;padding:4px;animation:.22s cubic-bezier(.3,1.4,.5,1) modal-pop;position:relative;overflow:auto}@keyframes modal-pop{0%{opacity:0;transform:scale(.85)translateY(20px)}}.card-modal-close{z-index:3;color:#fff;background:#00000073;width:2rem;height:2rem;font-size:1rem;position:absolute;top:10px;right:10px}.card-modal-body{background:#111a31;border-radius:8px 8px 18px 18px;flex-direction:column;gap:.8rem;margin-top:4px;padding:.9rem 1rem 1rem;display:flex}.cm-head{background:repeating-linear-gradient(45deg,#ffffff08 0 10px,#0000 10px 20px),linear-gradient(#1c2748,#0b1122);border-radius:18px 18px 8px 8px;grid-template-columns:104px 1fr;align-items:center;gap:.85rem;padding:.75rem 3rem .75rem .75rem;display:grid}.cm-art{aspect-ratio:1;background:radial-gradient(circle at 50% 65%, color-mix(in srgb, var(--r) 30%, transparent), transparent 70%), #0b1122;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--r) 55%, transparent);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.card-modal-glow{background:radial-gradient(circle, color-mix(in srgb, var(--r) 60%, transparent), transparent 70%);border-radius:50%;animation:2.4s ease-in-out infinite pulse;position:absolute;inset:15%}.cm-art img{width:auto;height:84%;image-rendering:pixelated;filter:drop-shadow(0 8px 8px #0000008c);animation:3s ease-in-out infinite bob;position:relative}.card-modal.locked .cm-art img{filter:grayscale()brightness(.35)}.card-modal.locked .gcard-lock{font-size:1.6rem}.cm-title{flex-direction:column;gap:.3rem;min-width:0;display:flex}.cm-title h2{color:var(--text);margin:0;font-size:1.35rem;line-height:1.15}.cm-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa3ad);align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;display:inline-flex}.cm-emblem{background:var(--r);color:#0b1020;border-radius:50%;width:22px;height:22px;padding:4px}.cm-tags{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.cm-effect{color:#dbe2f8;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:.12rem .5rem;font-size:.7rem;font-weight:700}.cm-effect.fx-once{color:#f5c451;border-color:#f5c45166}.cm-effect.fx-button{color:#b673ff;border-color:#b673ff73}.cm-effect.fx-auto{color:#ff9f6b;border-color:#ff9f6b66}.cm-effect.fx-cooldown{color:#43d19a;border-color:#43d19a66}.cm-section{flex-direction:column;gap:.45rem;display:flex}.cm-sub{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--r) 70%, #fff);flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin:0;font-size:.78rem;font-weight:800;display:flex}.cm-sub-note{letter-spacing:0;text-transform:none;color:var(--muted,#9aa3ad);font-size:.72rem;font-weight:600}.cm-play{font-size:.7rem}.cm-clip .clip{align-self:center;width:min(100%,290px)}.cm-note{color:var(--muted,#9aa3ad);margin:0;font-size:.82rem}.card-modal-rules{color:#dbe2f8;margin:.2rem 0;font-size:1rem;line-height:1.5}.card-modal-actions{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.card-modal-actions .btn{flex:140px}.avatar-art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--r) 55%, transparent), transparent 70%), linear-gradient(160deg, #22305a, #0e1529);border:2px solid color-mix(in srgb, var(--r) 70%, #0b1020);position:relative;overflow:hidden}.avatar-art img{object-fit:contain;width:78%;height:78%;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #00000080)}.avatar-sm{border-radius:8px;width:1.8rem;height:1.8rem}.avatar-lg{border-radius:14px;width:3.4rem;height:3.4rem}.avatar-xl{border-width:3px;border-radius:22px;width:6.5rem;height:6.5rem}.avatar-wrap{display:inline-flex;position:relative}.presence{width:.8rem;height:.8rem;box-shadow:0 0 0 3px var(--panel);background:#56607e;border-radius:50%;position:absolute;bottom:-3px;right:-3px}.presence.on{background:var(--ok)}a.me{color:var(--text);text-decoration:none;transition:border-color .15s,background .15s}a.me:hover,a.me.active{border-color:var(--gold)}.me-chev{color:var(--muted);margin-left:auto;font-size:1.4rem}.tag-chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--gold);background:#ffffff14;border-radius:6px;padding:.1rem .5rem;font-size:.82rem;font-weight:700;display:inline-block}.profile-hero{border:1px solid var(--line);background:radial-gradient(circle at 0 0,#f5c4512e,#0000 55%),linear-gradient(160deg,#1c2a52,#111a33);border-radius:22px;flex-wrap:wrap;align-items:center;gap:1.3rem;padding:1.4rem;display:flex;box-shadow:0 14px 34px #00000059}.profile-avatar{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.profile-avatar-edit{background:var(--gold);color:#3a2303;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;bottom:-6px;right:-6px;box-shadow:0 3px #8a5a0c}.profile-main{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.profile-main h1{align-items:center;gap:.3rem;margin:0;display:flex}.icon-btn.inline{color:var(--muted);margin-left:0}.profile-tags,.profile-arena{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.profile-logout{align-self:flex-start}.name-form{flex-wrap:wrap;gap:.4rem;display:flex}.name-form input{font-family:var(--font-display);flex:200px;font-size:1.3rem}.avatar-picker{margin-top:1rem}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem;display:grid}.avatar-choice{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:16px;place-items:center;padding:2px;display:grid}.avatar-choice.on,.avatar-choice:hover{border-color:var(--gold)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;margin:1rem 0;display:grid}.stat-grid.compact{grid-template-columns:repeat(2,1fr)}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.1rem;padding:.8rem 1rem;display:flex}.stat b{font-family:var(--font-display);font-size:1.5rem;font-weight:400}.stat span{color:var(--muted);font-size:.8rem}.stat-ok b{color:var(--ok)}.stat-bad b{color:var(--danger)}.rarity-bars{gap:.45rem;display:grid}.rarity-bar{color:var(--r);grid-template-columns:9rem 1fr 3.5rem;align-items:center;gap:.6rem;font-size:.85rem;font-weight:800;display:grid}.rarity-bar .bar span{background:var(--r)}.history-list,.player-list{flex-direction:column;gap:.45rem;display:flex}.history-row{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:12px;align-items:center;gap:.9rem;padding:.6rem .9rem;display:flex}.history-row.out-win{border-left-color:var(--ok)}.history-row.out-loss{border-left-color:var(--danger)}.history-outcome{font-family:var(--font-display);flex:none;width:6.2rem}.out-win .history-outcome{color:var(--ok)}.out-loss .history-outcome{color:var(--danger)}.history-main{flex-direction:column;flex:1;min-width:0;display:flex}.history-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-delta{font-family:var(--font-display)}.history-delta.up{color:var(--gold)}.history-delta.down{color:var(--danger)}.search-row{gap:.5rem;margin-bottom:1rem;display:flex}.search-row input{flex:1;padding:.65rem .9rem;font-size:1rem}.demo-banner{border-style:dashed;margin-bottom:1rem}.player-row{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.55rem .8rem;display:flex}.player-row.highlight{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 0 18px #f5c45126}.player-who{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:200px;align-items:center;gap:.7rem;padding:0;display:flex}.player-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.player-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pill.out-win{color:var(--ok);border-color:currentColor}.pill.out-loss{color:var(--danger);border-color:currentColor}.empty-friends{align-items:center;gap:1rem;display:flex}.empty-friends .icon{width:2.4rem;height:2.4rem;color:var(--muted);flex:none}.empty-friends p{margin:0}.player-modal{flex-direction:column;gap:.9rem;display:flex}.player-modal-head{align-items:center;gap:1rem;display:flex}.player-modal-head h2{color:var(--text);margin:0 0 .2rem;font-size:1.5rem}.player-modal .stat-grid{margin:0}.leader-who{align-items:center;gap:.55rem;display:inline-flex}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#ffffff0a}@media (width<=860px){.nav a[href="#/admin"]{display:none}a.me{background:0 0;border:0;flex:none;padding:.2rem}a.me .avatar{display:grid}.me-chev{display:none}.profile-hero{padding:1rem}.avatar-xl{width:5rem;height:5rem}.history-outcome{width:auto}.history-date{display:none}}.profile-side{flex-direction:column;align-self:flex-start;gap:.4rem;display:flex}.profile-side .btn{align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.rarity-count{text-align:right;font-variant-numeric:tabular-nums}@media (width<=860px){.profile-hero{gap:.9rem}.profile-main{flex:calc(100% - 7rem)}.profile-side{flex-direction:row;order:3;width:100%}}.settings{margin-top:1rem}.setting-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.setting-row span{flex-direction:column;display:flex}.switch{appearance:none;cursor:pointer;background:#33405f;border:0;border-radius:999px;flex:none;width:2.8rem;height:1.6rem;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:1.2rem;height:1.2rem;transition:transform .15s;position:absolute;top:.2rem;left:.2rem}.switch:checked{background:var(--ok)}.switch:checked:after{transform:translate(1.2rem)}html.no-anim *,html.no-anim :before,html.no-anim :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html.no-coords .coord,html.no-coords .rank-label{visibility:hidden}.quests{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem;display:grid}.quest{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.8rem;padding:.8rem .9rem;display:flex}.quest.done:not(.claimed){border-color:var(--gold);box-shadow:0 0 18px #f5c4512e}.quest.claimed{opacity:.6}.quest-text{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.quest .btn-price{min-width:5.5rem;margin-top:0}.friend-turn{color:var(--text);border:1px solid var(--gold);background:linear-gradient(90deg,#f5c45133,#111a31e6);border-radius:16px;align-items:center;gap:.9rem;margin-top:1rem;padding:.8rem 1rem;text-decoration:none;animation:.3s ease-out card-in;display:flex}.friend-turn span:nth-child(2){flex-direction:column;flex:1;display:flex}.friend-turn-icon{font-size:1.6rem}.friend-turn-go{color:var(--gold);font-size:1.6rem}.nav-help{color:var(--muted);border-radius:10px;align-items:center;gap:.6rem;margin-top:auto;padding:.5rem .8rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.nav-help:hover,.nav-help.active{color:var(--gold);background:#ffffff0a}.nav-help+.me{margin-top:.3rem}.help-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.help-card{padding-right:5rem;position:relative}.help-card h2{margin-top:0}.help-card p,.help-list{color:#d3daf2;margin:0;line-height:1.55}.help-list{flex-direction:column;gap:.3rem;padding-left:1.1rem;display:flex}.help-art{object-fit:contain;filter:drop-shadow(0 6px 8px #00000080);width:3.4rem;height:3.4rem;position:absolute;top:1rem;right:1rem}@media (width<=860px){.nav-help{display:none}}.board{position:relative}.fx-layer{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:visible}.fx{background-repeat:no-repeat;background-size:calc(var(--n) * 100%) 100%;image-rendering:pixelated;opacity:0;animation-name:fx-frames,fx-show;animation-timing-function:steps(var(--n), jump-none), linear;animation-fill-mode:forwards;position:absolute;transform:translate(-50%,-50%)}@keyframes fx-frames{0%{background-position:0 0}to{background-position:100% 0}}@keyframes fx-show{0%{opacity:1}85%{opacity:1}to{opacity:0}}.slide-hop{animation:.5s cubic-bezier(.3,.6,.4,1) slide-hop}@keyframes slide-hop{0%{transform:translate(var(--dx), var(--dy))}45%{transform:translate(calc(var(--dx) * .5), calc(var(--dy) * .5 - 5cqw)) scale(1.08)}to{transform:translate(0)}}.slide-warp{animation:.55s ease-out slide-warp}@keyframes slide-warp{0%{opacity:0;filter:brightness(3);transform:scale(.2)rotate(-40deg)}60%{opacity:1;filter:brightness(1.6);transform:scale(1.15)}to{filter:none;transform:none}}@keyframes board-shake{10%,90%{transform:translate(-1px,1px)rotate(-.2deg)}20%,80%{transform:translate(3px,-2px)rotate(.3deg)}30%,50%,70%{transform:translate(-6px,2px)rotate(-.5deg)}40%,60%{transform:translate(6px,-3px)rotate(.5deg)}}html.no-anim .fx{display:none}.cell.barrier:after{animation:1.4s ease-in-out infinite barrier-glow;box-shadow:inset 0 0 1.4cqw #b673ffe6}@keyframes barrier-glow{50%{filter:brightness(1.6);box-shadow:inset 0 0 2.4cqw #d6aaff}}.ranked-bot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.admin-bot{align-items:center;gap:.4rem;display:inline-flex}.admin-bot select{padding:.25rem .5rem;font-size:.85rem}.fx-once{z-index:5;pointer-events:none;top:50%;left:50%}.fx-loop{opacity:1;animation-name:fx-frames;animation-iteration-count:infinite}.flip-front{position:relative}.piece.team>.piece-sprite{--flip:1;transform:translateX(-50%) scaleX(var(--flip))}.piece.team.piece-b>.piece-sprite{--flip:-1;filter:drop-shadow(.28cqw 0 #ff4d6d)drop-shadow(-.28cqw 0 #ff4d6d)drop-shadow(0 .28cqw #ff4d6d)drop-shadow(0 -.28cqw #ff4d6d)drop-shadow(0 .7cqw .35cqw #0000008c)}.piece.team.piece-w>.piece-sprite{filter:drop-shadow(.28cqw 0 #3d8bff)drop-shadow(-.28cqw 0 #3d8bff)drop-shadow(0 .28cqw #3d8bff)drop-shadow(0 -.28cqw #3d8bff)drop-shadow(0 .7cqw .35cqw #00000073)}.cell.own:hover .piece.team>.piece-sprite{transform:translateX(-50%) translateY(-.4cqw) scale(calc(1.05 * var(--flip)), 1.05)}.piece.team>.piece-base{height:14%;bottom:3%;left:16%;right:16%}.piece.team.piece-w>.piece-base{background:radial-gradient(at 50% 35%,#fff 0%,#cfe0ff 55%,#5a86d6 100%);box-shadow:0 0 0 .3cqw #3d8bff,0 0 1.4cqw #3d8bffcc}.piece.team.piece-b>.piece-base{background:radial-gradient(at 50% 35%,#6a1f2f 0%,#33101a 60%,#12060a 100%);box-shadow:0 0 0 .3cqw #ff4d6d,0 0 1.4cqw #ff4d6dcc}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex;flex-direction:row!important}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.3rem .7rem;font-weight:800}.seg button.on{background:var(--gold);color:#3a2303}.board-popover.grow-down{transform:translate(-50%,-5.5cqw)}.board-popover.grow-up{transform:translate(-50%,calc(5.5cqw - 100%))}.board-popover{max-width:min(240px,60%);container-type:normal}.board-wrap{container-type:inline-size}.platform-tile{width:var(--platform,11cqw);height:var(--platform,11cqw)}.board.wide-ring .cell.ring:not(:disabled){background:radial-gradient(circle,#5b8cff1f,#0000 70%)}.shop-fx{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;display:grid}.shop-fx-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;align-items:center;gap:.45rem;padding:.8rem;display:flex}.shop-fx-card.active{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}.fx-preview{background:repeating-conic-gradient(var(--dark-sq) 0 25%, var(--light-sq) 0 50%) 50% / 48px 48px;border-radius:12px;width:100%;height:96px;position:relative;overflow:hidden}.fx-preview .fx{transform:translate(-50%,-50%)}.deck-intro{z-index:60;pointer-events:none;background:radial-gradient(#080a1240,#080a12b3);animation:.3s ease-out intro-fade;position:fixed;inset:0}.deck-intro-head{text-align:center;white-space:nowrap;background:#080a12bf;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;display:flex;position:absolute;top:14px;left:50%;translate:-50%}.deck-intro-head .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ff8a80;font-size:.72rem}.intro-group-name{font-family:var(--font-display);color:var(--gold);font-size:1.4rem;animation:.35s cubic-bezier(.2,1.6,.4,1) tease-pop}.intro-big-card{opacity:0;filter:drop-shadow(0 18px 40px #000000b3);will-change:transform, opacity;width:min(250px,62vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-skip{pointer-events:auto;background:#080a12cc;position:fixed;bottom:18px;left:50%;translate:-50%}.intro-land{display:contents}.intro-land>*{animation:.45s cubic-bezier(.2,1.5,.4,1) intro-land}@keyframes intro-land{0%{opacity:0;filter:brightness(2.5);transform:translateY(-40%)scale(1.6)}60%{opacity:1}}@keyframes intro-fade{0%{opacity:0}}.flip{position:relative}.opening-glows span{pointer-events:none;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--r) 85%, transparent) 0, transparent 62%);opacity:0;transition:opacity .9s;position:absolute;inset:0}.opening-vignette{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#0000 22%,#000000e0 78%);transition:opacity .9s;position:absolute;inset:0}.opening-vignette.v-tease{opacity:.6}.opening-vignette.v-charge,.opening-vignette.v-spin{opacity:.95}.flip.stage-tease{animation:2.6s ease-in-out infinite card-float}@keyframes card-float{50%{translate:0 -7px}}.flip.stage-tease.thump-0 .flip-inner{animation:.6s cubic-bezier(.2,1.4,.4,1) thump-a,.11s linear .6s infinite tremble}.flip.stage-tease.thump-1 .flip-inner{animation:.6s cubic-bezier(.2,1.4,.4,1) thump-b,.11s linear .6s infinite tremble}@keyframes thump-a{25%{scale:1.1}60%{scale:.98}}@keyframes thump-b{25%{scale:1.1}60%{scale:.98}}@keyframes tremble{25%{transform:translate(calc(var(--amp) * -1), calc(var(--amp) * .5))}50%{transform:translate(var(--amp), calc(var(--amp) * -.5))}75%{transform:translate(calc(var(--amp) * -.5), 0)}}.flip.stage-charge{transition:translate .85s cubic-bezier(.5,0,.8,.6),scale .85s cubic-bezier(.5,0,.8,.6);translate:0 -14px;scale:1.05}.flip.stage-charge .flip-inner{animation:60ms linear infinite tremble}.flip.stage-spin{transition:translate .9s,scale .9s;translate:0 -8px;scale:1.1}.flip.spun .flip-inner{transition:transform .9s cubic-bezier(.6,0,.15,1);animation:none;transform:rotateY(540deg)}.flip.spun.flipped{transition:translate .6s cubic-bezier(.2,1.5,.4,1),scale .6s cubic-bezier(.2,1.5,.4,1);translate:0;scale:1}.flip.stage-tease .flip-back,.flip.stage-charge .flip-back,.flip.stage-spin .flip-back{border-color:var(--tease);color:var(--tease);transition:border-color .5s,color .5s}.flip-glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 75%, transparent), transparent);pointer-events:none;opacity:.5;border-radius:50%;animation:2.6s ease-in-out infinite glow-breathe;position:absolute;inset:-24% -34%}.flip.stage-tease .flip-glow{animation-duration:1.8s}.flip.stage-charge .flip-glow,.flip.stage-spin .flip-glow{opacity:.95;animation-duration:.35s}.flip.flipped .flip-glow{opacity:.7;animation:.6s ease-out glow-in}@keyframes glow-breathe{50%{opacity:.85;transform:scale(1.06)}}@keyframes glow-in{0%{opacity:1;transform:scale(1.3)}}.flip .gcard{animation:none}.flip.flipped .flip-front{filter:none}.shock{z-index:2;border:3px solid var(--c);box-shadow:0 0 18px var(--c), inset 0 0 18px var(--c);pointer-events:none;opacity:0;border-radius:18px;animation:.95s cubic-bezier(.1,.6,.3,1) shock;position:absolute;inset:0}.shock-big{border-width:4px;animation-duration:1.25s}.shock.late{animation-delay:.22s}@keyframes shock{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}.embers{z-index:-1;pointer-events:none;position:absolute;inset:-6% -18%}.embers i{left:calc(50% + var(--x));width:calc(var(--z) * 2.4);height:calc(var(--z) * 2.4);background:radial-gradient(circle, #fff 0, var(--c) 30%, transparent 70%);opacity:0;animation:ember-rise var(--s) ease-out var(--d) infinite;border-radius:50%;position:absolute;bottom:8%}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--drift), -300px) scale(.4)}}.embers.converge i{animation:ember-in .65s cubic-bezier(.5, 0, .9, .5) var(--d2) infinite;bottom:50%;left:50%}@keyframes ember-in{0%{opacity:0;transform:rotate(var(--a)) translateX(230px) scale(1.4)}30%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(10px) scale(.5)}}.reveal-rays{aspect-ratio:1;z-index:-1;background:repeating-conic-gradient(color-mix(in srgb, var(--c) 45%, transparent) 0 8deg, transparent 8deg 18deg);pointer-events:none;border-radius:50%;width:190%;animation:12s linear infinite spin,.8s ease-out intro-fade;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 68%);mask:radial-gradient(circle,#000 15%,#0000 68%)}.reveal-rays.big{width:260%;animation:18s linear infinite spin,.7s cubic-bezier(.2,1.5,.4,1) rays-pop}@keyframes rays-pop{0%{opacity:0;transform:scale(.3)}}.reveal-burst{z-index:3;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.reveal-flash{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 45%, #fff 0, var(--c) 35%, transparent 75%);animation:.9s ease-out forwards flash;position:fixed;inset:0}.reveal-fireworks{z-index:-1;pointer-events:none;position:fixed;inset:0}.reveal-fireworks .fx.fx-once:first-child{animation-delay:.3s;top:22%;left:18%}.reveal-fireworks .fx.fx-once:nth-child(2){animation-delay:.7s;top:30%;left:82%}.reveal-fireworks .fx.fx-once:nth-child(3){animation-delay:1.1s;top:10%;left:50%}.shine{z-index:4;pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.shine i{background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:38%;animation:1.2s ease-in-out .5s forwards shine;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-160%)skew(-18deg)}@keyframes shine{to{transform:translate(420%)skew(-18deg)}}.tease-pips{justify-content:center;align-items:center;gap:1.1rem;height:22px;display:flex}.pip{border:2px solid color-mix(in srgb, var(--r) 50%, #0b1020);background:#0006;border-radius:3px;width:13px;height:13px;transition:background-color .3s,border-color .3s,box-shadow .3s;rotate:45deg}.pip.lit{background:var(--r);box-shadow:0 0 10px 2px var(--r);border-color:#fff;animation:.55s cubic-bezier(.2,1.8,.4,1) pip-pop}.pip.top{animation:.55s cubic-bezier(.2,1.8,.4,1) pip-pop,1.1s ease-in-out .55s infinite pip-glow}@keyframes pip-pop{0%{filter:brightness(2.2);scale:2.4}}@keyframes pip-glow{50%{box-shadow:0 0 18px 5px var(--r)}}.reveal-skip-all{top:calc(12px + env(safe-area-inset-top,0px));z-index:5;background:#080a12b3;position:fixed;right:12px}.reveal-caption{place-items:center;min-height:2.6rem;display:grid}.tease-text{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 0 16px;margin:0;font-size:1.4rem;animation:.6s ease-out tease-in}@keyframes tease-in{0%{opacity:0;transform:translateY(10px)scale(.92)}}@keyframes tease-pop{0%{opacity:0;transform:scale(.5)}}.reveal-caption .reveal-tag{animation:.5s cubic-bezier(.2,1.5,.4,1) .25s backwards tag-in}.reveal-caption .badge-new{animation:.45s cubic-bezier(.2,1.8,.4,1) .6s backwards stamp}@keyframes tag-in{0%{opacity:0;transform:translateY(10px)}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}}.opening-pack.opening img{animation:1.1s ease-in forwards pack-charge}@keyframes pack-charge{0%{transform:none}10%{transform:translate(-1px)rotate(-1deg)}20%{transform:translate(1px)rotate(1deg)}30%{transform:translate(-2px,1px)rotate(-1.5deg)scale(1.01)}40%{transform:translate(2px,-1px)rotate(1.5deg)scale(1.02)}50%{transform:translate(-3px,1px)rotate(-2deg)scale(1.03)}60%{transform:translate(3px,-1px)rotate(2deg)scale(1.04)}70%{transform:translate(-4px,2px)rotate(-3deg)scale(1.05)}80%{transform:translate(4px,-2px)rotate(3deg)scale(1.07)}90%{transform:translate(-5px,2px)rotate(-3.5deg)scale(1.09)}to{transform:scale(1.12)}}.opening-quake{animation:.7s linear opening-quake}@keyframes opening-quake{0%,to{transform:none}15%{transform:translate(-9px,4px)}30%{transform:translate(8px,-5px)}45%{transform:translate(-6px,-3px)}60%{transform:translate(5px,3px)}80%{transform:translate(-2px,1px)}}.glide{z-index:6;transform-origin:50% 85%;will-change:transform;place-items:center;width:100%;height:100%;display:grid;position:relative}.platform-tile .glide{position:static}.ghost-victim{z-index:2;pointer-events:none;place-items:center;animation:.42s ease-in both ghost-out;display:grid;position:absolute;inset:0}@keyframes ghost-out{0%{opacity:1;filter:none;transform:none}14%{opacity:1;filter:brightness(3.2);transform:scale(1.14)}to{opacity:0;filter:brightness(1.6);transform:translate(18%,-55%)scale(.55)rotate(28deg)}}.ladder-switch{flex-wrap:wrap;align-items:stretch;gap:.6rem;margin-bottom:1rem;display:flex}.ladder-tab{border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;border-radius:14px;flex:220px;align-items:center;gap:.7rem;padding:.7rem 1rem;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:flex}.ladder-tab:hover{transform:translateY(-1px)}.ladder-tab.on{border-color:var(--gold);background:linear-gradient(160deg, #f5c4512e, var(--panel));box-shadow:0 0 0 1px var(--gold) inset}.ladder-tab b{display:block}.ladder-tab small{color:var(--muted)}.ladder-icon{font-size:1.6rem}.ladder-all{align-self:center}a.arena-card{color:inherit;text-decoration:none;transition:transform .15s}a.arena-card:hover{transform:translateY(-2px)}.arena-card.ladder-pvp{background:radial-gradient(circle at 0 0,#ff5a7a2e,#0000 55%),linear-gradient(160deg,#2a1c42,#111a33)}.searching{border:1px dashed var(--gold);background:#f5c45114;border-radius:14px;align-items:center;gap:.8rem;padding:.9rem 1rem;display:flex}.searching>span:nth-child(2){flex-direction:column;flex:1;display:flex}.spinner{border:3px solid #f5c45140;border-top-color:var(--gold);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}.trial-teaser{color:var(--text);background:#ffffff0d;border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .8rem;text-decoration:none;display:flex}.trial-teaser:hover{background:#f5c4511f}.league-up{background:linear-gradient(120deg,#f5c45140,#b560ff33);border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1rem;animation:.5s cubic-bezier(.2,1.6,.4,1) tease-pop;display:flex}.league-up-title{font-family:var(--font-display);color:var(--gold)}.ladder-rules{flex-wrap:wrap;gap:.4rem 1.4rem;margin-bottom:1rem;font-size:.9rem;display:flex}.league-road{flex-direction:column;gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.league-step{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:56px 1fr auto auto;align-items:center;gap:.9rem;padding:.7rem 1rem;display:grid}.league-step.locked{opacity:.6}.league-step.current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 0 24px #f5c45133;background:linear-gradient(160deg, #f5c45124, var(--panel))}.league-art{object-fit:contain;width:56px;height:100px;image-rendering:pixelated}.league-step.locked .league-art{filter:grayscale(.8)brightness(.7)}.league-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.league-name{font-size:1.15rem}.league-reward{flex-direction:column;align-items:center;gap:.15rem;min-width:70px;display:flex}.league-reward img{object-fit:contain;width:30px;height:55px;image-rendering:pixelated}.league-state{color:var(--gold);text-align:center;min-width:3.5rem;font-weight:800}.league-step.passed .league-state{color:var(--ok)}@media (width<=560px){.league-step{grid-template-columns:44px 1fr auto}.league-art{width:44px;height:80px}.league-state{text-align:left;grid-column:2/4;min-width:0}}.trial-list{flex-direction:column;gap:1rem;display:flex}.trial-card{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#ffb93833,#0000 50%),linear-gradient(160deg,#1c2a52,#111a33);border-radius:20px;flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.trial-card.active{border-color:var(--gold)}.trial-head{align-items:center;gap:1rem;display:flex}.trial-head img{object-fit:contain;width:70px;height:128px;image-rendering:pixelated;animation:3s ease-in-out infinite bob}.trial-head h2{margin:0 0 .3rem}.trial-head p{margin:0 0 .5rem}.trial-rounds{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.trial-round{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:.6rem;padding:.55rem .9rem;display:flex}.trial-round>span:last-child{flex-direction:column;display:flex}.trial-round-n{background:#ffffff1a;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.trial-round.done{border-color:var(--ok)}.trial-round.done .trial-round-n{background:var(--ok);color:#04261a}.trial-round.current{border-color:var(--gold);box-shadow:0 0 16px #f5c4514d}.trial-round.current .trial-round-n{background:var(--gold);color:#2a1c00}.trial-round.failed{border-color:#ff5a7a}.trial-round.failed .trial-round-n{color:#fff;background:#ff5a7a}.trial-round.prize img{object-fit:contain;width:26px;height:48px;image-rendering:pixelated}.trial-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.profile-arena{color:inherit;text-decoration:none}.mini-card{flex-direction:column;display:flex}.mini-card-body{flex:1}.piece>.piece-sprite.baked,.piece.team>.piece-sprite.baked{filter:none;width:96%;height:94%;bottom:3%}.piece-emblem.is-ready{animation:none}.piece-emblem.is-ready:after{content:"";box-shadow:0 0 1.6cqw .4cqw var(--r);opacity:0;will-change:opacity;pointer-events:none;border-radius:50%;animation:1.4s ease-in-out infinite glow-pulse;position:absolute;inset:-.35cqw}@keyframes glow-pulse{50%{opacity:1}}.ability-tile.r-mythological.ready:not(:disabled){--spin:0deg;animation:none;position:relative}.ability-tile.r-mythological.ready:not(:disabled):after{content:"";opacity:.25;will-change:opacity;pointer-events:none;border-radius:16px;animation:1.6s ease-in-out infinite glow-pulse;position:absolute;inset:-3px;box-shadow:0 0 14px 2px #ff5a7ab3}a.btn{text-decoration:none}.style-summary .btn{align-items:center;gap:.4rem;display:inline-flex}.showcase{background:radial-gradient(600px 220px at 15% -60px,#f5c45124,#0000 70%),linear-gradient(#19264a,#121b35);border-color:#f5c45173;box-shadow:0 10px 30px #00000040}.showcase-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem 1rem;display:flex}.showcase-head h2{margin:.1rem 0 0;font-size:1.3rem}.showcase-timer{border:1px solid var(--line);color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;background:#070b16b3;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.85rem;font-weight:800;display:inline-flex}.showcase-sub{color:var(--text);margin:1.1rem 0 .55rem;font-size:.95rem}.offer-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.offer-card{--r:var(--r-common);border:1px solid color-mix(in srgb, var(--r) 45%, var(--line));background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--r) 18%, transparent), transparent 70%), var(--panel);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;min-width:0;padding:.8rem .6rem .75rem;display:flex;position:relative}.offer-card:before{content:"";background:var(--r);border-radius:0 0 4px 4px;height:3px;position:absolute;inset:0 18% auto}.offer-card b{font-size:.95rem;line-height:1.2}.offer-card .theme-swatch,.offer-card .fx-preview{max-width:150px}.offer-card .btn-price{width:100%;min-width:0;max-width:150px}.offer-card.owned{border-color:color-mix(in srgb, var(--ok) 55%, var(--line))}.offer-card.skeleton{background:linear-gradient(100deg, var(--panel) 30%, var(--panel-2) 50%, var(--panel) 70%) 0 0 / 300% 100%;min-height:200px;animation:1.3s linear infinite skeleton}@keyframes skeleton{to{background-position:-150% 0}}.btn-price small{font-family:var(--font-body);opacity:.85;font-size:.66rem;font-weight:700;display:block}.btn-price.confirming{font-size:.8rem;animation:1s ease-in-out infinite pulse}.owned-tag{color:var(--ok);border:1px solid;border-radius:999px;margin-top:auto;padding:.3rem .8rem;font-size:.8rem;font-weight:800;text-decoration:none}.owned-tag:hover{background:#43d19a1a}.showcase-foot{color:var(--muted);background:#070b1673;border-radius:12px;align-items:center;gap:.6rem;margin-top:1rem;padding:.6rem .8rem;font-size:.85rem;text-decoration:none;display:flex}.showcase-foot b,.showcase-foot:hover{color:var(--text)}.showcase-foot .icon{color:var(--gold)}.shop-pack-info{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.theme-swatch{aspect-ratio:1;border:3px solid var(--frame);border-radius:8px;grid-template-columns:repeat(4,1fr);width:100%;max-width:130px;display:grid;overflow:hidden;box-shadow:0 6px 14px #00000059}.theme-swatch span{place-items:center;min-width:0;display:grid}.theme-swatch img{object-fit:contain;filter:drop-shadow(0 2px 1px #00000059);width:92%;height:92%}.fx-victim{object-fit:contain;width:34px;height:34px;image-rendering:pixelated;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub-switch{border:1px solid var(--line);background:#070b1699;border-radius:14px;grid-template-columns:1fr 1fr;gap:.3rem;max-width:420px;margin-bottom:.9rem;padding:.3rem;display:grid}.hub-switch a{color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .8rem;font-weight:800;text-decoration:none;display:inline-flex}.hub-switch a:hover{color:var(--text)}.hub-switch a.on{color:#2a1a02;background:linear-gradient(#ffe08a,#f5b52e);box-shadow:0 2px #8a5f10}.style-top{grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);align-items:start;gap:1rem;display:grid}.style-board{border:5px solid var(--frame);outline-offset:4px;border-radius:12px;outline:2px dashed #0000;grid-template-columns:repeat(8,minmax(0,1fr));transition:outline-color .2s;display:grid;overflow:hidden;box-shadow:0 12px 30px #0006}.style-board.trying{outline-color:var(--gold)}.style-sq{aspect-ratio:1;place-items:center;transition:background-color .25s;display:grid;position:relative}.style-sq>img{object-fit:contain;filter:drop-shadow(0 2px 1px #00000059);width:90%;height:90%;position:absolute;inset:5%}.style-sq .fx{width:170%!important}.style-summary{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.style-summary dl{grid-template-columns:auto 1fr;gap:.25rem .8rem;margin:0;display:grid}.style-summary dt{color:var(--muted)}.style-summary dd{margin:0;font-weight:800}.style-summary p{margin:0}.style-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.7rem;display:grid}.style-item{--r:var(--r-common);border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:.45rem;min-width:0;padding:.7rem .5rem .65rem;transition:transform .1s,border-color .15s;display:flex;position:relative}.style-item:hover:not(:disabled){border-color:color-mix(in srgb, var(--r) 60%, var(--line));transform:translateY(-2px)}.style-item b{font-size:.88rem;line-height:1.2}.style-item.on{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset, 0 0 18px #43d19a26}.style-item.locked .theme-swatch,.style-item.locked .fx-preview{filter:saturate(.35)brightness(.7)}.style-item.trying{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.style-item.trying .theme-swatch,.style-item.trying .fx-preview{filter:none}.style-item .fx-preview{height:80px}.pill-shop{color:var(--gold);border-color:currentColor}.pill-locked{align-items:center;gap:.2rem;display:inline-flex}.pill .icon{width:1em;height:1em}.m-header,.tabbar,.m-subnav{display:none}@media (width<=860px){.shell{grid-template-rows:auto 1fr}.sidebar,.content>.wallet{display:none}.m-header{z-index:40;padding:.45rem 16px;padding-top:calc(.45rem + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);background:#0a0f1d;align-items:center;gap:.4rem;display:flex;position:sticky;top:0}.m-me{min-width:0;color:var(--text);flex:1;align-items:center;gap:.5rem;text-decoration:none;display:flex}.m-me .avatar{width:2.1rem;height:2.1rem}.m-me.active .avatar{border-color:var(--gold)}.m-me-info{flex-direction:column;min-width:0;line-height:1.15;display:flex}.m-me-info b{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.m-me-info small{color:var(--muted);font-size:.75rem}.m-header .wallet-item{padding:.2rem .6rem .2rem .45rem;font-size:.88rem}.m-help{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);background:#ffffff0a;border-radius:50%;flex:none;place-items:center;font-weight:800;text-decoration:none;display:grid}.m-help.active{color:var(--gold);border-color:var(--gold)}.tabbar{z-index:40;padding:.25rem .25rem calc(.3rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#080c18;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem .1rem .15rem;font-weight:800;text-decoration:none;display:flex;position:relative}.tab-icon{border-radius:999px;place-items:center;width:2.6rem;height:1.9rem;transition:background .15s,color .15s;display:grid;position:relative}.tab-icon .icon{width:1.35rem;height:1.35rem}.tab-label{letter-spacing:.01em;white-space:nowrap;font-size:.68rem}.tab.on{color:var(--gold)}.tab.on .tab-icon{background:#f5c45129}.tab .nav-badge{min-width:1.15rem;height:1.15rem;margin:0;font-size:.66rem;position:absolute;top:-.3rem;right:-.1rem}.tab-play .tab-icon{color:#2a1a02;background:linear-gradient(#ffe08a,#f5b52e 55%,#d9901a);border:3px solid #0b1020;border-radius:50%;width:3.4rem;height:3.4rem;margin-top:-1.3rem;box-shadow:0 3px #7a5410,0 6px 16px #f5b52e59}.tab-play .tab-icon .icon{fill:currentColor;width:1.55rem;height:1.55rem}.tab-play.on .tab-icon{background:linear-gradient(#fff0b8,#ffc94a 55%,#e6a126)}.m-subnav{border:1px solid var(--line);background:#070b1699;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin-bottom:.9rem;padding:.25rem;display:grid}.m-subnav a{text-align:center;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;padding:.45rem .3rem;font-size:.84rem;font-weight:800;text-decoration:none;overflow:hidden}.m-subnav a.on{color:var(--text);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--gold)}.content{padding-top:.9rem;padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}.in-game .m-header,.in-game .m-subnav{display:none}.toasts,.intro-skip{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.style-top{grid-template-columns:1fr}.hub-switch{max-width:none}}@media (width<=560px){.offer-row{gap:.5rem}.offer-card{border-radius:14px;padding:.65rem .4rem .6rem}.offer-card b{font-size:.82rem}.offer-card .fx-preview{height:76px}.offer-card .btn-price{padding-inline:.3rem;font-size:.85rem}.shop-packs{grid-template-columns:1fr;gap:.55rem}.shop-pack{text-align:left;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.6rem .8rem;display:grid}.shop-pack img{width:44px;height:80px}.shop-pack-info{align-items:flex-start;gap:.2rem}.shop-pack .btn-price{min-width:5.5rem;margin:0}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.style-item{padding:.55rem .35rem}.style-item b{font-size:.78rem}.style-item .pill{text-overflow:ellipsis;max-width:100%;padding-inline:.4rem;font-size:.66rem;overflow:hidden}.style-item .fx-preview{height:64px}.deckhub .chip-row{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.deckhub .chip-row::-webkit-scrollbar{display:none}.deckhub .chip{flex:none}.deck-tab{max-width:240px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.stat{padding:.6rem .7rem}.stat b{font-size:1.2rem}.stat span{font-size:.72rem;line-height:1.25}}.crash{place-items:center;padding-block:2rem;display:grid}.crash-full{min-height:100dvh;padding-inline:16px}.crash-card{flex-direction:column;gap:.6rem;width:min(520px,100%);display:flex}.crash-card h2{color:var(--danger);margin:0}.crash-text{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#00000059;border-radius:10px;margin:0;padding:.6rem .8rem;font-size:.8rem}.crash-actions{flex-wrap:wrap;gap:.5rem;display:flex}.hb{--stage-a:#1d3a78;--stage-b:#0f1a36;flex-direction:column;gap:.8rem;display:flex}.hb.ladder-pvp{--stage-a:#6a2233;--stage-b:#1f0f1c}.hb-banner{margin:0}.hb-mode{border:1px solid var(--line);background:#070b16b3;border-radius:16px;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;display:grid}.hb-mode-tab{min-width:0;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.55rem;padding:.35rem .6rem;display:flex}.hb-mode-tab.on{color:var(--text);border-color:var(--gold);background:linear-gradient(#2b3a66,#1a2447);box-shadow:0 3px #6b4d10}.hb-mode-icon{font-size:1.3rem;line-height:1}.hb-mode-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.hb-mode-text b{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.hb-mode-text small{color:var(--gold);font-size:.75rem;font-weight:800}.hb-stage{border:1px solid color-mix(in srgb, var(--stage-a) 70%, var(--line));background:radial-gradient(90% 70% at 50% 35%, color-mix(in srgb, var(--stage-a) 85%, transparent), transparent 75%), linear-gradient(180deg, var(--stage-b), #0a0f1f);border-radius:22px;grid-template-columns:4.7rem minmax(0,1fr) 4.7rem;align-items:center;gap:.4rem;padding:.6rem .3rem;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 10px 30px #0000004d}.hb-rail{flex-direction:column;align-items:center;gap:.9rem;display:flex}.hb-rail-btn{width:100%;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:.25rem;padding:0;text-decoration:none;display:flex}.hb-rail-icon{color:#fff;border:2px solid #ffffff40;border-radius:15px;place-items:center;width:3.1rem;height:3.1rem;transition:transform .1s;display:grid;position:relative;box-shadow:0 4px #00000073,inset 0 2px #ffffff40}.hb-rail-btn:active .hb-rail-icon{transform:translateY(3px);box-shadow:0 1px #00000073,inset 0 2px #ffffff40}.hb-rail-icon .icon{stroke-width:2.4px;width:1.5rem;height:1.5rem}.rail-quests{background:linear-gradient(#4fd49a,#1f8a5c)}.rail-trials{background:linear-gradient(#c08bff,#6c3cc4)}.rail-leagues{background:linear-gradient(#6fb2ff,#2a5ec7)}.rail-training{background:linear-gradient(#ffb45e,#c9661a)}.rail-odds{background:linear-gradient(#ff8fb1,#c43c6a)}.hb-stage .bar{background:#ffffff29}.hb-rail-icon .nav-badge{margin:0;position:absolute;top:-.45rem;right:-.45rem}.hb-rail-dot{background:var(--gold);border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:-.25rem;right:-.25rem;box-shadow:0 0 0 2px #0b1020}.hb-rail-label{text-align:center;color:#dbe3ff;text-shadow:0 1px #0009;white-space:nowrap;font-size:.6rem;font-weight:800;line-height:1.1}.hb-arena{isolation:isolate;text-align:center;min-width:0;color:var(--text);flex-direction:column;align-items:center;gap:.25rem;padding-block:.3rem;text-decoration:none;display:flex;position:relative}.hb-arena-rays{z-index:-1;background:repeating-conic-gradient(#f5c45129 0 9deg, transparent 9deg 20deg);pointer-events:none;border-radius:50%;width:15rem;height:15rem;margin:-7.5rem 0 0 -7.5rem;animation:40s linear infinite spin;position:absolute;top:3.6rem;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.hb-arena-art{object-fit:contain;width:3.8rem;height:6.9rem;image-rendering:pixelated;filter:drop-shadow(0 12px 14px #0000008c);animation:3s ease-in-out infinite bob}.hb-arena h1{margin:0;font-size:clamp(1.25rem,5.5vw,1.8rem);line-height:1.1}.hb-arena .eyebrow{color:#c6d2f5}.hb-trophies{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2rem .6rem;display:flex}.hb-trophies .trophies{font-size:1.35rem}.hb-arena .bar{width:min(100%,15rem)}.hb-foe{font-size:.75rem}.hb-slots-head{align-items:baseline;gap:.6rem;margin-bottom:.45rem;display:flex}.hb-slots-head b{font-family:var(--font-display);color:var(--gold);font-weight:400}.hb-slots-head .linklike{margin-left:auto}.linklike{color:var(--gold);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.hb-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.hb-slot{aspect-ratio:6/5;border:1px solid var(--line);color:var(--text);cursor:pointer;background:linear-gradient(#1a2548,#10182f);border-radius:14px;place-items:center;padding:.3rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -3px #00000059}button.hb-slot{border-color:#f5c4518c;box-shadow:inset 0 -3px #00000059,0 0 14px #f5c4512e}.hb-slot img{width:auto;height:68%;image-rendering:pixelated;filter:drop-shadow(0 6px 6px #00000080);animation:2.6s ease-in-out infinite bob}.hb-slot-open{color:#3a2303;white-space:nowrap;background:linear-gradient(#ffe08a,#f5b52e);border-radius:999px;padding:.1rem .45rem;font-size:.62rem;font-weight:800;position:absolute;bottom:.35rem;left:50%;translate:-50%}.hb-slot-more{background:var(--danger);color:#fff;border-radius:999px;padding:0 .35rem;font-size:.7rem;font-weight:800;position:absolute;top:.3rem;right:.3rem}.hb-slot.empty{cursor:default;box-shadow:none;background:#070b1673;border-style:dashed}.hb-slot.empty span{color:var(--muted);text-align:center;font-size:.66rem;font-weight:700;line-height:1.2}.hb-deck{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem .65rem;display:grid}.hb-deck .mini-board{border:2px solid var(--frame);border-radius:6px;overflow:hidden}.hb-deck-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.hb-deck-info select{text-overflow:ellipsis;border:1px solid var(--line);background:var(--bg-2);border-radius:10px;width:100%;min-width:0;padding:.35rem .5rem;font-weight:800}.hb-deck-row{gap:.4rem;min-width:0;display:flex}.hb-deck-row select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2395a2c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:12px 8px;flex:1;padding-right:2.1rem}.hb-deck-row select:hover,.hb-deck-row select:focus-visible{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.hb-deck-edit{flex:none;place-items:center;padding:.3rem .55rem;display:inline-grid}.hb-dock-extra{display:none}.hb-dock{flex-direction:column;gap:.35rem;display:flex}.hb-battle{border-radius:18px;width:100%;min-height:4rem;font-size:1.9rem}.hb-battle .icon{width:1.9rem;height:1.9rem}.hb-battle:after{content:"";flex:none;width:1.9rem}.hb-searching{min-height:4rem}.hb-reward{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.hb-reward b{color:var(--gold)}.hb-reward img{width:auto;height:1.3em;image-rendering:pixelated}.hb-side{display:none}.training-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.6rem 0 1rem;display:grid}.training-levels .chip{text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:0;padding:.45rem .8rem;display:flex}.training-levels .chip small{opacity:.8}.sheet-backdrop{z-index:60;background:#03060ec7;place-items:center;padding:1rem;animation:.2s ease-out intro-fade;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));border-radius:20px;flex-direction:column;width:min(480px,100%);max-height:min(85dvh,760px);animation:.25s cubic-bezier(.2,1.2,.4,1) sheet-in;display:flex;box-shadow:0 24px 60px #0009}.sheet-wide{width:min(980px,100%)}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem .6rem;display:flex}.sheet-head h2{margin:0}.sheet-close{border:1px solid var(--line);width:2.2rem;height:2.2rem;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:50%;flex:none}.sheet-body{overscroll-behavior:contain;padding:.9rem 1rem 1.2rem;overflow:auto}.sheet-body .odds{background:0 0;border:0;padding:0}@media (width<=860px){.hb{min-height:calc(100dvh - 3.6rem - .9rem - 6rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.hb-stage{flex:1 0 auto}.hb-dock{bottom:calc(5.6rem + env(safe-area-inset-bottom,0px));z-index:20;background:linear-gradient(180deg, transparent, var(--bg) 35%);margin-top:auto;padding-top:.5rem;position:sticky}.sheet-backdrop{place-items:end stretch;padding:0}.sheet{width:100%;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-radius:22px 22px 0 0;animation:.28s cubic-bezier(.2,1,.4,1) sheet-up}.sheet:before{content:"";background:var(--line);border-radius:999px;align-self:center;width:2.6rem;height:.3rem;margin-top:.5rem}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (width<=380px){.hb-stage{grid-template-columns:4.3rem minmax(0,1fr) 4.3rem}.hb-rail-icon{width:2.7rem;height:2.7rem}.hb-rail-label{font-size:.6rem}}.hb-main,.hb-aside{display:contents}.hb-banner{order:0}.hb-mode{order:1}.hb-stage{order:2}.hb-slots-wrap{order:3}.hb-deck{order:4}.hb-dock{order:5}.hb-side{order:6}@media (width>=861px){.hb{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:1.5rem;display:grid}.hb-banner{grid-column:1/-1}.hb-main{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1rem}.hb-aside{flex-direction:column;gap:1rem;display:flex}.hb-main>*,.hb-aside>*{order:0}.hb-deck{background:radial-gradient(80% 60% at 50% 0%, color-mix(in srgb, var(--stage-a) 55%, transparent), transparent 75%), var(--panel);border-radius:22px;flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.hb-deck .mini-board{border-width:5px;border-radius:12px;order:2;width:100%;box-shadow:0 14px 34px #00000073}.hb-deck-info{order:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.hb-deck-info .eyebrow{font-size:.8rem}.hb-deck-row select{background-position:right .95rem center;padding:.5rem 2.4rem .5rem .8rem;font-size:1.05rem}.hb-battle{min-height:5rem;font-size:2.4rem}.hb-dock-extra{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.hb-dock-extra .btn{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.hb-reward{font-size:.9rem}.hb-stage{justify-content:center;padding:.9rem .8rem;display:flex}.hb-rail{display:none}.hb-arena-art{width:3rem;height:5.5rem}.hb-arena h1{font-size:1.3rem}.hb-arena-rays{width:12rem;height:12rem;margin:-6rem 0 0 -6rem;top:2.9rem}.hb-slots-wrap{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:1rem 1.2rem 1.2rem}.hb-slots{gap:.9rem}.hb-slot{aspect-ratio:4/3}.hb-slot-open{padding:.15rem .6rem;font-size:.75rem}.hb-side{flex-direction:column;gap:.6rem;display:flex}.hb-side .section-head,.hb-side .trial-teaser{margin:0}}@media (width<=860px) and (height<=720px){.hb{gap:.55rem}.hb-stage{padding-block:.4rem}.hb-arena-art{width:2.9rem;height:5.3rem}.hb-arena-rays{top:2.8rem}.hb-rail{gap:.5rem}.hb-rail-icon{border-radius:13px;width:2.6rem;height:2.6rem}.hb-slot{aspect-ratio:3/2}.hb-battle{min-height:3.4rem;font-size:1.6rem}}.trial-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));display:grid}.trial-prize{--r:var(--gold);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--r) 45%, transparent), transparent 70%);border-radius:16px;flex:none;place-items:center;width:84px;height:128px;display:grid}.trial-head .trial-prize img{width:70px;height:120px}.trial-card.has-card{border-color:color-mix(in srgb, var(--r-mythological) 60%, var(--line));background:radial-gradient(80% 60% at 10% 0%, #ff4d6d29, transparent 70%), var(--panel)}.trial-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem;display:flex}.trial-diff.d1{color:var(--ok);border-color:currentColor}.trial-diff.d2{color:var(--gold);border-color:currentColor}.trial-diff.d3{color:var(--r-mythological);border-color:currentColor}.trial-card-rules{color:#d3daf2;background:#070b1680;border-radius:12px;margin:0;padding:.6rem .8rem;line-height:1.5}.trial-won-card{flex-direction:column;align-items:center;gap:.4rem;width:min(220px,100%);margin:.4rem auto 0;display:flex}.trial-won-card .gcard-rules,.trial-won-card .gcard-effects{display:none}@media (width<=560px){.trial-head{align-items:flex-start}.trial-prize{width:64px;height:100px}.trial-head .trial-prize img{width:54px;height:92px}.trial-rounds{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1rem;padding:.2rem 1rem .4rem;overflow-x:auto}.trial-rounds::-webkit-scrollbar{display:none}.trial-round{flex:none;gap:.45rem;padding:.4rem .65rem}.trial-round b{white-space:nowrap;font-size:.85rem}.trial-round small{font-size:.7rem}.trial-head p{font-size:.9rem}}.embedded .m-header{top:env(safe-area-inset-top,0px);padding-top:.45rem}.page-loading{text-align:center;padding:2rem 0}@media (width<=560px){.profile-hero{text-align:center;flex-direction:column;align-items:center;gap:.8rem;display:flex}.profile-main{align-items:center}.profile-main h1{justify-content:center;font-size:1.7rem}.profile-tags,.profile-arena{flex-wrap:wrap;justify-content:center}.profile-arena .trophies{font-size:1.2rem}.profile-side{flex-flow:wrap;justify-content:center;align-self:stretch;gap:.4rem}.profile-side .btn{white-space:nowrap;flex:auto;justify-content:center}}.demo-reset{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, var(--line))}.mark-far{background:#b673ff8c;border-radius:50%;width:34%;height:34%;box-shadow:0 0 0 .35cqw #b673fff2,0 0 1cqw #b673ffb3}.mark-far-capture{border:.9cqw solid #b673ffd9;border-radius:50%;inset:5%;box-shadow:0 0 1cqw #b673ff99}.clip{border:1px solid color-mix(in srgb, var(--rc,#f5c451) 35%, var(--line));cursor:pointer;-webkit-user-select:none;user-select:none;background:#120d1c;border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:0 8px 22px #0006,inset 0 0 0 1px #ffffff0a}.clip-steps{z-index:6;gap:4px;display:flex;position:absolute;top:6px;left:8px;right:8px}.clip-steps>span{background:#ffffff40;border-radius:2px;flex:1;height:3px;transition:background .3s}.clip-steps>span.on{background:#f5c451;box-shadow:0 0 6px #f5c451b3}.clip-board{aspect-ratio:1;animation:.3s ease-out clip-in;position:relative;container-type:inline-size}.clip.ring .clip-board{background:radial-gradient(circle,#2a1f40 0%,#120d1c 75%)}.clip-squares{background-color:#ecdcb9;background-image:conic-gradient(#b58b62 90deg,#0000 90deg 180deg,#b58b62 180deg 270deg,#0000 270deg);background-size:25% 25%;position:absolute;inset:0;box-shadow:inset 0 0 18px #0000004d}.clip.ring .clip-squares{border-radius:3px;box-shadow:0 0 0 2px #b673ff59,0 0 18px #b673ff40}.clip-cell,.clip-piece{position:absolute}.clip-cell{pointer-events:none;z-index:1;place-items:center;display:grid}.clip-cell>span{border-radius:50%}.clip-cell.aim>span{background:#f5c451d9;width:26%;height:26%;animation:.3s ease-out both clip-pop;box-shadow:0 0 1.2cqw #f5c451e6}.clip-cell.aim.target>span{background:0 0;border:.9cqw solid #f5c451f2;width:84%;height:84%;animation:.9s ease-in-out infinite clip-pulse}.clip-cell.mark>span{animation:.25s ease-out both clip-pop}.clip-cell.mark.move>span{background:#00000040;width:30%;height:30%}.clip-cell.mark.capture>span{border:.9cqw solid #dc3c3cbf;width:86%;height:86%}.clip-cell.mark.far>span{background:#b673ff99;width:34%;height:34%;box-shadow:0 0 0 .5cqw #b673fff2}.clip-cell.mark.far-capture>span{border:.9cqw solid #b673ffe6;width:86%;height:86%}.clip-cell.barrier{background:repeating-linear-gradient(45deg,#783cc88c 0 8%,#1e0a3c8c 8% 16%);animation:.3s ease-out both clip-pop;box-shadow:inset 0 0 1.2cqw #b673ffe6}.clip-cell.platform{background:radial-gradient(circle,#b673ff8c,#b673ff1a 70%);border-radius:20%;box-shadow:0 0 1.5cqw #b673ffb3}.clip-cell.flash{z-index:4;background:radial-gradient(circle,#fff0b4f2,#f5c45180 40%,#0000 70%);border-radius:50%;animation:.9s ease-out both clip-flash}.clip-piece{z-index:2;place-items:center;transition:left .28s ease-in-out,top .28s ease-in-out,opacity .35s,transform .35s,filter .35s;display:grid}.clip-piece img{object-fit:contain;object-position:center bottom;width:92%;height:92%;position:absolute;inset:4%}.clip-piece.hero img{filter:drop-shadow(0 0 .6cqw #ffdc78)drop-shadow(0 0 1.4cqw #f5c451cc)}.clip-piece.hero:before{content:"";background:radial-gradient(#ffd666d9,#f5c45140 60%,#0000 72%);border-radius:50%;height:34%;position:absolute;bottom:2%;left:6%;right:6%;box-shadow:0 0 0 .45cqw #ffd666e6}.clip-piece.moving{z-index:3;transform:translateY(-6%)scale(1.12)}.clip-piece.warp{transition:none;animation:.45s ease-out both clip-warp}.clip-piece.gone{opacity:0;filter:brightness(2.5);transform:scale(.3)rotate(30deg)}.clip-piece.born{animation:.45s ease-out both clip-born}.clip-piece.illusion{opacity:.5;animation:1.6s ease-in-out infinite clip-ghost}.clip-badge{color:#fff;background:#2b6fd6;border-radius:50%;place-items:center;width:42%;height:42%;font-size:3cqw;line-height:1;animation:.3s ease-out both clip-pop;display:grid;position:absolute;top:-4%;right:-4%;box-shadow:0 0 0 .3cqw #120d1c}.clip-badge.rider{background:#8a5a2b}.clip-badge.ghost{background:#7a4bd6;font-weight:800}.clip-caption{text-align:center;color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;place-items:center;min-height:2.9rem;margin:6px;padding:.35rem .6rem;font-size:.82rem;font-weight:700;line-height:1.25;animation:.3s ease-out both clip-sub;display:grid}.clip-caption.hero{border-color:#f5c45180;box-shadow:inset 3px 0 #f5c451}.clip-caption.enemy{border-color:#ff6b6b73;box-shadow:inset 3px 0 #ff6b6b}.clip-caption.note{border-color:#b673ff80;box-shadow:inset 3px 0 #b673ff}@keyframes clip-in{0%{opacity:.6;filter:saturate(.6)}}@keyframes clip-pop{0%{opacity:0;transform:scale(.3)}}@keyframes clip-pulse{50%{opacity:.6;transform:scale(.88)}}@keyframes clip-flash{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes clip-warp{0%{opacity:0;filter:drop-shadow(0 0 3cqw #b673ff)brightness(2);transform:scale(.2)rotate(-180deg)}}@keyframes clip-born{0%{opacity:0;filter:brightness(3);transform:scale(.2)}}@keyframes clip-ghost{50%{opacity:.25;transform:translateY(-3%)}}@keyframes clip-sub{0%{opacity:0;transform:translateY(30%)}}@media (prefers-reduced-motion:reduce){.clip-board,.clip-piece,.clip-cell,.clip-cell>span,.clip-caption{transition:none!important;animation:none!important}}.card-spec{text-align:left;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.card-spec li{grid-template-columns:1.6rem 1fr;align-items:start;gap:.5rem;font-size:.88rem;line-height:1.35;display:grid}.spec-icon{width:1.6rem;height:1.6rem;color:var(--spec,var(--text));background:color-mix(in srgb, var(--spec,var(--text)) 16%, transparent);border:1px solid color-mix(in srgb, var(--spec,var(--text)) 45%, transparent);border-radius:7px;place-items:center;font-size:.85rem;display:grid}.spec-move{--spec:#6fb3ff}.spec-capture{--spec:#ff6b6b}.spec-special{--spec:#b673ff}.spec-trigger{--spec:#f5c451}.spec-limit{--spec:#9aa3ad}.spec-cost{--spec:#43d19a}.card-modal-full{text-align:left;margin-bottom:.6rem;font-size:.8rem}.card-modal-full summary{cursor:pointer;color:var(--muted,#9aa3ad)}.cm-clip .clip-loading{aspect-ratio:1/1.16;background:linear-gradient(110deg,#17112a 30%,#221a3a 50%,#17112a 70%) 0 0/200% 100%;animation:1.2s linear infinite clip-shimmer}@keyframes clip-shimmer{to{background-position:-200% 0}}.link-lost{color:#ffd8a8;background:#ff8c3229;border:1px solid #ff8c3273;border-radius:10px;margin:.45rem 0 0;padding:.3rem .6rem;font-size:.8rem;font-weight:700;animation:1.2s ease-in-out infinite pulse}.watchers{color:var(--muted);margin-left:.5rem;font-size:.8rem;font-weight:700;display:inline-block}.live-row{justify-content:space-between}.live-vs{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;display:flex}.live-vs .avatar{width:1.7rem;height:1.7rem}.live-vs small{flex-basis:100%}.warn-text{color:var(--gold)}.auth-card h2{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.25rem}.mail-note{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.5rem;margin:.5rem 0;padding:.7rem .85rem;font-size:.9rem;display:flex}.mail-note p{margin:0}.account .setting-row{cursor:default}.account .setting-row small span{display:inline}.account .setting-row .account-actions{flex-flow:wrap;justify-content:flex-end;gap:.4rem;display:flex}.account-form{background:var(--bg-2);border-radius:10px;flex-direction:column;align-items:stretch;gap:.6rem;margin:.6rem 0 .4rem;padding:.8rem;display:flex}.account-form .btn{align-self:flex-start}.danger-zone{border:1px solid var(--danger)}.danger-zone p{margin:0}.field small{margin-top:.2rem}@media (width<=520px){.account .setting-row{flex-wrap:wrap}}.leader-name{flex-direction:column;min-width:0;line-height:1.2;display:flex}.leader-name b{text-overflow:ellipsis;overflow:hidden}.leader-league-sm{font-size:.75rem;display:none}@media (width<=560px){.leaders .hide-sm{display:none}.leader-league-sm{display:block}.leaders td,.leaders th{padding:.5rem .4rem}.leaders td:nth-child(2){white-space:normal;width:100%;max-width:0}.leaders .place{width:2rem}}.sheet,.sheet-body{min-width:0;max-width:100vw;overflow-x:hidden}.odds-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem;margin:.5rem 0 1rem;display:grid}.odds-card{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:.75rem .85rem}.odds-card header{grid-template-columns:auto 1fr;align-items:center;column-gap:.55rem;display:grid}.odds-card header .odds-pack{grid-row:span 2;width:20px;height:36px;margin:0}.odds-card p{margin:.45rem 0 0}.odds-bar{background:var(--bg-2);border-radius:999px;height:8px;margin:.6rem 0 .45rem;display:flex;overflow:hidden}.odds-seg{min-width:3px}.seg-common{background:var(--r-common)}.seg-rare{background:var(--r-rare)}.seg-epic{background:var(--r-epic)}.seg-legendary{background:var(--r-legendary)}.seg-mythological{background:var(--r-mythological)}.odds-list{grid-template-columns:1fr 1fr;gap:.15rem .8rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.odds-list li{align-items:center;gap:.35rem;display:flex}.odds-list b{font-variant-numeric:tabular-nums;margin-left:auto}.odds-dot{border-radius:50%;flex:none;width:8px;height:8px}.pawn-panel{flex-direction:column;gap:.55rem;display:flex}.pawn-kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.pawn-kind{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:12px;align-items:center;gap:.55rem;min-width:0;min-height:3.4rem;padding:.45rem .6rem;transition:border-color .15s,background .15s;display:flex;position:relative}.pawn-kind:before{content:"";background:var(--kind);border-radius:0 3px 3px 0;width:3px;position:absolute;top:.55rem;bottom:.55rem;left:0}.pawn-kind.kind-0{--kind:var(--gold)}.pawn-kind.kind-1{--kind:#5ec8e5}.pawn-kind.empty{color:var(--muted);background:0 0;border-style:dashed;justify-content:center}.pawn-kind.empty:before{display:none}.pawn-kind.can-drop{border-color:var(--kind);background:#ffffff0d}.pawn-kind-art{width:2rem;height:2rem;image-rendering:pixelated;flex:none}.pawn-kind-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.pawn-kind-text b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.15;display:-webkit-box;overflow:hidden}.pawn-kind-text small{color:var(--muted);font-size:.75rem}.pawn-kind.empty .pawn-kind-text{align-items:center}.pawn-kind-remove{width:1.6rem;height:1.6rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;margin-left:auto;font-size:.8rem}.pawn-kind-remove:hover{color:var(--text);background:#ffffff14}.pawn-rank{background:var(--bg-2);border-radius:10px;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:4px;display:grid}.pawn-file{background:var(--panel);box-shadow:inset 0 -3px 0 var(--kind);color:var(--muted);font:inherit;cursor:pointer;border:0;border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:.25rem 0 .15rem;font-size:.65rem;transition:transform .1s;display:flex}.pawn-file:active{transform:scale(.94)}.pawn-file.kind-0{--kind:var(--gold)}.pawn-file.kind-1{--kind:#5ec8e5}.pawn-file-art{aspect-ratio:1;width:70%;max-width:1.8rem;image-rendering:pixelated}.pawn-hint{color:var(--muted);text-align:center;margin:0;font-size:.75rem}.player-bar>.pb-who{flex:auto}.player-bar>.captured{flex:none}.player-bar>span:last-child{white-space:nowrap;flex:none}.pb-who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-bar .captured{gap:.15rem;padding:.1rem .45rem .1rem .3rem}.player-bar .captured .glyph{width:.95rem;height:.95rem}.player-bar .captured-kind small{font-size:.62rem}.lang-select{border-radius:10px;min-width:9rem;padding:.45rem .6rem;font-weight:600}.lang-select.compact{min-width:0;padding:.3rem .45rem;font-size:.85rem}.auth-screen{position:relative}.auth-lang{top:max(12px, env(safe-area-inset-top));z-index:2;position:absolute;right:16px}.shard-store .section-head{margin-top:0}.shard-bundles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;margin:.4rem 0 .6rem;display:grid}.shard-bundle{border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .6rem .7rem;transition:transform .12s,border-color .12s;display:flex;position:relative}.shard-bundle:hover:not(:disabled){border-color:var(--r-rare);transform:translateY(-2px)}.shard-bundle:disabled{opacity:.6;cursor:default}.shard-amount{font-family:var(--font-display);font-size:1.15rem}.shard-bonus{background:var(--ok);color:#06261a;border-radius:999px;padding:.1rem .45rem;font-size:.75rem;font-weight:800;position:absolute;top:-.55rem;right:.5rem}.shard-price{background:var(--accent);color:var(--accent-text);border-radius:8px;padding:.3rem .8rem;font-weight:800}.purchase-list summary,.pack-odds summary{cursor:pointer;color:var(--muted);font-size:.85rem}.purchase-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1.2fr auto;gap:.5rem;padding:.35rem 0;font-size:.9rem;display:grid}.purchase-row.st-paid .purchase-status{color:var(--ok)}.purchase-row.st-failed .purchase-status,.purchase-row.st-expired .purchase-status,.purchase-row.st-refunded .purchase-status{color:var(--danger)}.pack-odds{margin-top:.3rem}.pack-odds p{color:var(--muted);margin:.3rem 0 0}.payment-return{border-color:var(--r-rare);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.payment-return p{margin:0}.payment-return.st-paid{border-color:var(--ok)}.payment-return.st-failed,.payment-return.st-expired{border-color:var(--danger)}.test-pay{text-align:center;max-width:460px;margin:1rem auto}.test-pay-sum{font-family:var(--font-display);font-size:1.6rem}.test-pay-actions{justify-content:center;gap:.6rem;display:flex}.legal-screen{background:var(--bg);min-height:100vh;padding:1rem}.legal{max-width:760px;margin:0 auto;line-height:1.6}.legal h1{font-family:var(--font-display)}.legal h2{margin-top:1.4rem;font-size:1.05rem}.legal-nav{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.legal-nav a.on{color:var(--gold);font-weight:700}.legal footer{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.legal-links a{color:var(--muted)}.admin-stats .stat b{font-size:1.3rem}.admin-filter{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.admin-filter input{flex:14rem;min-width:0}.admin-online{color:var(--ok);font-weight:700}tr.admin-banned td{background:#ff6b7a12}.pill-ban{color:var(--danger);border-color:currentColor}.admin-sheet h3{margin:1.1rem 0 .4rem;font-size:1rem}.admin-sheet p{margin:0 0 .5rem}.admin-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.admin-row input[type=text]{flex:12rem;min-width:0}.admin-note{margin-top:1rem!important}.admin-delete{margin-top:1.2rem;padding:.9rem 1rem}.admin-delete h3{color:var(--danger);margin-top:0}.notice-sheet{flex-direction:column;gap:.7rem;display:flex}.notice-sheet p{margin:0}.notice-reason{border-left:3px solid var(--gold);background:var(--bg-2);border-radius:10px;padding:.6rem .8rem}.notice-sheet .btn{align-self:flex-start}.crack{aspect-ratio:1;opacity:0;pointer-events:none;background:50%/100% 100% no-repeat;animation:1.6s ease-out forwards crack-open;position:absolute;translate:-50% -50%}.crack-0{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'%3E%3Cpath d='M0 10 L4 8 L7 11 L10 9 L12 12 L15 9 L17 11 L20 10 M7 11 L6 15 M15 9 L16 5' fill='none' stroke='%232b1a0e' stroke-width='1.6'/%3E%3C/svg%3E")}.crack-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'%3E%3Cpath d='M0 9 L3 11 L6 8 L9 11 L13 8 L16 11 L20 9 M9 11 L10 16 M13 8 L12 4' fill='none' stroke='%232b1a0e' stroke-width='1.6'/%3E%3C/svg%3E")}.crack-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'%3E%3Cpath d='M0 11 L5 9 L8 12 L11 8 L14 11 L18 9 L20 11 M5 9 L4 5 M14 11 L15 15' fill='none' stroke='%232b1a0e' stroke-width='1.6'/%3E%3C/svg%3E")}.crack-v{rotate:90deg}@keyframes crack-open{0%{opacity:0;clip-path:inset(0 100% 0 0)}12%{opacity:.85}35%{clip-path:inset(0)}75%{opacity:.85}to{opacity:0;clip-path:inset(0)}}.board.shake{animation:.9s cubic-bezier(.36,.07,.19,.97) quake-shake}@keyframes quake-shake{0%,to{transform:none}8%{transform:translate(-6px,3px)rotate(-.6deg)}16%{transform:translate(6px,-3px)rotate(.6deg)}26%{transform:translate(-5px,-2px)rotate(-.4deg)}36%{transform:translate(5px,2px)rotate(.4deg)}48%{transform:translate(-3px,1px)}60%{transform:translate(3px,-1px)}74%{transform:translate(-1px,1px)}}.board.jolt{animation:.45s ease-out .2s board-jolt}@keyframes board-jolt{0%,to{transform:none}15%{transform:translate(3px,-4px)scale(1.012)}35%{transform:translate(-3px,3px)}60%{transform:translate(2px,-1px)}}.debris{background:var(--c);opacity:0;pointer-events:none;width:1.4cqw;height:1.4cqw;animation:.75s cubic-bezier(.2,.7,.4,1) forwards debris-fly;position:absolute;translate:-50% -50%;box-shadow:0 0 0 .25cqw #00000059}@keyframes debris-fly{0%{opacity:1;transform:translate(0)rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 6cqw)) rotate(var(--rot))}}.firework{pointer-events:none;width:0;height:0;position:absolute}.firework i{background:var(--c);width:1.4cqw;height:1.4cqw;box-shadow:0 0 1.6cqw var(--c), 0 0 .4cqw #fff inset;opacity:0;border-radius:50%;animation:1.3s cubic-bezier(.15,.7,.3,1) forwards firework;position:absolute;top:-.7cqw;left:-.7cqw}@keyframes firework{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1.4)}60%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(13cqw) translateY(4cqw) scale(.4)}}html.no-anim .crack,html.no-anim .debris,html.no-anim .firework{display:none}html.no-anim .board.shake,html.no-anim .board.jolt{animation:none}.cell.selected .piece>.piece-sprite{transition:transform .15s;animation:1.1s ease-in-out infinite piece-hover;transform:translate(-50%)scale(1.08)}.cell.selected .piece>.piece-base{opacity:.8;transition:transform .15s,opacity .15s;transform:scale(.85)}@keyframes piece-hover{0%,to{translate:0 -1.1cqw}50%{translate:0 -1.7cqw}}html.no-anim .cell.selected .piece>.piece-sprite{animation:none;translate:0 -1.1cqw}.ghost-victim.ghost-fall{animation:.7s cubic-bezier(.5,0,.9,.5) both ghost-drop}@keyframes ghost-drop{0%{opacity:1;transform:none}20%{opacity:1;transform:translateY(-8%)rotate(-8deg)}to{opacity:0;transform:translateY(140%)rotate(40deg)scale(.6)}}.cell.barrier.barrier-new:after{animation:barrier-in .45s ease-out var(--bd,0s) both}@keyframes barrier-in{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:none}}html.no-anim .cell.barrier.barrier-new:after{animation:none}