:root{--felt:#0b1f16;--felt-2:#102a20;--gold:#d8b45a;--cream:#f3ede0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--felt);color:var(--cream);-webkit-text-size-adjust:100%;font-family:system-ui,sans-serif;overflow-x:hidden}.topbar{background:var(--felt-2);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.brand{letter-spacing:1px;color:var(--gold);font-weight:800}.landing{min-height:100vh;overflow-x:hidden}.hero{background:linear-gradient(180deg,transparent 0,transparent 52%,#0b1f16c7 100%), url(/casino-bg.webp) center/cover no-repeat, var(--felt);flex-direction:column;min-height:min(90vh,860px);display:flex;position:relative}.hero .eyebrow,.hero .tagline{display:none}.hero .brand-title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero .hero-body{justify-content:flex-end;padding-bottom:clamp(28px,6vh,64px)}.hero-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 20px;display:flex}.eyebrow{color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;opacity:.9;margin:0;font:700 12px/1 system-ui}.brand-title{color:var(--cream);text-shadow:0 2px #d8b45a66;margin:0;font-size:clamp(40px,8vw,88px)}.tagline{opacity:.8;max-width:560px;margin:0;font-size:clamp(15px,2vw,19px);line-height:1.5}.cta{background:var(--gold);color:var(--felt);border-radius:999px;margin-top:10px;padding:14px 34px;font-size:20px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 6px 24px #d8b45a40}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px #d8b45a66}.hero-note{opacity:.6;max-width:420px;margin:2px 0 0;font-size:13px}.topbar-play{border:1px solid var(--gold);color:var(--gold);letter-spacing:.5px;border-radius:999px;padding:8px 20px;font:700 13px system-ui;text-decoration:none;transition:background .15s,color .15s}.topbar-play:hover{background:var(--gold);color:var(--felt)}.section-head{text-align:center;max-width:640px;margin:0 auto 32px;padding:0 20px}.section-title{color:var(--cream);margin:0 0 6px;font-size:clamp(22px,3vw,30px)}.section-subtitle{opacity:.65;margin:0;font-size:14px}.games-strip{background:var(--felt-2);border-top:1px solid #d8b45a26;padding:56px 20px 60px}.games-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;max-width:960px;margin:0 auto;display:grid}.game-card{background:linear-gradient(180deg,#d8b45a0f,transparent 40%),var(--felt);border:1px solid #d8b45a2e;border-top:2px solid var(--gold);text-align:center;border-radius:14px;padding:26px 18px;transition:transform .18s,box-shadow .18s,border-color .18s}.game-card:hover{border-color:#d8b45a80;transform:translateY(-5px);box-shadow:0 14px 32px #00000059}.game-icon{width:60px;height:60px;color:var(--gold);background:radial-gradient(circle at 35% 30%,#d8b45a59,#d8b45a14);border:1px solid #d8b45a66;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:26px;font-weight:800;display:flex}.wheel-icon{border:2px solid var(--gold);background:conic-gradient(#7a1f1f 0 45deg,#161616 45deg 90deg,#7a1f1f 90deg 135deg,#161616 135deg 180deg,#7a1f1f 180deg 225deg,#161616 225deg 270deg,#7a1f1f 270deg 315deg,#161616 315deg 360deg);border-radius:50%;width:34px;height:34px;display:block}.game-name{color:var(--cream);margin:0 0 6px;font-size:17px}.game-blurb{opacity:.65;margin:0;font-size:13px;line-height:1.5}.why-play{background:var(--felt);padding:56px 20px 64px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;max-width:900px;margin:0 auto;display:grid}.why-item{text-align:center;padding:0 12px}.why-icon{background:#d8b45a1f;border:1px solid #d8b45a4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;display:flex}.why-title{color:var(--cream);margin:0 0 6px;font-size:15px}.why-text{opacity:.65;margin:0;font-size:13px;line-height:1.55}.site-footer{background:var(--felt-2);text-align:center;border-top:1px solid #d8b45a33;padding:32px 20px 26px}.footer-brand{color:var(--gold);letter-spacing:1px;margin-bottom:14px;font-weight:800}.footer-links{flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:14px;display:flex}.footer-links a{color:var(--cream);opacity:.75;font-size:13px;text-decoration:none}.footer-links a:hover{opacity:1;color:var(--gold)}.footer-copy{opacity:.5;margin:0;max-width:520px;margin-inline:auto;font-size:12px}.play{flex-direction:column;height:100vh;display:flex}.play-bar .back{color:var(--cream);text-decoration:none}.stage{background:linear-gradient(180deg,#0b1f160f,#0b1f162e), url(/casino-bg.webp) center/cover no-repeat, var(--felt);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.stage:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px #00000073}.mode-toggle{background:#00000047;border:1px solid #d8b45a59;border-radius:999px;gap:2px;padding:3px;display:flex}.mode-btn{color:var(--cream);cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:999px;padding:6px 12px;font:600 12px system-ui}.mode-btn.active{background:var(--gold);color:var(--felt);opacity:1}.game-frame{width:760px;max-width:100vw;height:763px;position:relative}.game-frame iframe{width:760px;height:763px;transform:scale(var(--game-scale,1));transform-origin:0 0;background:#000;border:0;border-radius:6px;position:absolute;top:0;left:0;box-shadow:0 10px 40px #00000080}.game-loading{color:var(--cream);z-index:2;background:#0b1f16d9;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.spinner{border:4px solid #d8b45a40;border-top-color:var(--gold);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.login-title{color:var(--cream);margin:0 0 6px}.btn{cursor:pointer;border:0;border-radius:999px;width:min(340px,90vw);padding:14px 20px;font-size:17px;font-weight:800}.btn:disabled{opacity:.6;cursor:default}.btn-fb{color:#fff;background:#1877f2}.btn-guest{background:var(--gold);color:var(--felt)}.login-error{color:#ff9d9d;margin:4px 0 0}.login-legal{opacity:.7;margin-top:8px;font-size:.85rem}.login-legal a{color:var(--gold)}@media (width<=640px){.topbar{padding:12px 14px}.brand{font-size:14px}.topbar-play{padding:7px 16px}.hero{min-height:min(88vh,640px)}.hero .hero-body{padding-bottom:clamp(20px,5vh,40px)}.cta{padding:13px 28px;font-size:18px}.section-head{margin-bottom:24px}.games-strip,.why-play{padding:40px 16px}.games-grid{grid-template-columns:repeat(2,1fr);gap:12px}.game-card{padding:20px 12px}.game-icon{width:52px;height:52px;font-size:22px}.why-grid{gap:22px}.play-bar{gap:8px;padding:10px 12px}.mode-btn{padding:6px 9px;font-size:11px}.login{gap:12px;padding:20px}.login-title{font-size:1.3rem}.btn{padding:13px 18px;font-size:16px}}@media (width<=480px){.play-bar .brand{display:none}.mode-btn{padding:6px 8px;font-size:10px}}