:root{--bg:#e6e6e2;--p:#fafaf8;--p2:#ecece8;--tx:#1d1d1d;--mu:#666;--ln:#cdcdc7;--ac:#2f6fae;--gr:#3a8a1c;--rd:#b3342f;--or:#c4701a;--bl:#4a56c9;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#181818;--p:#262626;--p2:#303030;--tx:#e4e4e4;--mu:#9a9a9a;--ln:#3d3d3d;--ac:#4b8fd6;--gr:#6cc12c;--rd:#e0524c;--or:#e58a2b;--bl:#6a76f0;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#181818;--p:#262626;--p2:#303030;--tx:#e4e4e4;--mu:#9a9a9a;--ln:#3d3d3d;--ac:#4b8fd6;--gr:#6cc12c;--rd:#e0524c;--or:#e58a2b;--bl:#6a76f0;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--tx);font:13px/1.45 Arial,Helvetica,sans-serif}
.top{background:var(--p2);border-bottom:1px solid var(--ln)}
.w{max-width:980px;margin:0 auto;padding:0 10px}
.top .w{display:flex;align-items:center;gap:18px;height:52px}
.logo{font:900 30px Impact,"Arial Black",sans-serif;letter-spacing:3px;color:var(--tx);text-decoration:none;text-shadow:1px 1px 0 var(--ln)}
.top a.l{color:var(--mu);text-decoration:none;font-weight:600}
.top a.l:hover{color:var(--tx)}
.g{display:grid;grid-template-columns:176px 1fr;gap:12px;margin:12px auto}
@media(max-width:760px){.g{grid-template-columns:1fr}.top .w{gap:10px}.hide{display:none}}
.pn{background:var(--p);border:1px solid var(--ln);border-radius:4px;margin-bottom:10px;overflow:hidden}
.pn h3{margin:0;padding:7px 10px;background:var(--p2);font-size:13px;border-bottom:1px solid var(--ln)}
.pb{padding:10px}.nt{padding:9px 12px;border-left:4px solid var(--ac)}
h2{font-size:22px;margin:4px 0 10px;color:var(--mu)}
.t{width:100%;border-collapse:collapse}.t th,.t td{padding:6px 10px;border-bottom:1px solid var(--ln);text-align:left}.t th{width:38%}
.ov{overflow-x:auto}
button{background:var(--ac);color:#fff;border:0;border-radius:3px;padding:6px 12px;cursor:pointer;font:700 12px Arial}
button:disabled{opacity:.4;cursor:default}button.s{background:var(--p2);color:var(--tx);border:1px solid var(--ln)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
input{background:var(--p2);color:var(--tx);border:1px solid var(--ln);padding:5px 7px;border-radius:3px;width:110px}
.nav a{display:block;padding:6px 10px;color:var(--tx);text-decoration:none;background:var(--p2);margin-bottom:2px;border-radius:3px}
.nav a.on{background:var(--ac);color:#fff}.nav a span{display:inline-block;width:22px;filter:grayscale(1)}
.br{margin:5px 0}.bar{height:6px;background:var(--p2);border:1px solid var(--ln);border-radius:3px;margin-top:2px}.bar i{display:block;height:100%}
.mu{color:var(--mu)}.gr{color:var(--gr)}.rd{color:var(--rd)}.or{color:var(--or)}
.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;padding:10px}
.cg a{padding:10px;background:var(--p2);border-radius:3px;color:var(--tx);text-decoration:none}.cg a:hover{background:var(--ac);color:#fff}
.sc{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sc>div{padding:12px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.sc b{font-size:16px}


html:root:root{--bg:#07040d;--p:#130a1f;--p2:#1d1130;--tx:#f3ecfc;--mu:#a896c4;--ln:#35204f;--ac:#ec3f94;--gr:#4ee38a;--rd:#ff5470;--or:#ffb347;--bl:#8f83ff;color-scheme:dark}
html:root:root[data-theme='day']{--bg:#f5eff9;--p:#fff;--p2:#f1e8f7;--tx:#1b1028;--mu:#6d5c82;--ln:#ddcbea;--ac:#d6247f;--gr:#18864a;--rd:#c4283f;--or:#b36500;--bl:#5846dc;color-scheme:light}
body{background:radial-gradient(900px 500px at 85% -5%,#6b1f8a55,transparent 70%),radial-gradient(700px 500px at 0 30%,#ec3f9426,transparent 70%),var(--bg);background-attachment:fixed;font:14px/1.5 'Segoe UI',Arial,sans-serif}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(105deg,transparent 0 9px,#ffffff0b 9px 10px);animation:rain .5s linear infinite}
@keyframes rain{to{background-position:-20px 40px}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}
.top,.g{position:relative;z-index:1}.top{background:#0b0612cc;backdrop-filter:blur(10px)}
html:root[data-theme='day'] .top{background:#ffffffcc}
.logo{font:400 34px Anton,Impact,sans-serif;letter-spacing:2px;text-shadow:none;text-transform:uppercase}
.logo b{color:var(--ac);font-weight:400;margin-left:8px;text-shadow:0 0 16px var(--ac)}
h2,.pn h3{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:1px;text-transform:uppercase}
h2{font-size:34px;color:var(--tx)}.pn h3{font-size:15px;background:linear-gradient(90deg,#ec3f9430,transparent);color:var(--tx)}
.pn{border-radius:12px;box-shadow:0 8px 28px #0004}
button{background:linear-gradient(180deg,#f2549f,#d62a7e);border-radius:8px;box-shadow:0 0 16px #ec3f9455;padding:7px 14px;font-size:13px}button.s{background:var(--p2);box-shadow:none}
input,select{background:var(--p2);color:var(--tx);border:1px solid var(--ln);padding:7px 9px;border-radius:8px}
.nav a{border-radius:8px}.nav a.on{background:var(--ac);box-shadow:0 0 16px #ec3f9488}
.hero{position:relative;padding:44px 28px;background:linear-gradient(135deg,#1a0a2c,#2d0f40 55%,#5c1a70);color:#fff}
.hero h1{font:400 clamp(40px,9vw,76px)/.98 Anton,Impact,sans-serif;margin:10px 0}
.hero h1 em{font-style:normal;color:#ff5db0;text-shadow:0 0 24px #ec3f94}
.hero p{max-width:540px;color:#dccdf0}.hero .nt{color:var(--tx);max-width:540px}
.hf{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}.hf input{width:min(100%,260px);padding:12px}
.eyebrow{font:700 11px 'Space Mono',monospace;letter-spacing:.18em;color:#ff5db0;text-transform:uppercase}
.neon{position:absolute;font:400 22px Anton,sans-serif;letter-spacing:3px;color:#ff7ac3;text-shadow:0 0 6px #ff3d98,0 0 22px #ec3f94;border:2px solid #ff5db0;padding:2px 10px;border-radius:6px;opacity:.5}
.n1{right:22px;top:22px;transform:rotate(-8deg)}.n2{right:70px;bottom:26px;transform:rotate(7deg)}
@media(max-width:640px){.neon{display:none}}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.tabs{margin-bottom:10px;display:flex;gap:6px;flex-wrap:wrap}
body.lo .g{grid-template-columns:1fr}body.lo #s{display:none}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:start}.hero>div{position:relative;z-index:1}@media(max-width:820px){.hero{grid-template-columns:1fr}}
.auth{background:#14091fcc;border:1px solid #ec3f9455;border-radius:14px;padding:18px;color:#f3ecfc}.auth h3{font:400 24px Anton,Impact,sans-serif;margin:0 0 4px;letter-spacing:1px}
.auth label{display:block;font:700 11px 'Space Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#a896c4}.auth input{width:100%;box-sizing:border-box;margin:4px 0 12px;padding:11px}
.setup code{background:var(--p2);padding:2px 6px;border-radius:4px}.setup li{margin:6px 0}
.pn.err{border-left:4px solid var(--rd)}.pn.ok{border-left:4px solid var(--ac)}
.bar i{transition:width .8s linear}
select{max-width:100%}
@media(max-width:760px){
  .nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px;-webkit-overflow-scrolling:touch}
  .nav a{flex:none;white-space:nowrap;margin:0}
  #s{min-width:0}
  .g>*{min-width:0}
}

/* ---------- background art ---------- */
.bg{position:fixed;inset:0;z-index:-1;background:#07040d url(bg.jpg) center top/cover no-repeat}
.bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07040d99,#07040d6b 35%,#07040dae)}
body.lo .bg::after{background:linear-gradient(180deg,#07040d30,#07040d66 55%,#07040db0)}
html:root[data-theme='day'] .bg::after{background:linear-gradient(180deg,#f5eff9e6,#f5eff9d0)}
html:root[data-theme='day'] body.lo .bg::after{background:linear-gradient(180deg,#f5eff980,#f5eff9c8)}
.pn{background:color-mix(in srgb,var(--p) 84%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.top{background:color-mix(in srgb,var(--p2) 80%,transparent)}
.hero{background:linear-gradient(135deg,#1a0a2ccc,#2d0f40a8 55%,#5c1a70a0)}
.cg a{background:color-mix(in srgb,var(--p2) 85%,transparent)}
/* ---------- casino ---------- */
.lb{font-weight:700;color:var(--mu)}
.hand{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0 12px}
.cd{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:58px;padding:0 4px;background:#fff;color:#16121f;border-radius:7px;font:700 18px Arial,sans-serif;box-shadow:0 3px 10px #0006;border:1px solid #d8d0e4}
.cd.rd{color:#d3263f}.cd.bk{background:repeating-linear-gradient(45deg,#3b1d63 0 6px,#5a2a8f 6px 12px);color:#ffffff99;border-color:#8f6cc4}
.hv{margin-left:6px;padding:2px 9px;border-radius:99px;background:var(--p2);border:1px solid var(--ln)}
.reels{display:flex;gap:10px;margin:4px 0 14px}
.reels span{display:flex;align-items:center;justify-content:center;width:84px;height:84px;font-size:44px;background:#0d0817;border:2px solid var(--ac);border-radius:14px;box-shadow:0 0 18px #ec3f9455,inset 0 0 18px #000}
.rg{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:8px 0}
.rn{width:100%;box-sizing:border-box;padding:8px 0;font-size:12px;border-radius:5px;box-shadow:none;color:#fff}
.rn.r{background:#b8213a}.rn.b{background:#1b1424;border:1px solid #3d2d57}.rn.g{background:#1d8a4c;grid-column:1/-1}
.rn.sel,.ro button.sel{outline:3px solid #ffd54a;outline-offset:1px;position:relative;z-index:1}
.ro{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.ball{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;font:400 24px Anton,sans-serif;color:#fff;margin-bottom:6px;box-shadow:0 0 18px #0008}
.ball.r{background:#b8213a}.ball.b{background:#1b1424;border:2px solid #5a4380}.ball.g{background:#1d8a4c}
@media(max-width:520px){.rn{padding:7px 0;font-size:11px}.reels span{width:68px;height:68px;font-size:36px}.cd{min-width:38px;height:52px;font-size:16px}}