.modern-site .cs-roulette{--roulette-ink:#2c302e;--roulette-muted:#716b62;--roulette-orange:#f39347;position:relative;margin:0 0 22px;padding:0!important;background:#ffffff;border:1px solid #ded7cb;border-radius:18px;color:var(--roulette-ink);overflow:visible;isolation:isolate;box-shadow:0 8px 24px #24211b0b}
.cs-roulette [hidden],.cs-roulette-history [hidden]{display:none!important}
.cs-roulette svg[fill="none"],.cs-roulette-history svg[fill="none"]{fill:none}
.cs-roulette__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cs-roulette__head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(120deg,#ffffff,#ffffff);border-radius:17px 17px 0 0}
.cs-roulette__heading{display:flex;align-items:center;gap:14px;min-width:0}.cs-roulette__brand{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #e3c5a7;border-radius:12px;background:#fff0df;color:#a85e27}.cs-roulette__brand>svg{width:23px;height:23px;fill:none;stroke:currentColor}.cs-roulette__brand>svg>rect{fill:#fffdf8;stroke:#ce9e72}.cs-roulette__brand>svg>path{fill:none;stroke:#bb773b}
.cs-roulette h2,.cs-roulette-history h2{margin:0!important;padding:0!important;font-size:22px!important;line-height:1.3!important;letter-spacing:-.6px!important;color:#282d2b!important;font-weight:600!important}.cs-roulette__intro{margin:6px 0 0;color:#6f6b63;font-size:11px;line-height:1.6}.cs-roulette__eyebrow{margin:0 0 7px;color:#a85c25;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.cs-roulette__head-tools,.cs-roulette__audio{display:flex;align-items:center;gap:12px}.cs-roulette__head-tools{flex-shrink:0;gap:18px}.cs-roulette__volume{display:flex;align-items:center;margin:0}.cs-roulette__volume input{width:88px;height:4px;padding:0;accent-color:#f39347;cursor:pointer;background:#d7cfc3;border:0}.cs-roulette__pool{padding:8px 12px;border:1px solid #e4ded4;border-radius:30px;color:#6a655d;font-size:10px;white-space:nowrap}.cs-roulette__pool b{font-weight:600;color:#353a36}
.cs-roulette__button,.cs-roulette__history-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin:0;padding:10px 13px;border:1px solid #ded7cc;border-radius:8px;background:#f7f4ef;color:#514b43;font-family:inherit;font-size:10px;font-weight:600;line-height:1.35;white-space:nowrap;cursor:pointer;box-shadow:none;text-decoration:none}
.cs-roulette__button>svg,.cs-roulette__history-button>svg{width:14px;height:14px;flex:none}.cs-roulette__button:not(:disabled):hover,.cs-roulette__history-button:hover{border-color:#c99a73;background:#fff0df;color:#874b1e}.cs-roulette__button:disabled{opacity:.4;cursor:default}
.cs-roulette__button--primary{background:#f39347;border-color:#f39347;color:#1d2224;min-width:112px;box-shadow:0 4px 17px #f3934714}.cs-roulette__button--primary:not(:disabled):hover{background:#ffab68;border-color:#ffab68;color:#1d2224}.cs-roulette__button[aria-pressed=true]{border-color:#bd8a5f;background:#fff0df;color:#8c4a1d}.cs-roulette__sound{min-width:34px;width:34px;min-height:34px;height:34px;padding:0;color:#50483e;background:#ffffff}.cs-roulette__sound>svg{width:17px;height:17px}.cs-roulette__sound[aria-pressed=false]>svg{opacity:.6}
.cs-roulette :is(a,button,summary,input):focus-visible,.cs-roulette-history :is(a,button,summary,input):focus-visible{outline:3px solid #b95d1a!important;outline-offset:3px}
.cs-roulette__stage{position:relative;min-height:342px;padding:18px 0;background:#f8f6f1;border-block:1px solid #e5dfd5}.cs-roulette__stage:before,.cs-roulette__stage:after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:16px;pointer-events:none}.cs-roulette__stage:before{left:0;background:linear-gradient(90deg,#f8f6f1d9,transparent)}.cs-roulette__stage:after{right:0;background:linear-gradient(270deg,#f8f6f1d9,transparent)}
.cs-roulette__viewport{overflow:hidden;width:100%;padding:2px 0;touch-action:pan-y;isolation:isolate}.cs-roulette__track{display:flex;align-items:stretch;gap:14px;width:max-content;will-change:transform}.cs-roulette__pointer{position:absolute;z-index:4;inset:0 auto 0 50%;width:1px;pointer-events:none}.cs-roulette__pointer:before,.cs-roulette__pointer:after{content:"";position:absolute;left:50%;width:0;height:0;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent}.cs-roulette__pointer:before{top:0;border-top:10px solid #f39347}.cs-roulette__pointer:after{bottom:0;border-bottom:10px solid #f39347}
.cs-roulette__loading{position:absolute;inset:0;display:grid;place-items:center;padding:20px;font-size:13px;color:#6e675e;text-align:center}.cs-roulette__panel{padding:20px 26px 22px;background:#ffffff;border-radius:0 0 17px 17px}.cs-roulette__bottom{display:flex;align-items:center;gap:10px}.cs-roulette__controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex-shrink:0}.cs-roulette__status{flex:1;min-width:0;margin:0;padding:10px 12px;border:1px solid #e7e1d8;border-radius:8px;background:#f8f6f1;color:#6a645b;font-size:10px;line-height:1.65;min-height:38px;box-sizing:border-box}
.cs-roulette__history-button{flex-shrink:0;background:#ffffff;font-weight:500}.cs-roulette__history-button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:5px;background:#f6eee2;color:#85532a;font-size:10px;font-variant-numeric:tabular-nums}
.cs-roulette__settings{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}.cs-roulette__speeds{display:flex;align-items:center;gap:7px;flex-shrink:0}.cs-roulette__speeds>span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#736c61;margin-right:4px}.cs-roulette__speeds>button{min-height:30px;padding:7px 10px;border:1px solid #e4ddd2;border-radius:6px;background:#f8f6f2;color:#696258;font-family:inherit;font-size:9px;font-weight:500;line-height:1.3;cursor:pointer}.cs-roulette__speeds>button:hover{border-color:#d0a983;color:#93511e}.cs-roulette__speeds>button[aria-pressed=true]{background:#fff0df;border-color:#d4ad86;color:#92511e}.cs-roulette__hint{max-width:390px;margin:0;color:#746d62;font-size:9px;line-height:1.7;text-align:right}.cs-roulette__noscript{padding:15px 26px;font-size:12px;line-height:1.7}.cs-roulette__noscript a{color:#94501d}
.cs-roulette-card{position:relative;display:flex!important;flex-direction:column;flex:0 0 252px;width:252px;min-width:0!important;margin:0!important;padding:0!important;border:1px solid #ded8ce!important;border-radius:12px!important;overflow:visible!important;background:#ffffff!important;box-shadow:none!important;color:#30342f!important;box-sizing:border-box}
.cs-roulette-card.is-selected{border-color:#d8782c!important;box-shadow:0 0 0 1px #d8782c55,0 4px 24px #0002!important}.cs-roulette-card__image{position:relative;display:block;height:146px;overflow:hidden;border-radius:11px 11px 0 0;background:linear-gradient(145deg,#eee8dd,#faf8f4);text-decoration:none;color:#756650}.cs-roulette-card__image:before{content:"COUNTER-STRIKE";position:absolute;inset:0;display:grid;place-items:center;letter-spacing:.15em;font-size:11px;font-weight:600;opacity:.4}.cs-roulette-card__image img{position:relative;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;opacity:1!important;filter:none!important;transform:none!important}
.cs-roulette-card__game{position:absolute;left:10px;bottom:10px;z-index:1;padding:5px 7px;border:1px solid #e1bd97;border-radius:5px;background:#fff2e4;color:#87501f;font-size:8px;line-height:1;font-weight:500;letter-spacing:.02em}.cs-roulette-card__body{display:flex;flex-direction:column;flex:1;padding:12px}.cs-roulette-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;overflow:hidden;margin:0 0 9px!important;padding:0!important;font-size:12px!important;line-height:1.4!important;letter-spacing:-.12px!important;font-weight:550!important}.cs-roulette-card__title a{color:#2f332f!important;text-decoration:none!important;background:transparent!important}.cs-roulette-card__title a:hover{color:#a25820!important}
.cs-roulette-icon{display:block;width:14px;height:14px;flex:none}.cs-roulette-card__stats{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:0 0 17px;padding:0}.cs-roulette-card__stats div{display:flex;align-items:center;gap:5px;min-width:0}.cs-roulette-card__stats dt{margin:0;color:#82725f;font-weight:400}.cs-roulette-card__stats dd{margin:0;font-size:9px;line-height:1.5;font-weight:400;color:#6b655d;font-variant-numeric:tabular-nums}.cs-roulette-card__stats .cs-roulette-icon{width:12px;height:12px}
.cs-roulette-card__actions{display:flex;align-items:center;gap:6px;margin-top:auto;margin-bottom:9px;padding:0}.cs-roulette-card__action,.cs-roulette-share>summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:7px 8px;border:1px solid #e5dfd5;border-radius:7px;background:#f8f6f2;color:#686153;font-family:inherit;font-size:9px;font-weight:400;line-height:1.3;text-decoration:none;cursor:pointer;box-shadow:none}.cs-roulette-card__action:not(:disabled):hover,.cs-roulette-share>summary:hover{color:#92521f;border-color:#d4aa81;background:#fff3e7}.cs-roulette-card__action:disabled{cursor:default;opacity:.7}.cs-roulette-card__action[aria-pressed=true]{color:#9c521f;background:#fff0df;border-color:#d4a778}.cs-roulette-card__favorite{width:31px;padding:7px}.cs-roulette-card__favorite[aria-pressed=true] .cs-roulette-icon{fill:#eab98055}.cs-roulette-card__action[data-like]{min-width:44px}.cs-roulette-card__action[data-like][aria-pressed=true] .cs-roulette-icon{fill:#e8a16a66}
.cs-roulette-share{position:relative;margin:0 0 0 auto;padding:0}.cs-roulette-share>summary{list-style:none;white-space:nowrap}.cs-roulette-share>summary::-webkit-details-marker{display:none}.cs-roulette-share__panel{position:absolute;z-index:8;right:0;bottom:calc(100% + 7px);width:188px;padding:8px;border:1px solid #d9d1c5;border-radius:9px;background:#ffffff;box-shadow:0 6px 25px #493c2426}.cs-roulette-share__panel :is(a,button){display:block;width:100%;margin:0;padding:8px;border:0;border-radius:4px;background:transparent;color:#514b41!important;text-align:left;font-family:inherit;font-size:10px;font-weight:400;line-height:1.3;text-decoration:none;cursor:pointer;box-sizing:border-box}.cs-roulette-share__panel :is(a,button):hover{background:#f6eee2}.cs-roulette-share__panel p{margin:3px 7px;font-size:9px;line-height:1.5;color:#756c5f}.cs-roulette-share__panel input{width:100%;box-sizing:border-box;padding:5px;border:1px solid #d4c7b6;border-radius:4px;background:#f9f7f3;color:#4b443a;font-size:10px}
.cs-roulette-card__links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cs-roulette-card__links>a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:8px 6px;border:1px solid #ded7cc;border-radius:7px;background:#f8f6f1!important;color:#5d5549!important;font-size:9px;font-weight:500;text-decoration:none!important;line-height:1.4}.cs-roulette-card__links>.cs-roulette-card__download{background:#f39347!important;border-color:#f39347;color:#202523!important}.cs-roulette-card__links>.cs-roulette-card__download:hover{background:#ffad69!important}.cs-roulette-card__links>.cs-roulette-card__details:hover{border-color:#c39166;color:#915020!important}.cs-roulette-card__links .cs-roulette-icon{width:12px;height:12px}
.cs-roulette-history{position:fixed;inset:0;max-width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:25px;border:1px solid #ddd5c8;border-radius:17px;background:#ffffff;color:#333831;overflow:auto;box-sizing:border-box;box-shadow:0 25px 100px #10101466}.cs-roulette-history:not([open]){display:none}.cs-roulette-history::backdrop{background:#131519b8;backdrop-filter:blur(4px)}.cs-roulette-history.is-fallback{display:block;z-index:10002;box-shadow:0 0 0 100vmax #131519b8,0 25px 100px #10101466}.cs-roulette-history__head{display:flex;align-items:center;justify-content:space-between;gap:20px}.cs-roulette-history__note{margin:12px 0 22px;color:#71695e;font-size:11px;line-height:1.6}.cs-roulette-history__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cs-roulette-history__list .cs-roulette-card{width:100%;min-width:0;flex-basis:auto}.cs-roulette-history__date{margin:0;padding:0 12px 12px;font-size:9px;color:#786e5e}.cs-roulette-history__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:23px;padding-top:17px;border-top:1px solid #e4ded4;font-size:11px;color:#706756}
@media(max-width:1100px){.cs-roulette__bottom{flex-wrap:wrap}.cs-roulette__status{order:3;flex-basis:100%}.cs-roulette__history-button{margin-left:auto}.cs-roulette__hint{max-width:280px}.cs-roulette h2{font-size:20px!important}.cs-roulette__head-tools{gap:12px}}
@media(max-width:800px){.cs-roulette__head{align-items:flex-start;gap:18px;padding:21px}.cs-roulette__head-tools{flex-direction:column-reverse;gap:9px;align-items:flex-end}.cs-roulette__volume input{width:63px}.cs-roulette__head-tools .cs-roulette__pool{padding:6px 9px;font-size:9px}.cs-roulette__heading{gap:11px}.cs-roulette__brand{width:35px;height:35px;border-radius:10px}.cs-roulette__brand>svg{width:20px;height:20px}.cs-roulette__intro{max-width:270px;font-size:10px}.cs-roulette__panel{padding:18px 21px}.cs-roulette__settings{align-items:flex-start;flex-direction:column;gap:12px}.cs-roulette__hint{text-align:left;max-width:none}.cs-roulette-history__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.modern-site .cs-roulette{border-radius:14px;margin-bottom:20px}.cs-roulette__head{padding:18px 15px;border-radius:13px 13px 0 0;gap:13px;flex-wrap:wrap}.cs-roulette__heading{align-items:flex-start;flex:1 1 240px}.cs-roulette h2{font-size:19px!important}.cs-roulette__head-tools{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding-left:46px}.cs-roulette__volume input{width:90px}.cs-roulette__head-tools .cs-roulette__pool{padding:8px 11px}.cs-roulette-card{flex-basis:238px;width:238px}.cs-roulette-card__image{height:140px}.cs-roulette__stage{min-height:330px;padding:16px 0}.cs-roulette__panel{padding:15px;border-radius:0 0 13px 13px}.cs-roulette__controls{gap:6px}.cs-roulette__button{font-size:9px;padding:9px 10px;min-height:36px}.cs-roulette__button--primary{min-width:94px}.cs-roulette__history-button{min-height:32px;padding:7px 9px;font-size:9px}.cs-roulette__bottom{gap:9px}.cs-roulette__speeds{flex-wrap:wrap;gap:5px}.cs-roulette__speeds>span{width:100%;margin-bottom:3px}.cs-roulette__speeds>button{padding:7px 9px}.cs-roulette__status{font-size:9px}.cs-roulette__hint{font-size:8px}.cs-roulette__sound{padding:0;min-height:32px}.cs-roulette-history{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:18px 13px}.cs-roulette-history h2{font-size:23px!important}.cs-roulette-history__list{grid-template-columns:1fr}.cs-roulette-history__list .cs-roulette-card__image{height:165px}.cs-roulette-history__footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.cs-roulette__track{will-change:auto}.cs-roulette-history::backdrop{backdrop-filter:none}}