:root{color-scheme:dark;--bg:#050a15;--panel:#0a1323;--panel2:#0d192b;--panel3:#101e33;--line:#1c2a40;--line2:#2a3b53;--text:#e8edf6;--muted:#7d8a9e;--soft:#aab8c9;--blue:#4584c5;--blue2:#79b7e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1380px,calc(100% - 72px));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:76px;display:flex;align-items:center;gap:70px;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:21px;font-weight:850;letter-spacing:-1.1px}.logo-icon{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #315271;border-radius:6px;background:#0d2135;color:#8bc6f4;font-size:18px;line-height:1;letter-spacing:-3px;padding-right:4px}.logo-icon span,.logo-period{color:#5d9bd2}.topbar nav{display:flex;align-items:center;align-self:stretch;gap:36px}.topbar nav a{display:flex;align-items:center;height:100%;color:#79889d;font-size:13px;font-weight:650;position:relative}.topbar nav a:hover,.topbar nav a.active{color:#dce8f6}.topbar nav a.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#5c94c8}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;color:#90a5ba;font-size:10px;font-weight:800;letter-spacing:1.2px}.topbar-right strong{font-size:12px;letter-spacing:0;color:#a5b5c9}.topbar-divider{height:17px;width:1px;background:var(--line2);margin:0 7px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6394bd;box-shadow:0 0 0 3px #315c7f45}.upgrade-section{padding:48px 0 0}.page-head,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.overline{font-size:10px;font-weight:850;letter-spacing:2px;color:#6889aa}.page-head h1{font-size:34px;letter-spacing:-1.4px;margin:10px 0 6px;line-height:1.1}.page-head p,.section-heading p{color:var(--muted);margin:0;line-height:1.5}.head-note{display:flex;gap:17px;align-items:center;color:#536a83;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:4px}.head-note span:first-child{color:#8ba6c1}.upgrade-board{margin-top:26px;background:var(--panel);border:1px solid var(--line2);border-radius:10px;overflow:hidden}.board-toolbar,.board-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;height:45px;padding:0 22px;background:#0b1626;color:#8495a9;font-size:10px;letter-spacing:.9px;font-weight:700;border-bottom:1px solid var(--line)}.board-toolbar span:first-child{display:flex;align-items:center;gap:10px;color:#a7bdd2}.board-bottom{height:38px;border-top:1px solid var(--line);border-bottom:0;background:#08111e;font-size:9px;color:#5f7389;letter-spacing:1.25px}.board-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px minmax(0,1fr);gap:24px;padding:26px 26px 30px;align-items:end}.slot-column{min-width:0}.slot-heading{height:29px;display:flex;align-items:center;gap:11px;font-size:10px;color:#8fa4b9;font-weight:800;letter-spacing:1.25px}.slot-heading span:first-child{display:grid;place-items:center;border:1px solid #34506b;border-radius:3px;color:#87b7e2;width:22px;height:20px;font-size:9px;letter-spacing:0}.slot-card{display:block;width:100%;height:286px;border:1px solid #29405b;border-radius:6px;background:linear-gradient(180deg,#0e1c2f,#0a1524);padding:0;color:var(--text);text-align:left;position:relative;overflow:hidden;transition:border-color .18s,background .18s}.slot-card:hover{border-color:#5d8cba;background:#122138}.slot-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#4068901c,transparent 66%);pointer-events:none}.slot-image{height:198px;display:grid;place-items:center;padding:23px}.slot-image img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px #0009)}.slot-data{display:block;border-top:1px solid #20314b;padding:12px 16px 13px;position:relative;background:#0b1626}.slot-data strong{display:block;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-data small{display:block;color:#8298af;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-price{position:absolute;right:16px;top:13px;font-size:16px;font-weight:800;color:#b8d5ed;font-variant-numeric:tabular-nums}.slot-data strong,.slot-data small{max-width:72%}.slot-placeholder{color:#71849a;display:grid;place-items:center;height:100%;font-size:12px}.slot-action{margin-top:10px;width:100%;height:39px;border:1px solid #2b435f;border-radius:5px;background:#102039;color:#9ec2e1;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:9px}.slot-action:hover{background:#172d4b}.roll-column{display:flex;flex-direction:column;align-items:center;align-self:center;padding-top:24px}.roll-caption{color:#8399af;font-size:10px;letter-spacing:1.6px;font-weight:800}.wheel-frame{width:220px;height:220px;position:relative;margin:15px 0 10px;display:grid;place-items:center}.spin-wheel{--segment:22%;width:216px;height:216px;border-radius:50%;border:1px solid #476687;background:conic-gradient(#4b8ac3 0 var(--segment),#1a2b43 var(--segment) 100%);position:absolute;box-shadow:inset 0 0 0 6px #081524,0 0 0 1px #1c3048;transform:rotate(0deg)}.spin-wheel:before{content:"";position:absolute;inset:10px;border:1px solid #8cbde844;border-radius:50%}.wheel-inner{position:absolute;inset:23px;border-radius:50%;background:#0a1525;border:1px solid #2b4158}.wheel-pointer{position:absolute;z-index:4;top:-2px;left:calc(50% - 7px);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:13px solid #d1e6f7;filter:drop-shadow(0 1px 2px #000)}.wheel-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.wheel-center strong{font-size:43px;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1}.wheel-center span{margin-top:8px;font-size:10px;color:#8094a9;max-width:160px;text-align:center}.roll-meta{display:flex;justify-content:space-between;gap:15px;width:100%;font-size:11px;font-variant-numeric:tabular-nums;color:#7b91a8;border-top:1px solid #203149;padding-top:14px}.roll-button{margin-top:17px;width:100%;height:46px;border:1px solid #598cbe;border-radius:5px;background:#315e8e;color:#f0f7ff;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:850;letter-spacing:1.2px;transition:background .2s}.roll-button:hover:not(:disabled){background:#3d73ac}.roll-button:disabled{opacity:.45;cursor:not-allowed}.roll-button span:last-child{font-size:21px;font-weight:400}.roll-status{text-align:center;color:#63788f;font-size:10px;margin-top:11px;height:17px}.catalog-section{padding:72px 0 67px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:27px;letter-spacing:-.7px;margin:10px 0 6px}.catalog-count{color:#afc3d5;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;border:1px solid var(--line2);background:#0b182a;padding:9px 13px;border-radius:5px}.catalog-shell{border:1px solid var(--line2);border-radius:9px;overflow:hidden;background:#081120}.filters{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(145px,.75fr));gap:9px;padding:15px;background:#0b1626;border-bottom:1px solid var(--line)}.filters label{display:block;min-width:0}.filters input,.filters select{width:100%;height:39px;border:1px solid #29405b;border-radius:5px;background:#0d1b2e;color:#cbd8e6;outline:0;font-size:12px}.filters input:focus,.filters select:focus{border-color:#6c9bc7}.filters input::placeholder{color:#6f8094}.filters select{padding:0 12px;cursor:pointer}.search-field{position:relative}.search-field>span{position:absolute;left:12px;top:5px;color:#94afc6;font-size:23px;line-height:1;pointer-events:none}.filters input{padding:0 12px 0 37px}.catalog-toolbar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:#8194aa;font-size:11px;border-bottom:1px solid var(--line)}.catalog-toolbar span:last-child{color:#a2bfd9}.catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#1b2b40}.skin-card{height:205px;min-width:0;padding:12px 12px 10px;border:0;background:#0b1627;color:var(--text);text-align:left;position:relative;overflow:hidden;transition:background .15s}.skin-card:hover,.skin-card.selected{background:#13243b}.skin-card.selected:after{content:"";position:absolute;inset:0;border:1px solid #7caad2;pointer-events:none}.skin-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:var(--rarity)}.skin-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#687f97;font-weight:800}.skin-price{font-size:13px;color:#c4d7e8;font-variant-numeric:tabular-nums}.skin-image{height:123px;display:grid;place-items:center}.skin-image img{width:100%;height:110px;object-fit:contain;filter:drop-shadow(0 10px 11px #000a)}.skin-name{display:block;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin-finish{display:block;color:#7d93aa;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-results{grid-column:1/-1;padding:48px;text-align:center;background:#0b1627;color:#9baec0}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:24px;height:60px;border-top:1px solid var(--line);background:#0b1626;color:#8799ae;font-size:11px;font-variant-numeric:tabular-nums}.catalog-pagination button{border:1px solid #2c425b;border-radius:4px;background:#102035;color:#bdd1e4;padding:8px 12px;font-size:11px}.catalog-pagination button:hover:not(:disabled){background:#19304c}.catalog-pagination button:disabled{opacity:.35;cursor:not-allowed}.data-note{font-size:11px;color:#66798e;line-height:1.6;margin:14px 1px 0}.footer{border-top:1px solid var(--line);min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .logo{font-size:17px}.footer .logo-icon{width:26px;height:26px;font-size:16px}.footer>div{display:flex;flex-direction:column;gap:4px;color:#64788c;font-size:10px}.footer>div a{color:#98b9d5;text-decoration:underline;text-underline-offset:2px}.footer>span{font-size:10px;color:#5a7187;white-space:nowrap}.result-dialog{padding:0;width:min(420px,calc(100% - 28px));border:1px solid #34516f;border-radius:8px;background:#0b1728;color:var(--text);box-shadow:0 30px 100px #000c}.result-dialog::backdrop{background:#01050bbb;backdrop-filter:blur(4px)}.result-top{height:49px;border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;letter-spacing:1.5px;color:#8ba8c1;font-weight:800}.result-top button{background:none;border:0;color:#93a9bd;font-size:24px}.result-main{padding:35px 29px 30px;text-align:center}.result-icon{width:57px;height:57px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid #406d92;background:#152a3e;color:#8bc1e8;font-size:30px;border-radius:50%}.result-main h2{font-size:25px;margin:0 0 9px}.result-main p{line-height:1.55;color:#8b9db0;font-size:12px;margin:0}.result-main>button{margin-top:27px;width:100%;height:41px;background:#315e8e;border:1px solid #598cbe;border-radius:5px;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-weight:800}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.board-grid{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:15px;padding-inline:18px}.wheel-frame{transform:scale(.9);margin:4px 0}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}}@media(max-width:760px){.wrap{width:calc(100% - 28px)}.topbar{height:61px;gap:25px}.topbar nav{gap:18px}.topbar nav a{font-size:11px}.topbar-right{display:none}.logo{font-size:18px}.upgrade-section{padding-top:31px}.page-head h1{font-size:26px}.page-head p{font-size:12px}.head-note{display:none}.board-toolbar{padding:0 14px}.board-toolbar>span:last-child{font-size:9px}.board-grid{grid-template-columns:1fr 1fr;gap:9px;padding:15px 12px 19px}.slot-column:nth-child(3){grid-column:2;grid-row:1}.slot-column:first-child{grid-column:1;grid-row:1}.slot-heading{font-size:8px;letter-spacing:.3px;gap:5px}.slot-card{height:180px}.slot-image{height:123px;padding:9px}.slot-data{padding:7px 8px}.slot-data strong{font-size:10px;max-width:100%}.slot-data small{font-size:9px;max-width:100%;margin-top:2px}.slot-price{top:8px;right:8px;font-size:10px;background:#0b1626db;padding:2px}.slot-action{font-size:10px;height:32px}.roll-column{grid-column:1/-1;grid-row:2;padding-top:14px;width:min(300px,100%);margin:auto}.wheel-frame{transform:scale(.82);margin:-1px 0 -10px}.roll-button{height:42px}.board-bottom{padding:0 13px;font-size:8px}.board-bottom span:last-child{display:none}.catalog-section{padding-top:56px}.section-heading h2{font-size:23px}.section-heading p{font-size:11px;max-width:370px}.catalog-count{display:none}.filters{padding:10px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-card{height:175px;padding:9px}.skin-image{height:100px}.skin-image img{height:90px}.skin-name{font-size:10px}.skin-finish{font-size:9px}.skin-price{font-size:11px}.footer{padding:22px 0;display:block}.footer>div{margin:14px 0}.footer>span{display:block}}@media(max-width:470px){.topbar{gap:18px}.topbar nav{gap:12px}.board-toolbar>span:last-child{display:none}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.filters label:last-child{grid-column:span 2}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-card{height:185px}.skin-image{height:111px}.skin-image img{height:100px}.catalog-toolbar span:last-child{display:none}.catalog-pagination{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.spin-wheel{transition:none!important}}
.slot-image{overflow:hidden;min-height:0}.slot-image img{height:175px;min-height:0}@media(max-width:760px){.slot-image img{height:100px}}
.slot-card.choosing{border-color:#5e8ebc;box-shadow:inset 0 0 0 1px #5e8ebc33}
.price-filters{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line);background:#091525}
.price-filters>span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#7893ac;margin-right:8px}
.price-filters label{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border:1px solid #29405b;border-radius:4px;background:#0d1b2e;color:#718ba4;font-size:9px;font-weight:800;letter-spacing:1px}
.price-filters input{width:112px;min-width:0;background:none;border:0;outline:0;color:#d6e6f4;font-size:12px;font-variant-numeric:tabular-nums}
.price-filters input::placeholder{color:#71869b}
.price-filters input::-webkit-inner-spin-button,.price-filters input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.price-filters input[type=number]{-moz-appearance:textfield;appearance:textfield}
.price-filters button{margin-left:auto;border:0;background:none;color:#8da9c2;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.price-filters button:hover{color:#d8e9f7}
.selection-switch{display:flex;align-items:center;gap:5px}
.selection-switch>span{color:#6e859b;font-size:9px;font-weight:800;letter-spacing:1px;margin-right:5px}
.selection-switch button{height:27px;padding:0 10px;border:1px solid #2b415b;border-radius:3px;background:#0c1a2b;color:#8fa8be;font-size:10px;font-weight:750}
.selection-switch button[aria-pressed=true]{background:#1c3857;border-color:#5b88b4;color:#d8e8f5}
.selection-switch button:hover{border-color:#6d9cc8}
.result-item{display:flex;align-items:center;gap:13px;margin:0 0 22px;padding:10px 14px;min-height:86px;border:1px solid #29405b;border-radius:5px;background:#0f2035;text-align:left}
.result-item img{width:102px;height:64px;object-fit:contain;filter:drop-shadow(0 7px 7px #0009)}
.result-item span{font-weight:800;font-size:13px}.result-item small{display:block;margin-top:4px;color:#91a8bd;font-size:11px;font-weight:500}
@media(max-width:760px){.price-filters{flex-wrap:wrap}.price-filters>span{width:100%}.price-filters label{flex:1}.price-filters input{width:100%}.catalog-toolbar{height:auto;min-height:44px;gap:10px;flex-wrap:wrap;padding:8px 12px}.selection-switch{margin-left:auto}}
@media(max-width:470px){.price-filters button{margin:4px 0 0 auto}.selection-switch>span{display:none}.selection-switch button{padding:0 7px}}
.catalog-grid{gap:0;background:#0b1627}.skin-card{border-right:1px solid #1b2b40;border-bottom:1px solid #1b2b40}
.steam-login{display:inline-flex;align-items:center;justify-content:center;min-height:31px;margin-left:12px;padding:0 11px;border:1px solid #416283;border-radius:4px;background:#132a43;color:#d5e9fa;font-size:11px;font-weight:750;letter-spacing:0;white-space:nowrap}.steam-login:hover{background:#1b3b5d}.steam-login[hidden]{display:none}.skin-card{min-height:210px;height:auto}.skin-variant{display:block;margin-top:4px;color:#597a9a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.topbar-right{display:flex;margin-left:auto}.topbar-right .live-dot,.topbar-right #modeLabel,.topbar-right .topbar-divider,.topbar-right #topCount{display:none}.steam-login{margin-left:0;padding:0 8px;font-size:10px}.skin-card{min-height:192px}.skin-variant{font-size:8px}}
@media(max-width:470px){.topbar{gap:8px}.topbar nav{gap:9px}.skin-card{min-height:200px}}