.hero-stat{align-content:start;gap:12px;display:grid}.hero-stat .n{font-family:var(--font-display-stack);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:500;line-height:1.05}.hero-stat .n .ico-svg{color:var(--brass);margin-right:4px}.hero-stat .btn{margin-top:var(--s3)}.panel.todo{border-color:rgba(var(--accent-rgb), .35);background:linear-gradient(180deg, var(--brass-wash), transparent 60%), var(--surface-1)}.friend,.battle-item,.log-row,.reason{align-items:center;gap:var(--s3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);flex-wrap:wrap;padding:12px 16px;display:flex}.battle-item{transition:transform var(--t-base) var(--ease), border-color var(--t-base), background var(--t-base)}a.battle-item:hover,button.battle-item:hover{border-color:rgba(var(--accent-rgb), .45);background:var(--surface-3);transform:translateY(-2px)}.battle-item.urgent{border-color:rgba(var(--accent-rgb), .5);background:linear-gradient(100deg, var(--brass-wash), var(--surface-2) 70%)}.battle-item .b-ico{background:var(--surface-3);width:40px;height:40px;color:var(--brass);border-radius:2px;flex:none;place-items:center;display:grid}.friend .name{font-weight:600}.log-row{gap:10px;padding:8px 12px;font-size:13.5px}.reason{padding:10px 14px;font-size:14px;display:block}.lb-row{gap:var(--s3);border-radius:var(--r-md);transition:background var(--t-base);grid-template-columns:32px 1fr auto auto;align-items:center;padding:10px 14px;display:grid}.lb-row:hover{background:#bed6f00a}.lb-row.me{background:var(--brass-wash)}.lb-rank{font-family:var(--font-display-stack);color:var(--brass);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.level{text-align:left;border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--line-strong);transition:transform var(--t-base) var(--ease), border-color var(--t-base), background var(--t-base);flex:170px;gap:4px;padding:16px 18px;display:grid}.level:hover{border-color:rgba(var(--accent-rgb), .45);transform:translateY(-2px)}.level.on{border-color:var(--brass);background:var(--brass-wash);box-shadow:0 0 0 1px var(--brass) inset}.level b{font-family:var(--font-display-stack);font-size:18px;font-weight:600}.matrix{border-collapse:separate;border-spacing:3px;table-layout:fixed;width:100%;font-size:13px}.matrix th{color:var(--muted);padding:6px 2px;font-size:12px;font-weight:600}.matrix th svg{vertical-align:middle}.matrix th.rowh{text-align:left;white-space:nowrap;width:130px;padding-right:6px}.matrix td{text-align:center;background:var(--well);color:#4f4c44;border-radius:2px;padding:8px 0;font-weight:700}.matrix td.sup{background:var(--good-bg);color:var(--good)}.matrix td.res{background:var(--danger-bg);color:var(--bad)}.matrix td.self{background:var(--surface-2)}@media (max-width:700px){.matrix th.rowh{width:52px}.matrix .lbl{display:none}}.reasons{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));font-size:14px;display:grid}.modal.editor{gap:var(--s5);grid-template-columns:230px 1fr;align-items:start;max-width:1060px;max-height:calc(100vh - 32px);display:grid;overflow-y:auto}.editor-side{gap:var(--s3);justify-items:center;display:grid;position:sticky;top:0}.editor-side .field{width:100%}.editor-main{gap:var(--s3);min-width:0;display:grid}.form-grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));display:grid}.form-grid.four{grid-template-columns:repeat(4,1fr)}.field.check{align-items:center;gap:var(--s2);color:var(--text);align-self:end;padding-bottom:12px;display:flex}.field.check input{width:18px;height:18px;accent-color:var(--brass)}.move-edit{grid-template-columns:1.6fr 1.1fr 68px 68px 68px 64px 68px 1.3fr auto;align-items:end;gap:6px;display:grid}.mini-field{color:var(--faint);letter-spacing:.04em;gap:3px;font-size:11px;font-weight:600;display:grid}.move-edit .input{min-height:40px;padding:8px 10px;font-size:14px}@media (max-width:900px){.modal.editor{grid-template-columns:1fr}.editor-side{position:static}.move-edit{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:repeat(2,1fr)}}.admin-card{min-width:0}.b-ico{background:var(--surface-3);width:40px;height:40px;color:var(--brass);border-radius:2px;flex:none;place-items:center;display:grid}.big-ico{background:var(--surface-2);border:1px solid var(--line-strong);width:76px;height:76px;color:var(--brass);box-shadow:var(--sh-1);border-radius:50%;place-items:center;font-size:30px;display:grid}.home-split{gap:var(--section) var(--s7);align-items:start;display:grid}.home-split.two{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}@media (max-width:1100px){.home-split.two{grid-template-columns:1fr}}.showcase{gap:var(--s6) var(--s6);flex-wrap:wrap;display:flex}@media (max-width:600px){.showcase{gap:var(--s5) var(--s4);justify-content:center}.showcase .card{--w:150px}}.panel.upcoming{border-color:rgba(var(--accent-rgb), .3)}.catalog{gap:var(--s7);grid-template-columns:minmax(0,1fr);display:grid}.coll-progress{gap:var(--s3);width:300px;max-width:100%;display:grid}.coll-progress .progress{height:8px}.coll-rarities{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;font-weight:600;display:flex}.panel ul.muted{max-width:80ch}.panel ul.muted li+li{margin-top:8px}.panel.col>h2.h2+p.muted{margin-top:-4px}.battle-item,.friend{padding:16px 20px}.lb-row{padding:12px 16px}.log-row{padding:10px 14px}.atelier{gap:var(--s6);grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;display:grid}.atelier-list{gap:var(--s4);align-content:start;max-height:calc(100vh - 48px);padding:20px;display:grid;position:sticky;top:24px;overflow-y:auto}.atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;padding:6px 4px 12px;display:grid}.atelier-detail{gap:var(--s6);display:grid}.atelier-head{gap:var(--s6);flex-wrap:wrap;align-items:flex-start;display:flex}.atelier-info{gap:var(--s4);flex:280px;align-content:start;min-width:0;display:grid}.lvl-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lvl-pips{gap:4px;display:flex}.lvl-pips span{border-radius:var(--r-pill);background:var(--surface-3);width:17px;height:8px;position:relative}.lvl-pips span.pp{box-shadow:0 0 0 1px color-mix(in srgb, var(--brass) 70%, transparent)}.lvl-pips span.pp:after{content:"★";color:var(--brass-hi);font-size:10px;line-height:1;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.lvl-pips span.on{background:var(--brass-bar);box-shadow:0 0 10px rgba(var(--accent-rgb), .4)}.statline{grid-template-columns:110px 56px 1fr;align-items:baseline;gap:8px;font-size:15px;display:grid}.statline>span:first-child{color:var(--muted);align-items:center;gap:8px;display:flex}.statline b{font-variant-numeric:tabular-nums;font-size:18px;font-family:var(--font-display-stack);font-weight:600}.statline .gain{color:var(--good);font-variant-numeric:tabular-nums;font-weight:600}.statline .gain small{opacity:.85;margin-left:4px;font-size:13px}.upgrade-box{justify-content:space-between;align-items:center;gap:var(--s4);border-radius:var(--r-lg);background:linear-gradient(100deg, var(--brass-wash), transparent 70%), var(--surface-2);border:1px solid rgba(var(--accent-rgb), .3);flex-wrap:wrap;padding:20px 24px;display:flex}.move-line{align-items:center;gap:12px;display:flex}.move-row{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);padding:12px 16px 12px 20px;position:relative;overflow:hidden}.move-row:before{content:"";background:var(--t1,var(--brass));width:3px;position:absolute;top:0;bottom:0;left:0}.move-row.equipped{border-color:rgba(var(--accent-rgb), .55);background:linear-gradient(100deg, var(--brass-wash), var(--surface-2) 70%)}.move-row.locked{opacity:.5;border-style:dashed}.notice-warn{background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .35);color:var(--brass-hi);border-radius:var(--r-md);margin-bottom:12px;padding:10px 14px}@media (max-width:1099px){.atelier{grid-template-columns:1fr}.atelier-list{order:2;max-height:560px;position:static}.atelier-detail{order:1}}@media (max-width:600px){.move-line{flex-direction:column;align-items:stretch}.statline{grid-template-columns:100px 48px 1fr}}.prep{gap:var(--s5);grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;display:grid}.prep-foe{gap:var(--s5);align-content:start;display:grid}.prep-foe .seg{justify-self:start}.prep-foe .seg button{align-items:center;gap:8px;display:inline-flex}.levels{gap:var(--s3);flex-wrap:wrap;align-items:stretch;display:flex}.launch{display:flex}.launch .btn{flex:1;min-height:58px;font-size:17px}@media (max-width:1099px){.prep{grid-template-columns:1fr}}@media (max-width:1023px){.launch{bottom:calc(76px + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(180deg, transparent, var(--surface-1) 40%);padding:10px 0 0;position:sticky}}.team-picker{gap:var(--s4);display:grid}.team-strip{gap:10px;display:grid}.team-tile{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex;position:relative}.team-tile.lead{border-color:rgba(var(--accent-rgb), .4);background:linear-gradient(100deg, var(--brass-wash), var(--surface-2) 70%)}.team-tile.empty{border-style:dashed;border-color:var(--line-strong);background:var(--well);min-height:78px;color:var(--faint);cursor:pointer;transition:border-color var(--t-base), color var(--t-base);justify-content:center;font-size:14px;font-weight:600}.team-tile.empty:hover{border-color:rgba(var(--accent-rgb), .5);color:var(--muted)}.tt-card{flex:none;width:56px;display:block;position:relative}.tt-body{gap:1px;min-width:0;display:grid}.tt-pos{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:10.5px;font-weight:700}.team-tile.lead .tt-pos{color:var(--brass)}.tt-name{font-family:var(--font-display-stack);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden}.tt-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.tt-stars{color:var(--rc);letter-spacing:.04em;font-size:11px}.tt-lv{color:var(--brass-hi);font-variant-numeric:tabular-nums;font-weight:700}.team-actions{gap:8px}.team-tile{text-align:left;color:inherit;cursor:pointer;width:100%;font:inherit}.team-tile:not(.empty):hover{border-color:rgba(var(--accent-rgb), .5)}.move-block{gap:6px;display:grid}.move-form-add{color:var(--brass);justify-self:start}.move-form-edit{border-radius:var(--r-md);border-left:3px solid var(--brass);background:var(--brass-wash);margin-left:14px;padding:8px 10px}.move-form-tag{color:var(--brass);text-align:center;align-self:center;font-size:11.5px;font-weight:700;line-height:1.2}.modal.gift{text-align:center;border-color:rgba(var(--accent-rgb), .55);background:radial-gradient(420px 220px at 50% 0, rgba(var(--accent-rgb), .22), transparent 72%), var(--surface-1);justify-items:center;gap:10px;max-width:460px;padding:34px 28px 28px;display:grid}.gift-ico{width:72px;height:72px;color:var(--brass-hi);background:var(--brass-wash);border:1px solid rgba(var(--accent-rgb), .5);box-shadow:0 0 40px rgba(var(--accent-rgb), .35);border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite giftBob;display:grid}@keyframes giftBob{50%{transform:translateY(-5px)rotate(-3deg)}}.gift-title{font-family:var(--font-display-stack);letter-spacing:.01em;margin:0;font-size:clamp(24px,6vw,32px);font-style:normal;font-weight:500}.gift-big{font-family:var(--font-display-stack);color:var(--brass-hi);text-wrap:balance;margin:0;font-size:clamp(26px,7vw,42px);font-weight:600;line-height:1.05}.gift-actions{gap:10px;width:100%;margin-top:8px;display:grid}.atelier-more{padding:12px 0 6px}
.hm{gap:var(--section)}.hm-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:48px;display:grid}.hm-featured{gap:12px;min-width:0;display:grid}.hm-featured-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;display:flex}.hm-featured-head .eyebrow{color:var(--muted)}.hm-featured-head a{min-height:32px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.hm-featured-head a:hover{color:var(--text)}.hm-play{flex-direction:column;justify-content:center;align-items:flex-start;gap:26px;min-width:0;display:flex}.hm-title{font-family:var(--font-display-stack);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(54px,8.4vw,104px);font-weight:800;line-height:.9}.hm-modes{border:1px solid var(--line-strong);border-radius:2px;display:inline-flex}.hm-modes button{min-height:46px;color:var(--muted);font-family:var(--font-display-stack);letter-spacing:.1em;text-transform:uppercase;transition:background var(--t-base), color var(--t-base);background:0 0;border:0;padding:0 18px;font-size:18px;font-weight:600}.hm-modes button:hover{color:var(--text)}.hm-modes button.on{background:var(--brass-fill);color:var(--brass-ink)}.hm-cta{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.hm-link{color:var(--muted);border-bottom:1px solid var(--line-strong);transition:color var(--t-base), border-color var(--t-base);padding-bottom:1px;font-size:15px;font-weight:600}.hm-link:hover{color:var(--text);border-color:var(--brass)}.hx{isolation:isolate;border:1px solid color-mix(in srgb, var(--p-mid) 30%, var(--line-strong));background:radial-gradient(ellipse at 100% 60%, color-mix(in srgb, var(--p-mid) 25%, transparent), transparent 65%), linear-gradient(110deg, var(--surface-1) 30%, color-mix(in srgb, var(--p-lo) 45%, var(--bg)));border-radius:2px;gap:14px;min-width:0;padding:22px 24px;display:grid;position:relative;overflow:hidden}.hx:before{content:"";background:var(--p-hi);opacity:.8;width:3px;position:absolute;inset:0 auto 0 0}.hx-main{grid-template-columns:minmax(0,1fr) 168px;align-items:center;gap:16px;min-height:132px;display:grid}.hx-copy{z-index:1;align-content:center;gap:8px;min-width:0;display:grid;position:relative}.hx-tag{font-family:var(--font-display-stack);letter-spacing:.1em;text-transform:uppercase;color:var(--p-ac);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.hx-tag svg{flex:none;width:13px;height:13px}.hx-name{font-family:var(--font-display-stack);letter-spacing:.015em;text-transform:uppercase;color:var(--text);overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(28px,2.6vw,36px);font-weight:800;line-height:1}.hx-desc{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.hx-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;display:flex}.hx-meta b{color:var(--text);font-weight:600}.hx-meta>span+span:before{content:"·";color:var(--p-ac);margin-right:12px}.hx-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:18px;display:flex;position:relative}.hx-open.btn{border-color:color-mix(in srgb, var(--p-hi) 35%, var(--line-strong));background:color-mix(in srgb, var(--p-mid) 20%, var(--surface-2));min-height:42px;color:var(--text);padding:8px 14px;font-size:14px}.hx-open.btn:hover{background:color-mix(in srgb, var(--p-mid) 35%, var(--surface-2));border-color:var(--p-hi)}.hx-collection{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.hx-collection:hover{color:var(--text)}.hx-art{pointer-events:none;height:132px;position:relative}.hx-card{transform-origin:50% 90%;filter:drop-shadow(0 8px 12px #0006);position:absolute;top:3px;right:-4px}.hx-card .card{--w:92px}.hx-card-1{transform:rotate(17deg)}.hx-card-2{top:-1px;right:35px;transform:rotate(-11deg)}.hx-pack{--pack-w:86px;filter:drop-shadow(0 12px 18px #0007);perspective:900px;transition:transform var(--t-base);position:absolute;top:2px;left:4px;transform:rotate(-7deg)}.hx-pack .pack{transform:rotateY(-18deg)rotateX(4deg)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.hx:hover .hx-pack,.hx:focus-within .hx-pack{transform:translateY(-3px)rotate(-4deg)}}@media (max-width:1023px){.hm-hero{grid-template-columns:minmax(0,1fr);gap:28px}.hm-title{font-size:clamp(54px,15vw,88px)}.hx-name{font-size:34px}}@media (max-width:560px){.hx{gap:12px;padding:18px 16px}.hx-main{grid-template-columns:minmax(0,1fr) 96px;gap:12px;min-height:124px}.hx-name{font-size:27px}.hx-tag{letter-spacing:.06em;font-size:11px}.hx-art{height:116px}.hx-card .card{--w:72px}.hx-card-1{top:10px;right:-8px}.hx-card-2{display:none}.hx-pack{--pack-w:70px;top:6px;left:-4px}.hx-actions{gap:12px}.hx-open.btn{min-height:44px;padding-inline:10px;font-size:13px}.hx-collection{gap:5px;font-size:12px}.hm-modes{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.hm-modes button{padding:0 6px}}@media (max-width:360px){.hx-main{grid-template-columns:minmax(0,1fr) 76px}.hx-card .card{--w:60px}.hx-pack{--pack-w:60px}.hx-meta{column-gap:8px}.hx-meta>span+span:before{margin-right:8px}}.hm-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (max-width:1023px){.hm-strip{grid-template-columns:minmax(0,1fr);gap:16px}}.hm-blk{background:var(--surface-1);border:1px solid var(--line);border-radius:2px;flex-direction:column;min-width:0;padding:22px 24px 10px;display:flex}.hm-blk-h{font-family:var(--font-display-stack);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:22px;font-weight:700;display:flex}.hm-blk-h span{font-family:var(--font-ui-stack);letter-spacing:0;color:var(--brass);text-transform:none;font-size:14px;font-weight:600}.hm-empty{color:var(--muted);margin:4px 0 14px;font-size:14.5px}.hm-blk-link{color:var(--brass);background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:14px 0 12px;font-size:14.5px;font-weight:600}.hm-it{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--text);background:0 0;align-items:center;gap:14px;padding:14px 0;display:flex}.hm-ic{background:var(--surface-2);width:36px;height:36px;color:var(--brass);border-radius:2px;flex:none;place-items:center;display:grid}.hm-it-txt{flex:1;min-width:0;display:grid}.hm-it-txt b{font-size:15.5px;font-weight:600}.hm-it-txt small{color:var(--muted);font-size:13px}.hm-act{font-family:var(--font-display-stack);letter-spacing:.1em;text-transform:uppercase;color:var(--brass);white-space:nowrap;flex:none;font-size:15px;font-weight:700}.hm-it:hover .hm-act{color:var(--brass-hi)}.hm-q{border-top:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.hm-q>div{justify-content:space-between;gap:12px;font-size:15px;font-weight:500;display:flex}.hm-q em{font-style:normal}.hm-q small{color:var(--muted);flex:none;font-size:13px;font-weight:600}.hm-q.done small{color:var(--good)}.hm-bar{background:var(--surface-3);height:5px;display:block}.hm-bar i{background:var(--brass-fill);height:100%;display:block}.hm-q.done .hm-bar i{background:var(--good)}.hm-q-lvl{border-top:1px solid var(--line);margin-top:auto;padding:14px 0 12px;display:block}.hm-rk{border-top:1px solid var(--line);grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:11px 0;font-size:15px;display:grid}.hm-rk b{font-weight:600}.hm-rk small{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:600}.hm-rk-n{font-family:var(--font-display-stack);color:var(--muted);font-size:18px;font-weight:700}.hm-rk.me .hm-rk-n,.hm-rk.me b{color:var(--brass)}.hm-stats{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;display:grid}@media (max-width:760px){.hm-stats{grid-template-columns:minmax(0,1fr)}}.hm-collection,.hm-record{align-content:start;gap:12px;padding:22px;display:grid}.hm-big{font-family:var(--font-display-stack);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:clamp(38px,5vw,54px);font-weight:800;line-height:1}button.battle-item{text-align:left;width:100%}.hm-body{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.hm-body .hm-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-body .hm-strip>.hm-blk:first-child{grid-column:1/-1}.hm-news{background:var(--surface-1);border:1px solid var(--line);border-radius:2px;flex-direction:column;padding:22px 24px 10px;display:flex}.hm-nw{border-top:1px solid var(--line);gap:5px;padding:14px 0;display:grid}.hm-nw-top{color:var(--ac,var(--brass));align-items:center;gap:8px;font-size:12px;display:flex}.hm-nw-top em{font-style:normal;font-family:var(--font-display-stack);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}.hm-nw-top small{color:var(--faint);margin-left:auto;font-size:12px}.hm-nw b{font-size:15.5px;font-weight:600;line-height:1.3}.hm-nw.fresh b:after{content:"Nouveau";background:var(--brass-fill);color:var(--brass-ink);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;margin-left:8px;padding:1px 6px;font-size:10.5px;font-weight:800}.hm-nw-ex{color:var(--muted);font-size:13.5px;line-height:1.45}.hm-nw:hover b{color:var(--brass-hi)}@media (max-width:1099px){.hm-body{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.hm-body .hm-strip{grid-template-columns:minmax(0,1fr)}}
.modal-back.tm-back{align-items:center;padding:16px}.tm{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--r-xl);width:min(1240px,100%);height:min(860px,100dvh - 32px);box-shadow:var(--sh-3);animation:pop .26s var(--ease);margin:auto;position:relative;overflow:hidden}.tb{grid-template:"head head""side main"minmax(0,1fr)"foot main"/360px minmax(0,1fr);height:100%;display:grid}.tb-head{border-bottom:1px solid var(--line);grid-area:head;align-items:center;gap:10px;padding:20px 20px 16px 26px;display:flex}.tb-title{flex:1;min-width:0}.tb-title .h2{margin:0;font-size:26px}.tb-sub{margin:4px 0 0}.tb-tools{gap:4px;display:flex}.tb-t-short{display:none}.tb-close{width:40px;height:40px;color:var(--muted);transition:background var(--t-base), color var(--t-base), border-color var(--t-base);background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;display:grid}.tb-close:hover{background:var(--surface-2);border-color:var(--line);color:var(--text)}.tb-slots,.tb-syn,.tb-filters,.tb-main{grid-template-columns:minmax(0,1fr)}.tb-side{overscroll-behavior:contain;border-right:1px solid var(--line);background:#fff8eb04;flex-direction:column;grid-area:side;gap:12px;min-height:0;padding:18px 18px 14px 26px;display:flex;overflow-y:auto}.tb-side>*{flex:none}.tb-slots{gap:8px;display:grid}.tbs{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);transition:border-color var(--t-base), box-shadow var(--t-base), background var(--t-base), opacity var(--t-base), transform var(--t-base) var(--ease);position:relative}.tbs.lead{border-color:rgba(var(--accent-rgb), .45);background:linear-gradient(100deg, var(--brass-wash), var(--surface-2) 75%)}.tbs.empty{background:var(--well);border-style:dashed;border-color:var(--line-strong)}.tbs.next{border-color:rgba(var(--accent-rgb), .6);box-shadow:0 0 0 3px var(--brass-wash)}.tbs.sel{border-color:var(--brass);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .4)}.tbs.target{border-color:var(--brass);animation:1.1s ease-in-out infinite tbPulse}@keyframes tbPulse{50%{box-shadow:0 0 0 4px rgba(var(--accent-rgb), .35)}}.tbs.over{border-color:var(--brass-hi);background:var(--brass-wash);transform:scale(1.015)}.tbs.dragging{opacity:.4}.tbs-main{text-align:left;width:100%;min-height:108px;color:inherit;border-radius:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:7px 46px 7px 7px;display:flex}.tbs-main.static{cursor:default}.tbs-card{flex:none;width:66px;display:block;position:relative}.tbs-card-empty{aspect-ratio:5/7;border:1.5px dashed var(--line-strong);color:var(--faint);border-radius:6.5%/4.6%;place-items:center;display:grid}.tb img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tbs-body{gap:2px;min-width:0;display:grid}.tbs-role{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:10.5px;font-weight:700}.tbs.lead .tbs-role{color:var(--brass)}.tbs-name{font-family:var(--font-display-stack);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden}.tbs-ph{font-family:var(--font-ui-stack);color:var(--faint);font-size:14px;font-weight:500}.tbs-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.tbs-stars{color:var(--rc);letter-spacing:.04em;font-size:11px}.tbs-lv{color:var(--brass-hi);font-variant-numeric:tabular-nums;font-weight:700}.tbs-stats,.pk-stats{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:3px 9px;font-size:12px;display:flex}.tbs-stats i,.pk-stats i{align-items:center;gap:3px;font-style:normal;display:inline-flex}.tbs-stats svg,.pk-stats svg{flex:none;width:11px;height:11px}.tbs-x{border:1px solid var(--line);background:var(--surface-1);width:32px;height:32px;color:var(--muted);transition:color var(--t-base), border-color var(--t-base), background var(--t-base);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.tbs-x:hover{color:var(--bad);border-color:var(--danger-line);background:var(--danger-bg)}.tb-ctx{border-radius:var(--r-md);border:1px solid var(--line);min-height:46px;color:var(--muted);background:#0000002e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;padding:9px 12px;font-size:13px;line-height:1.4;display:flex}.tb-ctx b{color:var(--text);font-weight:600}.tb-ctx.hot{border-color:rgba(var(--accent-rgb), .5);background:var(--brass-wash);color:var(--text)}.tb-reorder{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.tb-reorder .btn{white-space:nowrap;justify-content:center;gap:5px;min-height:34px;padding:4px 6px;font-size:13px}.tb-reorder .mv-next svg{transform:rotate(180deg)}.tb-syn{gap:8px;display:grid}.tb-syn-h{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.tb-syn-sum{letter-spacing:0;font-variant-numeric:tabular-nums;gap:10px;font-size:12.5px;display:inline-flex}.tb-syn .up{color:var(--good)}.tb-syn .down{color:var(--bad)}.tb-syn-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.syn{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);color:var(--tc);opacity:.5;transition:opacity var(--t-base);border-radius:2px;place-items:center;display:grid;position:relative}.syn svg{width:55%;height:55%}.syn.up,.syn.down{opacity:1}.syn.up{background:#5fb59a1a;border-color:#5fb59ab3}.syn.down{background:#e8806a1a;border-color:#e8806abf}.syn.up.down{border-color:rgba(var(--accent-rgb), .8);background:var(--brass-wash)}.syn i{background:var(--surface-1);border-radius:2px;padding:1px 2px;font-size:8.5px;font-style:normal;font-weight:800;line-height:1;position:absolute}.syn i.u{color:var(--good);top:-4px;right:-2px}.syn i.d{color:var(--bad);bottom:-4px;right:-2px}.tb-syn-note{color:var(--faint);margin:0;font-size:12px;line-height:1.4}.tb-total{border-radius:var(--r-md);border:1px solid var(--line);background:#0000002e;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 6px;display:grid}.tb-total span{color:var(--faint);justify-items:center;gap:2px;font-size:11px;display:grid}.tb-total svg{width:14px;height:14px}.tb-total b{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px}.tb-foot{border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff8eb04;grid-area:foot;gap:10px;padding:14px 18px 18px 26px;display:grid}.tb-status{color:var(--muted);font-size:14px}.tb-status b{color:var(--brass);font-variant-numeric:tabular-nums}.tb-status.ok,.tb-status.ok b{color:var(--good)}.tb-foot .btn{width:100%}.tb-main{grid-area:main;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.tb-filters{border-bottom:1px solid var(--line);gap:10px;padding:16px 26px 12px 22px;display:grid}.tb-row{align-items:center;gap:10px;display:flex}.tb-search{flex:1;min-width:0;display:block;position:relative}.tb-search>svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tb-search .input{width:100%;padding-left:42px;padding-right:96px}.tb-search .tb-count{pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tb-sort{flex:none;width:auto;min-width:0;display:none}.tb-seg{flex:none}.tb-chips{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.tb-chips .chip-btn{justify-content:center;gap:6px;min-width:0;min-height:36px;padding:4px 6px;font-size:12.5px}.tb-chips .chip-btn .n{display:none}.tb-chips .chip-btn.zero{opacity:.4}.tb-count{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.tb-scroll{overscroll-behavior:contain;padding:14px 26px 26px 22px;overflow-y:auto}.tb-more{height:1px}.tb-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));align-content:start;gap:0 2px;display:grid}.pk-wrap{content-visibility:auto;contain-intrinsic-size:auto 232px;padding:11px 9px 8px;position:relative}.pk{width:100%;color:inherit;text-align:left;transition:box-shadow var(--t-base);background:0 0;border:0;border-radius:6.5%/4.7%;padding:0;display:block;position:relative}.pk-card{display:block}.pk-body{display:none}.pk.on{box-shadow:0 0 0 2px var(--brass), 0 0 16px rgba(var(--accent-rgb), .38)}.pk.pend{box-shadow:0 0 0 2px var(--brass-hi), 0 0 24px rgba(var(--accent-rgb), .55)}.pk-pos{z-index:4;border-radius:var(--r-pill);background:var(--brass-fill);min-width:40px;height:24px;color:var(--brass-ink);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;gap:3px;padding:0 10px 0 8px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.pk-pos svg{width:12px;height:12px}.pk-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display-stack);font-size:15px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.pk-meta{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.pk-stars{color:var(--rc);letter-spacing:.04em}.pk-lv{color:var(--brass-hi);font-variant-numeric:tabular-nums;font-weight:700}.pk-stats{gap:2px 8px;font-size:12px}.pk-info{z-index:4;color:#fff;opacity:0;width:28px;height:28px;transition:opacity var(--t-base), background var(--t-base);background:#08080ab8;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;right:14px}.pk-info svg{width:15px;height:15px}.pk-wrap:hover .pk-info,.pk-info:focus-visible{opacity:1}.pk-info:hover{background:#08080af2}@media (max-width:899px){.modal-back.tm-back{padding:0}.tm{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.tb{grid-template:"head""side""main"minmax(0,1fr)"foot"/minmax(0,1fr)}.tb-head{padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));gap:6px}.tb-title .h2{white-space:nowrap;font-size:20px}.tb-t-long{display:none}.tb-t-short{display:inline}.tb-sub,.tb-total{display:none}.tb-tools .btn{padding-inline:12px}.tb-tools .btn:not(:first-child) .tb-lbl{display:none}.tb-close{width:44px;height:44px}.tb-side{padding:10px max(12px, env(safe-area-inset-right,0px)) 10px max(12px, env(safe-area-inset-left,0px));border-right:0;border-bottom:1px solid var(--line);background:var(--surface-1);gap:8px;overflow:visible}.tb-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tbs-main{text-align:center;flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:6px 6px 8px}.tbs-card{aspect-ratio:5/4;border-radius:6.5%/8%;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(#000 74%,#0000);mask-image:linear-gradient(#000 74%,#0000)}.tbs-card-empty{aspect-ratio:5/4;-webkit-mask-image:none;mask-image:none}.tbs-body{justify-items:center;gap:1px}.tbs-role{letter-spacing:.06em;font-size:9.5px}.tbs-name{max-width:100%;font-size:13px}.tbs-ph{white-space:normal;text-align:center;font-size:12px;line-height:1.2}.tbs-meta{justify-content:center;gap:2px 5px;font-size:11px}.tbs-tname,.tbs-stars,.tbs-stats{display:none}.tbs-x{color:#fff;background:#08080ac7;border-color:#ffffff38;width:32px;height:32px;top:10px;right:10px}.tb-ctx{min-height:40px;padding:7px 10px;font-size:12.5px}.tb-reorder .btn{min-height:44px;padding-inline:8px}.tb-reorder .mv-prev svg{transform:rotate(-90deg)}.tb-reorder .mv-next svg{transform:rotate(90deg)}.tb-syn-h,.tb-syn-note{display:none}.syn{aspect-ratio:auto;height:32px}.tb-foot{padding:10px max(14px, env(safe-area-inset-right,0px)) max(10px, env(safe-area-inset-bottom,0px)) max(14px, env(safe-area-inset-left,0px));background:var(--surface-1);border-right:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.tb-foot .btn{width:auto;min-height:50px;padding-inline:28px}.tb-status{font-size:13.5px}.tb-filters{padding:10px max(12px, env(safe-area-inset-right,0px)) 8px max(12px, env(safe-area-inset-left,0px));gap:8px}.tb-sort{display:block}.tb-seg{display:none}.tb-row .input{height:44px;min-height:44px;padding-top:0;padding-bottom:0}.tb-search .input{padding-right:14px}.tb-chips{margin-inline:calc(max(12px, env(safe-area-inset-left,0px)) * -1);padding-inline:max(12px, env(safe-area-inset-left,0px));scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.tb-chips::-webkit-scrollbar{display:none}.tb-chips .chip-btn{flex:none;min-height:38px;padding-block:2px}.tb-tl{display:none}.tb-chips .chip-btn .n{padding:0 6px;font-size:11px;display:inline}.tb-search .tb-count{display:none}.tb-scroll{padding:8px max(12px, env(safe-area-inset-right,0px)) 14px max(12px, env(safe-area-inset-left,0px))}.tb-grid{grid-template-columns:minmax(0,1fr);gap:6px}.pk-wrap{contain-intrinsic-size:auto 92px;padding:0}.pk{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:7px 52px 7px 9px;display:grid}.pk.on{border-color:var(--brass);background:linear-gradient(100deg, var(--brass-wash), var(--surface-2) 70%);box-shadow:0 0 0 1px var(--brass)}.pk.pend{box-shadow:0 0 0 2px var(--brass-hi), 0 0 18px rgba(var(--accent-rgb), .4)}.pk-body{align-content:center;gap:2px;min-width:0;display:grid}.pk-name{font-size:15.5px}.pk-stats{flex-wrap:nowrap;gap:0 12px;font-size:12.5px;display:flex}.pk-pos{width:48px;min-width:0;height:22px;padding:0 4px;font-size:12px;top:auto;bottom:10px;left:11px;transform:none}.pk-info{opacity:1;width:44px;height:44px;color:var(--muted);background:0 0;top:50%;right:4px;transform:translateY(-50%)}.pk-info svg{width:20px;height:20px}}@media (max-width:899px) and (not ((orientation:landscape) and (max-height:520px) and (min-width:600px))){.tb-side[data-compact]{gap:0;padding-block:6px}.tb-side[data-compact] .tb-ctx:not(.hot),.tb-side[data-compact] .tb-syn{display:none}.tb-side[data-compact] .tb-ctx.hot{margin-top:6px}.tb-side[data-compact] .tbs-main{text-align:left;flex-direction:row;align-items:center;gap:8px;padding:4px 30px 4px 4px}.tb-side[data-compact] .tbs-card{aspect-ratio:auto;width:30px;overflow:visible;-webkit-mask-image:none;mask-image:none}.tb-side[data-compact] .tbs-card-empty{aspect-ratio:5/7;width:30px}.tb-side[data-compact] .tbs-body{justify-items:start;min-width:0}.tb-side[data-compact] .tbs-role,.tb-side[data-compact] .tbs-meta,.tb-side[data-compact] .tbs-stats{display:none}.tb-side[data-compact] .tbs-name{font-size:12.5px}.tb-side[data-compact] .tbs-x{width:26px;height:26px;top:50%;right:3px;transform:translateY(-50%)}.tb-side[data-compact] .tbs-x svg{width:13px;height:13px}.tb-side[data-compact] .tbs-card-empty svg{width:14px;height:14px}}@media (min-width:640px) and (max-width:899px){.tb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tbs-card,.tbs-card-empty{aspect-ratio:5/3}.syn{height:28px}.tbs-stars{display:inline}.tbs-meta{font-size:12px}}@media (hover:none){.pk-info{opacity:1}.pk:hover{transform:none}}@media (max-width:899px) and (max-height:700px){.tb-head{padding-top:max(8px, env(safe-area-inset-top,0px));padding-bottom:6px}.tb-title .h2{font-size:19px}.tb-syn{display:none}.tb-side{gap:6px;padding-block:8px}.tbs-card,.tbs-card-empty{aspect-ratio:5/3}.tb-ctx{min-height:34px;padding-block:5px}.tb-foot{padding-block:8px max(8px, env(safe-area-inset-bottom,0px))}.tb-foot .btn{min-height:46px}}@media (orientation:landscape) and (max-height:520px) and (min-width:600px){.tb{grid-template:"head head""side main"minmax(0,1fr)"foot main"/300px minmax(0,1fr)}.tb-head{padding:max(6px, env(safe-area-inset-top,0px)) 8px 6px max(14px, env(safe-area-inset-left,0px))}.tb-title .h2{font-size:18px}.tb-side{padding:8px 10px 8px max(12px, env(safe-area-inset-left,0px));border-right:1px solid var(--line);border-bottom:0;gap:6px;overflow-y:auto}.tb-slots{grid-template-columns:1fr;gap:5px}.tbs-main{text-align:left;flex-direction:row;align-items:center;gap:10px;padding:5px 44px 5px 5px}.tbs-card{aspect-ratio:auto;width:40px;overflow:visible;-webkit-mask-image:none;mask-image:none}.tbs-card-empty{aspect-ratio:5/7;width:40px}.tbs-body{justify-items:start}.tbs-meta{justify-content:flex-start}.tbs-x{background:var(--surface-1);width:34px;height:34px;color:var(--muted);top:50%;right:6px;transform:translateY(-50%)}.tb-reorder{grid-template-columns:repeat(3,auto)}.tb-reorder .btn{min-height:38px}.tb-foot{padding:8px 10px max(8px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));border-right:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px}.tb-foot .btn{width:auto;min-height:44px;padding-inline:16px}.tb-status{font-size:12.5px}.tb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dthumbs{--tw:50px;flex-wrap:wrap;gap:6px 4px;min-width:0;display:flex}.dthumb{width:var(--tw);box-shadow:0 0 0 1px color-mix(in srgb, var(--rc,#888) 55%, transparent), 0 3px 8px #0006;border-radius:6.5%/4.6%;flex:none;position:relative}.dthumb .card{--w:var(--tw);pointer-events:none}.dthumb.gone{aspect-ratio:5/7;background:var(--well);border:1px dashed var(--line-strong);box-shadow:none}.dthumbs[data-n="5"]{--tw:54px}.dthumbs[data-n="10"]{--tw:46px}.deck-filter .n{margin-left:4px}.deck-none{justify-items:center;gap:14px;padding:40px;display:grid}.deck-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));align-items:stretch;display:grid}.deck-card{border-left:4px solid var(--line-strong);align-content:start;gap:14px;padding:20px;display:grid}.deck-card.def{border-left-color:var(--brass);background:linear-gradient(100deg, var(--brass-wash), var(--surface-1) 55%)}.deck-card.bad{border-left-color:var(--bad)}.deck-card-head{align-items:flex-start;gap:10px;display:flex}.deck-card-title{gap:6px;min-width:0;display:grid}.deck-card-title .h2{text-overflow:ellipsis;white-space:nowrap;font-size:21px;overflow:hidden}.deck-badges{flex-wrap:wrap;gap:6px;display:flex}.deck-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13.5px;display:flex}.deck-meta svg{color:var(--brass)}.deck-types{gap:3px;margin-left:auto;display:inline-flex}.deck-types i{opacity:.22;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.deck-types i.on{opacity:1}.deck-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.deck-actions .icon-btn{min-width:38px;padding-inline:0}.modal.deck-new{flex-direction:column;align-items:stretch;gap:16px;max-width:520px;max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto}.deck-sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.deck-size{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);transition:border-color var(--t-base), background var(--t-base);justify-items:center;gap:0;padding:12px 8px;display:grid}.deck-size b{font-family:var(--font-display-stack);font-size:28px;line-height:1.1}.deck-size.on{border-color:var(--brass);background:var(--brass-wash);box-shadow:0 0 0 1px var(--brass) inset}.deck-size:disabled{opacity:.4;cursor:not-allowed}.modal.deck-new .seg{width:100%;display:flex}.modal.deck-new .seg button{flex:1;justify-content:center}.tb-name{font-family:var(--font-display-stack);max-width:460px;height:46px;min-height:0;font-size:22px;font-weight:600}@media (max-width:899px){.tb-name{height:42px;font-size:17px}}.tb[data-big] .tbs-main{gap:9px;min-height:0;padding:5px 40px 5px 5px}.tb[data-big] .tbs-card,.tb[data-big] .tbs-card-empty{width:40px}.tb[data-big] .tbs-name{font-size:14px}.tb[data-big] .tbs-stats{display:none}.tb[data-big] .tbs-x{width:28px;height:28px;top:50%;right:6px;transform:translateY(-50%)}@media (max-width:899px){.tb[data-big] .tb-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.tb[data-big] .tbs-main{flex-direction:column;align-items:stretch;gap:3px;padding:4px 3px 5px}.tb[data-big] .tbs-card,.tb[data-big] .tbs-card-empty{width:100%}.tb[data-big] .tbs-role{display:none}.tb[data-big] .tbs-name{font-size:10.5px}.tb[data-big] .tbs-meta{display:none}.tb[data-big] .tbs-x{width:24px;height:24px;top:4px;right:4px;transform:none}.tb[data-big] .tbs-x svg{width:12px;height:12px}.tb[data-big] .tbs-ph{font-size:10px}}.deck-select{gap:10px;display:grid}.deck-select-tools{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.deck-select-tools>span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.deck-select-tools .btn{flex:none;min-height:44px}.quick-deck{flex-direction:column;display:flex}.quick-deck>.tb{flex:1;min-height:0}.quick-deck>.error{flex:none;margin:8px}.deck-pick{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:10px;display:grid}.deck-opt{text-align:left;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--surface-1);color:var(--text);transition:transform var(--t-base) var(--ease), border-color var(--t-base), background var(--t-base);align-content:start;gap:8px;padding:12px 14px;display:grid;position:relative}@media (hover:hover){.deck-opt:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .5);transform:translateY(-2px)}}.deck-opt.on{border-color:var(--brass);background:linear-gradient(100deg, var(--brass-wash), var(--surface-1) 70%);box-shadow:0 0 0 1px var(--brass) inset}.deck-opt.bad{opacity:.55}.deck-opt:disabled{cursor:not-allowed}.deck-opt-top{align-items:center;gap:8px;min-width:0;display:flex}.deck-opt-top b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.deck-opt-top b svg{color:var(--brass);margin-right:4px}.deck-opt-top .tg{flex:none}.deck-check{background:var(--brass-fill);color:#1a1205;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-left:auto;display:grid}.deck-check svg{width:13px;height:13px}.deck-opt.add{text-align:center;min-height:108px;color:var(--muted);border-style:dashed;align-content:center;place-items:center;gap:4px}.deck-opt.add b{color:var(--text);font-size:14px}.deck-empty{border-radius:var(--r-md);background:var(--surface-2);border:1px dashed var(--line-strong);justify-items:start;gap:10px;padding:14px 16px;display:grid}.deck-empty p{margin:0}.deck-filter{scrollbar-width:none;width:fit-content;max-width:100%;display:flex;overflow-x:auto}.deck-filter::-webkit-scrollbar{display:none}.deck-filter button{white-space:nowrap;flex:none}@media (max-width:700px){.deck-filter{width:100%}.deck-filter button{flex:1 0 auto;justify-content:center;padding-inline:12px}}
.lobby{gap:var(--s5);border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--line-strong);box-shadow:var(--sh-1);padding:clamp(18px,3vw,32px);display:grid}.lobby-step{margin-top:var(--s3);align-items:center;gap:12px;display:flex}.lobby>.lobby-step:first-child{margin-top:0}.lobby-step .h2{font-size:21px}.lobby-n{background:var(--brass-wash);border:1px solid rgba(var(--accent-rgb), .5);width:30px;height:30px;color:var(--brass-hi);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode{text-align:left;border-radius:var(--r-lg);border:1px solid var(--line-strong);color:var(--text);background:linear-gradient(160deg, var(--surface-2), var(--surface-1) 70%);transition:border-color var(--t-base), box-shadow var(--t-base);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;padding:16px 18px;display:grid;position:relative}.mode .mode-ico{background:var(--surface-3);width:48px;height:48px;color:var(--muted);clip-path:polygon(24% 0,100% 0,100% 76%,76% 100%,0 100%,0 24%);grid-row:1/span 2;place-items:center;display:grid}.mode b{font-family:var(--font-display-stack);letter-spacing:.02em;font-size:22px;font-weight:600;line-height:1.1}.mode .small{grid-column:2}@media (hover:hover){.mode:hover{border-color:rgba(var(--accent-rgb), .5)}}.mode.on{border-color:var(--brass);background:linear-gradient(160deg, var(--brass-wash), var(--surface-1) 70%);box-shadow:0 0 0 1px var(--brass) inset, var(--sh-2)}.mode.on .mode-ico{background:var(--brass-fill);color:var(--brass-ink)}.fmt-group{gap:12px;display:grid}.fmt-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding-bottom:8px;display:flex}.fmt-title{border-left:4px solid var(--brass);font-family:var(--font-display-stack);letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0;padding-left:12px;font-size:24px;font-weight:600;line-height:1.1}.fmt-sub{color:var(--muted);font-size:14px}.formats{grid-template-columns:repeat(auto-fit,minmax(min(168px,100%),1fr));gap:12px;display:grid}.format{text-align:left;border-radius:var(--r-lg);border:1px solid var(--line-strong);color:var(--text);background:linear-gradient(160deg, var(--surface-2), var(--surface-1) 70%);transition:transform var(--t-base) var(--ease), border-color var(--t-base), box-shadow var(--t-base);align-content:start;gap:4px;padding:16px 18px 14px;display:grid;position:relative}@media (hover:hover){.format:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .5);transform:translateY(-3px)}}.format.on{border-color:var(--brass);background:linear-gradient(160deg, var(--brass-wash), var(--surface-1) 70%);box-shadow:0 0 0 1px var(--brass) inset, var(--sh-2)}.format.locked{opacity:.5;cursor:not-allowed}.format-big{font-family:var(--font-display-stack);letter-spacing:.01em;color:var(--brass-hi);align-items:baseline;gap:8px;font-size:40px;font-weight:600;line-height:1;display:inline-flex}.format-big small{font-family:var(--font-ui-stack);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:600}.format b{margin-top:4px;font-size:16px}.format-foot{margin-top:6px}.format-short{display:none}.fmt-tag{vertical-align:middle;margin-left:8px}.lobby-launch{padding-top:var(--s3);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lobby-launch p{flex:260px;margin:0}.lobby-launch .btn{min-height:52px}@media (max-width:700px){.lobby{gap:var(--s4);padding:16px}.format{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;padding:12px 14px}.modes{gap:8px}.mode{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px}.mode .mode-ico{display:none}.mode b{font-size:19px}.mode .small{grid-column:1;font-size:12px;line-height:1.3}.format-big{display:none}.format-short{min-width:64px;font-family:var(--font-display-stack);letter-spacing:.01em;color:var(--brass-hi);text-align:center;grid-row:1/span 3;font-size:30px;font-weight:600;line-height:1;display:block}.format b{margin-top:0}.format .small.muted{display:none}.format.on .small.muted{grid-column:2;display:block}.format-foot{margin-top:0}.lobby-launch{bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:12;background:linear-gradient(0deg, var(--surface-1) 70%, transparent);border-top:0;margin:0 -16px -16px;padding:12px 16px;position:sticky}.lobby-launch p{display:none}.lobby-launch .btn{flex:1;justify-content:center}}
.tgrid{--per:2;--pad:10px;--mid:40px;--head:18px;--idh:26px;--foot:26px;--hpx:16px;--gap:5px;--colgap:clamp(12px, 5cqw, 56px);--rowh:calc((100cqh - 2 * var(--pad) - var(--mid)) / 2);--tw:clamp(40px, min(calc((100cqw - 2 * var(--pad) - (var(--per) - 1) * var(--colgap)) / var(--per) - 6px), calc((var(--rowh) - var(--head) - var(--idh) - var(--foot) - var(--hpx) - 4 * var(--gap)) * .714)), 200px);padding:var(--pad);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--mid) minmax(0, 1fr);display:grid;position:absolute;inset:0}.tteam{grid-template-rows:var(--head) minmax(0, 1fr);min-width:0;min-height:0;display:grid}.tteam-head{font-family:var(--font-display-stack);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);align-items:center;gap:10px;font-size:12px;font-weight:700;line-height:1;display:flex}.tteam-head:after{content:"";background:var(--line);flex:1;height:1px}.tteam.mine .tteam-head{color:var(--brass)}.tteam.mine .tteam-head:after{background:rgba(var(--accent-rgb), .4)}.trow{grid-template-columns:repeat(var(--per), minmax(0, calc(var(--tw) + 28px)));justify-content:center;column-gap:var(--colgap);align-items:center;min-width:0;min-height:0;display:grid}.tmid{justify-content:center;align-items:center;min-width:0;display:flex}.tticker{flex:1;min-width:0}.tseat{align-content:center;justify-items:center;gap:var(--gap);min-width:0;min-height:0;display:grid;position:relative}.tseat .bslot{width:var(--tw)}.tseat-id{min-width:0;max-width:100%;height:var(--idh);justify-content:center;align-items:center;gap:6px;display:flex}.tseat-id .pfp{--av:22px;border-width:1.5px;flex:none}.tseat-name{min-width:0;font-family:var(--font-display-stack);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.1;overflow:hidden}.tseat.me .tseat-name{color:var(--brass-hi)}.tseat-you{background:var(--brass-wash);border:1px solid rgba(var(--accent-rgb), .5);color:var(--brass-hi);letter-spacing:.08em;text-transform:uppercase;flex:none;padding:1px 5px;font-size:10px;font-weight:800;line-height:1.2}.tseat .bcard{border-radius:6.5%/4.6%}.tseat.me .bcard{box-shadow:0 0 0 2px var(--brass)}.tseat .bhp{height:var(--hpx)}.tseat .bhp span{font-size:10px}.tseat-foot{width:var(--tw);max-width:100%;height:var(--foot);justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.tseat .energy{flex:none;gap:2px;font-size:10px}.tseat .pip{width:7px;height:7px}.tseat-bench{align-items:center;gap:3px;min-width:0;min-height:1px;display:flex}.tseat-bench .bench{width:clamp(16px, calc(var(--tw) * .2), 26px);animation:none}.tseat.foe.pick .bslot,.tseat.foe.pick .bcard{cursor:pointer}.tseat.sel.foe .bcard{box-shadow:0 0 0 2px var(--bad)}.tseat-target{z-index:6;background:var(--bad);color:#fff;letter-spacing:.06em;text-transform:uppercase;padding:1px 8px;font-size:10px;font-weight:800;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.tseat.out .bcard{filter:grayscale()brightness(.45)}.tseat-out{z-index:5;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 2px 6px #000;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.tgrid[style*="--per: 3"]{--colgap:clamp(8px, 2.4cqw, 28px);--idh:24px}.tgrid[style*="--per: 3"] .tseat-name{font-size:12.5px}.tgrid[style*="--per: 3"] .tseat-id .pfp{--av:20px}@container (max-width:520px){.tt-hint{display:none}.tgrid,.tgrid[style*="--per: 3"]{--pad:6px;--colgap:4px;--head:15px;--mid:32px;--idh:22px;--foot:22px;--gap:4px}.tteam-head{font-size:11px}.tseat-name{font-size:12.5px}.tseat .bhp{--hpx:14px;height:14px}.tseat .bhp span{font-size:9px}.tseat .bhp .bsh{display:none}}.t-rooms{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;display:grid}.t-room{align-content:start;gap:8px;display:grid}.t-seat{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:12px;padding:10px 14px;display:flex}.t-seat.me{border-color:rgba(var(--accent-rgb), .55);background:linear-gradient(100deg, var(--brass-wash), var(--surface-2) 75%)}.t-seat .b-ico{background:var(--surface-3);width:38px;height:38px;color:var(--brass);border-radius:2px;flex:none;place-items:center;display:grid}.t-setup{gap:14px;display:grid}.t-teams{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px;display:grid}.t-team{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);align-content:start;gap:8px;padding:14px;display:grid}.t-team.foes{border-color:var(--danger-line)}.t-slot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.t-slot .b-ico{background:var(--surface-3);width:34px;height:34px;color:var(--brass);border-radius:2px;flex:none;place-items:center;display:grid}.t-slot .field{flex:160px;min-width:0}.t-slot select{width:100%}
.tl{gap:18px;display:grid}.tl-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.tl-top .h2{margin:2px 0 4px}.tl-bar{flex-wrap:wrap;gap:8px;display:flex}.tl-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.tl-vs{place-items:center;display:grid}.tl-vs span{font-family:var(--font-display-stack);color:var(--brass);text-shadow:0 0 30px rgba(var(--accent-rgb), .35);font-size:34px;font-style:normal}.tl-team{border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--danger-line);align-content:start;gap:10px;padding:14px;display:grid}.tl-team.mine{border-color:rgba(var(--accent-rgb), .55);background:radial-gradient(420px 160px at 50% 0, rgba(var(--accent-rgb), .12), transparent 70%), var(--surface-1)}.tl-team>header{align-items:center;gap:8px;display:flex}.tl-seats{gap:10px;display:grid}.tl-seat{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);gap:8px;padding:12px;display:grid}.tl-seat.me{border-color:rgba(var(--accent-rgb), .6);background:linear-gradient(100deg, var(--brass-wash), var(--surface-2) 75%)}.tl-seat.ready{box-shadow:inset 3px 0 0 var(--felt)}.tl-seat.open{background:0 0;border-style:dashed}.tl-id{align-items:center;gap:12px;min-width:0;display:flex}.tl-id .pfp{--av:56px}.tl-ghost{color:var(--faint)!important;box-shadow:none!important;background:0 0!important;border-style:dashed!important}.tl-ghost svg{width:40%;height:40%}.tl-who{gap:3px;min-width:0;display:grid}.tl-who b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.tl-tags{flex-wrap:wrap;gap:4px;display:flex}.tl-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.tl-state{min-height:24px}.tl-chip{border-radius:var(--r-pill);background:var(--surface-3);color:var(--muted);align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.tl-chip.ready{color:#a4e6b1;background:#56b96829}.tl-chip.open{color:var(--faint)}.tl-acts{flex-wrap:wrap;gap:6px;display:flex}.tl-panel{border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--line-strong);gap:12px;padding:16px;display:grid}.tl-friends{gap:6px;max-height:280px;display:grid;overflow:auto}.tl-friend{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:10px;padding:6px 8px;display:flex}.tl-friend .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tl-readyline{color:#a4e6b1;align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.tl-launch{border-radius:var(--r-xl);background:var(--surface-1);border:1px solid var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.tl-launch p{flex:260px;margin:0}.tl-launch .btn-gold{min-height:50px}.tl-block{color:var(--bad)}.tl-steps{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tl-steps li{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.tl-steps li svg{color:var(--brass);flex:none}.tl-steps li b{color:var(--text)}@media (max-width:760px){.tl{gap:14px}.tl-teams{grid-template-columns:minmax(0,1fr);gap:8px}.tl-vs span{font-size:24px}.tl-id .pfp{--av:50px}.tl-launch{bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:12;box-shadow:var(--sh-2);padding:10px 12px;position:sticky}.tl-launch p{display:none}.tl-launch .row{width:100%}.tl-launch .btn-gold{flex:1;justify-content:center}}.tl-launch .btn-lg{white-space:nowrap}
.medals{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.medal{color:#1a1205;border:2px solid #0000;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 1px 4px #00000080,inset 0 1px #fff6}.medal.bronze{background:linear-gradient(145deg,#e0a672,#a8693a);border-color:#c58a52}.medal.silver{background:linear-gradient(145deg,#f1f5f8,#aeb9c4);border-color:#d3dce4}.medal.gold{background:linear-gradient(145deg,#ffe58a,#d19a2c);border-color:#f0c75e}.medal.diamond{color:#173951;background:conic-gradient(from 30deg,#e3faff,#75cbe6,#eefcff,#a1d4f3,#fff,#75cbe6,#e3faff);border-color:#c4f4ff;box-shadow:0 0 12px #8edff540,inset 0 1px 2px #fff}.cup-art-svg,.cup-emblem{width:100%;height:100%;display:block}.cup-emblem-box{width:var(--es,64px);aspect-ratio:160/150;filter:drop-shadow(0 4px 10px #00000080);flex:none;display:block}.cup-emblem-box.lost{filter:grayscale(.8)brightness(.8)drop-shadow(0 4px 10px #00000080)}.cup-head{align-items:center;gap:14px;min-width:0;display:flex}.cup-art{border-radius:var(--r-lg);aspect-ratio:16/7;background:#0b0b0e;width:100%;min-width:0;min-height:140px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.cup-art>.cup-art-svg{transition:transform .7s var(--ease);position:absolute;inset:0}.cup-art-veil{pointer-events:none;background:linear-gradient(180deg, #08080a00 62%, #08080a80 100%), linear-gradient(90deg, color-mix(in srgb, var(--cup) 16%, transparent), transparent 55%);position:absolute;inset:0}.cup-art.cx-art{aspect-ratio:16/4.4;width:100%;min-width:0;min-height:110px;max-height:230px}.cx-emblem{margin-bottom:-6px}.board-art{z-index:0;opacity:.16;pointer-events:none;filter:saturate(.9);width:min(78cqh,360px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cup-steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cup-steps li{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:13px;display:inline-flex}.cup-steps .n{background:var(--surface-3);width:22px;height:22px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.cup-steps .n svg{width:13px;height:13px}.cup-steps li.done{color:var(--good);border-color:#5fb59a66}.cup-steps li.done .n{color:var(--good);background:#5fb59a33}.cup-steps li.now{color:var(--text);border-color:var(--cup);background:color-mix(in srgb, var(--cup) 18%, var(--surface-2));font-weight:600}.cup-steps li.now .n{background:var(--cup);color:#fff}.cup-steps li.boss .n{color:#ff9b8c;background:#e0544640}.cup-steps li.boss.now .n{color:#fff;background:#d9473a}.cup-steps.small li{padding:3px 9px 3px 4px;font-size:12px}.cup-steps.small .n{width:19px;height:19px;font-size:11px}.cup-active{border-left:4px solid var(--cup);background:linear-gradient(100deg, color-mix(in srgb, var(--cup) 12%, var(--surface-1)), var(--surface-1) 60%);gap:14px;display:grid}.cup-clock{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--cup) 60%, var(--text));border-color:color-mix(in srgb, var(--cup) 55%, transparent);padding:6px 14px;font-size:15px;font-weight:700}.cup-last,.panel.cup-last{gap:10px;padding-right:56px;display:grid;position:relative}.cup-last.won{border-color:rgba(var(--accent-rgb), .5);background:linear-gradient(100deg, rgba(var(--accent-rgb), .12), var(--surface-1) 65%)}.cup-last.lost{border-color:var(--danger-line)}.cup-last .modal-x{top:12px;right:12px}.cup-last-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cup-rule-list{color:var(--muted);gap:8px;margin:0;padding-left:20px;font-size:14.5px;line-height:1.5;display:grid}.cup-rule-list b{color:var(--text);font-weight:600}.modal.cup-launch,.modal.cup-confirm{border-top:3px solid var(--cup,var(--brass));flex-direction:column;align-items:stretch;gap:16px;max-width:780px;max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto}.modal.cup-confirm{max-width:460px}.bag-picker{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);gap:10px;padding:14px;display:grid}.bag-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.bag-items{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:8px;display:grid}.bag-item{border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:10px 12px;display:grid}.bag-row{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.bag-item.none{opacity:.55}.bag-ico{background:color-mix(in srgb, var(--k,var(--brass)) 18%, var(--surface-2));width:36px;height:36px;color:var(--k,var(--brass));border-radius:2px;place-items:center;display:grid}.bag-item.on{border-color:color-mix(in srgb, var(--k,var(--brass)) 55%, var(--line));background:color-mix(in srgb, var(--k,var(--brass)) 8%, var(--surface-1))}.bag-head-r{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.bag-name{min-width:0;display:grid}.bag-name b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.bag-step{align-items:center;gap:8px;display:inline-flex}.bag-step output{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-weight:700}.bag-step .btn{min-width:38px;min-height:38px;padding:0}@media (max-width:600px){.cup-last,.panel.cup-last{padding-right:48px}}.immersive{--cp:10px;min-height:100dvh;padding:calc(var(--cp) + env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-right,0px)) calc(var(--cp) + env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px))}@media (min-width:1024px){.immersive{--cp:14px;padding-left:28px;padding-right:28px}}:root[data-immersive],:root[data-immersive] body{overscroll-behavior:none}.immersive>.arena{max-width:1320px;margin:0 auto}.cx,.cx-end{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;max-width:980px;margin:0 auto;display:grid;position:relative}.cx:before,.cx-wait:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 420px at 50% -120px, color-mix(in srgb, var(--cup,var(--brass)) 24%, transparent), transparent 72%);position:fixed;inset:0}.cx-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 2px;display:flex}.cx-title{gap:2px;min-width:0;display:grid}.cx-title .eyebrow{color:color-mix(in srgb, var(--cup) 70%, var(--text))}.cx-brief{border-radius:var(--r-lg);border-left:4px solid var(--cup);background:color-mix(in srgb, var(--cup) 9%, var(--surface-1));padding:12px 16px;font-size:14.5px;line-height:1.55}.cx-brief .muted{color:var(--text)}.cx-foot{z-index:5;padding:14px 0 calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg, var(--bg) 62%, transparent);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex;position:sticky;bottom:0}.cx-foot .grow{flex:1 1 0}.cx-wait{min-height:calc(100dvh - 2 * var(--cp));font-family:var(--font-display-stack);letter-spacing:.01em;place-content:center;justify-items:center;gap:18px;font-size:40px;font-weight:600;display:grid}.cx-wait .brand b{color:var(--brass);font-style:italic;font-weight:500}.cx-end{min-height:calc(100dvh - 2 * var(--cp));align-content:center}.cx-result{text-align:center;border-radius:var(--r-xl);border:1px solid var(--line-strong);border-top:4px solid var(--cup);background:linear-gradient(180deg, color-mix(in srgb, var(--cup) 12%, var(--surface-1)), var(--surface-1) 70%);width:100%;max-width:600px;box-shadow:var(--sh-3);justify-items:center;gap:18px;margin:0 auto;padding:clamp(24px,5vw,44px);display:grid}.cx-result.won{border-color:rgba(var(--accent-rgb), .5);border-top-color:var(--brass)}.cx-result.lost{border-color:var(--danger-line);border-top-color:var(--bad)}.cx-result .h1{font-size:clamp(30px,6vw,44px)}.cx-result .h1>.ico-svg{vertical-align:-.1em;color:var(--brass);margin-right:10px}.cx-result.lost .h1>.ico-svg{color:var(--bad)}.cx-result .cup-last-row{text-align:left;justify-content:center}.cx-medal{font-size:18px}.cx-time{font-family:var(--font-display-stack);font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1.1}.cx-boss{justify-items:center;gap:10px;display:grid}@media (max-width:520px){.cx-foot{flex-wrap:nowrap;gap:8px}.cx-foot-lbl{display:none}.cx-foot .btn-ghost{flex:none;justify-content:center;min-width:48px;padding-inline:0}.cx-foot .grow{display:none}.cx-foot .btn-lg{flex:auto;min-width:0}}.k-heal{--k:#6ec58f}.k-shield{--k:#86b4f2}.k-revive{--k:#e89ab8}.shop-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));align-items:stretch;display:grid}.shop-card{border-radius:var(--r-xl);border:1px solid var(--line-strong);border-top:3px solid var(--k);background:linear-gradient(160deg, color-mix(in srgb, var(--k) 11%, var(--surface-1)), var(--surface-1) 62%);box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base);grid-template-rows:auto 1fr auto auto;align-content:start;gap:14px;padding:22px;display:grid;position:relative}@media (hover:hover){.shop-card:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}}.shop-card.bought{animation:shopPop .7s var(--ease);box-shadow:0 0 0 2px var(--k), var(--sh-2)}@keyframes shopPop{40%{transform:scale(1.025)}}.shop-head{align-items:center;gap:14px;display:flex}.shop-ico{width:58px;height:58px;color:var(--k);background:color-mix(in srgb, var(--k) 20%, var(--surface-2));border:1px solid color-mix(in srgb, var(--k) 45%, transparent);border-radius:2px;flex:none;place-items:center;display:grid}.shop-title{gap:6px;min-width:0;display:grid}.shop-tags{flex-wrap:wrap;gap:6px;display:flex}.shop-text{margin:0;line-height:1.5}.shop-have{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13.5px;display:flex}.shop-have b{color:var(--text);font-variant-numeric:tabular-nums}.shop-meter{border-radius:var(--r-pill);background:var(--surface-3);flex-basis:100%;height:5px;overflow:hidden}.shop-meter i{border-radius:inherit;background:var(--k);height:100%;transition:width .5s var(--ease);display:block}.shop-foot{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.shop-price{font-family:var(--font-display-stack);color:var(--brass);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:22px;font-weight:600;display:inline-flex}.shop-buy{white-space:nowrap;grid-column:1/-1;justify-content:center;min-height:46px}.shop-hint{margin:-4px 0 0}.shop-note{z-index:70;box-shadow:var(--sh-3);animation:pop .3s var(--ease);position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (max-width:1023px){.shop-note{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}.shop-wallet{padding:6px 14px;font-size:16px}@media (max-width:1023px){.shop-wallet{display:none}}.shop-help .h2{margin-bottom:4px}.shop-promo{transition:border-color var(--t-base), transform var(--t-base) var(--ease);align-items:center;gap:16px;padding:16px 20px;display:flex}@media (hover:hover){.shop-promo:hover{border-color:rgba(var(--accent-rgb), .55);transform:translateY(-2px)}}.shop-promo-ico{background:var(--brass-wash);width:46px;height:46px;color:var(--brass);border-radius:2px;flex:none;place-items:center;display:grid}.shop-promo-text{flex:1;gap:2px;min-width:0;display:grid}@media (max-width:520px){.shop-promo .btn{display:none}}.cup-photo{display:block;position:relative;overflow:hidden}.cup-photo img,.cup-photo-disc img,.board-terrain img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.cup-dim{pointer-events:none;background:#06070a;position:absolute;inset:0}.cup-emblem-photo{place-items:center;width:100%;height:100%;display:grid;position:relative}.cup-photo-disc{aspect-ratio:1;height:100%;box-shadow:0 0 0 4px var(--cup,var(--brass)), 0 0 0 5px #ffffff59 inset;background:#0b0b0e;border-radius:50%;display:block;position:relative;overflow:hidden}.board-terrain{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.board-terrain.tint-boss:after{content:"";background:linear-gradient(#b0281e6b,#460a0a99);position:absolute;inset:0}
.cup-showcase{gap:16px;display:grid}.cup-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cup-tab{text-align:left;cursor:pointer;min-width:0;color:var(--text);font:inherit;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-1);transition:border-color var(--t-base), background var(--t-base), transform var(--t-base) var(--ease), box-shadow var(--t-base);align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;position:relative}@media (hover:hover){.cup-tab:hover{border-color:color-mix(in srgb, var(--cup) 60%, var(--line));transform:translateY(-2px)}}.cup-tab.on{border-color:var(--cup);background:linear-gradient(100deg, color-mix(in srgb, var(--cup) 20%, var(--surface-1)), var(--surface-1) 85%);box-shadow:0 0 0 1px var(--cup), 0 10px 30px -14px var(--cup)}.cup-tab:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.cup-tab-emblem{aspect-ratio:160/150;filter:drop-shadow(0 3px 8px #00000080);opacity:.8;width:50px;transition:opacity var(--t-base), transform var(--t-base) var(--ease);flex:none}.cup-tab.on .cup-tab-emblem{opacity:1;transform:scale(1.06)}.cup-tab-text{gap:1px;min-width:0;display:grid}.cup-tab-text b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.cup-tab-text small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cup-tab.on .cup-tab-text small{color:color-mix(in srgb, var(--cup) 55%, var(--muted))}.cup-tab-medal{position:absolute;top:8px;right:8px}.cup-stage{border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--surface-1);box-shadow:var(--sh-2);animation:cupStageIn .45s var(--ease);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@keyframes cupStageIn{0%{opacity:0;transform:translateY(8px)}}.cup-stage-art{aspect-ratio:21/8;isolation:isolate;background:#0b0b0e;width:100%;min-width:0;min-height:300px;max-height:460px;position:relative;overflow:hidden}.cup-stage-img{animation:14s ease-out both cupKen;position:absolute;inset:0}@keyframes cupKen{0%{transform:scale(1.1)}to{transform:scale(1)}}.cup-stage-img>.cup-art-svg,.cup-stage-img>.cup-photo{position:absolute;inset:0}.cup-stage-veil{z-index:1;pointer-events:none;background:linear-gradient(180deg, #08080a80 0%, #08080a00 26%, #08080a00 42%, #08080ae6 100%), linear-gradient(90deg, color-mix(in srgb, var(--cup) 22%, transparent), transparent 60%);position:absolute;inset:0}.cup-stage-top{z-index:2;justify-content:space-between;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.cup-record{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080a9e;border:1px solid #ffffff29;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:inline-flex}.cup-record>span{line-height:1.2;display:grid}.cup-record b{font-variant-numeric:tabular-nums;font-size:15px}.cup-record small{color:var(--muted);font-size:11.5px}.cup-record.new{color:var(--muted);padding:7px 14px;font-size:13px}.cup-stage-copy{z-index:2;gap:8px;padding:clamp(18px,3vw,32px);display:grid;position:absolute;bottom:0;left:0;right:0}.cup-stage-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--cup) 55%, #fff);text-shadow:0 1px 8px #000000b3;font-size:12px;font-weight:700}.cup-stage-title{font-family:var(--font-display-stack);letter-spacing:.01em;color:#fbf7ee;text-shadow:0 3px 18px #000000bf;text-wrap:balance;margin:0;font-size:clamp(30px,4.2vw,52px);font-weight:600;line-height:1.02}.cup-stage-copy p{color:#bed6f0db;text-shadow:0 1px 8px #000c;max-width:50ch;margin:0;font-size:15px;line-height:1.55}.cup-stage-side{background:linear-gradient(180deg, color-mix(in srgb, var(--cup) 9%, var(--surface-1)), var(--surface-1) 55%);border-top:1px solid var(--line);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px 28px;padding:clamp(18px,2.4vw,28px);display:grid}.cup-col{align-content:start;gap:18px;min-width:0;display:grid}.cup-col-end{align-content:space-between;align-self:stretch}.cup-block{align-content:start;gap:10px;min-width:0;display:grid}.cup-block-h{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0;font-size:11.5px;font-weight:700}.cup-route{gap:0;margin:0;padding:0;list-style:none;display:grid}.cup-route li{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 0;display:grid;position:relative}.cup-route li:not(:last-child):before{content:"";background:var(--line-strong);border-radius:2px;width:2px;position:absolute;top:34px;bottom:-8px;left:14px}.cup-route .n{z-index:1;background:var(--surface-3);border:1px solid var(--line-strong);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid;position:relative}.cup-route .n svg{width:15px;height:15px}.cup-route .t{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.cup-route .t b{font-size:14.5px;font-weight:600}.cup-route .t small{color:#ff9b8c;font-size:12px}.cup-route li.boss .t{flex-direction:column;align-items:flex-start;gap:0}.cup-route .c{color:var(--brass);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:13.5px;font-weight:600;display:inline-flex}.cup-route li.done .n{color:var(--good);background:#5fb59a33;border-color:#5fb59a80}.cup-route li.done:not(:last-child):before{background:#5fb59a80}.cup-route li.now .n{background:var(--cup);border-color:var(--cup);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb, var(--cup) 30%, transparent)}.cup-route li.boss{grid-template-columns:34px minmax(0,1fr) auto;margin-top:2px}.cup-route li.boss .n{color:#fff;background:linear-gradient(145deg,#e0594a,#a82f26);border-color:#f0897c;width:34px;height:34px;margin-left:-2px;box-shadow:0 0 18px #e054468c}.cup-pips{gap:4px;display:inline-flex}.cup-pips i{background:var(--surface-3);border-radius:2px;width:16px;height:5px}.cup-pips i.on{background:color-mix(in srgb, var(--cup) 75%, #fff)}.cup-bossrow{align-items:center;gap:12px;min-width:0;display:flex}.cup-bossrow>.card{--w:74px;pointer-events:none;flex:none}.cup-bossback{aspect-ratio:5/7;flex:none;width:74px;display:block;container-type:inline-size}.cup-bosstext{justify-items:start;gap:6px;min-width:0;display:grid}.cup-bosstext b{font-size:14.5px;font-weight:600;line-height:1.3}.cup-bosstext .pill{padding:3px 10px;font-size:12px}.cup-medal-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.cup-medal-list li{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);opacity:.72;align-items:center;gap:10px;padding:5px 10px 5px 6px;display:flex}.cup-medal-list li>span:not(.medal){flex:1;min-width:0;line-height:1.2;display:grid}.cup-medal-list b{font-size:13px;font-weight:600}.cup-medal-list small{color:var(--muted);font-size:11.5px}.cup-medal-list li.got{opacity:1;border-color:rgba(var(--accent-rgb), .45);background:color-mix(in srgb, var(--brass) 8%, var(--surface-2))}.cup-medal-list .ok{color:var(--good);width:16px;height:16px}.cup-reward{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:12px;padding:10px 14px;display:flex}.cup-reward>span:last-child{line-height:1.25;display:grid}.cup-reward b{color:var(--brass);align-items:center;gap:6px;font-size:15px;display:inline-flex}.cup-reward small{color:var(--muted);font-size:12.5px}.cup-reward-ico{background:var(--brass-wash);width:36px;height:36px;color:var(--brass);border-radius:2px;flex:none;place-items:center;display:grid}.cup-cta{gap:8px;display:grid}.cup-cta .btn{white-space:nowrap;justify-content:center;min-height:54px;padding-inline:14px;font-size:15.5px}.cup-cta p{text-align:center;margin:0}.cup-active{isolation:isolate;position:relative;overflow:hidden}.cup-active-art{z-index:-1;opacity:.5;position:absolute;inset:0}.cup-active-art>svg,.cup-active-art>.cup-photo{position:absolute;inset:0}.cup-active-art:after{content:"";background:linear-gradient(100deg, var(--surface-1) 6%, #1414188c 55%, #141418e0);position:absolute;inset:0}.cup-how{gap:14px;margin-top:6px;display:grid}.cup-how-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cup-how-grid li{border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--line);color:var(--muted);align-content:start;gap:6px;padding:16px;font-size:13.5px;line-height:1.5;display:grid}.cup-how-grid b{color:var(--text);font-size:15px;font-weight:600}.cup-how-ico{background:var(--brass-wash);width:34px;height:34px;color:var(--brass);border-radius:2px;place-items:center;margin-bottom:4px;display:grid}@media (max-width:1100px){.cup-stage-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cup-col-end{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px}}@media (max-width:760px){.cup-stage-side,.cup-col-end{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.cup-tabs{gap:6px}.cup-tab{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:10px 6px 8px}.cup-tab-emblem{width:44px}.cup-tab-text b{-webkit-line-clamp:3;font-size:12.5px}.cup-tab-text small{display:none}.cup-tab-medal{top:4px;right:4px}.cup-stage-art{aspect-ratio:4/3;min-height:270px}.cup-stage-veil{background:linear-gradient(180deg, #08080a80 0%, #08080a00 22%, #08080a8c 48%, #08080af0 100%), linear-gradient(90deg, color-mix(in srgb, var(--cup) 22%, transparent), transparent 60%)}}.cx-hero{position:relative}.cx-hero .cup-art.cx-art{aspect-ratio:16/5;min-height:170px;max-height:260px}.cx-hero .cup-art-veil{background:linear-gradient(180deg, #08080a33 0%, #08080a1a 35%, #08080ae0 100%), linear-gradient(90deg, color-mix(in srgb, var(--cup) 20%, transparent), transparent 55%)}.cx-head-over{z-index:2;align-items:flex-end;padding:14px clamp(14px,3vw,24px) 16px;position:absolute;bottom:0;left:0;right:0}.cx-head-over .h1{text-shadow:0 3px 16px #000000bf}.cx-head-over .eyebrow{text-shadow:0 1px 8px #000c}
.bpage .page-head{flex-wrap:wrap;align-items:baseline;gap:2px 18px;display:flex}.bpage .page-head .eyebrow{display:none}.bpage .page-head .h1{font-size:clamp(30px,3.6vw,40px)}.bpage .page-head .lede{flex:260px;margin:0}.bp-categories{flex-wrap:wrap;gap:8px;display:flex}.bp-categories button{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-1);color:var(--muted);transition:border-color var(--t-base), background var(--t-base);align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex}.bp-categories button[aria-pressed=true]{color:var(--text);border-color:var(--brass);background:color-mix(in srgb, var(--brass) 12%, var(--surface-1))}.bp-categories button span{background:var(--surface-3);border-radius:50%;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid}.bp-library{gap:16px;display:grid}.bp-library:empty{display:none}.bp-group{gap:18px;display:grid}.bp-group-head{flex-wrap:wrap;align-items:baseline;gap:8px 18px;display:flex}.bp-group-packs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.bp-group-pack{--pack-w:84px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);text-align:center;transition:border-color var(--t-base), background var(--t-base);align-content:start;justify-items:center;gap:8px;padding:16px 10px 12px;display:grid}.bp-group-pack .pack{margin-bottom:8px}.bp-group-pack b{text-wrap:balance;font-size:13px;line-height:1.3}.bp-group-pack[aria-pressed=true]{border-color:var(--p-mid);background:color-mix(in srgb, var(--p-mid) 14%, var(--surface-2))}@media (hover:hover){.bp-group-pack:hover:not(:disabled){border-color:var(--p-mid);background:color-mix(in srgb, var(--p-mid) 8%, var(--surface-2))}}@media (max-width:640px){.bp-categories{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bp-categories button{justify-content:space-between;gap:4px;padding:8px 10px;font-size:12px}.bp-group-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}.bp-hero{--pack-w:clamp(150px, calc((100dvh - 500px) / 1.5), 250px);border-color:color-mix(in srgb, var(--p-mid) 42%, var(--line-strong));background:radial-gradient(ellipse 62% 56% at 50% 36%, color-mix(in srgb, var(--p-mid) 24%, transparent), transparent 74%), var(--surface-1);justify-items:center;gap:10px;padding:clamp(12px,2vw,22px) clamp(8px,3vw,30px) clamp(14px,2vw,22px);display:grid;position:relative;overflow:hidden}.bp-hero>*{position:relative}.bp-carousel{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;width:100%;display:grid}.bp-carousel:not(:has(.bp-arrow)){grid-template-columns:minmax(0,1fr)}.bp-car{height:calc(var(--pack-w) * 1.5 + 30px);perspective:900px;touch-action:pan-y;min-width:0;position:relative}.bp-cell{width:var(--pack-w);aspect-ratio:10/15;z-index:calc(10 - var(--aoff));transform:translateX(-50%) translateX(calc(var(--off) * var(--pack-w) * .9)) scale(calc(1 - var(--aoff) * .34));opacity:calc(1 - var(--aoff) * .28);transition:transform .5s var(--ease), opacity .5s;position:absolute;top:14px;left:50%}.bp-cell.on{z-index:12}.bp-cell{perspective:calc(var(--pack-w) * 4)}.bp-cell:not(.on) .pack{transform:rotateY(calc(var(--off) * -26deg))}.bp-cell:not(.on) .pack-face:after{content:"";z-index:9;opacity:calc(var(--aoff) * .26);background:#08080c;position:absolute;inset:0}.bp-side{cursor:pointer;transition:transform var(--t-base) var(--ease);background:0 0;border:0;border-radius:2px;padding:0;display:block}@media (hover:hover){.bp-side:hover{transform:translateY(-4px)}}.bp-side:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.bp-arrow{border:1px solid var(--line-strong);background:var(--surface-2);width:40px;height:40px;color:var(--text);cursor:pointer;transition:border-color var(--t-base), opacity var(--t-base), transform var(--t-base) var(--ease);border-radius:50%;place-items:center;padding:0;display:grid}.bp-arrow svg{width:20px;height:20px}@media (hover:hover){.bp-arrow:hover:not(:disabled){border-color:var(--p-mid);transform:scale(1.08)}}.bp-arrow:disabled{opacity:.3;cursor:default}.bp-floor{width:calc(var(--pack-w) * 1.5);background:radial-gradient(closest-side, var(--p-glow), transparent);opacity:.7;pointer-events:none;border-radius:50%;height:64px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bp-live{color:inherit;cursor:pointer;perspective:calc(var(--pack-w) * 4);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2px;padding:0;display:block}.bp-live[aria-disabled=true]{cursor:default}.bp-live:focus-visible{outline:2px solid var(--brass);outline-offset:6px}@media (hover:hover){.bp-live:not([aria-disabled=true]):hover .pack{transform:translateY(-6px)scale(1.02)}}.bp-live .pack{transition:transform var(--t-base) var(--ease)}.bp-live.arrive .pack{animation:bpIn .8s var(--ease) backwards}@keyframes bpIn{0%{opacity:0;transform:translateY(46px)rotateY(-70deg)scale(.86)}}.bp-live.empty .pack-face:after{content:"";z-index:9;background:#0e0e1299;position:absolute;inset:0}.bp-live.empty :is(.pack-float,.pack-shadow,.pack-holo,.pack-stars i){animation:none}.bp-meta{text-align:center;justify-items:center;gap:3px;display:grid}.bp-title{font-family:var(--font-display-stack);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.1}.bp-sum{max-width:60ch;margin:0}.bp-dots{gap:8px;margin-top:4px;display:flex}.bp-dots button{background:var(--line-strong);cursor:pointer;width:8px;height:8px;transition:width var(--t-base) var(--ease), background var(--t-base);border:0;border-radius:2px;padding:0}.bp-dots button.on{background:var(--p-ac);width:24px}.bp-dots button:disabled{cursor:default}.bp-actions{text-align:center;justify-items:center;gap:8px;width:100%;display:grid}.bp-btns{justify-content:center}.bp-x10{font-variant-numeric:tabular-nums}.bp-hint{color:var(--muted);text-align:center;margin:0;font-size:13.5px}.bp-stock{margin:0;line-height:1.5}.bp-stock>b{color:var(--p-ac);font-size:1.15em}.bp-more{color:var(--faint);font:inherit;cursor:pointer;text-underline-offset:3px;transition:color var(--t-base);background:0 0;border:0;padding:2px 4px;font-size:12.5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.bp-more:hover{color:var(--text)}.bp-detail{border-color:color-mix(in srgb, var(--p-mid) 30%, var(--line-strong));gap:22px;scroll-margin-top:12px;display:grid}.bp-detail-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:16px 32px;display:grid}.bp-info{align-content:start;gap:10px;min-width:0;display:grid}.bp-info .eyebrow{color:color-mix(in srgb, var(--p-ac) 75%, var(--muted))}.bp-dname{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.1}.bp-rates .bp-sub{margin:0 0 8px}.bp-desc{max-width:62ch;margin:0;line-height:1.55}.bp-tags{flex-wrap:wrap;gap:8px;display:flex}.bp-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:10px 0 0;font-size:11.5px;font-weight:700}.od{gap:4px;display:grid}.od-head,.od-row{grid-template-columns:minmax(130px,1.35fr) minmax(90px,1.1fr) minmax(60px,.7fr) minmax(70px,.9fr);align-items:center;gap:10px;display:grid}.od-head{letter-spacing:.04em;color:var(--faint);padding:0 10px 4px;font-size:11px;font-weight:600}.od-row{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;padding:8px 10px;font-size:13.5px}.od-name{color:var(--rc);font-weight:600;line-height:1.25;display:grid}.od-name b{letter-spacing:.06em;font-size:11px;font-weight:700}.od-name small{color:var(--faint);font-size:11.5px;font-weight:500}.od-reg{padding-bottom:5px;font-weight:700;position:relative}.od-reg i{height:3px;width:var(--w);background:var(--rc);opacity:.9;border-radius:2px;max-width:100%;position:absolute;bottom:0;left:0}.od-last,.od-any{color:var(--muted)}.od-note{margin:6px 0 0}.od-note b{color:var(--text)}.od-mystery{border-radius:var(--r-md);border:1px dashed color-mix(in srgb, var(--p-ac) 45%, var(--line-strong));background:color-mix(in srgb, var(--p-mid) 8%, var(--surface-2));align-items:flex-start;gap:8px;margin:4px 0 0;padding:10px 12px;line-height:1.45;display:flex}.od-mystery svg{color:var(--p-ac);flex:none;margin-top:2px}.bp-banner{border-top:1px solid var(--line);gap:10px;min-width:0;padding-top:16px;display:grid}.bp-banner-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.bp-banner-head b{font-size:15px;font-weight:600}.bs{border-radius:var(--r-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--p-mid) 10%, var(--surface-2)), var(--surface-2));border:1px solid var(--line);padding:10px 0 6px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.bs-track{width:max-content;animation:bsRoll var(--dur,80s) linear infinite;will-change:transform;display:flex}.bs:hover .bs-track{animation-play-state:paused}@keyframes bsRoll{to{transform:translate(-50%)}}.bs-item{cursor:pointer;transition:transform var(--t-base) var(--ease);background:0 0;border:0;border-radius:2px;flex:none;margin-right:14px;padding:4px 0 8px}.bs-item .card{pointer-events:none}@media (hover:hover){.bs-item:hover{transform:translateY(-6px)scale(1.04)}}.bs-item:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.reveal{background:radial-gradient(900px 520px at 50% 22%, color-mix(in srgb, var(--p-mid,var(--brass)) 20%, transparent), transparent 70%), #08080afb}.reveal-ext{letter-spacing:.24em;text-transform:uppercase;color:var(--p-ac,var(--brass));text-shadow:0 0 18px var(--p-glow);font-size:12px;font-weight:700}@media (max-width:900px){.bp-detail-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.bp-hero{--pack-w:clamp(132px, calc((100dvh - 570px) / 1.5), 190px);gap:8px;padding:10px 6px 16px}.bp-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:0}.bp-arrow{width:34px;height:34px}.bp-btns{flex-wrap:nowrap;gap:8px;width:100%;padding:0 6px}.bp-btns .btn{flex:1 1 0;justify-content:center;min-width:0;padding-inline:10px;font-size:14px}.bp-btns .btn-gold{flex:1.5 1 0}.bp-btns .bp-buy{flex:.9 1 0}.bp-hint{padding:0 8px;font-size:13px}.bp-wide{display:none}.bp-more{padding-bottom:4px;font-size:12px}.bp-detail{padding:18px 14px}.od-head,.od-row{grid-template-columns:minmax(104px,1.25fr) minmax(64px,1fr) minmax(46px,.6fr) minmax(52px,.7fr);gap:6px}.od-head{font-size:10px}.od-row{padding:7px 8px;font-size:12.5px}}.reveal .card-back:not(.mystery,.pack-themed) .cb-body{background:var(--swoosh) center / 100% 100% no-repeat, radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--p-mid,var(--brass)) 48%, transparent) 0, color-mix(in srgb, var(--p-mid,var(--brass)) 12%, transparent) 36%, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--p-lo,#17130d) 55%, #0a0a0c) 0%, #0a0a0c 50%, color-mix(in srgb, var(--p-lo,#15110b) 45%, #0a0a0c) 100%)}.bp-event{border-radius:var(--r-pill);letter-spacing:.06em;text-transform:uppercase;width:fit-content;color:var(--p-ac,var(--brass-hi));background:color-mix(in srgb, var(--p-mid,var(--brass)) 22%, transparent);border:1px solid color-mix(in srgb, var(--p-mid,var(--brass)) 60%, transparent);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:0 auto 6px;padding:3px 12px;font-size:12px;font-weight:800;display:inline-flex}.booster-buy-dialog{grid-template-columns:minmax(0,1fr);gap:16px;max-width:540px;display:grid}.booster-buy-dialog p{margin:0}#booster-buy-explanation{color:var(--muted);gap:12px;display:grid}.booster-buy-balance{flex-wrap:wrap;align-items:center;gap:5px;font-size:14px;display:flex}.booster-buy-skip{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.booster-buy-skip input{width:20px;height:20px;accent-color:var(--brass);flex:none}.booster-buy-actions{flex-wrap:wrap;justify-content:flex-end}@media (max-width:520px){.booster-buy-actions>.btn{flex:100%}}
.pack{--W:var(--pack-w,232px);--pack-depth:calc(var(--W) * .075);--pack-half:calc(var(--pack-depth) / 2);width:var(--W);aspect-ratio:10/15;perspective:calc(var(--W) * 5.5);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative}.pack-shadow{pointer-events:none;background:radial-gradient(closest-side,#0009,#00000038 55%,#0000);border-radius:50%;height:9%;position:absolute;bottom:-6%;left:8%;right:8%}.pack-float,.pack-body,.pack-shell{transform-style:preserve-3d;position:absolute;inset:0}.pack-float{transform:rotateX(-5deg)rotateY(-22deg)rotate(-2deg)}.pack-body{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s cubic-bezier(.2,.75,.25,1)}.pack.show .pack-float,.pack.live .pack-float{animation:7s ease-in-out infinite packFloat}.pack.show .pack-shadow,.pack.live .pack-shadow{animation:7s ease-in-out infinite packShadow}.pack:not([data-live]) :is(.pack-float,.pack-shadow,.pack-holo,.pack-stars i){animation-play-state:paused}@media (hover:hover){.pack.show:hover .pack-float{animation-play-state:paused}}@keyframes packFloat{0%,to{transform:translate(0,0)rotateX(-5deg)rotateY(-22deg)rotate(-2deg)}50%{transform:translate3d(0, calc(var(--W) * -.045), 0) rotateX(5deg) rotateY(18deg) rotateZ(2deg)}}@keyframes packShadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.84)}}.pack-face,.pack-back,.pack-flap,.pack-flap-front,.pack-flap-back{position:absolute;inset:0}.pack-face,.pack-back,.pack-flap-front,.pack-flap-back,.pack-edge{backface-visibility:hidden}.pack-face,.pack-flap-front{transform:translateZ(var(--pack-half))}.pack-back,.pack-flap-back{transform:rotateY(180deg) translateZ(var(--pack-half))}.pack-edge{background:linear-gradient(90deg, #14191f, var(--p-mid) 23%, var(--p-hi) 45%, var(--p-lo) 76%, #15181c);display:block;position:absolute}.pack-edge.l,.pack-edge.r{width:var(--pack-depth);height:100%;top:0}.pack-edge.l{transform-origin:0;transform:translateZ(calc(-1 * var(--pack-half))) rotateY(-90deg);left:0}.pack-edge.r{transform-origin:100%;transform:translateZ(calc(-1 * var(--pack-half))) rotateY(90deg);right:0}.pack-edge.l:after,.pack-edge.r:after{content:"";background:repeating-linear-gradient(165deg,#0000 0 14%,#ffffff26 15%,#0000 16% 27%,#0006 28%,#0000 30%);position:absolute;inset:0}.pack-edge.t,.pack-edge.b{width:100%;height:var(--pack-depth);background:repeating-linear-gradient(90deg, #101318 0 1px, var(--p-hi) 1px 2px, var(--p-lo) 2px 4px);left:0}.pack-edge.t{transform-origin:top;transform:translateZ(calc(-1 * var(--pack-half))) rotateX(90deg);top:0}.pack-edge.b{transform-origin:bottom;transform:translateZ(calc(-1 * var(--pack-half))) rotateX(-90deg);bottom:0}.pack.torn .pack-edge:is(.l,.r){height:85%;top:15%}.pack.torn .pack-edge.t{display:none}.pack-art{color:var(--p-ac);isolation:isolate;background:linear-gradient(125deg, transparent 0 14%, color-mix(in srgb, var(--p-hi) 80%, #fff) 14.3% 15%, transparent 15.3% 82%, var(--p-mid) 82.3% 88%, var(--p-hi) 88.3% 89%, transparent 89.3%), radial-gradient(ellipse 80% 45% at 48% 44%, color-mix(in srgb, var(--p-mid) 65%, #10131a), transparent 85%), linear-gradient(160deg, var(--p-lo), #0c1119 52%, var(--p-lo));place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pack-art:before{content:"";border:1px solid color-mix(in srgb, var(--p-ac) 65%, transparent);border-radius:16% 4% 12%/4% 2%;position:absolute;inset:8.5% 4%;box-shadow:inset 2px 0 3px #fff2,2px 0 3px #0008}.pack-art:after{content:"";pointer-events:none;background:linear-gradient(70deg,#0000 10%,#fff2 10.3%,#0000 11.5% 85%,#0007 85.3%,#0000 87%),linear-gradient(105deg,#0008,#0000 9% 91%,#0008);position:absolute;inset:8% 0}.pack-pattern{opacity:.65;background:repeating-linear-gradient(135deg, transparent 0 calc(var(--W) * .09), #ffffff0e calc(var(--W) * .09) calc(var(--W) * .094)), radial-gradient(circle at 50% 118%, #00000073, transparent 58%);position:absolute;inset:0}.pack-emblem{aspect-ratio:1;background:linear-gradient(135deg, #ffffff24, transparent 42% 60%, color-mix(in srgb, var(--p-hi) 28%, transparent));border:1px solid color-mix(in srgb, var(--p-ac) 58%, transparent);width:60%;box-shadow:inset 0 0 0 calc(var(--W) * .025) #10131b99, 0 0 0 calc(var(--W) * .018) color-mix(in srgb, var(--p-ac) 12%, transparent);color:var(--p-ac);border-radius:22% 4%;place-items:center;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.pack-emblem svg{filter:drop-shadow(0 2px 1px #0009)drop-shadow(0 -1px #fff5);width:68%;height:68%;transform:rotate(8deg)}.pack-edition{text-align:center;font-size:calc(var(--W) * .036);letter-spacing:.24em;color:var(--p-ac);font-weight:800;position:absolute;top:26%;left:9%;right:9%}.pack-ribs{z-index:1;background:repeating-linear-gradient(90deg,#0000004d 0 2px,#ffffff38 2px 4px),linear-gradient(#ffffff24,#0000002e);height:8%;position:absolute;left:0;right:0}.pack-ribs.t{top:0;box-shadow:0 3px 6px -2px #00000073}.pack-ribs.b{bottom:0;box-shadow:0 -3px 6px -2px #00000073}.pack-lbl{display:contents}.pack-logo{z-index:1;text-align:center;font-family:var(--font-display-stack);font-weight:800;font-size:calc(var(--W) * .13);letter-spacing:-.015em;color:#fff;text-shadow:0 2px 1px #0009;line-height:1;position:absolute;top:17%;left:0;right:0}.pack-logo b{color:var(--p-ac);text-transform:uppercase;font-style:italic;font-weight:800}.pack-name{z-index:1;text-align:center;min-height:12%;padding:calc(var(--W) * .026) calc(var(--W) * .035);font-family:var(--font-display-stack);font-size:calc(var(--W) * .081);letter-spacing:.015em;text-transform:uppercase;text-wrap:balance;color:#fff;background:linear-gradient(115deg, #0b111aec, color-mix(in srgb, var(--p-lo) 80%, #0b111a));border-top:1px solid var(--p-hi);border-bottom:1px solid color-mix(in srgb, var(--p-ac) 60%, transparent);text-shadow:0 1px 3px #000;place-items:center;font-weight:700;line-height:1.04;display:grid;position:absolute;top:69%;left:7%;right:7%}.pack-foot{z-index:1;text-align:center;font-size:calc(var(--W) * .039);letter-spacing:.32em;color:var(--p-ac);font-weight:800;position:absolute;bottom:10%;left:0;right:0}.pack-back-art{color:var(--p-ac);background:linear-gradient(110deg, var(--p-lo), #10151f 45%, var(--p-lo));position:absolute;inset:0}.pack-back-brand{text-align:center;font:700 calc(var(--W) * .1)/1 var(--font-display-stack);color:#fff;position:absolute;top:13%;left:9%;right:9%}.pack-back-brand b{color:var(--p-ac)}.pack-back-glyph{opacity:.7;width:30%;height:20%;position:absolute;top:26%;left:35%}.pack-back-name{text-align:center;font:700 calc(var(--W) * .064)/1.1 var(--font-display-stack);text-transform:uppercase;position:absolute;top:49%;left:12%;right:12%}.pack-back-info{text-align:center;font:600 calc(var(--W) * .031)/1.7 var(--font-ui-stack);letter-spacing:.12em;position:absolute;top:65%;left:12%;right:12%}.pack-barcode{border:calc(var(--W) * .012) solid var(--p-ac);background:repeating-linear-gradient(90deg, #15191f 0 1px, var(--p-ac) 1px 3px, #15191f 3px 5px, var(--p-ac) 5px 6px, #15191f 6px 9px);width:48%;height:7%;position:absolute;bottom:13%;left:26%}.pack-back-seam{background:linear-gradient(90deg, #0008, var(--p-lo), var(--p-hi) 75%, #fff5 80%, #0006);width:5%;position:absolute;top:8%;bottom:8%;left:6%;box-shadow:2px 0 2px #0007}.pack-glitter{z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:.18;background:radial-gradient(circle at 30% 40%,#ffffffe6 0 .6px,#0000 1.2px) 0 0/7px 7px,radial-gradient(circle at 70% 20%,#ffffffb3 0 .5px,#0000 1px) 0 0/11px 9px,radial-gradient(circle at 50% 80%,#00000080 0 .6px,#0000 1.1px) 0 0/9px 13px;position:absolute;inset:0}.pack-shade{z-index:3;pointer-events:none;background:linear-gradient(90deg,#00000080,#0000 13% 87%,#00000080),linear-gradient(#00000038,#0000 14% 86%,#0000004d),linear-gradient(100deg,#0000 22%,#ffffff21 28%,#0000 35%),linear-gradient(115deg,#0000 50%,#ff96d221 57%,#ffe69626 62%,#8cf0d221 67%,#8cc8ff21 72%,#0000 79%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29}.pack-holo{z-index:4;pointer-events:none;mix-blend-mode:color-dodge;opacity:.34;transform:translate(calc((var(--px,.5) - .5) * -30%), calc((var(--py,.5) - .5) * -16%));transition:transform .35s var(--ease);background:linear-gradient(112deg,#0000 32%,#ff78beb3 39%,#ffde82bd 44%,#78facdb3 49%,#78beffbd 54%,#0000 61%),linear-gradient(112deg,#0000 64%,#ffe6a059 67%,#0000 70%);animation:6s ease-in-out infinite packHolo;position:absolute;inset:-25%}@keyframes packHolo{0%,to{translate:11%}50%{translate:-11%}}.pack-glint{z-index:5;pointer-events:none;mix-blend-mode:overlay;opacity:.55;width:130%;height:130%;transform:translate(calc((var(--px,.3) - .5) * 70%), calc((var(--py,.24) - .5) * 70%));transition:transform .35s var(--ease);background:radial-gradient(circle,#fffffff2,#ffffff4d 16%,#0000 36%);position:absolute;top:-15%;left:-15%}.pack-stars{z-index:6;pointer-events:none;position:absolute;inset:0}.pack-stars i{width:calc(var(--W) * .09 * var(--s,1));aspect-ratio:1;opacity:0;animation:2.9s ease-in-out infinite packTwinkle;animation-delay:var(--d,0s);background:radial-gradient(circle,#fff 0 9%,#ffffff8c 16%,#0000 34%),radial-gradient(50% 7%,#fffffff2,#0000),radial-gradient(7% 50%,#fffffff2,#0000);position:absolute;transform:scale(.3)}@keyframes packTwinkle{0%,58%,to{opacity:0;transform:scale(.3)rotate(0)}74%{opacity:1;transform:scale(1)rotate(45deg)}}.pack-leak{z-index:7;opacity:0;pointer-events:none;background:linear-gradient(180deg, #fff8e0f2, color-mix(in srgb, var(--p-ac) 50%, transparent) 40%, transparent);height:22%;position:absolute;left:0;right:0}.pack-spark{z-index:8;opacity:0;pointer-events:none;background:radial-gradient(#fff 0%,#fff4d6d9 26%,#0000 68%);height:18%;position:absolute;left:-10%;right:-10%;transform:translateY(-50%)scaleX(.4)}.pack-flap{visibility:hidden;pointer-events:none;transform-origin:82% 15%;transform-style:preserve-3d}.pack-core{aspect-ratio:5/7;width:82%;transform-style:preserve-3d;visibility:hidden;position:absolute;top:18%;left:9%}.pack-core i{backface-visibility:hidden;font-style:normal;position:absolute;inset:0;container-type:inline-size}.pack-core i:first-child{transform:translate3d(-3%,-2%,-2px)rotate(-3deg)}.pack-core i:nth-child(2){transform:translate3d(3%,-1%,-1px)rotate(3deg)}.pack-cut{z-index:9;pointer-events:none;opacity:0;height:0;transform:translateZ(calc(var(--pack-half) + 1px));transition:opacity .3s;position:absolute;left:5%;right:5%}.pack-stage.can .pack-cut{opacity:1}.pack-cut:before{content:"";background:repeating-linear-gradient(90deg,#ffffffeb 0 6px,#0000 6px 11px);height:2px;position:absolute;top:-1px;left:0;right:0;box-shadow:0 1px 2px #0000008c}.pack-cut-fill{background:linear-gradient(90deg, #fff, color-mix(in srgb, var(--p-ac) 65%, #fff), #fff);width:100%;height:5px;box-shadow:0 0 8px #fff, 0 0 18px var(--p-glow);transform-origin:0;transform:translateX(calc(var(--cut-a,0) * 100%)) scaleX(var(--cut-len,0));transition:transform .3s var(--ease);border-radius:5px;position:absolute;top:-2.5px;left:0}.pack-stage.cutting .pack-cut-fill{transition:none}.pack-stage.finish .pack-cut-fill{transition:transform .17s ease-out}.pack-stage.auto .pack-cut-fill{transition:transform .42s cubic-bezier(.5,0,.25,1)}.pack-cut-head{width:100%;height:0;transform:translateX(calc(var(--cut-x,0) * 100%));opacity:0;transition:opacity .2s;position:absolute;top:0;left:0}.pack-cut-head:before{content:"";left:calc(var(--W) * -.065);top:calc(var(--W) * -.065);width:calc(var(--W) * .13);aspect-ratio:1;background:radial-gradient(circle, #fff 0 20%, color-mix(in srgb, var(--p-ac) 80%, #fff) 36%, transparent 70%);border-radius:50%;position:absolute}.pack-stage.cutting .pack-cut-head{opacity:1}.pack-stage.auto .pack-cut-head{opacity:1;transition:transform .42s cubic-bezier(.5,0,.25,1),opacity .15s}.pack-hint{opacity:0;width:100%;height:0;position:absolute;top:0;left:0}.pack-hint u{left:calc(var(--W) * -.05);top:calc(var(--W) * -.05);width:calc(var(--W) * .1);aspect-ratio:1;box-shadow:0 0 0 calc(var(--W) * .02) #ffffff40, 0 0 16px #ffffffbf;background:#ffffffe6;border-radius:50%;position:absolute}.pack-hint-hand{width:calc(var(--W) * .21);height:calc(var(--W) * .21);left:calc(var(--W) * -.07);top:calc(var(--W) * .005);color:#fff;filter:drop-shadow(0 2px 3px #0000008c);position:absolute}.pack-stage.can:not(.hold,.cutting,.finish,.auto) .pack-hint{animation:2.6s ease-in-out .6s infinite packHint}@keyframes packHint{0%{opacity:0;transform:translate(0)}12%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(100%)}84%,to{opacity:0;transform:translate(100%)}}.pack.torn .pack-float{animation:none;transform:none}.pack.torn .pack-body{transform:none}.pack.torn .pack-holo,.pack.torn .pack-glint,.pack.torn .pack-stars{opacity:0;transition:opacity .2s}.pack.torn .pack-flap{visibility:visible;animation:.72s cubic-bezier(.2,.65,.35,1) forwards packFlap}.pack.torn .pack-leak{animation:.5s ease-out forwards packLeak}.pack.torn .pack-spark{animation:.6s ease-out forwards packSpark}.pack.torn .pack-shell{animation:.52s cubic-bezier(.45,0,.75,.5) .2s forwards packDrop}.pack.torn .pack-core{visibility:visible;animation:.84s cubic-bezier(.2,.7,.2,1) forwards packEmerge}.pack.torn .pack-shadow{animation:.4s ease-out .3s forwards packFade}.pack.torn .pack-cut{opacity:0;transition:opacity .12s}@keyframes packFlap{0%{opacity:1;transform:translate(0,0)rotateX(0)rotate(0)}28%{transform:translate3d(4%, -9%, calc(var(--W) * .15)) rotateX(-55deg) rotateZ(9deg);opacity:1}70%{opacity:1}to{transform:translate3d(52%, -55%, calc(var(--W) * .35)) rotateX(-165deg) rotateZ(32deg);opacity:0}}@keyframes packLeak{0%{opacity:0}35%,to{opacity:1}}@keyframes packSpark{0%{opacity:1;transform:translateY(-50%)scaleX(.4)scaleY(.6)}to{opacity:0;transform:translateY(-50%)scaleX(1.8)scaleY(3.2)}}@keyframes packDrop{0%{opacity:1;transform:none}65%{opacity:1}to{transform:translate3d(0, 48%, calc(var(--W) * -.15)) rotateX(18deg) rotateZ(-8deg);opacity:0}}@keyframes packEmerge{0%,12%{opacity:1;transform:translate(0,0)}72%{transform:translate3d(0, -15%, calc(var(--W) * .12)) rotateZ(2deg);opacity:1}to{transform:translate3d(0, -19%, calc(var(--W) * .16));opacity:0}}@keyframes packFade{to{opacity:0}}.pack-stage{padding:calc(var(--pack-w,232px) * .1) calc(var(--pack-w,232px) * .16);perspective:calc(var(--pack-w,232px) * 5);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:18px;outline:none;place-items:center;display:grid;position:relative}.pack-stage>*{grid-area:1/1}.pack-stage .pack{pointer-events:none}.pack-stage.can{cursor:grab}.pack-stage.can.hold,.pack-stage.can.cutting{cursor:grabbing}.pack-stage:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.pack-stage:is(.hold,.cutting,.finish,.auto) .pack-float{animation:none;transform:none}.pack-stage:is(.hold,.cutting,.finish,.auto) .pack-shadow{animation-play-state:paused}.pack-slab{width:var(--pack-w,232px);aspect-ratio:10/15;pointer-events:none;background:linear-gradient(90deg, #00000073, transparent 14%, transparent 86%, #00000073), repeating-linear-gradient(90deg, #0000004d 0 2px, #fff3 2px 4px) top / 100% 8% no-repeat, repeating-linear-gradient(90deg, #0000004d 0 2px, #fff3 2px 4px) bottom / 100% 8% no-repeat, linear-gradient(172deg, var(--p-hi), var(--p-mid) 46%, var(--p-lo));transform:translate(calc(var(--k) * 3.6px), calc(var(--k) * -3.2px)) rotate(calc(var(--k) * 1.15deg));position:relative}.pack-slab:after{content:"";opacity:calc(.12 + var(--k) * .055);background:#08080c;position:absolute;inset:0}.pack-stage.torn .pack-slab{animation:.5s cubic-bezier(.3,.6,.4,1) forwards packSlab;animation-delay:calc(.15s + var(--k) * 55ms)}@keyframes packSlab{35%{opacity:1}to{transform:translate(calc(var(--k) * 3.6px), -70%) rotate(calc(var(--k) * 3deg)) scale(.92);opacity:0}}.reveal{overscroll-behavior:contain}.reveal.op{--pack-w:clamp(170px, min(62vw, calc((100dvh - 290px) / 1.5)), 280px);background-color:#08080a}.op-in{text-align:center;justify-items:center;gap:10px;width:100%;max-width:560px;margin:auto 0;display:grid}.op-stage{place-items:center;margin:4px 0 0;display:grid;position:relative}.op-stage.piled{--pack-w:clamp(150px, min(54vw, calc((100dvh - 320px) / 1.5)), 250px)}.op-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--p-glow), transparent);opacity:.55;border-radius:50%;position:absolute;inset:-6% -24%}.op-stage.bursting:before{animation:.8s ease-out opBurst}@keyframes opBurst{30%{opacity:1;transform:scale(1.18)}}.op-stage .pack{animation:opPack .6s var(--ease) backwards}@keyframes opPack{0%{opacity:0;transform:translateY(46px)rotateY(-32deg)scale(.82)}}.op-hint{max-width:34ch;color:var(--muted);margin:0;font-size:14px;transition:opacity .25s}.op-cancel{margin-top:2px;transition:opacity .25s}.op-stage.bursting~:is(.op-hint,.op-cancel){opacity:0}.reveal.rv-on{padding-top:max(18px, env(safe-area-inset-top,0px));padding-bottom:max(22px, env(safe-area-inset-bottom,0px));justify-content:flex-start;gap:0}.rv{justify-items:center;gap:14px;width:100%;max-width:1100px;margin:auto 0;display:grid}.rv-head{justify-content:center;align-items:baseline;gap:14px;display:flex}.rv-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;font-weight:700}.rv-stack{aspect-ratio:5/7;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:min(74vw,320px,71.4dvh - 164.22px);margin:6px 0 10px;position:relative}.rv-stack:active{cursor:grabbing}.rv-card{pointer-events:none;transform:translate3d(0, calc(var(--depth,0) * 4.2%), 0) scale(calc(1 - var(--depth,0) * .05));opacity:calc(1 - max(0, var(--depth,0) - 2));transition:transform .42s var(--ease), opacity .42s;animation:rvIn .75s var(--ease) backwards;animation-delay:calc(var(--depth,0) * 70ms);position:absolute;inset:0}@keyframes rvIn{0%{opacity:0;transform:translateY(55%)scale(.45)rotate(-6deg)}}.rv-card.top{transform:translate3d(var(--dx,0px), var(--dy,0px), 0) rotate(var(--rot,0deg))}.rv-card.top.dragging{transition:none}.rv-card.gone{opacity:0;transition:transform .46s cubic-bezier(.3,.6,.4,1),opacity .46s}.rv-card.gone-r{transform:translate(120vw,-6vh)rotate(26deg)}.rv-card.gone-l{transform:translate(-120vw,-6vh)rotate(-26deg)}.rv-card.gone-u{transform:translateY(-110vh)rotate(-8deg)}.rv-card .flip{width:100%;max-width:none;height:100%;cursor:inherit;animation:none}.rv-card .flip:not(.flipped):hover .flip-inner{transform:none}.rv-card.under .flip-inner{transform-style:flat;transition:none}.rv-card.under .flip-front{backface-visibility:visible}.rv-card.under .flip-back{visibility:hidden;transform:none}.rv-hint{min-height:1.4em;color:var(--muted);text-align:center;margin:0;font-size:14px}.rv-touch,.bp-touch{display:none}@media (hover:none){.rv-touch,.bp-touch{display:inline}.rv-mouse,.bp-mouse{display:none}}.rv-actions{justify-content:center}.rv.done{gap:18px}.rv-sum{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.rv-sum-card{cursor:pointer;width:clamp(108px,15vw,176px);animation:rvSumIn .6s var(--ease) backwards;animation-delay:calc(var(--i,0) * 70ms);background:0 0;border:0;border-radius:10px;padding:0}.rv-sum-card.glow-rare{filter:drop-shadow(0 0 12px #6cb4e480)}.rv-sum-card.glow-epique{filter:drop-shadow(0 0 16px #a98be099)}.rv-sum-card.glow-legendaire{filter:drop-shadow(0 0 20px #ecd29ab3)}.rv-sum-card.glow-icone,.rv-sum-card.mystery{filter:drop-shadow(0 0 20px #cdcdffbf)}.rv-sum-card:focus-visible{outline:2px solid var(--brass);outline-offset:4px}@keyframes rvSumIn{0%{opacity:0;transform:translateY(26px)scale(.9)}}.mr{gap:16px;width:min(1100px,100%);margin:0 auto auto;display:grid}.mr-head{text-align:center;justify-items:center;gap:10px;display:grid}.mr-stats{flex-wrap:wrap;justify-content:center;gap:8px;min-height:34px;display:flex}.mr-stat{font-size:13.5px}.mr-tools{justify-content:center}.mr-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px 10px;display:grid}.mr-cell{aspect-ratio:5/7;animation:mrIn .5s var(--ease) backwards;animation-delay:calc(var(--i,0) * 16ms);border-radius:6.5cqw;outline:none;position:relative;container-type:inline-size}@keyframes mrIn{0%{opacity:0;transform:translateY(24px)scale(.85)}}.mr-in,.mr-front,.mr-face{position:absolute;inset:0}.mr-cell.back .mr-face{visibility:hidden}.mr-cell.turn{perspective:800px}.mr-cell.turn .mr-in{transform-style:preserve-3d;animation:.62s cubic-bezier(.34,1.2,.5,1) forwards mrFlip}.mr-cell.turn .mr-front,.mr-cell.turn .mr-face{backface-visibility:hidden}.mr-cell.turn .mr-face{transform:rotateY(180deg)}@keyframes mrFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.mr-cell.face{cursor:pointer}.mr-cell.face .mr-front{display:none}.mr-cell.face.pop .mr-face{animation:mrPop .35s var(--ease) backwards;animation-delay:calc(var(--i,0) * 8ms)}@keyframes mrPop{0%{opacity:0;transform:scale(.85)}}.mr-cell:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.mr>.rv-actions{margin-top:4px}@media (max-width:640px){.rv-sum{gap:8px}.rv-sum-card{width:calc(33.3333vw - 13.3333px);max-width:150px}.mr-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mr-head .reveal-title{font-size:clamp(20px,6vw,26px)}.rv-actions .btn-lg{min-height:48px;padding-inline:16px;font-size:15px}.reveal.op{--pack-w:clamp(160px, min(64vw, calc((100dvh - 300px) / 1.5)), 270px)}.op-stage.piled{--pack-w:clamp(140px, min(56vw, calc((100dvh - 330px) / 1.5)), 240px)}}
.halloween-decor{pointer-events:none;z-index:2;contain:layout paint;position:fixed;inset:0;overflow:hidden}.halloween-decor span{display:block;position:absolute}.halloween-ghost{color:#d5dbed;opacity:.18;width:42px;animation:12s ease-in-out infinite halloweenDrift}.halloween-ghost svg,.halloween-bat svg,.halloween-pumpkin svg{width:100%;height:auto;display:block}.halloween-ghost.left{top:32%;left:12px}.halloween-ghost.right{animation-delay:-6s;top:56%;right:14px}.halloween-bat{color:#b69bd5;opacity:.24;width:44px;animation:16s ease-in-out infinite halloweenBat}.halloween-bat.first{top:16%;left:10px}.halloween-bat.second{animation-delay:-8s;top:23%;right:8px}.halloween-pumpkin{opacity:.65;width:64px;animation:5s ease-in-out infinite halloweenLantern;bottom:86px}.halloween-pumpkin.left{left:8px;rotate:-8deg}.halloween-pumpkin.right{width:48px;animation-delay:-2.5s;right:8px;rotate:9deg}.halloween-embers{position:absolute;inset:0}.halloween-embers i{opacity:0;background:#ffa745;border-radius:50%;width:3px;height:3px;animation:10s linear infinite halloweenEmber;position:absolute;bottom:12%}.halloween-embers i:first-child{left:2%}.halloween-embers i:nth-child(2){animation-delay:-3s;left:5%}.halloween-embers i:nth-child(3){animation-delay:-7s;left:1%}.halloween-embers i:nth-child(4){animation-delay:-2s;right:2%}.halloween-embers i:nth-child(5){animation-delay:-6s;right:5%}.halloween-embers i:nth-child(6){animation-delay:-9s;right:1%}@keyframes halloweenDrift{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-24px)rotate(7deg)}}@keyframes halloweenBat{0%,to{transform:translate(0)rotate(-12deg)scaleY(.8)}50%{transform:translate(14px,-20px)rotate(8deg)scaleY(1)}}@keyframes halloweenLantern{0%,to{opacity:.5}50%{opacity:.8}}@keyframes halloweenEmber{0%{opacity:0;transform:translateY(0)}15%,70%{opacity:.45}to{opacity:0;transform:translateY(-50vh)}}.halloween-decor.paused *{animation-play-state:paused!important}.pack-pumpkins{z-index:1;pointer-events:none;position:absolute;inset:0}.pack-pumpkins svg{width:27%;height:auto;position:absolute;bottom:35%}.pack-pumpkins .left{left:10%;rotate:-10deg}.pack-pumpkins .right{width:22%;bottom:36%;right:10%;rotate:12deg}.pack.halloween:is(.show,.live):not(.torn) .pumpkin-face{animation:4s ease-in-out infinite pumpkinGlow}@keyframes pumpkinGlow{0%,to{fill:#3b190d}50%{fill:#ffef9d}}@media (max-width:1100px){.halloween-pumpkin{opacity:.35;width:34px;left:3px}.halloween-pumpkin.right{width:28px;right:3px}.halloween-ghost{opacity:.12;width:24px}.halloween-bat{opacity:.15;width:26px}}:root[data-fx=lite] .halloween-decor :is(.halloween-ghost,.halloween-bat,.halloween-embers){display:none}:root[data-fx=lite] .halloween-pumpkin,:root[data-fx=lite] .pack.halloween .pumpkin-face{animation:none}:root[data-motion=reduced] .halloween-decor :is(.halloween-ghost,.halloween-bat,.halloween-embers){display:none}:root[data-motion=reduced] .halloween-pumpkin,:root[data-motion=reduced] .pack.halloween .pumpkin-face{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .halloween-decor :is(.halloween-ghost,.halloween-bat,.halloween-embers){display:none}:root:not([data-motion=full]) .halloween-pumpkin,:root:not([data-motion=full]) .pack.halloween .pumpkin-face{animation:none!important}}.reveal.halloween-reveal{background:radial-gradient(at 50% 43%,#3d183b 0%,#221023 32%,#09080d 75%)}.halloween-reveal>:is(.op-in,.rv,.mr){z-index:1;position:relative}.op-controls{justify-content:center;gap:12px}.reveal .icon-btn[data-sound-control]{flex:none;padding:0}.reveal [data-sound-control] svg{flex:none;width:18px;height:18px}.rv-head{flex-wrap:wrap;align-items:center}.halloween-opening{z-index:0;pointer-events:none;contain:layout paint;position:fixed;inset:0;overflow:hidden}.haunt-mist{background:radial-gradient(at 25% 75%,#d968292e,#0000 46%),radial-gradient(at 80% 55%,#815ac12b,#0000 42%);animation:14s ease-in-out infinite alternate hauntMist;position:absolute;inset:-12%}.haunt-lantern{bottom:max(28px, env(safe-area-inset-bottom,0px));opacity:.6;width:clamp(44px,7vw,88px);animation:5s ease-in-out infinite halloweenLantern;position:absolute}.haunt-lantern.left{left:4%;rotate:-9deg}.haunt-lantern.right{animation-delay:-2.5s;right:4%;rotate:9deg}.haunt-lantern svg,.haunt-fly svg{width:100%;height:auto;display:block}.haunt-burst{position:absolute;inset:0}.haunt-ring{left:var(--hx);top:var(--hy);aspect-ratio:1;opacity:0;background:radial-gradient(circle,#a66ce526,#ed852e19 50%,#0000 68%);border:2px solid #ffa443;border-radius:50%;width:min(66vw,480px);animation:1.4s ease-out both hauntRing;position:absolute}.haunt-fly{left:var(--hx);top:var(--hy);opacity:0;width:clamp(25px,4vw,48px);animation:hauntEscape 1.9s cubic-bezier(.17,.55,.35,1) var(--wait) both;position:absolute}.haunt-fly.bat{color:#b798e7}.haunt-fly.ghost{color:#e8d9f6}.haunt-fly.pumpkin{width:clamp(30px,4vw,54px)}.haunt-burst.card .haunt-fly{width:28px}.haunt-burst.card .haunt-ring{border-color:#c7a0ff;width:min(42vw,280px)}@keyframes hauntMist{0%{opacity:.6;transform:translate(-4%)}to{opacity:1;transform:translate(4%)}}@keyframes hauntRing{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}18%{opacity:.65}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes hauntEscape{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}16%{opacity:.8}70%{opacity:.55}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--spin)) scale(1.1);opacity:0}}:root[data-fx=lite] .haunt-fly:nth-of-type(n+4){display:none}:root[data-fx=lite] .haunt-mist,:root[data-fx=lite] .haunt-lantern{animation:none}:root[data-motion=reduced] .haunt-burst{display:none}:root[data-motion=reduced] .haunt-mist,:root[data-motion=reduced] .haunt-lantern{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .haunt-burst{display:none}:root:not([data-motion=full]) .haunt-mist,:root:not([data-motion=full]) .haunt-lantern{animation:none}}