/* Moonclutch "Select cases" modal (V65) – layout, proportions and colours follow the CSGOWIN battle creator picker (950×840 dialog, 4 columns, 2px tile gaps). */
html.cbm-lock{overflow:hidden}
.cbm-ov{--bg:#181A22;--bg2:#13151B;--bg3:#0E1015;--tile1:#202229;--tile2:#13151B;--ln:#2A2D36;--mu:#9DA3B2;--tx:#fff;--gd:#F5B84D;position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:30px 12px;background:rgba(6,7,10,.72);opacity:0;transition:opacity .16s ease;font-family:inherit}
.cbm-ov.in{opacity:1}
.cbm-ov *{box-sizing:border-box}
:where(.cbm-ov) button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none}
.cbm{position:relative;width:min(950px,100%);height:min(840px,calc(100vh - 60px));display:flex;flex-direction:column;background:var(--bg);border-radius:12px;overflow:hidden;color:var(--tx);box-shadow:0 24px 80px rgba(0,0,0,.6);outline:0;transform:translateY(6px) scale(.985);transition:transform .16s ease}
.cbm-ov.in .cbm{transform:none}
.cbm :focus-visible{outline:2px solid var(--gd);outline-offset:2px}
.cbm-h{flex:none;display:flex;align-items:center;gap:12px;height:64px;padding:12px 12px 12px 24px;background:var(--bg)}
.cbm-h h2{flex:1;margin:0;font-size:20px;font-weight:700;letter-spacing:0}
.cbm-bal{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:2px solid var(--gd);border-radius:5px;background:var(--bg3);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.cbm-x{display:grid;place-items:center;width:40px;height:40px;border-radius:5px;background:#2b2f3b;color:var(--mu);transition:background .15s,color .15s}
.cbm-x:hover{background:#363b4a;color:#fff}.cbm-x svg{width:20px;height:20px}
.cbm-coin{font-style:normal;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--gd);color:#0E1015;font-size:11px;line-height:1;font-weight:800;flex:none}
/* filters */
.cbm-f{flex:none;display:grid;gap:14px;padding:6px 24px 14px}
.cbm-s{display:flex;align-items:center;gap:10px;height:40px;padding:4px 12px;border:2px solid var(--ln);border-radius:8px;background:var(--bg2);color:var(--mu);transition:border-color .15s}
.cbm-s:focus-within{border-color:var(--mu)}
.cbm-s svg{width:18px;height:18px;flex:none}
.cbm-ov .cbm-s input,.cbm-s input{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0;color:#fff;font:600 16px/1 inherit;font-family:inherit}
.cbm-s input::placeholder{color:var(--mu);opacity:1}
.cbm-r2{display:flex;align-items:center;gap:14px}
.cbm-risk{flex:1;display:flex;align-items:center;gap:12px;min-width:0;font-size:16px;font-weight:700;color:var(--mu)}
.cbm-rs{position:relative;flex:1;height:22px;--lo:0%;--hi:100%}
.cbm-rt{position:absolute;left:8px;right:8px;top:8px;height:6px;display:flex;gap:2px;border-radius:3px;overflow:hidden}
.cbm-rt i{flex:1}
.cbm-rs::before,.cbm-rs::after{content:"";position:absolute;top:8px;height:6px;background:rgba(19,21,27,.72);pointer-events:none;z-index:1}
.cbm-rs::before{left:8px;width:calc((100% - 16px) * var(--lo) / 100)}
.cbm-rs::after{right:8px;width:calc((100% - 16px) * (100 - var(--hi)) / 100)}
.cbm-rs input[type=range]{position:absolute;inset:0;width:100%;height:22px;margin:0;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;-webkit-appearance:none;appearance:none;pointer-events:none;z-index:2}
.cbm-rs input[type=range]::-webkit-slider-runnable-track{height:22px;background:none;border:0}
.cbm-rs input[type=range]::-moz-range-track{height:22px;background:none;border:0}
.cbm-rs input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:12px;height:22px;border-radius:6px;background:#9DA3B2;border:2px solid var(--bg);box-shadow:0 0 0 1px #2b2f3b;cursor:ew-resize;transition:background .12s}
.cbm-rs input[type=range]::-moz-range-thumb{pointer-events:auto;width:8px;height:20px;border-radius:6px;background:#9DA3B2;border:2px solid var(--bg);cursor:ew-resize}
.cbm-rs input[type=range]::-webkit-slider-thumb:hover{background:#fff}
.cbm-menu{position:relative}
.cbm-dd{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:8px;background:var(--bg3);font-size:15px;font-weight:700;white-space:nowrap;transition:background .15s}
.cbm-dd:hover{background:#171a21}.cbm-dd span{color:var(--mu)}.cbm-dd b{flex:1;text-align:left;color:#fff;font-weight:700}.cbm-dd svg{width:12px;height:12px;color:var(--mu);margin-left:6px}
.cbm-menu:nth-of-type(1) .cbm-dd{width:224px}.cbm-dd.rng{width:150px}
.cbm-pop{position:absolute;right:0;top:46px;z-index:5;min-width:100%;padding:6px;border-radius:8px;background:#1e212a;border:1px solid #2f3340;box-shadow:0 14px 34px rgba(0,0,0,.55);display:grid;gap:2px}
.cbm-pop[hidden]{display:none}
.cbm-pop>button{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:5px;font-size:14px;font-weight:600;text-align:left;white-space:nowrap}
.cbm-pop>button:hover{background:#2a2e3a}.cbm-pop>button em{font-style:normal;color:var(--gd);opacity:0}.cbm-pop>button.sel em{opacity:1}
.cbm-pop.rg{width:240px;padding:12px;gap:10px}
.cbm-pop.rg label{display:grid;gap:5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.cbm-pop.rg label span{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:2px solid var(--ln);border-radius:6px;background:var(--bg2);font-size:15px;color:#fff;letter-spacing:0;text-transform:none}
.cbm-pop.rg input{flex:1;min-width:0;border:0!important;outline:0!important;background:none!important;box-shadow:none!important;padding:0!important;color:#fff;font:600 15px/1 inherit;font-family:inherit}
.cbm-err{margin:0;font-size:12px;color:#E5483F}.cbm-pa{display:flex;gap:8px;justify-content:flex-end}
.cbm-ghost{height:36px;padding:0 14px;border-radius:5px;background:#2b2f3b;font-weight:700;font-size:14px}
.cbm-tabs{justify-self:center;display:flex;gap:4px;padding:4px;border-radius:8px;background:var(--bg3);max-width:100%;overflow-x:auto;scrollbar-width:none}
.cbm-tabs::-webkit-scrollbar{display:none}
.cbm-tabs button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:5px;font-size:15px;font-weight:700;color:#cfd3dd;white-space:nowrap;transition:background .15s,color .15s}
.cbm-tabs button i{display:inline-grid;width:20px;height:20px;color:var(--mu)}.cbm-tabs button i svg{width:100%;height:100%}
.cbm-tabs button:hover{background:#1a1d24;color:#fff}
.cbm-tabs button.on{background:rgba(245,184,77,.2);color:var(--gd)}.cbm-tabs button.on i{color:var(--gd)}
/* grid */
.cbm-sc{flex:1;min-height:0;overflow-y:auto;padding:0 24px 14px;scrollbar-width:thin;scrollbar-color:#2f3340 transparent}
.cbm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-radius:12px;overflow:hidden;background:#16181D}
.cbm-tile{position:relative;display:grid;grid-template-rows:auto auto auto auto auto;align-content:start;gap:8px;padding:16px 12px 12px;background:linear-gradient(180deg,var(--tile1),var(--tile2));overflow:hidden;min-width:0;transition:filter .18s}
.cbm-glow{position:absolute;left:0;right:0;top:-33%;height:100%;background:radial-gradient(rgba(245,184,77,.12) 0%,rgba(0,0,0,0) 70%);pointer-events:none;transition:opacity .2s,transform .3s}
.cbm-tile>*{position:relative}.cbm-tile>.cbm-glow{position:absolute}
.cbm-tile:hover{filter:brightness(1.12)}
.cbm-tile:hover .cbm-art img{transform:scale(1.07)}
.cbm-tile.on{box-shadow:inset 0 0 0 2px rgba(245,184,77,.55)}
.cbm-art{height:132px;display:grid;place-items:center;overflow:hidden}
.cbm-art img{max-width:100%;max-height:132px;width:auto;height:132px;object-fit:contain;transition:transform .22s ease;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.cbm-noimg{display:grid;place-items:center;width:64px;height:64px;color:#4c5565}.cbm-noimg svg{width:100%;height:100%}
.cbm-q{font-size:104px;line-height:1;font-weight:800;color:#FFD84D;text-shadow:0 0 28px rgba(245,184,77,.65),0 0 6px rgba(255,216,77,.8)}
.cbm-nm{margin:0;text-align:center;font-size:14px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbm-tile.rnd .cbm-nm{font-size:16px}
.cbm-sub{margin:0;min-height:30px;padding:0 10px;text-align:center;font-size:14px;line-height:15px;font-weight:600;color:var(--mu)}
.cbm-pr{justify-self:center;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:5px;background:#0E1015;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.cbm-vol{position:relative;height:22px;margin:0 12px}
.cbm-vt{position:absolute;left:0;right:0;bottom:0;height:4px;display:flex;gap:2px;border-radius:2px;overflow:hidden}
.cbm-vt i{flex:1}
.cbm-vm{position:absolute;bottom:6px;width:16px;margin-left:-8px;color:#fff;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));transition:left .2s}
.cbm-vm svg{width:16px;height:12px}
.cbm-vol.na .cbm-vt{opacity:.35}
.cbm-add,.cbm-ok{display:inline-grid;place-items:center;height:40px;padding:0 12px;border-radius:5px;background:var(--gd);color:#0E1015;font-size:15px;font-weight:700;transition:background .15s,transform .1s}
.cbm-tile .cbm-add,.cbm-tile .cbm-step{width:100%}
.cbm-add:hover,.cbm-ok:hover{background:#f8c86e}.cbm-add:active,.cbm-ok:active{transform:translateY(1px)}
.cbm-add.sm{height:36px;font-size:14px}
.cbm-step{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:40px;border-radius:5px;background:#0E1015;overflow:hidden}
.cbm-step button{height:40px;font-size:20px;font-weight:700;color:#cfd3dd;transition:background .15s,color .15s}.cbm-step button:hover:not(:disabled){background:#1b1e26;color:#fff}.cbm-step button:disabled{opacity:.35;cursor:not-allowed}
.cbm-step b{text-align:center;font-size:15px;font-weight:700}
.cbm-ib{position:absolute!important;top:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#2b2f3b;color:#cfd3dd;z-index:2;transition:background .15s,color .15s}
.cbm-ib.tl{left:10px}.cbm-ib:hover{background:#3a3f4e;color:#fff}.cbm-ib svg{width:16px;height:16px}
.cbm-empty{grid-column:1/-1;display:grid;justify-items:center;gap:12px;padding:56px 12px;background:var(--bg2);color:var(--mu);font-size:15px}.cbm-empty b{color:#fff}
/* footer */
.cbm-ft{flex:none;display:flex;align-items:center;gap:12px;height:66px;padding:12px 24px;background:var(--bg);border-top:1px solid #20232c}
.cbm-sp{flex:1}
.cbm-note{font-size:12px;font-weight:600;color:var(--mu)}
.cbm-th{display:flex;gap:6px;min-width:0;overflow:hidden}
.cbm-t{position:relative;display:grid;place-items:center;width:44px;height:40px;border-radius:5px;background:#0E1015;flex:none}
.cbm-t img{max-width:84%;max-height:84%;object-fit:contain}.cbm-t em{position:absolute;left:2px;bottom:1px;padding:0 4px;border-radius:3px;background:var(--gd);color:#0E1015;font-style:normal;font-size:10px;font-weight:800;line-height:14px}
.cbm-t.more{font-size:12px;font-weight:700;color:var(--mu)}
.cbm-pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:8px;background:var(--bg3);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.cbm-pill>i:not(.cbm-coin){display:inline-grid;width:18px;height:18px;color:var(--gd)}.cbm-pill>i svg{width:100%;height:100%}
.cbm-ok{height:40px;padding:0 16px;min-width:151px;font-size:15px}
@media(max-width:820px){
  .cbm-ov{padding:0;place-items:end center}.cbm{width:100%;height:calc(100vh - 12px);border-radius:12px 12px 0 0}
  .cbm-h{padding-left:16px}.cbm-f{padding:4px 12px 10px;gap:10px}.cbm-sc{padding:0 12px 10px}
  .cbm-r2{flex-wrap:wrap;gap:8px}.cbm-risk{flex:1 1 100%}.cbm-menu{flex:1}.cbm-menu:nth-of-type(1) .cbm-dd,.cbm-dd.rng{width:100%}
  .cbm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cbm-art{height:104px}.cbm-q{font-size:84px}
  .cbm-ft{padding:10px 12px;gap:8px;flex-wrap:nowrap}.cbm-th,.cbm-note{display:none}.cbm-pill{padding:0 10px;font-size:14px;gap:6px}.cbm-ok{min-width:0;flex:1;padding:0 10px}
  .cbm-pop{right:auto;left:0}
}
@media(prefers-reduced-motion:reduce){.cbm-ov,.cbm,.cbm-art img,.cbm-glow{transition:none!important}}

.cbm-ov .cbm-s input[type],.cbm-ov .cbm-s input:focus{border:0!important;outline:0!important;box-shadow:none!important;background:none!important;border-radius:0!important;height:100%!important;width:auto!important}
.cbm-ov .cbm-add,.cbm-ov .cbm-ok{background:var(--gd)!important;color:#0E1015!important}.cbm-ov .cbm-add:hover,.cbm-ov .cbm-ok:hover{background:#f8c86e!important}
.cbm-tile{display:flex;flex-direction:column;gap:8px}
.cbm-tile>.cbm-add,.cbm-tile>.cbm-step{margin-top:auto}
.cbm-tile>.cbm-vol{margin-top:4px;margin-bottom:6px}
.cbm-tile.rnd .cbm-sub{flex:1}
.cbm-tile>.cbm-pr{align-self:center}.cbm-ok{white-space:nowrap}