:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#050303;--sf:#0b0b0b;--s2:#1e1c1c;--s3:#181818;--bd:#373535;--tx:#fff;--mu:#9b9a9a;--ac:#ea2845;--ac2:#fff;--gar:#780f20;--ok:#3ddc84;--bad:#ff5468;--hf:"Manrope","Inter",Arial,sans-serif;--mf:"Geist Mono","JetBrains Mono",SFMono-Regular,Menlo,Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--tx);font:300 14px/1.7 var(--mf);padding-bottom:80px;min-height:100vh}
header{position:sticky;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:6;margin:10px 12px 0;background:#0009;backdrop-filter:blur(14px);border:1px solid #ffffff1f;border-radius:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 20px;height:64px}
.logo{font:700 22px var(--hf)}.logo i{color:var(--ac);font-style:normal}
.bal{font:700 16px var(--hf);background:var(--s2);padding:8px 16px;border-radius:20px}
.tk{display:flex;gap:8px;overflow-x:auto;align-items:center;padding:14px 12px 4px;scrollbar-width:none;min-height:64px}
.tc{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:20px;background:var(--sf);border:1px solid var(--bd);border-bottom:2px solid var(--r);font-size:12px}
.tc>span{font-size:20px}.tc b{display:block;font:500 12px var(--hf)}.tc small{color:var(--mu);font-size:11px}
nav{position:fixed;bottom:0;left:0;right:0;z-index:7;background:#050303f2;backdrop-filter:blur(12px);border-top:1px solid #ffffff26;display:flex;overflow-x:auto;padding-bottom:env(safe-area-inset-bottom,0px)}
nav button{flex:1 0 auto;min-width:62px;background:none;border:0;color:var(--mu);padding:9px 6px;font:500 11px var(--hf);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}
nav button b{font-size:19px}nav button.on{color:#fff}
@media(min-width:900px){nav{top:calc(env(safe-area-inset-top,0px) + 10px);bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:auto;height:64px;border:0;background:none;backdrop-filter:none;padding:0;overflow:visible}nav button{flex-direction:row;gap:6px;padding:0 14px;font:500 16px var(--hf)}nav button.on{box-shadow:inset 0 -2px #fff}body{padding-bottom:24px}}
main{max-width:1280px;margin:0 auto;padding:16px 20px 40px}
.eb{font:300 12px/1.33 var(--mf);letter-spacing:-.3px;text-transform:uppercase;color:var(--mu);margin:22px 0 14px}.eb::after{content:"_";animation:bl 1s steps(1) infinite}
h2{margin:0 0 18px;font:500 clamp(30px,6vw,48px)/1.17 var(--hf)}.sh{font:500 22px/1.4 var(--hf);margin:0 0 8px}
.g{display:grid;gap:12px}.cg{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ig{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.pv{margin:14px 0;max-height:52vh;overflow:auto;grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}
.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center;background:linear-gradient(to right,#ea2845 0%,#780f20 50%,#050303 100%);border-radius:32px;padding:clamp(22px,5vw,56px);margin:10px 0 28px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 15% 110%,#ea284566,transparent)}.hero>*{position:relative}
.hero h1{font:500 clamp(40px,8.5vw,112px)/.95 var(--hf);margin:0 0 20px}.hero p{max-width:420px;margin:0}
.dl{background:#050303cc;border:1px solid #ffffff2e;border-radius:24px;padding:16px;text-align:center}.dl.rdy{border-color:#fff}
.dl .cr{width:96px}.dl b{display:block;font:500 20px var(--hf)}.dl small{display:block;color:var(--mu);margin-bottom:10px}
@media(max-width:700px){.hero{grid-template-columns:1fr}}
.cs{position:relative;background:linear-gradient(180deg,#181818,#0b0b0b);border:1px solid var(--bd);border-radius:24px;padding:16px 10px 14px;text-align:center;cursor:pointer;transition:border-color .18s;overflow:hidden}
.cs::before{content:"";position:absolute;left:0;right:0;top:0;height:65%;background:radial-gradient(circle at 50% 60%,#ea284538,transparent 66%)}
.cs:hover{border-color:#ea2845}.cs>*{position:relative}
.cr{width:100%;max-width:150px;transition:transform .2s}.cs:hover .cr{transform:scale(1.06) rotate(-2deg)}
.cs h3{font:500 20px/1.4 var(--hf);margin:0}.cs .mu{margin:0 0 10px;font-size:12px}
.pc{display:inline-block;font:700 16px var(--hf);padding:6px 18px;border-radius:20px;background:var(--s2);color:#fff;border:1px solid var(--bd)}
.inf{position:absolute!important;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:1px solid var(--bd);background:#050303aa;color:var(--mu);font:italic 700 13px serif;cursor:pointer;z-index:2}
.it{position:relative;background:linear-gradient(180deg,#1e1c1c,#0b0b0b 80%);border:1px solid var(--bd);border-bottom:3px solid var(--r);border-radius:20px;padding:22px 6px 10px;text-align:center;overflow:hidden;transition:border-color .15s;font-size:12px}
.it::before{content:"";position:absolute;inset:auto 0 0 0;height:75%;background:radial-gradient(circle at 50% 100%,var(--r),transparent 70%);opacity:.28}
.it>*{position:relative}.it:hover{border-color:var(--r)}
.it .e{font-size:42px;line-height:1.1}.it .w{font:500 13px/1.3 var(--hf);margin-top:4px}.it .s{color:var(--mu);font-size:11px;min-height:16px}
.pr{position:absolute!important;top:7px;left:10px;font:600 13px var(--hf);color:#fff}
.it.sel{box-shadow:0 0 0 2px #fff}.ch{font:400 12px var(--mf);color:#fff;margin-top:3px}
.ac{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:6px}.ac .b.sm{margin-top:0}
.b{background:#fff;color:#000;border:0;border-radius:20px;padding:14px 22px;font:700 16px/1.5 var(--hf);cursor:pointer;transition:opacity .12s}
.b:hover{opacity:.88}.b.s{background:var(--s2);color:#fff}.b.k{background:var(--s2);color:var(--ok)}.b.d{background:var(--s2);color:var(--bad)}
.b.sm{padding:6px 12px;font-size:13px;margin-top:5px;border-radius:14px}.b.big{padding:18px 56px;font-size:20px}.b:disabled{opacity:.35;cursor:default}
input,select{background:#ffffff1f;color:#fff;border:1px solid #ffffff1f;border-radius:24px;padding:14px 18px;font:300 14px var(--mf);width:100%}input:focus{outline:1px solid #fff}
input[type=range]{padding:0;accent-color:#ea2845}
.row{display:flex;gap:8px;margin:10px 0;align-items:center;flex-wrap:wrap}.row>input{flex:1;min-width:90px}
.pan{background:var(--sf);border:1px solid var(--bd);border-radius:24px;padding:20px;margin-bottom:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.two{grid-template-columns:1fr}}
.mu{color:var(--mu);font-size:13px}.bar{height:4px;background:var(--s2);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#ea2845,#fff)}
.emp{grid-column:1/-1;text-align:center;padding:40px 10px}.emp b{font:500 22px var(--hf)}
.md{position:fixed;inset:0;background:#050303e6;backdrop-filter:blur(8px);z-index:20;display:flex;align-items:center;justify-content:center;padding:14px}
.mb{background:var(--sf);border:1px solid var(--bd);border-radius:32px;padding:22px;width:100%;max-width:760px;max-height:94vh;overflow:auto;text-align:center}
.rv{position:relative;overflow:hidden;background:#050303;border:1px solid var(--bd);border-radius:24px;height:160px;margin:14px 0}
.rv::before,.rv::after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:1;pointer-events:none}.rv::before{left:0;background:linear-gradient(90deg,#050303,transparent)}.rv::after{right:0;background:linear-gradient(270deg,#050303,transparent)}
.mk{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;z-index:2;transform:translateX(-1px);box-shadow:0 0 18px #ea2845}
.rs{display:flex;height:100%;align-items:center;will-change:transform}
.t{flex:0 0 92px;margin:0 4px;height:134px;border:1px solid var(--bd);border-bottom:3px solid var(--r);border-radius:16px;background:linear-gradient(180deg,#1e1c1c,#0b0b0b);font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;overflow:hidden}
.t .e{font-size:34px}.t .w{font:500 11px var(--hf)}.t .s{color:var(--mu)}.t b{font:600 13px var(--hf);margin-top:3px}
.upg{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.slot{min-height:150px;display:flex}.slot .it{width:100%}
.ph{width:100%;border:1px dashed var(--bd);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--mu);font-size:13px;padding:10px;text-align:center}
.ring{width:clamp(110px,30vw,190px);aspect-ratio:1;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font:500 clamp(20px,5vw,30px) var(--hf)}
.ring::after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--sf)}.ring span{position:relative;z-index:1}
.nd{position:absolute;left:50%;top:0;width:4px;height:50%;margin-left:-2px;transform-origin:50% 100%;z-index:2}.nd::before{content:"";display:block;width:12px;height:22px;margin-left:-4px;background:#fff;border-radius:4px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--bd);background:var(--s2);color:#fff;border-radius:9999px;padding:7px 14px;font:500 12px var(--hf);cursor:pointer}.chip.on{background:#fff;border-color:#fff;color:#000}
#ts{position:fixed;top:88px;left:50%;transform:translateX(-50%);background:#fff;color:#000;padding:10px 18px;border-radius:9999px;z-index:50;font:600 13px var(--hf);opacity:0;transition:.25s;pointer-events:none;max-width:90%;text-align:center}#ts.on{opacity:1}
table{width:100%;border-collapse:collapse;font-size:13px}td{padding:8px 3px;border-bottom:1px solid #ffffff26}
.rare{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:#fff;animation:fl .6s;cursor:pointer}
.rare.t1{background:radial-gradient(circle,#780f20,#050303)}.rare.t2{background:radial-gradient(circle,#ea2845,#050303 75%)}
.rare i{position:absolute;top:-40px;font-style:normal;font-size:26px;animation:fa linear infinite}
.rc{position:relative;animation:pp .8s cubic-bezier(.2,1.6,.4,1)}.rl{font:500 clamp(28px,7vw,56px) var(--hf);letter-spacing:0}
.re{font-size:110px;animation:gl 1s infinite alternate}.rp{font:500 40px var(--hf)}.rc b{font:500 18px var(--hf)}
.mys{font:500 clamp(54px,14vw,96px)/1 var(--hf);text-align:center;padding:28px;border-radius:24px;background:#050303;border:1px dashed #ea2845;margin:10px 0}
.mys.spin{animation:pu .25s infinite alternate}.mys.win{color:var(--ok);border-style:solid}.mys.lose{color:var(--bad)}
body.shk{animation:sh .4s 6}
@keyframes bl{50%{opacity:0}}@keyframes fl{from{filter:brightness(5)}}@keyframes fa{to{transform:translateY(115vh) rotate(360deg)}}@keyframes pp{from{transform:scale(0)}}@keyframes gl{to{filter:drop-shadow(0 0 25px #ea2845);transform:scale(1.1)}}
@keyframes sh{25%{transform:translate(-6px,4px)}75%{transform:translate(6px,-4px)}}@keyframes pu{to{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.rare i{display:none}body.shk,.re,.mys.spin,.eb::after{animation:none}.cs,.it,.cr{transition:none}}