/* The homepage keeps the shared navigation and hero; these treatments stay local. */
.casino-shell.home-lobby { min-width:0; background:#07090c; }
.home-lobby .lobby-main { padding-right:clamp(16px,2.4vw,42px); padding-left:clamp(16px,2.4vw,42px); background:radial-gradient(ellipse at 95% 15%,#40102444,transparent 45%); }
.home-welcome { display:flex; align-items:center; gap:16px; padding:24px 0 18px; }
.home-welcome > span { display:flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.17em; font-weight:800; color:#d8c5a1; }
.home-welcome i { width:7px; height:7px; border-radius:50%; background:#7de1ba; box-shadow:0 0 12px #48d99c77; }
.effects-toggle { border:1px solid #65563e; border-radius:30px; padding:9px 14px; color:#e8d9b9; background:#141716; font:600 12px Manrope,Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.effects-toggle:hover { background:#26261d; border-color:#efd073; }
.effects-toggle[aria-pressed="true"] { color:#fcda75; border-color:#b39242; }
.home-lobby :focus-visible { outline:3px solid #f8d975; outline-offset:5px; }
.home-lobby .lobby-hero { height:330px; margin:0; border-radius:24px; border-color:#c43f5460; box-shadow:0 20px 60px -36px #f4326855; }
.home-lobby .lobby-hero-copy { top:58px; left:clamp(24px,3.5vw,64px); right:20px; }
.home-lobby .lobby-hero-copy h1 { max-width:780px; font-size:clamp(36px,3.4vw,64px); line-height:1.06; font-weight:700; letter-spacing:-1.7px; color:#fff1d8; text-wrap:balance; }
.home-lobby .lobby-hero-copy h1 em { color:#ffdb70; }
.home-lobby .spin-button { width:190px; height:48px; margin:28px 0 0; padding:0 13px; color:#332000; background:linear-gradient(115deg,#ffe8a4,#f2c63d); border:1px solid #ffe79c; border-radius:11px; box-shadow:0 8px 22px #32030b50; animation:home-button-breathe 5s ease-in-out infinite; }
.home-lobby .playing-cards { top:205px; left:77%; }
.home-lobby .lobby-hero:hover .playing-cards { top:193px; left:77%; }
.home-lobby .hero-circle-motion { animation-duration:12s,12s; }
.home-lobby .lobby-hero-vip { top:-5px; opacity:.4; }
.home-reward-banner { position:relative; display:flex; align-items:center; gap:24px; margin:24px 0 32px; padding:24px 28px; overflow:hidden; border:1px solid #815833; border-radius:18px; background:linear-gradient(115deg,#321327,#272043 60%,#133d39); }
.home-reward-banner::before { content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#f06699,#efc961,#70decd); }
.home-mini-wheel { position:relative; flex:0 0 76px; width:76px; height:76px; display:grid; place-items:center; border:4px solid #f3cf71; border-radius:50%; background:conic-gradient(#b82658 0 72deg,#206cbe 72deg 144deg,#642ea2 144deg 216deg,#d15c29 216deg 288deg,#098878 288deg); box-shadow:0 0 0 5px #dbb84b20; animation:home-wheel-turn 24s linear infinite; }
.home-mini-wheel span { display:grid; place-items:center; width:28px; height:28px; border:2px solid #ffe5a0; border-radius:50%; color:#30220e; background:#f2c85d; font-size:18px; }
.home-section-kicker { display:block; color:#dcc38d; font-size:10px; font-weight:800; letter-spacing:.17em; }
.home-reward-copy { flex:1; }
.home-reward-copy h2 { margin:8px 0; color:#fff0d5; font-size:clamp(19px,1.65vw,26px); line-height:1.3; letter-spacing:-.5px; }
.home-reward-copy h2 em { color:#ffda76; font-style:normal; }
.home-reward-copy p { margin:0; color:#e1d9e1; font-size:13px; line-height:1.65; }
.home-lobby .home-reward-action { display:flex; justify-content:center; align-items:center; gap:18px; flex-shrink:0; min-height:46px; padding:12px 20px; border:1px solid #fff0a2; border-radius:10px; color:#302208; background:linear-gradient(135deg,#ffecad,#f0c148); font-size:13px; font-weight:800; transition:transform .2s; }
.home-reward-action:hover { transform:translateY(-2px); }
.home-reward-action span { font-size:20px; }
.home-lobby .lobby-section { padding:0; margin:0 0 38px; }
.home-lobby .lobby-section-heading { height:auto; min-height:104px; margin:0; padding:0 0 18px; gap:20px; border-bottom:1px solid #d7ad453b; }
.home-lobby .lobby-section-heading h2 { margin:6px 0 7px; font-size:clamp(26px,2.2vw,36px); line-height:1.2; font-weight:700; letter-spacing:-.9px; }
.home-lobby .lobby-section-heading p { color:#b3b3b8; font:400 14px/1.65 Manrope,Arial,sans-serif; }
.home-lobby .lobby-section-heading .home-section-link { border:0; color:#f2cd71; font-size:13px; padding:12px 0; white-space:nowrap; }
.home-room-count { flex-shrink:0; color:#cebaa1; font-size:12px; border:1px solid #685134; border-radius:30px; padding:8px 13px; }
.home-lobby .featured-rail { height:auto; padding:24px 0 16px; mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent); }
.home-lobby .featured-track { gap:18px; }
.home-lobby .featured-game { position:relative; width:220px; height:220px; flex-basis:220px; border:1px solid #edbc5438; border-radius:18px; box-shadow:none; }
.home-lobby .featured-game img { object-fit:contain; }
.home-lobby .featured-game:hover { box-shadow:0 0 0 2px #edca6c; }
.home-lobby .featured-rail:hover .featured-track,.home-lobby .featured-rail:focus-within .featured-track { animation-play-state:paused; }
.home-lobby .provider-catalog-grid { grid-template-columns:repeat(auto-fit,minmax(220px,280px)); justify-content:start; gap:18px; padding-top:24px; }
.home-lobby .provider-catalog-card { --game-accent:#72e5d4; display:flex; flex-direction:column; border:1px solid transparent; border-radius:20px; background:linear-gradient(145deg,#123932,#101619 70%); box-shadow:none; }
.home-lobby .provider-catalog-card:nth-child(3n+2) { --game-accent:#efa4d7; background:linear-gradient(145deg,#461c40,#1a121c 70%); }
.home-lobby .provider-catalog-card:nth-child(3n) { --game-accent:#ffd67c; background:linear-gradient(145deg,#3d2e12,#191511 70%); }
.home-lobby .provider-catalog-card:hover { border-color:transparent; transform:translateY(-5px); }
.home-lobby .provider-catalog-art { height:174px; aspect-ratio:auto; background:radial-gradient(circle at 50% 25%,#22333c,#090d11 70%); }
.home-lobby .provider-catalog-art img { object-fit:contain; padding:34px 25px; }
.home-lobby .provider-juwa2 .provider-catalog-art img { object-fit:cover; object-position:center 18%; padding:0; }
.home-lobby .provider-juwa777 .provider-catalog-art { background:radial-gradient(circle at 50% 50%,#263d8d,#10183f 64%,#090b14); }
.home-lobby .provider-gamevault999 .provider-catalog-art { background:radial-gradient(circle at 50% 50%,#159db5,#10345e 56%,#090d18); }
.home-lobby .provider-gamevault999 .provider-catalog-art img { padding:42px 24px; }
.home-lobby .provider-catalog-art::after { height:28%; background:linear-gradient(transparent,#0d101870); }
.home-card-tag { position:absolute; z-index:1; top:16px; left:16px; color:#fff0d6; font-size:9px; font-weight:800; letter-spacing:.12em; border:1px solid #ffe3a94a; background:#0a0d11d9; border-radius:6px; padding:7px 10px; }
.home-card-play { position:absolute; z-index:1; bottom:18px; right:18px; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; color:#171609; background:#ffe49a; box-shadow:0 4px 18px #0006; font-size:25px; transition:transform .25s; }
.provider-catalog-card:hover .home-card-play { transform:rotate(45deg); }
.home-lobby .provider-catalog-copy { display:flex; flex-direction:column; flex:1; min-height:126px; padding:18px; }
.home-lobby .provider-catalog-copy h3 { margin:7px 0 18px; font-size:20px; letter-spacing:-.4px; }
.home-lobby .provider-catalog-copy b { margin-top:auto; padding-top:12px; border-top:1px solid #ffffff17; font-size:12px; }
.home-lobby .featured-game[data-provider="juwa2"] img { object-fit:cover; object-position:center 18%; }
.home-lobby .featured-game[data-provider="juwa777"] { background:radial-gradient(circle,#263d8d,#090b14 74%); }
.home-lobby .featured-game[data-provider="juwa777"] img,.home-lobby .featured-game[data-provider="gamevault999"] img { width:82%; height:82%; margin:9%; object-fit:contain; }
.home-lobby .featured-game[data-provider="gamevault999"] { background:radial-gradient(circle,#159db5,#10345e 58%,#090d18); }
.home-lobby .lobby-footer { margin-top:52px; padding-right:0; padding-left:0; }
.home-lobby.effects-paused *,.home-lobby.effects-paused *::before,.home-lobby.effects-paused *::after,
.home-lobby.effects-hidden *,.home-lobby.effects-hidden *::before,.home-lobby.effects-hidden *::after { animation-play-state:paused !important; }
@keyframes home-wheel-turn { to { transform:rotate(360deg); } }
@keyframes home-button-breathe { 50% { transform:translateY(-2px); } }
@keyframes home-mobile-card-float { 50% { translate:0 -10px; } }
@keyframes home-mobile-photo-breathe { 50% { transform:scale(1.045); } }
@media (max-width:1200px) { .home-reward-banner { flex-wrap:wrap; gap:20px; }.home-reward-action { margin-left:96px; }.home-lobby .provider-catalog-grid { gap:14px; }.home-lobby .provider-catalog-copy { padding:18px; }.home-lobby .provider-catalog-copy h3 { font-size:21px; } }
@media (max-width:900px) { .home-lobby .lobby-hero { height:320px; }.home-lobby .lobby-hero-copy h1 { font-size:42px; }.home-lobby .provider-catalog-grid { grid-template-columns:repeat(auto-fit,minmax(210px,280px)); }.home-card-tag { display:none; } }
@media (max-width:650px) {
  .home-welcome { gap:8px; padding:24px 0 18px; }
  .home-welcome > span { font-size:9px; letter-spacing:.09em; }
  .home-lobby .lobby-hero { height:clamp(500px,142vw,570px); border-radius:22px; }
  .home-lobby .lobby-hero::before { background-image:linear-gradient(180deg,rgba(114,0,23,.1) 0%,rgba(126,0,25,.28) 58%,rgba(93,0,18,.72) 100%),linear-gradient(90deg,rgba(177,0,34,.78),rgba(119,0,23,.22)); }
  .home-lobby .hero-photo-layer,.home-lobby .hero-texture-layer,.home-lobby .hero-hover-layer { object-position:56% center; }
  .home-lobby .hero-photo-layer { opacity:.72; transform:scale(1.01); animation:home-mobile-photo-breathe 9s ease-in-out infinite; }
  .home-lobby .hero-texture-layer { opacity:.17; }
  .home-lobby .lobby-hero:hover .hero-photo-layer { opacity:.72; }
  .home-lobby .lobby-hero:hover .hero-texture-layer { opacity:.17; }
  .home-lobby .lobby-hero:hover .hero-hover-layer { opacity:0; }
  .home-lobby .lobby-hero-copy { top:56px; left:clamp(24px,7vw,34px); right:24px; }
  .home-lobby .lobby-hero-copy h1 { max-width:350px; font-size:clamp(40px,12vw,52px); line-height:1.02; letter-spacing:-1.9px; text-wrap:balance; }
  .home-lobby .lobby-hero-copy h1 br { display:block; }
  .home-lobby .spin-button { width:min(286px,calc(100vw - 88px)); height:70px; margin-top:34px; padding:0 14px; gap:12px; border-radius:16px; font-size:20px; box-shadow:0 14px 32px #33030c70; }
  .home-lobby .spin-button .spin-icon { width:42px; height:42px; flex-basis:42px; }
  .home-lobby .spin-button > span { width:auto; flex:1; font-size:20px; line-height:1; }
  .home-lobby .playing-cards { left:56%; top:auto; bottom:-15px; scale:.95; opacity:.98; animation:home-mobile-card-float 4.8s ease-in-out infinite; }
  .home-lobby .lobby-hero:hover .playing-cards { left:56%; top:auto; bottom:-15px; transform:rotate(-8.03deg) skewX(3.8deg); }
  .home-lobby .hero-circle-motion { top:-18px; right:-24px; width:118px; height:118px; opacity:.78; }
  .home-lobby .hero-circle-motion img { width:128px; height:128px; }
  .home-lobby .lobby-hero:hover .hero-circle-motion { top:-18px; right:-24px; }
  .home-reward-banner { gap:18px; padding:23px 20px; }
  .home-mini-wheel { width:56px; height:56px; flex-basis:56px; }
  .home-reward-copy { flex-basis:calc(100% - 74px); }
  .home-reward-copy h2 { font-size:19px; }
  .home-reward-action { width:100%; margin-left:0; }
  .home-lobby .lobby-section-heading { align-items:flex-start; flex-wrap:wrap; gap:8px; }
  .home-lobby .lobby-section-heading p { font-size:13px; }
  .home-lobby .featured-game { width:178px; height:178px; flex-basis:178px; }
  .home-lobby .provider-catalog-grid { grid-template-columns:minmax(0,360px); justify-content:center; gap:18px; }
  .home-card-tag { display:block; }
  .home-lobby .provider-catalog-copy { min-height:126px; padding:18px; }
  .home-lobby .provider-catalog-copy h3 { font-size:21px; }
  .home-lobby .lobby-footer { margin-top:30px; }
}
@media (max-width:390px) {
  .home-lobby .lobby-hero { height:520px; }
  .home-lobby .lobby-hero-copy { top:46px; }
  .home-lobby .lobby-hero-copy h1 { font-size:40px; }
  .home-lobby .spin-button { height:64px; margin-top:28px; }
  .home-lobby .playing-cards { left:52%; scale:.88; }
  .home-lobby .lobby-hero:hover .playing-cards { left:52%; }
}
@media (prefers-reduced-motion:reduce) { .home-lobby *,.home-lobby *::before,.home-lobby *::after { animation:none !important; transition:none !important; }.home-lobby .featured-rail { overflow-x:auto; mask-image:none; } }