/* V28 Case Battles overview – compact rows (Moonclutch dark palette, no neon / glass) */
.bl{--bg:#0D0F13;--pn:#191D24;--hv:#242932;--ln:#2A2F38;--tx:#F2F3F5;--mu:#949BA6;--ac:#8591C8;max-width:1180px;margin:0 auto;color:var(--tx)}
.bl button{font:inherit;cursor:pointer}
.bl-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.bl-title{display:flex;align-items:center;gap:12px}.bl-ic{font-size:30px;color:var(--ac);line-height:1}
.bl-title h1{margin:0;font-size:22px;letter-spacing:.02em}.bl-title p{margin:2px 0 0;font-size:12px;color:var(--mu)}
.bl-tools{display:flex;gap:8px;align-items:center}
.bl-anchor{position:relative}
.bl-sort{height:38px;padding:0 14px;border-radius:7px;border:1px solid var(--ln);background:var(--pn);color:var(--mu);font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.bl-sort b{color:var(--tx);font-weight:700}.bl-sort:hover{background:var(--hv)}
.bl-menu{position:absolute;right:0;top:44px;z-index:30;min-width:210px;padding:5px;border-radius:8px;background:var(--pn);border:1px solid var(--ln);box-shadow:0 12px 26px #0009;display:grid;gap:2px}
.bl-menu button{text-align:left;padding:9px 11px;border:0;border-radius:5px;background:transparent;color:var(--tx);font-size:13px}.bl-menu button:hover{background:var(--hv)}.bl-menu button.sel{color:var(--ac);font-weight:700}
.bl-create{height:38px;padding:0 18px;border-radius:7px;border:1px solid #9aa5da;background:var(--ac);color:#0D0F13;font-weight:800;font-size:12px;letter-spacing:.08em;white-space:nowrap}.bl-create:hover{filter:brightness(1.08)}
.bl-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;border-bottom:1px solid var(--ln)}
.bl-tabs{display:flex;gap:2px}.bl-tabs button{padding:10px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--mu);font-size:13px;font-weight:700;margin-bottom:-1px}
.bl-tabs button.sel{color:var(--tx);border-bottom-color:var(--ac)}.bl-tabs em{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:10px;background:var(--pn);border:1px solid var(--ln);font-size:11px;color:var(--mu)}
.bl-filters{display:flex;gap:8px;align-items:center;padding-bottom:6px}
.bl-filters input,.bl-filters select{height:34px;padding:0 10px;border-radius:6px;border:1px solid var(--ln);background:var(--pn);color:var(--tx);font-size:12px;width:auto;min-width:0}
.bl-filters input{width:200px}
.bl-live{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--tx);display:inline-flex;align-items:center;gap:6px;min-width:60px}
.bl-live i,.bl-badge.live i{width:7px;height:7px;border-radius:50%;background:#3FB950;display:inline-block;animation:blp 1.6s infinite}
@keyframes blp{50%{opacity:.35}}
.bl-list{display:grid;gap:6px}
.bl-row{display:grid;grid-template-columns:minmax(230px,300px) 1fr 118px 148px;gap:14px;align-items:center;padding:9px 14px;border-radius:8px;background:var(--pn);border:1px solid var(--ln);cursor:pointer;transition:background .15s,border-color .15s}
.bl-row:hover,.bl-row:focus-visible{background:var(--hv);border-color:var(--ac);outline:none}
.bl-row.enter{animation:blin .25s ease-out both}@keyframes blin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.bl-tags{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.bl-tag{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--ac)}.bl-tag.czy{color:#A371F7}
.bl-fmt{font-size:10px;font-weight:700;color:var(--mu);padding:1px 6px;border:1px solid var(--ln);border-radius:4px}
.bl-players{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bl-team{display:inline-flex;gap:-4px;position:relative;align-items:center}.bl-team .bl-av+.bl-av{margin-left:-6px}
.bl-av{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#12151B;border:2px solid var(--c);color:var(--tx);font-size:13px;font-weight:800;font-style:normal}
.bl-av.bot{color:var(--mu)}.bl-av.empty{border-style:dashed;color:var(--mu);font-weight:600;opacity:.7}
.bl-av u{position:absolute;bottom:-7px;right:-6px;padding:0 4px;border-radius:6px;background:var(--ac);color:#0D0F13;font-size:8px;font-weight:800;text-decoration:none;line-height:12px}
.bl-x{color:var(--mu);font-size:12px;font-weight:700}
.bl-team.lost{opacity:.45}.bl-crown{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:12px;color:#E3B341}
.bl-cases{display:flex;align-items:center;gap:10px;min-width:0}
.bl-strip{display:flex;gap:6px;align-items:center;flex:1;min-width:0;overflow:hidden;padding:12px 0}
.bl-case{position:relative;display:grid;justify-items:center;gap:2px;flex:1 1 0;max-width:112px;min-width:44px;padding:6px 4px;border-radius:7px;background:#12151B;border:1px solid var(--ln);opacity:.55;transition:opacity .3s,transform .3s,border-color .3s}
.bl-case .ic{font-size:22px;line-height:1}.bl-case small{font-size:9px;color:var(--mu);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-case.next{opacity:.8}.bl-case.done{opacity:.4}.bl-case.done::after{content:"✓";position:absolute;top:2px;right:4px;font-size:9px;color:#3FB950}
.bl-case.live{opacity:1;transform:scale(1.1);border-color:var(--ac);background:var(--hv);box-shadow:0 0 0 1px var(--ac)}
.bl-case.live::before,.bl-case.live::after{content:"";position:absolute;left:50%;margin-left:-5px;border:5px solid transparent}
.bl-case.live::before{top:-11px;border-bottom-color:var(--ac)}.bl-case.live::after{bottom:-11px;border-top-color:var(--ac)}
.bl-more{font-size:10px;color:var(--mu);white-space:nowrap}
.bl-row.pulse .bl-strip{animation:blst .6s ease-out}@keyframes blst{from{opacity:.4}to{opacity:1}}
.bl-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.06em;background:#12151B;border:1px solid var(--ln);color:var(--mu);white-space:nowrap}
.bl-badge.live{color:var(--tx);border-color:#3FB95066}.bl-badge.starting{color:#E3B341;border-color:#E3B34155}.bl-badge.open{color:var(--ac)}
.bl-cost{text-align:right}.bl-cost b{display:block;font-size:15px;color:#E3B341}.bl-cost small,.bl-sub{display:block;font-size:9px;color:var(--mu);letter-spacing:.08em;font-weight:700}
.bl-act{display:grid;gap:3px;justify-items:center}.bl-sub{font-size:11px;color:var(--mu)}.bl-sub.won{color:#3FB950;font-weight:700}
.bl-btn{white-space:nowrap;width:100%;height:34px;border-radius:6px;border:1px solid var(--ln);background:var(--hv);color:var(--tx);font-size:11px;font-weight:800;letter-spacing:.06em}
.bl-btn:hover{border-color:var(--ac)}.bl-btn.join{background:var(--ac);border-color:#9aa5da;color:#0D0F13}
.bl-row.finished{background:#161a20}.bl-row.finished .bl-case{opacity:.55}
.bl-empty{text-align:center;padding:46px 16px;border:1px dashed var(--ln);border-radius:8px;color:var(--mu)}.bl-empty span{font-size:30px;color:var(--ac)}.bl-empty h3{color:var(--tx);margin:6px 0 4px}.bl-empty .bl-create{margin-top:10px}
.bl-foot{display:flex;justify-content:center;margin:12px 0}.bl-more-btn{padding:9px 22px;border-radius:7px;border:1px solid var(--ln);background:var(--pn);color:var(--tx);font-weight:700}
.bl-note{margin:18px 0 6px;font-size:11px;color:var(--mu);line-height:1.5}
@media (max-width:900px){.bl-row{grid-template-columns:1fr auto;grid-template-areas:"who act" "cases cases" "cost cost";gap:8px 12px}.bl-who{grid-area:who}.bl-act{grid-area:act;width:140px}.bl-cases{grid-area:cases}.bl-cost{grid-area:cost;text-align:left;display:flex;gap:8px;align-items:baseline}.bl-cost small{display:inline}}
@media (max-width:560px){.bl-head{align-items:stretch}.bl-tools{width:100%}.bl-create{flex:1}.bl-sort{flex:1;text-align:left}.bl-filters{width:100%}.bl-filters input{flex:1;width:auto}.bl-tabs{width:100%}.bl-tabs button{flex:1;padding:10px 6px}.bl-av{width:30px;height:30px}.bl-act{width:132px}.bl-btn{font-size:10px;letter-spacing:.03em}.bl-cases{flex-wrap:wrap}.bl-title p{display:none}}
@media (prefers-reduced-motion:reduce){.bl *{animation:none!important;transition:none!important}}
/* V73 – csgowin-style rows: centered players, inset dark case strip with rounds badge, cost + button + total on the right */
.bl{--ac:#F5B84D;max-width:1234px}
.bl-ic{color:var(--ac)}
.bl-title h1{font-size:24px;letter-spacing:0}
.bl-sort{background:#191D24;border-color:transparent;color:var(--mu);height:40px;border-radius:5px}
.bl-create{height:40px;border-radius:5px;border:0;background:var(--ac);color:#0D0F13;transition:filter .15s,transform .15s}.bl-create:hover{filter:brightness(1.07)}.bl-create:active{transform:translateY(1px)}
.bl-tabs button.sel{border-bottom-color:var(--ac)}
.bl-list{gap:8px}
.bl-row{grid-template-columns:268px minmax(0,1fr) 170px;gap:26px;padding:10px 14px;background:#12151B;border:1px solid transparent;border-radius:8px;min-height:100px}
.bl-row:hover,.bl-row:focus-visible{background:#151921;border-color:#2A2F38}
.bl-who{display:grid;justify-items:center;gap:8px}
.bl-tags{margin:0;justify-content:center}
.bl-tag{font-size:12px;letter-spacing:.06em;color:var(--mu)}.bl-tag.czy{color:#894BFF}
.bl-fmt{display:none}
.bl-players{justify-content:center;flex-wrap:nowrap;gap:2px}
.bl-av{width:28px;height:28px;font-size:12px;border:0;background:#242932;box-shadow:0 0 0 1px #0D0F13}
.bl-av.empty{box-shadow:none;border:1px dashed #3a414d;background:transparent;opacity:.5}
.bl-team{gap:0}.bl-team .bl-av+.bl-av{margin-left:-6px}
.bl-x{font-size:11px;margin:0 4px;color:#5d6572}
.bl-cases{position:relative;background:#0E1015;border-radius:8px;min-height:80px;overflow:hidden}
.bl-strip{padding:0 10px;gap:2px;justify-content:space-around;min-height:80px}
.bl-case{background:transparent;border:0;max-width:80px;padding:4px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .3s}
.bl-case:hover{transform:translateY(-3px) scale(1.06);opacity:1}
.bl-case .ic{font-size:34px}
.bl-case.live{transform:scale(1.12);background:transparent;box-shadow:none;border:0;filter:drop-shadow(0 0 8px #F5B84D88)}
.bl-case.live::before,.bl-case.live::after{display:none}
.bl-more{position:absolute;right:12px;bottom:6px}
.bl-badgebox{position:absolute;top:8px;right:6px;pointer-events:none}
.bl-badge{background:#202229;border:1px solid #323746;color:#fff;font-size:12px;font-weight:600;letter-spacing:0;padding:3px 6px;border-radius:5px;height:24px}
.bl-badge.open{color:var(--ac)}
.bl-act{gap:6px;justify-items:stretch}
.bl-cost{text-align:center}.bl-cost b{display:block;font-size:14px;color:#fff;font-weight:600}.bl-cost b::first-letter{color:var(--ac)}
.bl-cost small{font-size:9px;letter-spacing:.06em}
.bl-btn{height:40px;border-radius:5px;border:0;background:#242932;color:#9DA3B2;font-size:13px;font-weight:700;letter-spacing:.02em;transition:background .15s,color .15s}
.bl-btn:hover{background:#2c323d;color:#fff}.bl-btn.join{background:var(--ac);color:#0D0F13}.bl-btn.join:hover{filter:brightness(1.07)}
.bl-sub{text-align:center;font-size:13px;color:#fff;font-weight:600}.bl-sub.won{color:#36BE83}
.bl-row.finished{background:#12151B}
@media (max-width:900px){.bl-row{grid-template-columns:1fr;grid-template-areas:"who" "cases" "act";gap:12px;padding:16px;text-align:center}.bl-who{grid-area:who}.bl-cases{grid-area:cases}.bl-act{grid-area:act;width:auto}.bl-row{border-radius:12px}.bl-cost{display:flex;justify-content:center;gap:8px;align-items:baseline}.bl-cost small{display:inline}.bl-cost small::before{content:"";}}
@media (max-width:560px){.bl-title p{display:block;font-size:13px}.bl-create{height:46px;flex:1 1 100%}.bl-sort{flex:1 1 100%;height:44px;text-align:center}.bl-btn{font-size:14px}}
@media (max-width:900px){.bl-act{display:flex!important;flex-direction:column;width:100%!important;gap:10px}.bl-act .bl-btn{order:1;height:46px}.bl-act .bl-cost{order:2}.bl-act .bl-sub{order:3}.bl-cases{min-height:96px}.bl-strip{min-height:96px}}
.bl-case .art{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 8px #0008);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.bl-case .ic[hidden]{display:none}
.bl-case small{display:none}
.bl-strip{padding-right:96px}
.bl-more{right:auto;left:12px;bottom:6px}
@media (max-width:900px){.bl-strip{padding-right:10px;padding-top:30px}.bl-case .art{width:52px;height:52px}}