.cb-mode-name,.cb-mode-name *{color:#fff!important}.battles-page{display:flex;padding:1.25rem;max-width:1200px;margin:0 auto}.battles-main{flex:1;min-width:0}.battles-header{margin-bottom:.9rem;position:relative;padding-left:.8rem}.battles-header::before{content:"";position:absolute;left:0;top:.15rem;bottom:.15rem;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent))}.battles-title{font-size:1.35rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}.battles-subtitle{font-size:.8rem;color:var(--muted-fg);opacity:.65;margin-top:.15rem}.battles-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.battles-toolbar-left{display:flex;align-items:center;gap:.5rem}.battles-filter-box,.battles-search{min-height:40px;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:var(--radius);background:var(--card);color:var(--white)}.battles-search{display:flex;align-items:center;gap:.6rem;padding:0 .75rem;min-width:220px}.battles-search svg{color:var(--muted-fg);flex:0 0 auto}.battles-filter-box input,.battles-search input{width:100%;min-width:0;border:0;outline:0;background:0 0;color:var(--white);font:inherit;font-size:.78rem;font-weight:800}.battles-filter-box input::placeholder,.battles-search input::placeholder{color:var(--muted-fg);opacity:.75}.battles-filter-box{display:grid;grid-template-columns:44px minmax(82px,1fr);align-items:center;overflow:hidden;min-width:142px}.battles-filter-tag{display:grid;place-items:center;align-self:stretch;background:color-mix(in srgb,var(--secondary) 86%,#000);color:color-mix(in srgb,var(--white) 82%,var(--muted-fg));font-size:.76rem;font-weight:900}.battles-filter-box input{padding:0 .75rem}.battles-sort-wrap{position:relative}.battles-sort{appearance:none;background:var(--card);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--radius);padding:.48rem 1.9rem .48rem .8rem;font-weight:700;color:var(--white);outline:0;cursor:pointer;transition:border-color .15s}.battles-sort:focus,.battles-sort:hover{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.sort-caret{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted-fg)}.btn-create-battle{display:flex;align-items:center;gap:.4rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff) 0,var(--accent) 100%);border:none;border-radius:var(--radius);font-weight:800;color:#fff;white-space:nowrap;cursor:pointer;transition:filter .15s,transform .1s}.btn-create-battle:hover{filter:brightness(1.07)}.btn-create-battle:active{transform:scale(.97)}.battles-list{display:flex;flex-direction:column;gap:.7rem}.battle-card-full{position:relative;border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff) 0,var(--card) 100%);border:1px solid color-mix(in srgb,var(--border) 50%,transparent);display:grid;grid-template-columns:184px 1fr auto auto;align-items:center;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.battle-card-full::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.battle-card-full:hover{box-shadow:0 8px 24px rgba(0,0,0,.4);transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.battle-card-full.jackpot::before{background:var(--accent)}.battle-card-full.share-mode::before{background:#818cf8}.battle-card-full.normal::before{background:var(--accent)}.bcf-left{display:flex;flex-direction:column;gap:.5rem}.bcf-mode{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-fg)}.bcf-mode-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:999px;font-size:.6rem;font-weight:900;letter-spacing:.06em;border:1px solid transparent}.badge-jackpot{background:rgba(245,158,11,.14);color:#fbbf24;border-color:rgba(245,158,11,.28)}.badge-share{background:rgba(99,102,241,.16);color:#a5b4fc;border-color:rgba(99,102,241,.28)}.badge-normal{background:color-mix(in srgb,var(--accent) 16%,transparent);color:#f6c25a;border-color:color-mix(in srgb,var(--accent) 32%,transparent)}.bcf-players{display:flex;align-items:center;gap:0;padding-top:1px}.bcf-avatar-wrap{position:relative}.bcf-avatar-wrap:not(:first-child){margin-left:-7px}.bcf-avatar{border-radius:50%;border:2px solid var(--card);background:var(--secondary);overflow:hidden;display:flex;align-items:center;justify-content:center}.bcf-avatar img{width:100%;height:100%;object-fit:cover}.bcf-crown{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:11px;height:11px;color:var(--accent);z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.bcf-empty-slot{border-radius:50%;border:2px dashed color-mix(in srgb,var(--accent) 35%,transparent);background:0 0;margin-left:-7px}.bcf-cost{font-size:.72rem;color:var(--muted-fg);opacity:.85}.bcf-cost span{color:var(--white);font-weight:800;opacity:1}.bcf-packs{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:hidden}.bcf-pack{border-radius:.45rem;overflow:hidden;background:var(--secondary);border:1px solid color-mix(in srgb,var(--border) 45%,transparent);flex-shrink:0;transition:transform .15s,border-color .15s}.bcf-pack img{width:100%;height:100%;object-fit:cover}.battle-card-full:hover .bcf-pack{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.bcf-pack-more{display:flex;align-items:center;gap:.25rem;padding:.28rem .5rem;border-radius:999px;background:var(--secondary);border:1px solid color-mix(in srgb,var(--border) 45%,transparent);font-size:.66rem;font-weight:800;color:var(--muted-fg);white-space:nowrap;flex-shrink:0}.bcf-unboxed{font-size:.68rem;color:var(--muted-fg);opacity:.85;text-align:right;white-space:nowrap}.bcf-unboxed span{display:block;color:var(--white);font-weight:900;font-size:.92rem;opacity:1;margin-top:1px}.bcf-action{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.btn-view-battle{background:var(--secondary);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:.55rem;padding:.48rem .95rem;font-size:.72rem;font-weight:800;color:var(--white);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn-view-battle:hover{background:var(--muted);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.btn-join-battle{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff) 0,var(--accent) 100%);border:none;border-radius:.55rem;padding:.48rem 1.05rem;font-size:.72rem;font-weight:900;color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 32%,transparent);transition:filter .15s,transform .1s}.btn-join-battle:hover{filter:brightness(1.08)}.btn-join-battle:active{transform:scale(.97)}.battles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:3.2rem 1rem;text-align:center;background:var(--card);border:1px dashed color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius)}.battles-empty-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;background:color-mix(in srgb,var(--accent) 12%,transparent);color:#f5bb46}.battles-empty-title{font-size:1rem;font-weight:900}.battles-empty-sub{font-size:.78rem;color:var(--muted-fg);opacity:.7}.battles-sidebar-section{margin-bottom:1.5rem}@keyframes waiting-pulse{0%,100%{opacity:1}50%{opacity:.4}}.battle-card-full.waiting{animation:none}.bcf-waiting-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:1.5s ease-in-out infinite waiting-pulse}.cb-page{max-width:920px;margin:0 auto;padding:1.25rem 1rem 3.5rem}.cb-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1.5rem}.cb-topbar-left{grid-column:1}.cb-total-pill{grid-column:2;justify-self:center}.cb-back{background:0 0;border:none;color:var(--accent);font-size:.78rem;font-weight:700;padding:0;display:inline-flex;align-items:center;gap:.25rem;margin-bottom:.2rem;opacity:.9;transition:opacity .15s}.cb-back:hover{opacity:1;text-decoration:underline}.cb-title{font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.cb-total-pill{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.55rem 1.5rem;font-weight:800;font-size:1rem;min-width:130px;justify-content:center}.cb-coin{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--accent);color:#181203;font-size:.72rem;font-weight:800;box-shadow:inset 0 -2px 3px rgba(0,0,0,.25)}.cb-coin.dark{background:#181203;color:var(--accent);box-shadow:none}.cb-cases{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:1.5rem}.cb-add-case,.cb-case-card{background:var(--card);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.4rem;position:relative}.cb-add-case{color:var(--white);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);justify-content:center;gap:.6rem}.cb-add-case:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--card) 95%,var(--accent) 5%);box-shadow:0 10px 24px rgba(0,0,0,.22);transform:translateY(-2px)}.cb-add-plus{border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);background:color-mix(in srgb,var(--bg) 62%,transparent);color:var(--accent);font-size:1.6rem;font-weight:700;line-height:1}.cb-add-case span:last-child{font-size:.9rem;font-weight:800}.cb-case-card{border:1px solid var(--border)}.cb-case-card img{width:136px;height:136px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.cb-case-name{font-size:.82rem;font-weight:800;text-align:center;line-height:1.2}.cb-case-price{font-size:.74rem;color:var(--accent);margin-top:-.05rem}.cb-case-remove{position:absolute;top:8px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--muted);border:none;color:var(--white);font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.cb-case-card:hover .cb-case-remove{opacity:.85}.cb-case-remove:hover{opacity:1!important;background:#ef4444}.cb-section-title{font-size:1.05rem;font-weight:800;margin-bottom:.85rem}.cb-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.4rem}.cb-mode{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;background:var(--card);border:1px solid transparent;border-radius:var(--radius);padding:1rem 1.1rem;text-align:left;min-height:86px;transition:border-color .15s,background .15s}.cb-mode:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.cb-mode.active{border-color:var(--accent);background:color-mix(in srgb,var(--card) 92%,var(--accent) 8%)}.cb-mode.active .cb-mode-name{color:var(--accent)}.cb-mode-name{font-size:.88rem;font-weight:800;margin-bottom:.25rem;white-space:nowrap}.cb-mode-desc{font-size:.72rem;color:color-mix(in srgb,var(--white) 55%,transparent);font-weight:600;line-height:1.4}.cb-mode-icon{flex-shrink:0;opacity:.25;margin-top:.1rem}.cb-mode.active .cb-mode-icon{opacity:.7;color:var(--accent)}.cb-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1rem}.cb-option{display:flex;align-items:center;gap:.85rem;background:var(--card);border:1px solid transparent;border-radius:var(--radius);padding:1rem 1.1rem;min-height:86px}.cb-option-text{flex:1;min-width:0}.cb-option-name{font-size:.88rem;font-weight:800;margin-bottom:.2rem}.cb-option-desc{font-size:.72rem;color:color-mix(in srgb,var(--white) 55%,transparent);font-weight:600;line-height:1.4}.cb-option-icon{flex-shrink:0;opacity:.25}.cb-option-funded{grid-column:1;justify-content:space-between}.cb-switch{width:46px;height:26px;border-radius:13px;border:none;flex-shrink:0;background:var(--muted);position:relative;transition:background .2s}.cb-switch .cb-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.cb-switch.on{background:var(--accent)}.cb-switch.on .cb-knob{transform:translateX(20px);background:#fff}.cb-counter{display:flex;align-items:center;gap:.55rem}.cb-case-card .cb-counter{margin-top:.35rem}.cb-counter-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--muted);color:var(--white);font-size:.95rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.cb-counter-btn:hover{background:var(--accent);color:#fff}.cb-counter-value{min-width:20px;text-align:center;font-weight:800;font-size:.95rem}.cb-counter.small .cb-counter-btn{width:24px;height:24px;font-size:.82rem}.cb-counter.small .cb-counter-value{font-size:.85rem}.cb-teams{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:1.4rem 0}.cb-team-opt{display:flex;align-items:center;gap:.35rem;background:0 0;border:none;border-radius:999px;padding:.6rem 1.05rem;color:var(--white);opacity:.4;transition:opacity .15s,background .2s,color .2s,transform .1s}.cb-team-opt:hover{opacity:.75}.cb-team-opt.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 90%,#fff) 0,var(--accent) 100%);color:#181203;opacity:1}.cb-person{display:block;width:15px;height:15px}.cb-vs{font-size:.72rem;font-weight:800;margin:0 .05rem;opacity:.8}.cb-create-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:0 auto;min-width:280px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 90%,#fff) 0,var(--accent) 100%);border:none;border-radius:var(--radius);padding:.95rem 2rem;font-size:.98rem;font-weight:800;color:#fffF;box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 30%,transparent);transition:filter .15s,transform .1s,box-shadow .15s}.cb-create-btn:hover{filter:brightness(1.07);box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 40%,transparent)}.cb-create-btn:active{transform:scale(.98)}.cb-create-btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}.cb-modal-overlay[hidden]{display:none}.cb-modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:.18s ease-out both cb-modal-overlay-in}.cb-modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:880px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.55);transform-origin:50% 48%;animation:.24s cubic-bezier(.16,1,.3,1) both cb-modal-in;will-change:transform,opacity}.cb-modal-overlay.is-closing{pointer-events:none;animation:.14s ease-in both cb-modal-overlay-out}.cb-modal-overlay.is-closing .cb-modal{animation:.14s ease-in both cb-modal-out}@keyframes cb-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes cb-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes cb-modal-in{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cb-modal-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@media (prefers-reduced-motion:reduce){.cb-modal,.cb-modal-overlay,.cb-modal-overlay.is-closing,.cb-modal-overlay.is-closing .cb-modal{animation:none}}.cb-modal-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border)}.cb-modal-head h3{grid-column:2;font-size:1.05rem;font-weight:800}.cb-modal-back{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:.35rem;min-height:30px;padding:0;border:0;background:0 0;color:var(--muted-fg);font-size:.82rem;font-weight:800;transition:color .15s}.cb-modal-back:focus-visible,.cb-modal-back:hover{color:var(--white)}.cb-modal-back:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:3px}.cb-modal-back .icon{flex:0 0 auto}.cb-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem;padding:1.1rem;overflow-y:auto}.cb-modal-card{background:var(--card);border:1px solid transparent;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .7rem .85rem;transition:border-color .15s,transform .1s,box-shadow .15s;cursor:pointer}.cb-modal-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.35)}.cb-modal-card:active{transform:translateY(-1px) scale(.99)}.cb-modal-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--card) 92%,var(--accent) 8%)}.cb-modal-card img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}.cb-modal-foot{padding:1rem 1.4rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.cb-modal-done{background:var(--accent);border:none;border-radius:var(--radius);padding:.65rem 1.75rem;font-weight:800;color:#181203;transition:filter .15s}.cb-modal-done:hover{filter:brightness(1.08)}@media (max-width:1024px){.cb-modes,.cb-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cb-topbar{grid-template-columns:1fr;gap:.75rem}.cb-total-pill{grid-column:1;justify-self:start}.cb-modes,.cb-options{grid-template-columns:1fr}.cb-mode,.cb-option{min-height:0}.cb-add-case,.cb-case-card{width:calc(50% - .45rem);min-height:210px}.cb-create-btn{width:100%}}.bplay-wrap{display:flex;flex-direction:column;position:relative;height:calc(100dvh - var(--nav-h,61px));min-height:560px;overflow:auto;background:radial-gradient(1000px 460px at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent) 0,transparent 62%),var(--bg);color:var(--white)}.bplay-topbar{display:grid;grid-template-columns:1fr minmax(260px,auto) 1fr;align-items:start;gap:1rem;padding:.55rem max(1rem,(100% - 1180px) / 2 + 1rem) .75rem;min-height:86px;flex-shrink:0;background:color-mix(in srgb,var(--card) 90%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.bplay-pack-reel{display:none;gap:.6rem;padding:.9rem max(1rem,(100% - 1280px) / 2 + 1rem);overflow-x:auto;flex-shrink:0;background:color-mix(in srgb,var(--card) 70%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.bplay-pack-reel.is-active{display:flex}.bplay-pack-reel::-webkit-scrollbar{display:none}.bplay-pack-card{flex:0 0 auto;width:clamp(96px,11vw,140px);display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .4rem;border-radius:10px;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.1));border:1px solid rgba(255,255,255,.05)}.bplay-pack-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px}.bplay-pack-card-price{font-size:.72rem;font-weight:900;color:var(--white)}.bplay-back{display:inline-flex;align-items:center;gap:.35rem;background:color-mix(in srgb,var(--secondary) 65%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.5rem;color:var(--muted-fg);font-size:.74rem;font-weight:700;padding:.34rem .7rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.bplay-back:hover{border-color:color-mix(in srgb,var(--accent) 65%,transparent);color:var(--white);background:var(--secondary)}.bplay-meta{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:0;overflow:hidden}.bplay-packs{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-shrink:0}.bplay-pack-thumb{width:36px;height:36px;border-radius:3px;object-fit:cover;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);flex-shrink:0}.bplay-meta-divider{color:color-mix(in srgb,var(--white) 14%,transparent)}.bplay-item-info{flex-direction:column;align-items:center;min-width:0}.bplay-item-info-name{font-size:.72rem;color:var(--white);max-width:180px}.bplay-item-info-val{font-size:.66rem;font-weight:900;color:#f5be50}.bplay-mode-badge{font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .58rem;border-radius:999px;flex-shrink:0;border:1px solid transparent}.bplay-round-stack{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.78rem;font-weight:900;color:var(--white)}.bplay-item-info,.bplay-meta-sep,.bplay-mode-badge,.bplay-pack-label,.bplay-pack-price{display:none}.bplay-actions{display:flex;justify-content:flex-end;align-items:flex-start;gap:1rem}.bplay-action{border:0;background:0 0;color:var(--white);display:inline-flex;align-items:center;gap:.35rem;padding:.2rem 0;font-size:.75rem;font-weight:800;cursor:pointer}.bplay-cancel-room{color:#fff;background:var(--accent);border-radius:.45rem;padding:.3rem .7rem}.bplay-cancel-room:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}.bplay-cancel-room[hidden]{display:none}.bplay-back{grid-column:1;grid-row:1;justify-self:start}.bplay-meta{grid-column:2;grid-row:1/span 2}.bplay-actions{grid-column:3;grid-row:1;justify-self:end}.bplay-mode-badge.normal{background:color-mix(in srgb,var(--accent) 18%,transparent);color:#fac75f;border-color:color-mix(in srgb,var(--accent) 38%,transparent)}.bplay-mode-badge.jackpot{background:rgba(245,158,11,.16);color:#fbbf24;border-color:rgba(245,158,11,.3)}.bplay-mode-badge.shared{background:rgba(232,115,14,.16);color:#f0a868;border-color:rgba(232,115,14,.34)}.bplay-round-label{font-size:.68rem;font-weight:800;color:var(--muted-fg);flex-shrink:0;padding:.22rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--secondary) 65%,transparent);border:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.bplay-topbar .bplay-round-label{padding:0;border:0;border-radius:0;background:0 0;color:var(--white);font-size:.78rem}.bplay-cost-label{font-size:.72rem;color:var(--muted-fg);white-space:nowrap;flex-shrink:0;margin-left:auto;padding:.32rem .72rem;border-radius:.5rem;background:color-mix(in srgb,var(--secondary) 65%,transparent);border:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.bplay-cost-label strong{color:#f5be50;font-weight:900}.bplay-body{display:flex;flex:1 1 auto;min-height:0;overflow:auto;position:relative;padding:.75rem clamp(1rem,4vw,6rem) 1.5rem}.bplay-countdown{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;font-size:6rem;font-weight:900;color:#fff;text-shadow:0 0 32px rgba(245,176,39,.85),0 6px 24px rgba(0,0,0,.6);background:rgba(0,0,0,.42);pointer-events:none;animation:.45s cubic-bezier(.2,1,.3,1) bplayCountPulse}.bplay-countdown.go{color:var(--accent);font-size:7rem}@keyframes bplayCountPulse{from{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.bplay-mode-strip,.bplay-side-nav{display:none}.bplay-loading{position:absolute;inset:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg);color:var(--muted-fg);font-size:.9rem;font-weight:800}.bplay-spinner{width:40px;height:40px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top-color:var(--accent);animation:.7s linear infinite bplay-spin}.bplay-mode-strip-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:.56rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#f5bb46}.bplay-mode-strip-label.blue{color:#f0984b}.bplay-mode-strip-label.cyan{color:#f5bb46}.bplay-arena{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(var(--bplay-slots,2),minmax(200px,300px));justify-content:center;align-items:start;gap:.55rem;overflow:visible;position:relative;width:min(950px,100%);margin:0 auto;padding:0}.bplay-divider{width:1.5rem;flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;position:relative;z-index:4}.bplay-divider-x{width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:900;color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent)}.bplay-col{min-width:0;height:auto;display:flex;flex-direction:column;gap:.55rem;position:relative;overflow:visible;background:0 0;border:0;border-radius:0}.bplay-col::before{content:none}.bplay-col-items{flex:1;overflow:visible;display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;gap:.45rem;padding:0;scrollbar-width:none}.bplay-col-items::-webkit-scrollbar{display:none}.bplay-round-cell{min-height:clamp(118px,17dvh,180px);display:flex;align-items:center;justify-content:center;border-radius:6px;background:color-mix(in srgb,var(--card) 82%,var(--bg));color:var(--white);font-size:.7rem;font-weight:900}.bplay-round-cell.has-result{align-items:stretch;justify-content:stretch;padding:0}.bplay-round-item{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.28rem;padding:.75rem .45rem .65rem;position:relative}.bplay-round-item-pct{position:absolute;top:.55rem;left:.55rem;font-size:.58rem;font-weight:800;color:color-mix(in srgb,var(--accent) 70%,var(--muted-fg))}.bplay-round-item-img{width:clamp(42px,5vw,72px);height:clamp(42px,5vw,72px);object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.bplay-round-item-name{width:100%;color:var(--muted-fg);font-size:.62rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bplay-round-item-val{color:var(--white);font-size:.72rem;font-weight:900}.bplay-empty-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.4rem 1rem;text-align:center}.bplay-empty-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);color:#f5bb46;display:flex;align-items:center;justify-content:center;animation:1.8s ease-in-out infinite bplay-pulse}.bplay-empty-icon svg{width:22px;height:22px}@keyframes bplay-pulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}.bplay-waiting-label{font-size:.74rem;font-weight:800;color:var(--muted-fg);letter-spacing:.02em}.bplay-item{width:100%;max-width:132px;display:flex;flex-direction:column;align-items:center;padding:.45rem .4rem .38rem;border-radius:.55rem;background:color-mix(in srgb,var(--secondary) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);animation:.38s cubic-bezier(.22,1,.36,1) both bplay-drop}.bplay-item.rarity-blue{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.07)}.bplay-item.rarity-purple{border-color:rgba(167,139,250,.42);background:rgba(167,139,250,.07)}.bplay-item.rarity-gold{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.08)}.bplay-item.rarity-red{border-color:rgba(239,68,68,.42);background:rgba(239,68,68,.06)}.bplay-item-pct{font-size:.56rem;color:var(--muted-fg);font-weight:700;align-self:flex-start;margin-bottom:.15rem}.bplay-item-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.bplay-item-name{font-size:.6rem;font-weight:700;color:var(--muted-fg);text-align:center;margin-top:.25rem;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bplay-item-val{font-size:.68rem;font-weight:900;color:var(--white);margin-top:.08rem}@keyframes bplay-drop{from{opacity:0;transform:translateY(-14px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}.bplay-player{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;padding:.5rem .55rem;flex-shrink:0;border:0;background:color-mix(in srgb,var(--card) 82%,var(--bg));border-radius:6px;transition:background .3s}.bplay-player.is-winner{background:color-mix(in srgb,var(--accent) 12%,transparent)}.bplay-player-avatar{width:26px;height:26px;border-radius:50%;background:var(--secondary);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900;color:var(--white);overflow:hidden;flex-shrink:0;transition:border-color .3s,box-shadow .3s}.bplay-player-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bplay-player-name{font-size:.68rem;font-weight:900;color:var(--white);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bplay-player-chance{margin-top:4px;padding:2px 11px;border-radius:5px;font-size:.76rem;font-weight:800;color:#fff;line-height:1.5}.bplay-player-chance[data-slot="0"]{background:#ef4444}.bplay-player-chance[data-slot="1"]{background:#f97316}.bplay-player-chance[data-slot="2"]{background:#eab308}.bplay-player-chance[data-slot="3"]{background:#db2777}.bplay-player-chance[data-slot="4"]{background:#ec4899}.bplay-player-chance[data-slot="5"]{background:#f59e0b}.bplay-player-score{font-size:.68rem;font-weight:900;padding:0;border-radius:0;background:0 0;color:var(--white);min-width:56px;text-align:center;transition:background .35s,color .35s,transform .2s}.bplay-player-score.winning{background:var(--accent);color:#fff;transform:scale(1.08);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 45%,transparent)}.bplay-join-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;margin:.45rem .6rem 0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff) 0,var(--accent) 100%);border:none;border-radius:.55rem;padding:.55rem .95rem;font-size:.76rem;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 32%,transparent);transition:filter .15s,transform .1s}.bplay-join-btn:hover{filter:brightness(1.08)}.bplay-join-btn:active{transform:scale(.97)}.bplay-join-btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}.bplay-callbots-btn{margin-top:.45rem;padding:.5rem 1.1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--secondary);color:var(--white);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.bplay-callbots-btn:hover{background:var(--muted)}.bplay-callbots-btn:active{transform:scale(.97)}.bplay-player.is-winner .bplay-player-avatar,.winner-glow .bplay-player-avatar{border-color:var(--accent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)!important}.bplay-tiebreak-overlay[hidden]{display:none}.bplay-tiebreak-overlay{position:absolute;inset:0;z-index:45;background:color-mix(in srgb,var(--bg) 94%,transparent);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:.35s both bplay-pop}.bplay-tiebreak-screen{width:min(880px,94%);text-align:center}.bplay-tiebreak-title{font-size:1.05rem;font-weight:800;color:var(--white);margin-bottom:1.4rem;letter-spacing:.02em}.bplay-tiebreak-track{position:relative;width:100%;height:92px;overflow:hidden;border-radius:.6rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent)}.bplay-tiebreak-strip{display:flex;height:100%;width:max-content;will-change:transform;transform:translateX(0)}.bplay-tiebreak-seg{height:100%;flex:0 0 auto;background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--seg) 100%,transparent) 0 12px,color-mix(in srgb,var(--seg) 82%,#000) 12px 24px);border-right:2px solid color-mix(in srgb,var(--bg) 60%,transparent)}.bplay-tiebreak-needle{position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;z-index:3;border-left:9px solid transparent;border-right:9px solid transparent;filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}.bplay-tiebreak-needle.top{top:-1px;border-top:13px solid #fff}.bplay-tiebreak-needle.bottom{bottom:-1px;border-bottom:13px solid #fff}.bplay-tiebreak-players{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;justify-content:center;margin-top:1.3rem}.bplay-tiebreak-chip{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--white)}.bplay-tiebreak-chip .dot{width:12px;height:12px;border-radius:3px;background:var(--seg);flex:0 0 auto}.bplay-tiebreak-chip .pct{color:var(--muted-fg);font-weight:600}.bplay-tiebreak-chip.is-winner{color:var(--accent)}.bplay-winner-overlay[hidden]{display:none}.bplay-winner-overlay{position:absolute;inset:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);display:flex;align-items:center;justify-content:center;padding:1.5rem}.bplay-winner-screen{text-align:center;animation:.5s cubic-bezier(.34,1.56,.64,1) both bplay-pop;max-width:100%}@keyframes bplay-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.bplay-winner-title{font-size:1.05rem;font-weight:800;color:var(--white);margin-bottom:1.5rem;letter-spacing:.02em}.bplay-winners-grid{display:flex;gap:2.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.7rem}.bplay-winner-card{background:0 0;border:none;box-shadow:none;padding:0;min-width:0;text-align:center;position:relative}.bplay-winner-crown{font-size:2rem;margin-bottom:-.7rem;position:relative;z-index:2;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.bplay-winner-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;margin:0 auto .65rem;background:var(--secondary);display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:900;color:#fff;border:3px solid color-mix(in srgb,var(--accent) 55%,transparent)}.bplay-winner-avatar img{width:100%;height:100%;object-fit:cover}.bplay-winner-name{font-size:1.02rem;font-weight:800;color:var(--white);margin-bottom:.2rem}.bplay-winner-value{font-size:.95rem;font-weight:900;color:#f5be50}.bplay-winner-actions{display:flex;flex-direction:column;align-items:center;gap:.7rem}.bplay-recreate-btn{background:#22c55e;border:none;border-radius:.55rem;padding:.78rem 2rem;font-size:.88rem;font-weight:800;color:#fff;cursor:pointer;transition:filter .15s,transform .1s}.bplay-recreate-btn:hover{filter:brightness(1.08)}.bplay-recreate-btn:active{transform:scale(.97)}.bplay-newbattle-btn{background:var(--secondary);border:1px solid var(--border);border-radius:.55rem;padding:.6rem 1.6rem;font-size:.82rem;font-weight:700;color:var(--white);cursor:pointer;transition:background .15s}.bplay-newbattle-btn:hover{background:var(--muted)}.bplay-items-footer{display:flex;gap:.4rem;padding:.5rem .9rem;flex-shrink:0;background:color-mix(in srgb,var(--card) 90%,transparent);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);scrollbar-width:none;display:flex;justify-content:flex-start;gap:clamp(.8rem,1.45vw,1.4rem);padding:3.3rem clamp(1rem,4vw,6rem) 3.9rem;overflow-x:auto;overflow-y:hidden;max-height:none;min-height:0;flex-shrink:0;background:radial-gradient(900px 260px at 50% 45%,rgba(255,255,255,.035),transparent 70%),color-mix(in srgb,var(--bg) 94%,#000);border-top:0;border-bottom:1px solid color-mix(in srgb,var(--border) 30%,transparent);scrollbar-width:none}.bplay-items-footer::-webkit-scrollbar{display:none}.bplay-items-footer:empty{display:none}.bplay-footer-item{position:relative;flex:0 0 clamp(82px,6.4vw,122px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;background:0 0;border:0;border-radius:0;padding:0;min-height:0;transition:border-color .15s,transform .1s}.bplay-footer-item:hover{transform:translateY(-2px)}.bplay-footer-item .bplay-item-pct{position:absolute;top:.45rem;left:.55rem;font-size:.6rem;font-weight:700;color:var(--muted-fg)}.bplay-footer-item .bplay-item-img{width:100%;height:clamp(124px,9.6vw,184px);object-fit:cover;border-radius:5px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.45))}.bplay-footer-item .bplay-item-info-name,.bplay-item-info-name{position:absolute;top:1rem;left:.4rem;right:.4rem;font-size:clamp(.58rem, .75vw, .9rem);font-weight:900;color:var(--white);text-align:center;line-height:1.08;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-shadow:0 2px 7px rgba(0,0,0,.75)}.bplay-footer-item .bplay-item-info-val{font-size:.72rem;font-weight:900;color:var(--white)}.bplay-total-cost{grid-column:3;grid-row:2;justify-self:end;font-size:.78rem;color:var(--white);white-space:nowrap;flex-shrink:0;margin-left:auto;padding:0;border-radius:0;background:0 0;border:0}.bplay-total-cost strong{color:#f5be50;font-weight:900}@media (max-width:900px){.bplay-wrap{min-height:520px}.bplay-topbar{grid-template-columns:1fr;justify-items:center}.bplay-back{justify-self:start}.bplay-actions{justify-self:center}.bplay-arena{grid-template-columns:repeat(var(--bplay-slots,2),minmax(96px,1fr));justify-content:center;overflow-x:auto;width:100%}.bplay-items-footer{padding-block:2rem 2.3rem}}@media (max-width:560px){.bplay-wrap{height:calc(100dvh - var(--mobile-nav-h,56px));min-height:500px}.bplay-topbar{padding:.45rem .65rem;gap:.45rem}.bplay-meta{justify-content:flex-start}.bplay-items-footer{padding-inline:0.75rem}.bplay-footer-item{flex-basis:88px}}.bplay-spin-window{width:100%;height:276px;margin-bottom:10px;border-radius:12px;overflow:hidden;background:0 0;border:0;display:flex;position:relative}.bplay-spin-window:empty{display:none}.bplay-reel-window{position:relative;width:100%;height:276px;overflow:hidden;margin:auto 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.bplay-reel-strip{display:flex;flex-direction:column;align-items:center;will-change:transform;transform:translateZ(0)}.bplay-reel-cell{height:92px;flex:0 0 92px;width:100%;max-width:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:.55;contain:layout paint}.bplay-reel-cell .bplay-item-img{width:46px;height:46px;object-fit:contain;filter:none;transition:filter .25s}.bplay-reel-cell .bplay-item-name{font-size:.58rem;color:var(--muted-fg);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bplay-reel-cell .bplay-item-val{font-size:.66rem;font-weight:900;color:var(--accent)}.bplay-reel-cell.bplay-reel-won{opacity:1;animation:.45s cubic-bezier(.22,1,.36,1) both bplayWonPop}.bplay-reel-cell.bplay-reel-won .bplay-item-img{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 75%, transparent))}.bplay-reel-cell.bplay-reel-won .bplay-item-val{color:var(--white)}@keyframes bplayWonPop{0%{transform:scale(1)}55%{transform:scale(1.16)}100%{transform:scale(1.08)}}.btn-create-battle{font-size:.82rem;padding:.52rem .95rem}.battles-page{gap:1.25rem}.battle-card-full{padding:.85rem 1rem;grid-template-columns:178px 1fr auto auto;gap:1rem}.bcf-pack{width:40px;height:52px}.bcf-avatar,.bcf-empty-slot{width:28px;height:28px}.battles-toolbar{margin-bottom:1rem}.battles-sort{font-size:.76rem;padding-block:0.46rem}.battles-list{gap:.65rem}@media (max-width:1024px){.battles-sidebar{display:none}.battles-page{flex-direction:column}}@media (max-width:768px){.battle-card-full{grid-template-columns:1fr auto;gap:.7rem}.bcf-packs{display:none}}@media (max-width:640px){.battle-card-full{grid-template-columns:1fr}.bcf-action{align-items:stretch}.bcf-unboxed{text-align:left}}.cb-cases{align-items:center}.cb-add-case{width:46px;height:46px;min-height:46px;flex:0 0 46px;align-self:center;isolation:isolate;display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--secondary) 74%,var(--bg));color:var(--white);box-shadow:none;transition:border-color .16s,background .16s,transform .12s,color .16s}.cb-add-case::before{content:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px);opacity:.8}.cb-add-case::after{content:none;position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.cb-add-case:hover{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:var(--accent);color:#fff;transform:scale(1.04)}.cb-add-case:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px}.cb-add-top{width:100%;color:color-mix(in srgb,var(--muted-fg) 72%,transparent);font-size:.62rem;font-weight:900;letter-spacing:.08em;line-height:1;text-align:left;text-transform:uppercase}.cb-add-plus{width:100%;height:100%;display:grid;place-items:center;border:0;border-radius:inherit;background:0 0;color:var(--accent);box-shadow:none}.cb-add-case:hover .cb-add-plus{color:#fff}.cb-add-title{color:var(--white);font-size:1rem;font-weight:950;line-height:1.1}.cb-add-case .cb-add-meta{min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .68rem;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--secondary) 76%,transparent);color:color-mix(in srgb,var(--muted-fg) 78%,transparent);font-size:.68rem;font-weight:900}.cb-case-card{width:190px;min-height:220px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--card) 92%,var(--bg));padding:.85rem;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .16s,transform .12s,box-shadow .16s}.cb-case-card::before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}.cb-case-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 12px 28px rgba(0,0,0,.22);transform:translateY(-2px)}.cb-case-card img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.48));margin-top:.1rem}.cb-case-name{width:100%;font-weight:850;margin-top:.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-case-price{font-weight:900}@media (max-width:560px){.cb-case-card{width:calc(50% - .45rem);min-height:214px}.cb-add-case{width:44px;height:44px;min-height:44px;flex-basis:44px}}@media (max-width:360px){.cb-case-card{width:100%}.cb-add-case{width:44px;flex-basis:44px}}#page-battles .battles-page.container{width:100%;max-width:1200px;display:block;padding:clamp(1rem,2.4vw,2rem) 1.25rem 3rem}#page-battles .chat-sidebar{display:none}#page-battles .battles-header{margin:0 0 .9rem;padding:0 0 0 .85rem}#page-battles .battles-header::before{content:"";position:absolute;left:0;top:.1rem;bottom:.1rem;width:3px;border-radius:4px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 24%,transparent));opacity:1}#page-battles .battles-title{letter-spacing:0;font-size:1.35rem}#page-battles .battles-subtitle{opacity:1}#page-battles .battles-toolbar{margin-bottom:1rem;padding:.72rem;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),color-mix(in srgb,var(--card) 84%,var(--bg));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}#page-battles .battles-toolbar-left{flex:1 1 780px;display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(190px,.95fr);gap:.55rem;min-width:0}#page-battles .battles-filter-box,#page-battles .battles-search{min-width:0;min-height:40px;border:1px solid color-mix(in srgb,var(--border) 42%,transparent);border-radius:7px;background:color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}#page-battles .battles-filter-box:focus-within,#page-battles .battles-search:focus-within,#page-battles .battles-sort:focus{border-color:color-mix(in srgb,var(--accent) 64%,transparent)}#page-battles .battles-filter-box input,#page-battles .battles-search input{font-size:.82rem}#page-battles .battles-filter-tag{background:color-mix(in srgb,var(--secondary) 78%,#000);color:color-mix(in srgb,var(--white) 84%,var(--muted-fg))}#page-battles .battles-sort-wrap{width:100%}#page-battles .battles-sort{width:100%;min-height:40px;border:1px solid color-mix(in srgb,var(--border) 42%,transparent);border-radius:7px;background:color-mix(in srgb,var(--bg) 72%,transparent);font-weight:850}#page-battles .btn-create-battle{min-height:40px;border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff 8%),var(--accent));font-weight:950;box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 16%,transparent)}#page-battles .battles-list{gap:.82rem}#page-battles .battle-card-full{border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 48%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 42%),color-mix(in srgb,var(--card) 84%,var(--bg));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}#page-battles .battle-card-full::before{width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 72%,var(--accent)),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 32%,transparent)}#page-battles .battle-card-full:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 18px 36px rgba(0,0,0,.28)}#page-battles .bcf-mode-badge,#page-battles .bcf-pack-more,#page-battles .btn-view-battle{border-radius:999px}#page-battles .bcf-pack,#page-battles .bcf-pack-more,#page-battles .btn-view-battle{border-color:color-mix(in srgb,var(--border) 42%,transparent);background:color-mix(in srgb,var(--bg) 70%,transparent)}#page-battles .btn-join-battle{border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff 8%),var(--accent));box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 16%,transparent)}#page-battles .battles-empty{min-height:350x;border-radius:8px;border:1px dashed color-mix(in srgb,var(--border) 66%,transparent);background:color-mix(in srgb,var(--card) 60%,transparent)}@media (max-width:760px){#page-battles .battles-page.container{padding-inline:.75rem}#page-battles .battles-toolbar{align-items:stretch}#page-battles .battles-toolbar-left{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}#page-battles .battles-search,#page-battles .battles-sort-wrap{grid-column:1/-1}#page-battles .battles-filter-box,#page-battles .battles-search,#page-battles .battles-sort,#page-battles .battles-sort-wrap,#page-battles .btn-create-battle{width:100%}}@media (max-width:420px){#page-battles .battles-toolbar-left{grid-template-columns:1fr}#page-battles .battles-search,#page-battles .battles-sort-wrap{grid-column:auto}}#page-create-battle .cb-page.container{overflow:hidden;width:min(100%,1120px);max-width:1120px;min-height:520px;display:grid;gap:1rem;margin:clamp(1rem,2vw,2rem) auto 3rem}#page-create-battle .cb-page.container::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%,transparent 82%,rgba(0,0,0,.22)),url("/img/halloween-bg.svg") center/cover no-repeat;opacity:.12}#page-create-battle .cb-page.container>*{position:relative;z-index:1}#page-create-battle .cb-topbar{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,520px) minmax(150px,1fr);align-items:start;gap:1rem;margin:0}#page-create-battle .cb-topbar-left{display:contents}#page-create-battle .cb-back{grid-column:1;min-height:30px;display:inline-flex;align-items:center;justify-self:start;gap:.35rem;margin:0;border:0;background:0 0;color:color-mix(in srgb,var(--muted-fg) 86%,transparent);font-size:.78rem;font-weight:850;text-decoration:none}#page-create-battle .cb-back:focus-visible,#page-create-battle .cb-back:hover{color:var(--white);text-decoration:none}#page-create-battle .cb-back .icon{flex:0 0 auto}#page-create-battle .cb-title{grid-column:2;justify-self:center;margin:0;color:var(--white);font-size:clamp(1.2rem, 1.7vw, 1.55rem);font-weight:950;line-height:1.05;text-align:center;letter-spacing:0}#page-create-battle .cb-title::before{content:"CASE BUILDER";display:block;margin-bottom:.35rem;color:var(--accent);font-size:.64rem;font-weight:950;letter-spacing:.02em}#page-create-battle .cb-total-pill{grid-column:3;justify-self:end;min-width:136px;min-height:42px;padding:0 .95rem;border:1px solid color-mix(in srgb,var(--border) 46%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);color:var(--white);font-size:.95rem;font-weight:950}#page-create-battle .cb-coin{background:var(--accent);color:#fff}#page-create-battle .cb-coin.dark{background:color-mix(in srgb,#000 78%,var(--bg));color:var(--accent)}#page-create-battle .cb-cases{position:relative;min-height:244px;display:flex;align-items:center;justify-content:center;gap:.9rem;margin:.15rem 0 .35rem;padding:1rem clamp(.5rem,3vw,2.5rem)}#page-create-battle .cb-cases::after,#page-create-battle .cb-cases::before{content:"";position:absolute;top:50%;width:clamp(92px,14vw,190px);height:130px;pointer-events:none;opacity:.58}#page-create-battle .cb-cases::before{left:clamp(.2rem,3vw,2.8rem);border-left:2px solid color-mix(in srgb,var(--accent) 38%,transparent);border-top:2px solid color-mix(in srgb,var(--accent) 14%,transparent);transform:translateY(-50%) skewX(-30deg)}#page-create-battle .cb-cases::after{right:clamp(.2rem,3vw,2.8rem);border-right:2px solid color-mix(in srgb,var(--accent) 38%,transparent);border-top:2px solid color-mix(in srgb,var(--accent) 14%,transparent);transform:translateY(-50%) skewX(30deg)}#page-create-battle .cb-case-card{width:174px;min-height:210px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 42%),color-mix(in srgb,var(--card) 86%,var(--bg));border:1px solid color-mix(in srgb,var(--border) 48%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}#page-create-battle .cb-case-card:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 18px 36px rgba(0,0,0,.28)}#page-create-battle .cb-case-card img{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.5))}#page-create-battle .cb-case-name{color:var(--white);font-size:.78rem;font-weight:950;letter-spacing:0}#page-create-battle .cb-case-price{color:var(--accent);font-size:.72rem;font-weight:950}#page-create-battle .cb-counter.small{gap:.5rem}#page-create-battle .cb-counter-btn{width:24px;height:24px;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 42%,transparent)}#page-create-battle .cb-counter-btn:hover{background:var(--accent);color:#fff}#page-create-battle .cb-add-case{width:58px;height:58px;min-height:58px;flex:0 0 58px;display:grid;place-items:center;align-self:center;padding:0;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s,background .16s,color .16s,transform .12s}#page-create-battle .cb-add-case:hover{border-color:color-mix(in srgb,var(--accent) 72%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--white);transform:translateY(-1px)}#page-create-battle .cb-add-plus{width:100%;height:100%;display:grid;place-items:center;border:0;border-radius:inherit;background:0 0;color:currentColor}#page-create-battle .cb-add-plus .icon{width:22px;height:22px;stroke-width:2.4}#page-create-battle .cb-section-title{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;color:var(--white);font-size:clamp(.95rem, 1.3vw, 1.15rem);font-weight:950;text-align:center}#page-create-battle .cb-section-title::after,#page-create-battle .cb-section-title::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 68%,transparent)}#page-create-battle .cb-modes{width:min(100%,640px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0 auto .1rem}#page-create-battle .cb-mode{min-height:92px;padding:.9rem 1rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 42%,transparent);background:color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}#page-create-battle .cb-mode:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent)}#page-create-battle .cb-mode.active{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 56%),color-mix(in srgb,var(--bg) 70%,transparent)}#page-create-battle .cb-mode-desc{color:color-mix(in srgb,var(--muted-fg) 90%,transparent)}#page-create-battle .cb-mode.active .cb-mode-icon{color:var(--accent);opacity:.95}#page-create-battle .cb-teams{gap:.55rem;margin:.3rem 0 .25rem}#page-create-battle .cb-team-opt{min-height:34px;padding:.45rem .82rem;border:1px solid transparent;background:0 0;color:color-mix(in srgb,var(--muted-fg) 88%,transparent);opacity:1}#page-create-battle .cb-team-opt.active,#page-create-battle .cb-team-opt:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--white)}#page-create-battle .cb-create-btn{min-width:300px;min-height:48px;margin-top:.15rem;border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff 8%),var(--accent));color:#fff;font-size:.9rem;font-weight:950;box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 20%,transparent)}#page-create-battle .cb-modal{border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%),color-mix(in srgb,var(--bg) 96%,#170705)}#page-create-battle .cb-modal-card{border-radius:8px;background:color-mix(in srgb,var(--card) 84%,var(--bg));border-color:color-mix(in srgb,var(--border) 42%,transparent)}#page-create-battle .cb-modal-card.selected{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 14%,var(--card))}#page-battle-play .bplay-wrap{min-height:calc(100dvh - var(--nav-h,61px));background:0 0}#page-battle-play .bplay-body,#page-battle-play .bplay-items-footer,#page-battle-play .bplay-pack-reel,#page-battle-play .bplay-topbar{margin-inline:auto}#page-battle-play .bplay-topbar{top:auto;grid-template-columns:minmax(140px,1fr) minmax(0,440px) minmax(170px,1fr);align-items:start;gap:1rem;border:1px solid color-mix(in srgb,var(--border) 42%,transparent);background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 26%,transparent 74%,rgba(0,0,0,.3)),color-mix(in srgb,var(--bg) 92%,#170705);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:none}#page-battle-play .bplay-back{border-color:color-mix(in srgb,var(--border) 42%,transparent);background:color-mix(in srgb,var(--bg) 68%,transparent);color:color-mix(in srgb,var(--muted-fg) 86%,transparent)}#page-battle-play .bplay-back:hover{border-color:color-mix(in srgb,var(--accent) 54%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--white)}#page-battle-play .bplay-meta{gap:.36rem}#page-battle-play .bplay-pack-thumb{width:38px;object-fit:contain;background:color-mix(in srgb,var(--bg) 70%,transparent)}#page-battle-play .bplay-topbar .bplay-round-label{color:var(--white);font-weight:950;text-transform:uppercase}#page-battle-play .bplay-actions{gap:.5rem}#page-battle-play .bplay-action{border:1px solid color-mix(in srgb,var(--border) 42%,transparent);background:color-mix(in srgb,var(--bg) 68%,transparent);color:color-mix(in srgb,var(--white) 84%,var(--muted-fg))}#page-battle-play .bplay-action:hover{border-color:color-mix(in srgb,var(--accent) 54%,transparent);color:var(--white)}#page-battle-play .bplay-cancel-room{border-color:color-mix(in srgb,var(--accent) 64%,transparent);background:color-mix(in srgb,var(--accent) 78%,#000)}#page-battle-play .bplay-total-cost{grid-column:3;grid-row:2;justify-self:end;color:color-mix(in srgb,var(--muted-fg) 86%,transparent);font-weight:850}#page-battle-play .bplay-total-cost strong{color:var(--accent)}#page-battle-play .bplay-pack-reel{margin-bottom:.8rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--border) 38%,transparent);border-radius:8px;background:color-mix(in srgb,var(--bg) 74%,transparent)}#page-battle-play .bplay-pack-card{border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 56%),color-mix(in srgb,var(--card) 82%,var(--bg));border-color:color-mix(in srgb,var(--border) 44%,transparent)}#page-battle-play .bplay-body{flex:0 0 auto;align-items:center;border:1px solid color-mix(in srgb,var(--border) 42%,transparent);background:radial-gradient(620px 280px at 50% 43%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 72%),linear-gradient(90deg,rgba(0,0,0,.32),transparent 24%,transparent 76%,rgba(0,0,0,.34)),color-mix(in srgb,var(--bg) 92%,#170705);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 60px rgba(0,0,0,.2)}#page-battle-play .bplay-body::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%,transparent 82%,rgba(0,0,0,.2)),url("/img/halloween-bg.svg") center/cover no-repeat;opacity:.1}#page-battle-play .bplay-body>*{position:relative;z-index:1}#page-battle-play .bplay-arena{display:grid;grid-template-columns:repeat(var(--bplay-slots,2),minmax(230px,340px));gap:.7rem;align-items:stretch;justify-content:start;overflow-x:auto;margin-inline:auto;scrollbar-width:none}#page-battle-play .bplay-arena::-webkit-scrollbar{display:none}#page-battle-play .bplay-col{gap:.6rem;border:1px solid color-mix(in srgb,var(--border) 38%,transparent);background:color-mix(in srgb,var(--bg) 68%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}#page-battle-play .bplay-player{gap:.16rem;border:1px solid color-mix(in srgb,var(--border) 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 58%),color-mix(in srgb,var(--card) 80%,var(--bg))}#page-battle-play .bplay-player.is-winner{border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%),color-mix(in srgb,var(--card) 82%,var(--bg))}#page-battle-play .bplay-player-avatar{border-color:color-mix(in srgb,var(--border) 54%,transparent)}#page-battle-play .bplay-player-name{color:var(--white)}#page-battle-play .bplay-player-score{color:var(--white);font-weight:950}#page-battle-play .bplay-player-score.winning{border-radius:999px;padding:.14rem .5rem;background:var(--accent)}#page-battle-play .bplay-col-items{gap:.46rem}#page-battle-play .bplay-preview-stage{position:relative;display:block;min-height:clamp(220px,31dvh,280px);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 30%,transparent);border-radius:7px;background:radial-gradient(220px 150px at 50% 46%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 72%),color-mix(in srgb,var(--card) 64%,var(--bg))}#page-battle-play .bplay-float-card{position:absolute;left:var(--x);top:var(--y);width:78px;height:58px;display:grid;place-items:center;padding:.42rem;border:1px solid color-mix(in srgb,var(--border) 38%,transparent);border-radius:6px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 62%),color-mix(in srgb,var(--bg) 74%,transparent);box-shadow:0 12px 26px rgba(0,0,0,.28);transform:translate(-50%,-50%) rotate(var(--rot));opacity:.52;animation:bplayFloatCard 4.2s ease-in-out var(--d) infinite}#page-battle-play .bplay-float-card.is-prize{background:0 0;border-color:transparent;box-shadow:none;opacity:.62}#page-battle-play .bplay-float-card.is-prize img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.44));filter:drop-shadow(0 14px 18px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(92, 110, 255, .34))}#page-battle-play .bplay-ticket-brand,#page-battle-play .bplay-ticket-value{display:block;width:100%;text-align:center;line-height:1.05}#page-battle-play .bplay-ticket-brand{color:color-mix(in srgb,var(--muted-fg) 70%,transparent);font-size:.46rem;font-weight:950;text-transform:uppercase}#page-battle-play .bplay-ticket-value{color:var(--accent);font-size:.58rem;font-weight:950}#page-battle-play .bplay-preview-stage .bplay-empty-slot{position:absolute;inset:auto .7rem .7rem;min-height:86px;padding:.75rem;border:1px solid color-mix(in srgb,var(--border) 34%,transparent);border-radius:7px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(4px)}@keyframes bplayFloatCard{0%,100%{translate:0 0}50%{translate:0 -8px}}#page-battle-play .bplay-round-cell{border:1px solid color-mix(in srgb,var(--border) 34%,transparent);background:color-mix(in srgb,var(--card) 74%,var(--bg));color:color-mix(in srgb,var(--muted-fg) 76%,transparent)}#page-battle-play .bplay-round-cell.has-result{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}#page-battle-play .bplay-reel-window{border-radius:8px;background:color-mix(in srgb,var(--bg) 70%,transparent)}#page-battle-play .bplay-join-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff 8%),var(--accent));color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 18%,transparent)}#page-battle-play .bplay-callbots-btn{border-color:color-mix(in srgb,var(--border) 42%,transparent);background:color-mix(in srgb,var(--bg) 68%,transparent)}#page-battle-play .bplay-items-footer{justify-content:center;gap:.62rem;margin-top:.8rem;padding:.85rem;overflow-x:auto;overflow-y:hidden;border:1px solid color-mix(in srgb,var(--border) 38%,transparent);border-radius:8px;background:color-mix(in srgb,var(--bg) 74%,transparent);scrollbar-width:none}#page-battle-play .bplay-items-footer:empty,#page-battle-play .bplay-items-footer[hidden]{display:none}#page-battle-play .bplay-items-footer::-webkit-scrollbar{display:none}#page-battle-play .bplay-footer-item{flex:0 0 118px;min-height:150px;display:grid;grid-template-rows:1fr auto auto;align-items:end;justify-items:center;gap:.12rem;padding:.78rem .5rem .58rem;border:1px solid color-mix(in srgb,var(--border) 34%,transparent);border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 50%),color-mix(in srgb,var(--card) 78%,var(--bg))}#page-battle-play .bplay-footer-item .bplay-item-img{width:82px;height:82px;object-fit:contain;border-radius:0;filter:drop-shadow(0 10px 12px rgba(0,0,0,.42))}#page-battle-play .bplay-footer-item .bplay-item-info-name{position:static;width:100%;color:var(--white);font-size:.6rem;font-weight:950;line-height:1.15;text-align:center;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-battle-play .bplay-footer-item .bplay-item-info-val{color:var(--accent);font-size:.62rem;font-weight:950}#page-battle-play .bplay-footer-item .bplay-item-pct{position:absolute;top:.42rem;right:.48rem;left:auto;color:color-mix(in srgb,var(--muted-fg) 78%,transparent);font-size:.56rem}#page-battle-play .bplay-tiebreak-screen,#page-battle-play .bplay-winner-screen{border:1px solid color-mix(in srgb,var(--border) 42%,transparent);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%),color-mix(in srgb,var(--bg) 94%,#170705);box-shadow:0 22px 60px rgba(0,0,0,.42);padding:clamp(1.3rem,3vw,2.2rem)}@media (max-width:860px){#page-create-battle .cb-page.container{min-height:0;padding-inline:.9rem}#page-create-battle .cb-topbar{grid-template-columns:1fr;justify-items:center;text-align:center}#page-create-battle .cb-back,#page-create-battle .cb-title,#page-create-battle .cb-total-pill{grid-column:1}#page-create-battle .cb-back{justify-self:start}#page-create-battle .cb-total-pill{justify-self:center}#page-create-battle .cb-cases{min-height:210px}#page-create-battle .cb-cases::after,#page-create-battle .cb-cases::before{display:none}#page-battle-play .bplay-topbar{grid-template-columns:1fr;justify-items:center;text-align:center}#page-battle-play .bplay-actions,#page-battle-play .bplay-back,#page-battle-play .bplay-meta,#page-battle-play .bplay-total-cost{grid-column:1;grid-row:auto}#page-battle-play .bplay-back{justify-self:start}#page-battle-play .bplay-actions,#page-battle-play .bplay-total-cost{justify-self:center}#page-battle-play .bplay-body{min-height:420px;padding:.85rem}#page-battle-play .bplay-arena{grid-template-columns:repeat(var(--bplay-slots,2),minmax(150px,72vw));justify-content:start}}@media (max-width:560px){#page-battle-play .bplay-wrap,#page-create-battle .cb-page.container{padding-inline:.65rem}#page-create-battle .cb-cases{justify-content:flex-start;min-height:0;padding-inline:.2rem;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}#page-create-battle .cb-cases::-webkit-scrollbar{display:none}#page-create-battle .cb-case-card{width:154px;min-height:198px;flex:0 0 154px}#page-create-battle .cb-add-case{width:54px;height:54px;min-height:54px;flex-basis:54px}#page-create-battle .cb-modes{grid-template-columns:1fr}#page-create-battle .cb-create-btn{width:100%;min-width:0}#page-battle-play .bplay-actions{width:100%;justify-content:center;flex-wrap:wrap}#page-battle-play .bplay-action{flex:1 1 130px;justify-content:center}#page-battle-play .bplay-body{min-height:390px}#page-battle-play .bplay-arena{grid-template-columns:repeat(var(--bplay-slots,2),minmax(142px,82vw))}#page-battle-play .bplay-col{min-width:142px}#page-battle-play .bplay-items-footer{justify-content:flex-start;padding:.65rem}#page-battle-play .bplay-footer-item{flex-basis:104px;min-height:138px}#page-battle-play .bplay-footer-item .bplay-item-img{width:72px;height:72px}}body[data-page=battle-play]{background:var(--bg);scroll-padding-top:82px}body[data-page=battle-play]::before{opacity:.7}#page-battle-play{min-height:auto;background:0 0;color:var(--white);scroll-margin-top:82px}#page-battle-play .bplay-wrap{position:relative;min-height:100dvh;height:auto;padding:1.15rem clamp(.9rem,2.4vw,2.1rem) 4rem;background:radial-gradient(720px 320px at 50% -6%,rgba(88,105,255,.14),transparent 70%),radial-gradient(540px 260px at 16% 8%,rgba(142,64,255,.12),transparent 68%),linear-gradient(180deg,#0d0b20 0,#0a0718 48%,#090716 100%);color:#f4f1ff}#page-battle-play .bplay-wrap::after,#page-battle-play .bplay-wrap::before{content:"";position:absolute;inset:0;pointer-events:none}#page-battle-play .bplay-wrap::before{mask-image:linear-gradient(180deg,#000 0 46%,transparent 78%);opacity:.34}#page-battle-play .bplay-wrap::after{background:linear-gradient(115deg,transparent 0 12%,rgba(88,105,255,.08) 12.3%,transparent 12.8% 100%),linear-gradient(245deg,transparent 0 17%,rgba(129,69,255,.08) 17.3%,transparent 17.8% 100%);opacity:.55}#page-battle-play .bplay-topbar{display:grid;grid-template-columns:minmax(120px,1fr) minmax(520px,860px) minmax(130px,1fr);align-items:start;gap:.75rem;border:0;border-radius:0;background:0 0;box-shadow:none}#page-battle-play .bplay-back{grid-column:1;grid-row:1;justify-self:start;min-height:28px;padding:0 .9rem;border:1px solid rgba(129,118,255,.18);background:linear-gradient(90deg,rgba(47,42,92,.92),rgba(32,28,68,.68));color:#bdb7ff;font-size:.62rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}#page-battle-play .bplay-back:hover{border-color:rgba(86,231,255,.45);background:linear-gradient(90deg,rgba(50,50,110,.98),rgba(34,34,78,.8));color:#fff}#page-battle-play .bplay-actions{top:0;right:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:.45rem}#page-battle-play .bplay-action,#page-battle-play .bplay-viewers{min-height:28px;display:inline-flex;align-items:center;gap:.35rem;padding:0 .72rem;border:1px solid rgba(117,107,228,.18);background:rgba(25,22,54,.78);color:#aaa4d8;font-size:.58rem;font-weight:900;letter-spacing:.035em;line-height:1;text-transform:uppercase}#page-battle-play .bplay-action:first-child{border-color:rgba(63,224,255,.22);background:linear-gradient(180deg,rgba(20,74,96,.82),rgba(13,45,69,.72));color:#5ee7ff}#page-battle-play .bplay-viewers{border-color:transparent;color:#6e6a91}#page-battle-play .bplay-viewers strong{color:#ff386f}#page-battle-play .bplay-action-icon{width:30px;padding:0;justify-content:center}#page-battle-play .bplay-cancel-room{border-color:rgba(239,68,68,.45);background:rgba(127,29,29,.76);color:#fff}#page-battle-play .bplay-meta{grid-column:2;grid-row:1;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:stretch;gap:0;border:1px solid rgba(109,100,214,.12);border-radius:6px 0 0 6px;background:linear-gradient(180deg,rgba(20,18,44,.96),rgba(13,12,31,.98));box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}#page-battle-play .bplay-round-stack{grid-column:1;grid-row:1;min-width:0;display:grid;place-items:center;padding:.5rem .4rem;background:rgba(30,27,67,.9);border-right:1px solid rgba(255,255,255,.035)}#page-battle-play .bplay-topbar .bplay-round-label{display:block;color:#fff;font-size:.7rem;font-weight:950;line-height:1.08;letter-spacing:.05em;text-align:center;text-transform:uppercase;white-space:pre-line}#page-battle-play .bplay-packs{grid-column:2;grid-row:1;min-width:0;min-height:82px;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.72rem 1.1rem .55rem;overflow:hidden;background:linear-gradient(90deg,rgba(13,16,36,.95),rgba(8,13,30,.98) 34%,rgba(8,13,30,.98) 66%,rgba(13,16,36,.95)),radial-gradient(260px 80px at 50% 50%,rgba(69,226,255,.12),transparent 70%)}#page-battle-play .bplay-pack-thumb{width:clamp(58px,6.2vw,92px);height:60px;object-fit:contain;object-position:center;flex:0 0 auto;border:0;border-radius:0;background:0 0;filter:drop-shadow(0 12px 14px rgba(0,0,0,.5))}#page-battle-play .bplay-pack-thumb+.bplay-pack-thumb{margin-left:clamp(-10px,-1vw,-5px)}#page-battle-play .bplay-mode-badge{position:absolute;left:100px;top:9px;z-index:2;display:inline-flex;align-items:center;min-height:18px;padding:0 .48rem;border:0;border-radius:999px;background:rgba(23,53,74,.82);color:#57e4ff;font-size:.5rem;font-weight:950;letter-spacing:.045em;text-transform:uppercase}#page-battle-play .bplay-mode-badge::before{content:"";width:7px;height:7px;margin-right:.3rem;border-radius:2px;border:1px solid currentColor;transform:rotate(45deg)}#page-battle-play .bplay-item-info,#page-battle-play .bplay-meta-sep,#page-battle-play .bplay-pack-label,#page-battle-play .bplay-pack-price{display:none!important}#page-battle-play .bplay-total-cost{grid-column:3;grid-row:1;align-self:stretch;justify-self:start;display:flex;flex-direction:column;justify-content:center;gap:.1rem;border:1px solid rgba(109,100,214,.12);border-left:0;background:linear-gradient(180deg,rgba(19,19,43,.98),rgba(12,13,31,.98));color:transparent;font-size:0;font-weight:950;text-transform:uppercase}#page-battle-play .bplay-total-cost::before{content:"TOTAL COST";color:#fff;font-size:.56rem;line-height:1}#page-battle-play .bplay-total-cost strong{color:#22f3bd;font-size:.82rem;line-height:1.1}#page-battle-play .bplay-items-footer,#page-battle-play .bplay-pack-reel{display:none!important}#page-battle-play .bplay-body{min-height:0;display:block;margin:0 auto;padding:0;overflow:visible;border:0;border-radius:0;background:0 0;box-shadow:none}#page-battle-play .bplay-body::before{content:none}#page-battle-play .bplay-mode-strip,#page-battle-play .bplay-side-nav{display:none}#page-battle-play .bplay-arena{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(var(--bplay-slots,3),minmax(190px,1fr));align-items:start;justify-content:center;gap:clamp(.75rem,1.35vw,1.25rem);margin:0 auto;padding:0;overflow:visible}#page-battle-play .bplay-col{min-width:0;display:grid;grid-template-rows:auto auto auto;gap:.7rem;padding:0;border:0;border-radius:0;background:0 0;box-shadow:none}#page-battle-play .bplay-spin-window{position:relative;width:100%;height:clamp(178px,23vw,236px);min-height:178px;display:block;margin:0;overflow:hidden;border:1px solid rgba(112,101,213,.09);border-radius:4px;background:radial-gradient(160px 96px at 50% 44%,rgba(88,105,255,.18),transparent 72%),linear-gradient(180deg,rgba(18,16,39,.96),rgba(12,10,28,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}#page-battle-play .bplay-spin-window:empty{display:block}#page-battle-play .bplay-spin-window::before{content:"";position:absolute;left:50%;top:-18px;width:58px;height:58px;border:1px solid rgba(255,46,105,.36);border-radius:4px;transform:translateX(-50%) rotate(45deg);background:rgba(255,46,105,.06);box-shadow:0 0 30px rgba(255,46,105,.09)}#page-battle-play .bplay-float-card{border-color:transparent;background:0 0;box-shadow:none;opacity:.32}#page-battle-play .bplay-float-card.is-prize{width:110px;height:92px;opacity:.54}#page-battle-play .bplay-ticket-brand{color:rgba(174,168,220,.34)}#page-battle-play .bplay-ticket-value{color:rgba(34,243,189,.58)}#page-battle-play .bplay-reel-window{width:100%;height:100%;background:0 0;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}#page-battle-play .bplay-reel-cell{width:100%;max-width:170px;opacity:.48}#page-battle-play .bplay-reel-cell .bplay-item-img{width:60px;height:60px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.52))}#page-battle-play .bplay-reel-cell.bplay-reel-won .bplay-item-img{filter:drop-shadow(0 12px 18px rgba(0,0,0,.58)) drop-shadow(0 0 18px rgba(86, 231, 255, .4))}#page-battle-play .bplay-player{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.48rem .6rem;border:1px solid rgba(112,101,213,.08);border-radius:4px;background:linear-gradient(180deg,rgba(16,14,34,.98),rgba(12,10,28,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}#page-battle-play .bplay-player.is-winner{border-color:rgba(34,243,189,.28);background:linear-gradient(180deg,rgba(22,42,48,.96),rgba(13,21,33,.98))}#page-battle-play .bplay-player-id{min-width:0;display:flex;align-items:center;gap:.45rem}#page-battle-play .bplay-player-avatar{width:34px;height:34px;border:1px solid rgba(120,110,225,.28);background:#191634;color:#fff;font-size:.82rem}#page-battle-play .bplay-player-name{max-width:100%;color:#fff;font-size:.68rem;font-weight:900}#page-battle-play .bplay-player-stats{display:grid;justify-items:end;gap:.1rem}#page-battle-play .bplay-player-chance{margin:0;padding:0;border-radius:0;background:0 0!important;color:#67627f;font-size:.56rem;font-weight:900;line-height:1}#page-battle-play .bplay-player-score{min-width:0;color:#22f3bd;font-size:.68rem;font-weight:950;line-height:1.1}#page-battle-play .bplay-player-score.winning{background:0 0;color:#22f3bd;box-shadow:none;transform:none}#page-battle-play .bplay-player-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}#page-battle-play .bplay-callbots-btn,#page-battle-play .bplay-join-btn{min-height:28px;margin:0;padding:0 .58rem;border-radius:4px;font-size:.58rem;font-weight:950}#page-battle-play .bplay-callbots-btn{border-color:rgba(112,101,213,.18);background:rgba(30,27,67,.86)}#page-battle-play .bplay-col-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;overflow:visible}#page-battle-play .bplay-round-cell{position:relative;min-height:clamp(104px,11vw,142px);display:grid;place-items:center;overflow:hidden;border:0;border-radius:2px;background:radial-gradient(80px 54px at 50% 38%,rgba(126,80,255,.12),transparent 72%),#111025;color:rgba(164,157,210,.18);font-size:.56rem;font-weight:950;text-transform:uppercase}#page-battle-play .bplay-round-cell::before{content:"";position:absolute;left:50%;top:-24px;width:58px;height:58px;border:1px solid rgba(255,46,105,.24);border-radius:4px;transform:translateX(-50%) rotate(45deg);background:rgba(255,46,105,.04)}#page-battle-play .bplay-round-cell.has-result{background:radial-gradient(92px 60px at 50% 34%,rgba(90,101,255,.18),transparent 72%),#121126}#page-battle-play .bplay-round-item{position:relative;z-index:1;display:grid;grid-template-rows:minmax(46px,1fr) auto auto auto;align-items:end;justify-items:center;gap:.08rem;padding:.62rem .34rem .48rem}#page-battle-play .bplay-round-item-pct{top:.35rem;right:.4rem;left:auto;color:rgba(164,157,210,.55);font-size:.48rem;font-weight:900}#page-battle-play .bplay-round-item-img{width:min(78px,92%);height:58px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.56))}#page-battle-play .bplay-round-item-name{width:100%;color:#fff;font-size:.54rem;font-weight:950;line-height:1.08;text-align:center;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#page-battle-play .bplay-round-item-val{color:#22f3bd;font-size:.58rem;font-weight:950}#page-battle-play .bplay-tiebreak-overlay,#page-battle-play .bplay-winner-overlay{backdrop-filter:blur(4px);position:fixed;background:rgba(6,5,14,.78);backdrop-filter:blur(5px)}#page-battle-play .bplay-tiebreak-screen,#page-battle-play .bplay-winner-screen{border-color:rgba(112,101,213,.22);background:linear-gradient(180deg,rgba(20,18,44,.98),rgba(11,9,25,.98))}@media (max-width:980px){#page-battle-play .bplay-topbar{grid-template-columns:1fr;gap:.7rem;padding-top:2.45rem}#page-battle-play .bplay-back{position:absolute;top:0;left:0}#page-battle-play .bplay-actions{left:0;right:0;justify-content:flex-end;overflow-x:auto;scrollbar-width:none}#page-battle-play .bplay-actions::-webkit-scrollbar{display:none}#page-battle-play .bplay-meta{grid-column:1;grid-template-columns:78px minmax(0,1fr)}#page-battle-play .bplay-total-cost{grid-column:1;grid-row:2;justify-self:end;min-height:46px;min-width:128px;border:1px solid rgba(109,100,214,.12);border-radius:6px}#page-battle-play .bplay-arena{grid-template-columns:repeat(var(--bplay-slots,2),minmax(220px,72vw));justify-content:start;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none}#page-battle-play .bplay-arena::-webkit-scrollbar{display:none}}@media (max-width:620px){#page-battle-play .bplay-wrap{padding:.8rem .65rem 2.6rem}#page-battle-play .bplay-topbar{padding-top:4.35rem}#page-battle-play .bplay-actions{top:2.2rem;justify-content:flex-start}#page-battle-play .bplay-action,#page-battle-play .bplay-viewers{flex:0 0 auto}#page-battle-play .bplay-meta{min-height:72px;grid-template-columns:70px minmax(0,1fr)}#page-battle-play .bplay-packs,#page-battle-play .bplay-round-stack{min-height:72px}#page-battle-play .bplay-pack-thumb{width:54px;height:50px}#page-battle-play .bplay-mode-badge{left:78px;top:7px}#page-battle-play .bplay-arena{grid-template-columns:repeat(var(--bplay-slots,2),minmax(214px,88vw))}#page-battle-play .bplay-col-items{grid-template-columns:repeat(3,minmax(0,1fr))}#page-battle-play .bplay-round-cell{min-height:108px}}#page-battle-play .bplay-wrap{padding:clamp(.95rem,2vw,1.5rem) 0 3rem;background:radial-gradient(720px 300px at 50% 0,color-mix(in srgb,var(--accent) 11%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#2b130d),var(--bg) 58%,color-mix(in srgb,var(--bg) 96%,#000));color:var(--white)}#page-battle-play .bplay-wrap::before{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.065) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 22%,rgba(255,255,255,.045) 0 1px,transparent 1.5px),url("/img/halloween-bg.svg") center/cover no-repeat;opacity:.16;mask-image:linear-gradient(180deg,#000 0 54%,transparent 88%)}#page-battle-play .bplay-wrap::after{background:linear-gradient(115deg,transparent 0 12%,color-mix(in srgb,var(--accent) 10%,transparent) 12.3%,transparent 12.8% 100%),linear-gradient(245deg,transparent 0 17%,color-mix(in srgb,var(--accent) 7%,transparent) 17.3%,transparent 17.8% 100%);opacity:.28}#page-battle-play .bplay-body,#page-battle-play .bplay-topbar{padding-inline:1.25rem}@media (min-width:981px){#page-battle-play .bplay-actions{right:1.25rem}}@media (max-width:768px){#page-battle-play .bplay-body,#page-battle-play .bplay-topbar{padding-inline:1rem}}#page-battle-play .bplay-back{border-color:color-mix(in srgb,var(--border) 54%,transparent);border-radius:7px;background:color-mix(in srgb,var(--card) 84%,var(--bg));color:color-mix(in srgb,var(--muted-fg) 88%,transparent);clip-path:none}#page-battle-play .bplay-action:hover,#page-battle-play .bplay-back:hover{border-color:color-mix(in srgb,var(--accent) 54%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--white)}#page-battle-play .bplay-action,#page-battle-play .bplay-viewers{border-color:color-mix(in srgb,var(--border) 46%,transparent);border-radius:7px;background:color-mix(in srgb,var(--card) 82%,var(--bg));color:color-mix(in srgb,var(--muted-fg) 86%,transparent)}#page-battle-play .bplay-action:first-child{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--card));color:var(--white)}#page-battle-play .bplay-viewers{background:0 0;color:color-mix(in srgb,var(--muted-fg) 70%,transparent)}#page-battle-play .bplay-player-score,#page-battle-play .bplay-player-score.winning,#page-battle-play .bplay-round-item-val,#page-battle-play .bplay-ticket-value,#page-battle-play .bplay-total-cost strong,#page-battle-play .bplay-viewers strong{color:var(--accent)}#page-battle-play .bplay-meta,#page-battle-play .bplay-total-cost{border-color:color-mix(in srgb,var(--border) 42%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 46%),color-mix(in srgb,var(--card) 84%,var(--bg));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 40px rgba(0,0,0,.2)}#page-battle-play .bplay-round-stack{background:color-mix(in srgb,var(--secondary) 82%,var(--bg));border-right-color:color-mix(in srgb,var(--border) 44%,transparent)}#page-battle-play .bplay-packs{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 86%,transparent),color-mix(in srgb,var(--card) 88%,var(--bg)) 50%,color-mix(in srgb,var(--bg) 86%,transparent)),radial-gradient(260px 80px at 50% 50%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}#page-battle-play .bplay-mode-badge{border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 13%,var(--card));color:color-mix(in srgb,var(--accent) 78%,var(--white))}#page-battle-play .bplay-player,#page-battle-play .bplay-round-cell,#page-battle-play .bplay-spin-window{border-color:color-mix(in srgb,var(--border) 36%,transparent);background:radial-gradient(180px 112px at 50% 42%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 74%),color-mix(in srgb,var(--card) 74%,var(--bg))}#page-battle-play .bplay-round-cell.has-result{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:radial-gradient(180px 112px at 50% 42%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 74%),color-mix(in srgb,var(--card) 78%,var(--bg))}#page-battle-play .bplay-round-cell::before,#page-battle-play .bplay-spin-window::before{border-color:color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 9%,transparent)}#page-battle-play .bplay-player.is-winner{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%),color-mix(in srgb,var(--card) 80%,var(--bg))}#page-battle-play .bplay-player-avatar{border-color:color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--secondary) 88%,var(--bg))}#page-battle-play .bplay-player-chance,#page-battle-play .bplay-round-cell,#page-battle-play .bplay-round-item-pct,#page-battle-play .bplay-ticket-brand{color:color-mix(in srgb,var(--muted-fg) 54%,transparent)}#page-battle-play .bplay-callbots-btn{border-color:color-mix(in srgb,var(--border) 48%,transparent);background:color-mix(in srgb,var(--secondary) 86%,var(--bg));color:var(--white)}#page-battle-play .bplay-float-card.is-prize img,#page-battle-play .bplay-reel-cell.bplay-reel-won .bplay-item-img{filter:drop-shadow(0 12px 18px rgba(0,0,0,.58)) drop-shadow(0 0 16px color-mix(in srgb, var(--accent) 34%, transparent))}#page-battle-play .bplay-tiebreak-overlay,#page-battle-play .bplay-winner-overlay{background:color-mix(in srgb,var(--bg) 78%,transparent)}#page-battle-play .bplay-tiebreak-screen,#page-battle-play .bplay-winner-screen{border-color:color-mix(in srgb,var(--border) 52%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%),color-mix(in srgb,var(--card) 88%,var(--bg))}@media (max-width:620px){#page-battle-play .bplay-wrap{padding:.8rem 0 2.6rem}}#page-battle-play .bplay-col-items{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:2px;width:100%;margin-inline:auto}#page-battle-play .bplay-round-cell{flex:0 0 calc((100% - 4px)/ 3);min-width:0}#page-battle-play .bplay-countdown{position:fixed;top:60px;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding-bottom:clamp(2rem,8vh,5rem);background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 28%),rgba(0,0,0,.32)}#page-battle-play .bplay-countdown.go{color:var(--accent);font-size:clamp(5.4rem, 10vw, 8rem);line-height:1}#page-battle-play .bplay-topbar{grid-template-columns:minmax(118px,140px) minmax(0,1fr) minmax(270px,380px);align-items:start;column-gap:.75rem;row-gap:.45rem}#page-battle-play .bplay-meta{grid-column:2;grid-row:1/span 2}#page-battle-play .bplay-actions{grid-column:3;grid-row:1;align-self:start;justify-self:end;flex-wrap:wrap}#page-battle-play .bplay-total-cost{grid-column:3;grid-row:2;align-self:start;justify-self:end;border:1px solid color-mix(in srgb,var(--border) 42%,transparent);border-radius:7px}@media (max-width:980px){#page-battle-play .bplay-topbar{grid-template-columns:1fr;padding-top:0}#page-battle-play .bplay-actions,#page-battle-play .bplay-back,#page-battle-play .bplay-meta,#page-battle-play .bplay-total-cost{position:static;grid-column:1}#page-battle-play .bplay-back{grid-row:1}#page-battle-play .bplay-meta{grid-row:2}#page-battle-play .bplay-actions{grid-row:3;justify-self:stretch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}#page-battle-play .bplay-actions::-webkit-scrollbar{display:none}#page-battle-play .bplay-action,#page-battle-play .bplay-viewers{flex:0 0 auto}#page-battle-play .bplay-total-cost{grid-row:4;justify-self:end}}#page-battle-play .bplay-wrap{min-height:calc(100dvh - 60px);padding-top:clamp(1.55rem,2.4vw,2.15rem);padding-bottom:clamp(2.8rem,5vw,4rem);overflow:visible}#page-battle-play .bplay-body,#page-battle-play .bplay-items-footer,#page-battle-play .bplay-pack-reel,#page-battle-play .bplay-topbar{width:100%;max-width:1200px;margin-inline:auto;box-sizing:border-box}#page-battle-play .bplay-topbar{position:relative;z-index:3;display:grid;grid-template-columns:minmax(118px,150px) minmax(0,1fr) minmax(250px,360px);grid-template-rows:auto auto;align-items:start;column-gap:.8rem;row-gap:.5rem;min-height:108px;margin:0 auto 1.05rem;padding:0 1.25rem;overflow:visible}#page-battle-play .bplay-back{position:static;grid-column:1;grid-row:1;justify-self:start;align-self:start}#page-battle-play .bplay-meta{position:relative;grid-column:2;grid-row:1/span 2;width:100%;min-width:0;min-height:86px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:stretch;overflow:hidden}#page-battle-play .bplay-actions{position:static;grid-column:3;grid-row:1;justify-self:end;align-self:start;max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;overflow:visible}#page-battle-play .bplay-total-cost{position:static;grid-column:3;grid-row:2;justify-self:end;align-self:start;min-width:112px;min-height:42px;margin:0;padding:.56rem .75rem}#page-battle-play .bplay-body{position:relative;z-index:2;margin-top:0;padding-inline:1.25rem}@media (max-width:980px){#page-battle-play .bplay-wrap{padding-top:1rem}#page-battle-play .bplay-topbar{grid-template-columns:1fr;min-height:0;padding-inline:1rem}#page-battle-play .bplay-actions,#page-battle-play .bplay-back,#page-battle-play .bplay-meta,#page-battle-play .bplay-total-cost{grid-column:1}#page-battle-play .bplay-back{grid-row:1}#page-battle-play .bplay-meta{grid-row:2}#page-battle-play .bplay-actions{grid-row:3;justify-self:stretch;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}#page-battle-play .bplay-total-cost{grid-row:4;justify-self:start}#page-battle-play .bplay-body{padding-inline:1rem}}@media (max-width:480px){#page-battle-play .bplay-body,#page-battle-play .bplay-topbar{padding-inline:.75rem}}