.cs2-battle-tile{background:radial-gradient(ellipse at 90% 5%,#b84b5b66,transparent 65%),#25251f;max-width:550px;width:100%}.battle-list{display:grid;gap:12px;margin-top:26px}.battle-list-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d6bc6e44;border-radius:12px;padding:22px;background:#1b251d;color:#ead8aa;text-align:left;cursor:pointer;font:inherit;transition:background .2s,transform .2s}.battle-list-card:hover{background:#27382a;transform:translateY(-2px)}.battle-list-card>div{display:grid;gap:8px}.battle-list-card strong{font:25px Georgia,serif}.battle-list-card span{font-size:12px;color:#aab9a1}.battle-list-card small{font-size:11px;color:#bda774}.battle-list-card>div:last-child{text-align:right}.battle-builder{max-width:900px}.battle-builder label{display:block;font-size:13px;color:#d5dec9;margin:15px 0 8px}.battle-builder select{margin-top:8px;width:100%;border:1px solid #51624b;border-radius:8px;background:var(--input-bg);padding:14px;color:#f4e6c2;font:inherit;font-size:14px}.battle-options{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}.battle-options label{display:flex;gap:9px;align-items:center;cursor:pointer}.battle-options input{width:18px;height:18px;margin:0;accent-color:var(--gold)}.battle-case-add{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:14px;align-items:end;margin:26px 0 18px}.battle-case-add label{margin:0}.battle-case-add input{padding:14px}.battle-case-add button{height:48px;margin-bottom:1px}.battle-selected{max-height:330px;overflow:auto;border:1px solid #ffffff16;border-radius:10px;padding:10px;background:var(--input-bg)}.battle-picked{display:grid;grid-template-columns:25px minmax(0,1fr) auto 30px 30px 30px;gap:8px;align-items:center;padding:10px 5px;border-bottom:1px solid #ffffff0d;font-size:12px}.battle-picked>span{color:#85957c}.battle-picked small{color:#d8c28a}.battle-picked button{border:1px solid #c9b17444;border-radius:5px;background:#243025;color:#e3cd98;cursor:pointer;height:28px}.battle-picked button:disabled{opacity:.3;cursor:default}.battle-create-total{font-weight:800;color:#e2ca8d;line-height:1.6;margin:22px 0}.battle-arena{margin:20px 0}.battle-arena-status{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.battle-arena-status>strong{font-size:15px;color:#e7d198}.battle-arena>progress{width:100%;height:5px;margin-bottom:20px;accent-color:#d7bd7b}.battle-queue{display:flex;gap:8px;overflow:auto;padding-bottom:13px;margin-bottom:18px;max-width:100%}.battle-queue span{white-space:nowrap;font-size:10px;padding:7px 10px;border:1px solid #ffffff15;border-radius:20px;color:#a0b092}.battle-queue .current-case{border-color:#d6bc7c;color:#ebd397;background:#d9bd7012}.battle-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.battle-player{padding:15px;border:1px solid #ffffff18;border-radius:12px;background:#111b14;min-width:0}.battle-player-heading{display:grid;gap:7px;margin-bottom:13px}.battle-player-heading strong{font-size:14px;overflow-wrap:anywhere}.battle-player-heading small,.empty-seat>small{font-size:10px;letter-spacing:.08em;color:#ad9c73}.battle-reel-window{position:relative;overflow:hidden;height:124px;border-radius:8px;background:radial-gradient(ellipse,#66805022,#0b140e);border:1px solid #ffffff12;margin-bottom:16px}.battle-reel{display:flex;gap:8px;will-change:transform;height:120px}.battle-reel-item{width:112px;flex:0 0 112px;display:grid;place-items:center;border-bottom:2px solid var(--rarity)}.battle-reel .skin-photo{height:100px;width:112px;object-fit:contain}.battle-total{display:flex;gap:10px;justify-content:space-between;color:#9aaa92;font-size:11px}.battle-total strong{color:#e6cf94}.battle-drop-name{font-size:10px;line-height:1.5;color:#97a68d;margin-bottom:0}.battle-paid{color:#e8cf8d;font-weight:800;font-size:14px}.battle-winner{border-color:#d9bf7d;box-shadow:0 0 22px #dec48019}.empty-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:215px;text-align:center;border-style:dashed}.empty-seat h3{margin:15px 0;font-size:25px}.empty-seat .primary{font-size:12px;padding:12px;max-width:210px}.battle-wait-icon{display:grid;place-items:center;width:100%;font-size:50px;color:#7b866d}.battle-fair code{display:block;overflow-wrap:anywhere;color:#d4c28d;font-size:11px;margin:12px 0 20px}.battle-fair small{color:#8b9b7f;font-size:10px;letter-spacing:.07em}.battle-fair summary{margin-bottom:18px}@media(max-width:850px){.battle-players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.battle-players{grid-template-columns:1fr}.battle-arena,.battle-builder{padding:20px}.battle-case-add{grid-template-columns:minmax(0,1fr) 80px}.battle-case-add button{grid-column:1/-1}.battle-picked{grid-template-columns:18px minmax(0,1fr) 26px 26px 26px;font-size:11px;gap:5px}.battle-picked small{grid-column:2}.battle-picked button{grid-row:auto}.battle-options{gap:12px}.battle-list-card{padding:18px}.battle-list-card b{font-size:14px}}
/* Battle builder: format buttons and the visual case picker. */
.battle-label{font-size:13px;color:#d5dec9;margin:22px 0 10px}.battle-label small{color:#91a28f;font-size:11px;margin-left:8px}
.battle-mode-picker{display:flex;flex-wrap:wrap;gap:8px}.battle-mode-picker .control-button{min-width:0;padding:10px 14px;font-size:13px}
.battle-case-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:520px;overflow:auto;padding:4px 4px 8px;margin-bottom:6px}
.battle-case-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 8px 12px}
.battle-case-card .real-case-art{height:110px}.battle-case-card strong{font-size:15px;line-height:1.2;margin:6px 0 4px}.battle-case-card span{font-size:12px}
.battle-case-count{position:absolute;top:8px;right:8px;z-index:5;padding:3px 8px;border-radius:20px;background:var(--gold);color:var(--on-gold);font-size:11px;font-weight:800}
.battle-picked strong{display:flex;align-items:center;gap:8px;min-width:0}.battle-picked-art{width:38px;height:24px;object-fit:contain;flex-shrink:0}
@media(max-width:550px){.battle-case-picker{grid-template-columns:repeat(2,minmax(0,1fr));max-height:440px}.battle-case-card .real-case-art{height:95px}}
.battle-mode-picker{gap:14px 26px}.battle-mode-group small{display:block;font-size:9px;letter-spacing:.14em;color:#91a28f;margin-bottom:7px}.battle-mode-group>div{display:flex;flex-wrap:wrap;gap:8px}
.battle-option{display:flex;align-items:center;gap:7px}.info-tip{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #9c8956;border-radius:50%;color:var(--gold);font-size:10px;font-weight:800;cursor:help;user-select:none}.info-tip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.info-tip-text{position:absolute;z-index:30;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:230px;padding:9px 12px;border:1px solid #d3bb7966;border-radius:8px;background:var(--surface);color:var(--text);font-size:12px;font-weight:400;line-height:1.5;box-shadow:0 8px 24px #0009;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}.info-tip:hover .info-tip-text,.info-tip:focus .info-tip-text{opacity:1;visibility:visible;transform:translate(-50%,0)}@media(prefers-reduced-motion:reduce){.info-tip-text{transition:none}}
.battle-winnings.payout-dialog{width:min(760px,94vw);background:radial-gradient(ellipse at 50% 0,#dec78922,transparent 60%),var(--surface)}.battle-winnings h2{font-size:30px}.battle-winnings-actions{margin-top:20px}.battle-winnings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:16px}#battleWinnings .skin-card{min-width:0;padding:10px}#battleWinnings .skin-photo{height:72px}#battleWinnings .skin-card h3{font-size:14px;margin:5px 0}#battleWinnings .skin-card p{font-size:12px;margin:4px 0}#battleWinnings .skin-card small,#battleWinnings .skin-wear{font-size:10px}#battleWinnings .skin-card strong{font-size:15px}.balance-card{--rarity:#8d948a;background:linear-gradient(160deg,#3a3e39,#242824)!important;border-color:#8d948a66!important;color:#d6d9d3}.balance-card small,.balance-card p,.balance-card .skin-wear{color:#a9aea6!important}.balance-card strong{color:#e3e6df!important}.balance-card-art{height:72px;display:grid;place-items:center;font:700 40px Georgia,serif;color:#aeb3ab;text-shadow:0 3px 10px #0008}