:root{
  --bg:#050907;--panel:#0b120d;--panel2:#101a12;--line:#1f2a22;--text:#f5f7f5;--muted:#8d9a90;
  --green:#31c246;--green2:#0f7e28;--gold:#f1bf4b;--gold2:#c99024;--danger:#d55555;
  --radius:18px;--shadow:0 18px 70px rgba(0,0,0,.36)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 80% -10%,rgba(35,155,58,.14),transparent 36%),
radial-gradient(circle at 0 30%,rgba(241,191,75,.045),transparent 26%),var(--bg);
color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input,select{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}
.noise{pointer-events:none;position:fixed;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.topbar{height:82px;display:flex;align-items:center;gap:36px;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,9,7,.83);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand img{width:47px;height:47px;border-radius:50%}.brand span{display:flex;flex-direction:column;line-height:.9;letter-spacing:.12em}.brand b{font-size:16px}.brand small{color:var(--gold);font-size:9px;margin-top:5px}
.topbar nav{display:flex;gap:4px;flex:1}.topbar nav button,.textBtn{border:0;background:none;color:var(--muted);padding:10px 13px;border-radius:10px;cursor:pointer}.topbar nav button:hover,.topbar nav button.active,.textBtn:hover{color:white;background:rgba(255,255,255,.05)}
.account{display:flex;align-items:center;gap:10px}.userChip{display:flex;align-items:center;gap:9px}.userChip img,.avatarFallback{width:36px;height:36px;border-radius:50%;background:#152419;display:grid;place-items:center}.userChip small{display:block;color:var(--muted)}
.goldBtn,.ghostBtn,.dangerBtn,.choiceBtn{border:0;border-radius:12px;padding:12px 17px;font-weight:800;cursor:pointer;transition:.18s transform,.18s opacity,.18s background}
.goldBtn{background:linear-gradient(180deg,#f6ca61,var(--gold2));color:#171006;box-shadow:inset 0 1px rgba(255,255,255,.35)}
.goldBtn:hover,.ghostBtn:hover,.dangerBtn:hover,.choiceBtn:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.ghostBtn,.choiceBtn{background:#121b14;color:white;border:1px solid #263229}.dangerBtn{background:#391617;color:#ffb0b0;border:1px solid #6c292c}.wide{width:100%}
.shell{max-width:1320px;margin:auto;padding:38px 4vw 80px}.page{display:none}.page.active{display:block}
.hero{min-height:455px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:28px;background:linear-gradient(120deg,rgba(15,30,18,.95),rgba(8,13,9,.93));padding:52px 6%;position:relative;box-shadow:var(--shadow)}
.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(54,197,76,.11);border-radius:50%;right:-80px;top:-110px;box-shadow:0 0 0 70px rgba(49,194,70,.025),0 0 0 140px rgba(49,194,70,.018)}
.eyebrow{font-weight:900;font-size:11px;letter-spacing:.2em;color:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.94;letter-spacing:-.055em;margin:12px 0 20px}.hero h1 span{color:var(--green)}.hero p{max-width:500px;color:#a5b1a7;font-size:17px}.heroActions{display:flex;gap:10px;margin-top:28px}.heroChip{position:relative;display:grid;place-items:center;z-index:2}.heroChip img{width:min(340px,70vw);border-radius:50%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}.rings{position:absolute;width:390px;height:390px;border:1px solid rgba(241,191,75,.18);border-radius:50%}
.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 40px}.metric{background:rgba(12,19,14,.82);border:1px solid var(--line);border-radius:16px;padding:20px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{font-size:28px;display:block;margin:4px 0}.metric small{font-size:12px}
.sectionHead,.pageTitle,.gameTop{display:flex;align-items:end;justify-content:space-between;gap:20px}.sectionHead h2,.pageTitle h1{margin:5px 0}.pageTitle{display:block;margin:4px 0 26px}.pageTitle h1{font-size:42px;letter-spacing:-.04em}.pageTitle p{color:var(--muted)}
.gameCards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gameCard{text-align:left;position:relative;min-height:210px;padding:23px;border:1px solid var(--line);background:linear-gradient(150deg,#0d160f,#090e0a);color:white;border-radius:18px;cursor:pointer;overflow:hidden}.gameCard:after{content:"";position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(49,194,70,.12),transparent 65%);right:-30px;top:-30px}.gameCard b,.gameCard small,.gameCard em{display:block}.gameCard b{font-size:19px;margin:14px 0 5px}.gameCard small{color:var(--muted)}.gameCard em{position:absolute;bottom:18px;color:var(--gold);font-style:normal;font-weight:700}.gameIcon{height:48px;min-width:48px;padding:0 10px;display:inline-grid;place-items:center;border-radius:13px;background:#142419;border:1px solid #27522f;color:#7ce88e;font-size:22px;font-weight:900}
.announcement{margin-top:24px;padding:16px 20px;border:1px solid #5e4a1f;border-radius:14px;background:#1b1609;color:#f5d98d}
.playLayout{display:grid;grid-template-columns:210px 1fr;gap:18px}.gameMenu{background:#0a100c;border:1px solid var(--line);border-radius:16px;padding:8px;height:max-content}.gameMenu button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#95a298;border-radius:11px;padding:13px;text-align:left;cursor:pointer}.gameMenu button span{width:27px;font-weight:900}.gameMenu button.active{color:white;background:#152019}.casinoPanel{border:1px solid var(--line);background:linear-gradient(145deg,#0b120d,#080d09);border-radius:20px;min-height:620px;padding:28px}.gamePane{display:none;max-width:720px;margin:auto}.gamePane.active{display:block}.gameTop h2{font-size:34px;margin:2px 0 20px}.balancePill{padding:8px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.balancePill b{color:white;margin-left:8px}
label{display:block;color:#aab5ac;margin:14px 0 7px;font-size:13px}.moneyInput,input,select{width:100%;background:#0c120e;color:white;border:1px solid #283229;border-radius:11px;padding:13px 14px;outline:none}.moneyInput:focus,input:focus,select:focus{border-color:#3b8d49;box-shadow:0 0 0 3px rgba(49,194,70,.08)}
.twoButtons,.threeButtons,.rouletteChoices,.threeFields{display:grid;gap:9px;margin:10px 0}.twoButtons{grid-template-columns:1fr 1fr}.threeButtons{grid-template-columns:repeat(3,1fr)}.threeFields{grid-template-columns:1fr 1fr auto}.choiceBtn.selected,.rChoice.selected{border-color:#b8892f;background:#2a2211;color:#f6cd69}
.resultBox{margin-top:13px;padding:13px 14px;border:1px solid var(--line);background:#0a100c;border-radius:11px}.resultBox.win{border-color:#286b34;color:#88ec98;background:#0d1d11}.resultBox.loss{border-color:#673033;color:#f0a5a7;background:#1c0e0f}
.coinStage{height:235px;display:grid;place-items:center}.coin{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:48px;font-weight:1000;color:#13200f;background:radial-gradient(circle at 35% 28%,#70df5a,#2eac3c 55%,#187323);border:14px solid #e7b84c;box-shadow:0 0 0 9px #101010,0 25px 45px rgba(0,0,0,.4)}.coin.spin{animation:coinspin .8s cubic-bezier(.2,.8,.2,1)}@keyframes coinspin{to{transform:rotateY(1080deg) rotateX(360deg)}}
.slotMachine{display:grid;grid-template-columns:repeat(3,130px);justify-content:center;gap:10px;margin:70px 0}.slotMachine div{height:145px;display:grid;place-items:center;background:#f3eee2;color:#111;font-size:54px;border-radius:16px;border:8px solid #a57825;box-shadow:inset 0 0 30px #a79f8c}
.rouletteWheel{width:240px;height:240px;border-radius:50%;margin:35px auto;display:grid;place-items:center;background:conic-gradient(#8b1b1e 0 10deg,#111 10deg 20deg,#8b1b1e 20deg 30deg,#111 30deg 40deg,#168533 40deg 50deg,#111 50deg 60deg,#8b1b1e 60deg 70deg,#111 70deg 80deg,#8b1b1e 80deg 90deg,#111 90deg 100deg,#8b1b1e 100deg 110deg,#111 110deg 120deg,#8b1b1e 120deg 130deg,#111 130deg 140deg,#8b1b1e 140deg 150deg,#111 150deg 160deg,#8b1b1e 160deg 170deg,#111 170deg 180deg,#8b1b1e 180deg 190deg,#111 190deg 200deg,#8b1b1e 200deg 210deg,#111 210deg 220deg,#8b1b1e 220deg 230deg,#111 230deg 240deg,#8b1b1e 240deg 250deg,#111 250deg 260deg,#8b1b1e 260deg 270deg,#111 270deg 280deg,#8b1b1e 280deg 290deg,#111 290deg 300deg,#8b1b1e 300deg 310deg,#111 310deg 320deg,#8b1b1e 320deg 330deg,#111 330deg 340deg,#8b1b1e 340deg 350deg,#111 350deg 360deg);border:12px solid #a57925;box-shadow:0 20px 45px #000}.rouletteWheel:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#0a100c;border:8px solid #d5a640}.rouletteWheel div{z-index:1;font-size:38px;font-weight:900}.rouletteChoices{grid-template-columns:repeat(3,1fr)}.rChoice{border:1px solid transparent;color:white;border-radius:10px;padding:12px;font-weight:800}.rChoice.red{background:#5a1618}.rChoice.black{background:#141414}.rChoice.green{background:#135d27}
.bjTable{background:radial-gradient(circle at 50% 85%,#144d22,#092a12 65%,#07190c);border:8px solid #6f4e1d;border-radius:240px 240px 24px 24px;min-height:390px;padding:30px 50px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 60px rgba(0,0,0,.5)}.handBlock>span{display:block;text-align:center;color:#c5d2c8;font-weight:700;margin-bottom:8px}.cards{display:flex;justify-content:center;gap:8px;min-height:105px}.playingCard{width:72px;height:102px;border-radius:8px;background:#f5f1e7;color:#151515;display:grid;place-items:center;font-size:23px;font-style:normal;font-weight:900;box-shadow:0 6px 15px rgba(0,0,0,.25)}.redCard{color:#a9181d}.playingCard.back{background:repeating-linear-gradient(45deg,#173b20,#173b20 6px,#25552e 6px,#25552e 12px);color:white;border:3px solid #ece1bc}.tableMark{text-align:center;color:#d4b96f;font-weight:900;letter-spacing:.15em}.tableMark small{display:block;color:#73907a;font-size:9px}
.walletGrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.balanceHero,.depositCard,.lookupCard,.adminCard,.tableCard{border:1px solid var(--line);background:#0b120d;border-radius:18px;padding:24px}.balanceHero{min-height:330px;display:flex;flex-direction:column;justify-content:center}.balanceHero span{color:var(--muted)}.balanceHero strong{font-size:48px;margin:4px 0}.balanceHero .goldBtn{width:max-content;margin-top:20px}.depositCard h2{margin:6px 0 18px}.transferBox{text-align:center;border:1px dashed #735b28;background:#161207;border-radius:14px;padding:25px}.transferBox small,.transferBox span{display:block;color:#a8966a}.transferBox strong{display:block;color:var(--gold);font-size:34px;margin:4px}.lookupCard{margin-top:16px}.lookupRow{display:grid;grid-template-columns:1fr auto;gap:8px}
.tableCard{overflow:auto;padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line)}th{font-size:11px;letter-spacing:.12em;color:var(--muted)}td:first-child{color:var(--gold);font-weight:800}
.historyList{display:grid;gap:9px}.historyItem{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:#0b120d;border-radius:13px;padding:14px}.historyIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#142119}.historyItem b,.historyItem small{display:block}.historyItem small{color:var(--muted)}.txPlus{color:#76e687}.txMinus{color:#ee8589}
.adminGrid{display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:14px}.adminCard h2{margin-bottom:18px}.adminCard h3{font-size:12px;color:var(--muted);margin-top:24px;text-transform:uppercase;letter-spacing:.12em}.switchRow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;margin:0}.switchRow input{width:20px;height:20px}.adminCard>*+*{margin-top:10px}
.toast{position:fixed;right:20px;bottom:20px;max-width:360px;background:#111b13;border:1px solid #2b3a2e;color:white;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 4vw}.topbar nav{order:3;width:100%;overflow:auto}.topbar nav button{white-space:nowrap}.hero{grid-template-columns:1fr;padding:38px 7%}.heroChip{display:none}.statsGrid,.gameCards{grid-template-columns:1fr 1fr}.playLayout{grid-template-columns:1fr}.gameMenu{display:flex;overflow:auto}.gameMenu button{min-width:max-content}.walletGrid,.adminGrid{grid-template-columns:1fr}}
@media(max-width:560px){.shell{padding:24px 14px 60px}.brand span{display:none}.account .userChip>div{display:none}.hero{min-height:auto;padding:35px 24px}.hero h1{font-size:44px}.statsGrid,.gameCards{grid-template-columns:1fr}.casinoPanel{padding:18px 12px}.slotMachine{grid-template-columns:repeat(3,1fr);margin:45px 0}.slotMachine div{height:100px;font-size:38px}.bjTable{padding:25px 12px}.playingCard{width:58px;height:84px}.threeFields{grid-template-columns:1fr}.walletGrid{display:block}.walletGrid>*+*{margin-top:14px}}