:root{--bg:#07090d;--panel:#0c1118;--panel2:#111720;--line:#31321f;--gold:#e7ad38;--gold2:#ffd578;--red:#ef3931;--text:#f4f4f4;--muted:#9b9fa7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#242119 0,#0a0d12 35%,#05070a 75%);color:var(--text);font-family:Inter,Arial,sans-serif;min-width:320px}.app-shell{min-height:100vh}.topbar{height:74px;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid #20242b;background:rgba(6,8,12,.97);position:sticky;top:0;z-index:20;box-shadow:0 8px 25px #0009}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;min-width:180px}.brand-mark{font-size:45px;color:var(--gold2);filter:drop-shadow(0 0 8px #d99a2b55)}.brand b{font-size:28px;font-style:italic;letter-spacing:2px}.brand small{display:block;letter-spacing:6px;font-size:12px}.topnav{display:flex;height:100%;gap:18px;flex:1}.topnav button,.icon-btn,.menu-btn{border:0;background:none;color:#aaa;font-size:15px;cursor:pointer}.topnav button{position:relative;padding:0 8px}.topnav button.active,.topnav button:hover{color:#fff}.topnav button.active:after{content:"";position:absolute;bottom:0;left:6px;right:6px;height:4px;background:linear-gradient(90deg,#ff8d42,var(--red));box-shadow:0 0 9px #ff452b}.wallet{display:flex;align-items:center;gap:9px}.balance{border:1px solid #634a1a;background:#080b10;color:#fff;border-radius:25px;padding:8px 10px;display:flex;gap:8px;align-items:center}.balance span{color:var(--gold);font-size:22px}.avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--gold);background:linear-gradient(145deg,#8a4c25,#1d0f0c);color:#fff;font-weight:800}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:red;right:0;top:0}.menu-btn{font-size:25px}.dashboard{display:grid;grid-template-columns:165px minmax(0,1fr) 290px;grid-template-areas:"welcome hero rank" "side games right" "side lists news";gap:14px;padding:16px;max-width:1600px;margin:auto}.panel,.game-card{border:1px solid #38301d;background:linear-gradient(145deg,rgba(15,20,28,.98),rgba(5,8,12,.98));box-shadow:inset 0 1px #ffffff08,0 8px 22px #0005;border-radius:12px;overflow:hidden}.welcome-card{grid-area:welcome;display:flex;min-height:285px}.dealer-wrap{width:46%;overflow:hidden;background:linear-gradient(#1a1310,#050609)}.dealer-wrap img{width:170%;height:100%;object-fit:cover;object-position:50% 20%;transform:translateX(-22%)}.welcome-copy{padding:19px 12px;flex:1}.welcome-copy p,.rank-card p{margin:0;color:#ddd;font-size:13px}.welcome-copy h2{color:var(--gold2);margin:5px 0 18px;font-size:21px}.welcome-copy span{color:#d6bd86;font-size:13px}.welcome-copy ul{list-style:none;padding:0;margin:13px 0;font-size:12px;line-height:2.2}.gold-btn,.dark-btn{border-radius:6px;padding:12px 20px;font-weight:800;cursor:pointer}.gold-btn{border:1px solid #f2bd4d;background:linear-gradient(#ffd873,#d58f19);color:#1b1203;box-shadow:inset 0 1px #fff8}.dark-btn{border:1px solid #76551a;background:#080b10;color:#eee}.welcome-copy .gold-btn{width:100%;padding:11px 5px}.hero{grid-area:hero;min-height:285px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 25% 75%,#5f320a 0,#191107 27%,#050608 65%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#e2a7310c,transparent);pointer-events:none}.hero-art{width:45%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.cards{display:flex;transform:rotate(-5deg)}.cards span{width:102px;height:150px;background:linear-gradient(135deg,#fff7e6,#bea77f);color:#111;border-radius:10px;font:700 27px Georgia;padding:14px;box-shadow:0 18px 25px #0009;margin:-6px}.cards span:last-child{transform:translateY(-12px) rotate(7deg)}.cards b{font-size:45px}.hero-chip{position:absolute;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,#171717 45%,#d39725 47%,#2d2110 58%,#d39725 64%,#121212 68%);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:900;color:var(--gold2);box-shadow:0 0 30px #e8a32788;right:28px;bottom:28px}.hero-chip small{font-size:11px;letter-spacing:4px}.hero-copy{width:55%;z-index:1}.eyebrow{font-size:12px;letter-spacing:3px;color:#b38b46}.hero h1{font-size:39px;color:var(--gold2);margin:6px 0}.hero h3{font-size:24px;font-weight:400;letter-spacing:2px;margin:0 0 35px;color:#e4cc99}.hero-actions{display:flex;gap:14px}.hero-actions button{min-width:165px}.dots{margin-top:28px}.dots i{display:inline-block;width:9px;height:9px;background:#777;border-radius:50%;margin-right:10px}.dots .active{background:#fff}.rank-card{grid-area:rank;display:flex;flex-direction:column;align-items:center;padding:18px}.rank-emblem{font-size:65px;color:var(--gold2);text-shadow:0 0 15px #f0ae35}.rank-card p{color:var(--gold2)}.progress{width:70%;height:10px;background:#171717;border:1px solid #59431e;border-radius:10px;margin:9px}.progress span{display:block;width:68%;height:100%;border-radius:10px;background:linear-gradient(90deg,#db941c,#ffd866)}.rank-card h3{border-top:1px solid #242832;width:100%;text-align:center;padding-top:13px}.rank-card .dark-btn{width:100%}.side-menu{grid-area:side;align-self:stretch}.side-menu button{display:flex;align-items:center;gap:14px;width:100%;padding:16px 14px;background:none;border:0;border-bottom:1px solid #252931;color:#bbb;text-align:left;cursor:pointer}.side-menu button:first-child,.side-menu button:hover{color:var(--gold2);background:#111722}.side-menu button:first-child{font-size:20px}.side-menu span{font-size:12px}.game-grid{grid-area:games;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.game-card{text-align:center;padding:12px 8px;min-height:235px;transition:.25s;cursor:pointer}.game-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 10px 25px #000a,0 0 12px #d79d2825}.game-art{height:135px;display:grid;place-items:center;font-size:69px;background:radial-gradient(circle,#5d330f,#161009 45%,transparent 72%);text-shadow:0 0 20px #ffa300}.game-art span{font-size:34px}.game-card h3{color:var(--gold2);font-size:17px;margin:8px 0}.game-card p,.game-card small{color:#d1d1d1;font-size:11px}.game-card p{margin:6px}.right-column{grid-area:right;display:grid;gap:12px}.bonus-card,.vip-card{padding:15px;display:flex;justify-content:space-between;min-height:130px}.bonus-card h3,.vip-card h3,.tables h2,.news h2{color:var(--gold2);margin:0 0 8px;font-size:18px}.bonus-card p,.vip-card p{color:#ddd}.bonus-card button,.vip-card button{padding:9px 14px}.chest{font-size:72px;filter:drop-shadow(0 0 18px #ffae00)}.vip-badge{width:90px;height:90px;display:grid;place-items:center;align-self:center;border-radius:50%;border:7px double #d99c2e;color:#ffd86f;font-size:25px;font-weight:900;box-shadow:0 0 20px #d89927}.tables{min-width:0}.tables:nth-of-type(1){grid-area:auto}.tables{padding:10px}.tables header,.news header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #262b33;padding:0 2px 9px}.tables header button{color:var(--gold2);border:1px solid #62491a;background:#0b0e13;padding:7px 10px}.table-row{display:grid;grid-template-columns:1.35fr 1fr 1fr .8fr;padding:10px 3px;border-bottom:1px solid #20252c;font-size:13px;align-items:center}.table-row.head{color:#a9adb4;font-size:11px}.table-row:not(.head):hover{background:#171c24}.player-count,.prize{color:var(--gold2)}.news{grid-area:news;padding:12px}.news-item{display:grid;grid-template-columns:38px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid #252a31}.news-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d69d37,#37200d);font-weight:900}.news-item p{margin:0;font-size:12px;line-height:1.35}.news-item small{color:#777}.news .dark-btn{width:100%;margin-top:14px}footer{height:65px;border-top:1px solid #252a30;background:#090c10;display:flex;align-items:center;gap:60px;padding:0 42px;color:#aaa}footer button{border:0;background:none;color:#aaa;cursor:pointer}footer span{margin-left:auto}footer i{width:8px;height:8px;border-radius:50%;background:#25b95a}.toast{position:fixed;right:22px;bottom:85px;background:#171d25;border:1px solid var(--gold);padding:14px 20px;border-radius:8px;transform:translateY(30px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1200px){.topnav{display:none}.dashboard{grid-template-columns:140px 1fr 250px}.game-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:31px}.hero-art{display:none}.hero-copy{width:86%}.welcome-card{min-width:0}.dealer-wrap{display:none}.wallet .icon-btn{display:none}}
@media(max-width:820px){.topbar{padding:0 12px}.brand{min-width:auto}.brand b{font-size:21px}.brand small{font-size:9px}.brand-mark{font-size:33px}.wallet .balance:first-child{display:none}.dashboard{display:flex;flex-direction:column;padding:9px}.hero{order:1;min-height:310px}.hero-copy{width:90%}.hero h1{font-size:32px}.hero h3{font-size:18px}.welcome-card{order:2;min-height:auto}.dealer-wrap{display:block;width:38%;min-height:240px}.dealer-wrap img{width:180%}.welcome-copy{padding:16px}.rank-card{order:3}.side-menu{order:4;display:flex;overflow-x:auto}.side-menu button{min-width:125px;border-right:1px solid #252931}.game-grid{order:5;grid-template-columns:repeat(2,1fr)}.right-column{order:6}.tables{order:7}.news{order:8}footer{gap:12px;padding:0 12px;overflow-x:auto}footer button{white-space:nowrap}footer span,footer i{display:none}}
@media(max-width:480px){.wallet .balance:nth-child(2){padding:6px}.wallet{gap:4px}.avatar{width:35px;height:35px}.hero{min-height:340px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero h1{font-size:29px}.dealer-wrap{display:none}.game-grid{grid-template-columns:1fr 1fr}.game-card{min-height:205px}.game-art{height:105px;font-size:52px}.table-row{font-size:11px}.dashboard{overflow:hidden}.tables{overflow-x:auto}.table-row{min-width:520px}}

/* Lobby welcome panel without dealer artwork */
.welcome-card-no-dealer{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0,#33230b 0,#11141a 48%,#07090d 100%)}
.welcome-card-no-dealer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 20%,rgba(230,173,58,.08) 50%,transparent 80%);pointer-events:none}
.welcome-card-no-dealer .welcome-copy{position:relative;width:100%;padding:26px 22px;text-align:center}
.welcome-card-no-dealer .welcome-copy h2{font-size:24px;margin:7px 0 16px}
.welcome-card-no-dealer .welcome-copy ul{display:grid;gap:5px;margin:14px auto 18px;max-width:210px;text-align:left}
.welcome-card-no-dealer .welcome-copy .gold-btn{max-width:220px}
@media(max-width:820px){.welcome-card-no-dealer{min-height:245px}.welcome-card-no-dealer .welcome-copy{padding:22px 18px}}
.clickable-row{cursor:pointer}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#000b;opacity:0;pointer-events:none;transition:.2s;z-index:80}.drawer-backdrop.open,.modal-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;width:min(86vw,360px);height:100dvh;background:#0b0f15;border-left:1px solid #59431e;z-index:90;transform:translateX(105%);transition:.25s;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:-25px 0 60px #000}.mobile-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;color:var(--gold2);font-size:20px;margin-bottom:12px}.drawer-head button,.modal-close{border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.mobile-drawer>button{border:1px solid #292f38;background:#111720;color:#eee;padding:15px;text-align:left;border-radius:8px;font-weight:700}.mobile-drawer>button:hover{border-color:var(--gold);color:var(--gold2)}.modal-backdrop{display:grid;place-items:center;padding:18px;z-index:100}.modal{position:relative;width:min(560px,100%);max-height:88dvh;overflow:auto;border:1px solid #76551a;border-radius:14px;background:linear-gradient(145deg,#151b24,#07090d);padding:28px;box-shadow:0 25px 80px #000}.modal-close{position:absolute;right:12px;top:7px}.modal h2{color:var(--gold2);font-size:30px;margin:5px 0 18px}.modal p{color:#b9bec7;line-height:1.6}.wide{width:100%;margin-top:18px}.modal-stats,.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modal-stats span,.profile-grid>div{padding:15px;background:#0b1016;border:1px solid #2d333c;border-radius:9px;color:#9097a1;font-size:11px}.modal-stats b,.profile-grid b{display:block;color:#fff;font-size:17px;margin-top:6px}.profile-grid{grid-template-columns:repeat(2,1fr)}.field{display:block;color:#aaa;margin-top:18px}.field input{width:100%;margin-top:7px;padding:13px;border:1px solid #3b424c;border-radius:8px;background:#090d12;color:#fff}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-grid button{padding:18px;border:1px solid #76551a;border-radius:10px;background:#0d1218;color:var(--gold2);font-size:16px;font-weight:800;cursor:pointer}.shop-grid small{display:block;color:#8e949d;margin-top:5px}.modal-note{font-size:12px}.no-scroll{overflow:hidden}@media(min-width:1201px){.menu-btn{display:none}}@media(max-width:820px){.topbar{height:76px}.wallet .balance:first-child{display:flex}.wallet .icon-btn,.avatar{display:none}.balance{padding:7px 9px}.brand small{letter-spacing:3px}.dashboard{padding-top:12px}.hero{min-height:285px}.hero-copy h3{margin-bottom:22px}.modal-stats{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}.table-row{min-width:0;grid-template-columns:1.25fr .9fr .9fr .7fr}.tables{overflow:visible}.game-card{min-height:190px}}@media(max-width:480px){.brand b{font-size:18px}.brand-mark{font-size:28px}.wallet .balance:first-child{display:none}.wallet .balance{font-size:13px}.hero{min-height:300px}.hero-copy{width:88%}.hero h3{font-size:15px}.table-row{font-size:10px}.game-card h3{font-size:14px}.modal{padding:22px 18px}}

.cash-browser{display:grid;gap:10px;margin-top:18px}.cash-browser-row{width:100%;display:grid;grid-template-columns:1.35fr 1fr 1fr .7fr;gap:10px;align-items:center;text-align:left;padding:14px;border:1px solid #4a3a1d;border-radius:12px;background:#0c0f13;color:#f7efd9;cursor:pointer}.cash-browser-row:hover{border-color:#d8a944;background:#15120c}.cash-browser-row span{display:flex;flex-direction:column;gap:3px}.cash-browser-row b{font-size:13px}.cash-browser-row small{font-size:10px;color:#888;letter-spacing:.08em;text-transform:uppercase}@media(max-width:600px){.cash-browser-row{grid-template-columns:1.2fr 1fr}.cash-browser-row span:nth-child(4){display:none}}
.feed-cost{font-size:11px;color:#e8bd5b;border:1px solid rgba(232,189,91,.35);border-radius:999px;padding:5px 8px;white-space:nowrap}.news-composer{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.news-composer textarea{width:100%;min-height:78px;resize:vertical;border:1px solid rgba(232,189,91,.22);border-radius:10px;background:#090d12;color:#fff;padding:11px 12px;font:inherit;outline:none}.news-composer textarea:focus{border-color:#e8bd5b;box-shadow:0 0 0 3px rgba(232,189,91,.08)}.news-composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.news-composer small{color:#7f8792}.news-composer .gold-btn{padding:9px 12px;font-size:11px}.news-item.user-post{background:rgba(232,189,91,.05)}.choice-browser,.cash-browser{display:grid;gap:8px;max-height:min(58vh,520px);overflow:auto;padding-right:3px}.choice-browser-row,.cash-browser-row{width:100%;display:grid;grid-template-columns:1.4fr .8fr .9fr .8fr;align-items:center;gap:10px;border:1px solid rgba(232,189,91,.18);border-radius:10px;background:#0d1117;color:#fff;padding:12px;text-align:left;cursor:pointer}.choice-browser-row:hover,.cash-browser-row:hover{border-color:#e8bd5b;background:#121821}.choice-browser-row span,.cash-browser-row span{display:flex;flex-direction:column;gap:3px}.choice-browser-row small,.cash-browser-row small{color:#7f8792;font-size:10px}.choice-browser-row b,.cash-browser-row b{font-size:12px}.secondary-choice{margin-top:9px}.wide{width:100%}@media(max-width:620px){.choice-browser-row,.cash-browser-row{grid-template-columns:1.3fr 1fr}.choice-browser-row span:nth-child(3),.choice-browser-row span:nth-child(4),.cash-browser-row span:nth-child(3),.cash-browser-row span:nth-child(4){padding-top:5px;border-top:1px solid rgba(255,255,255,.06)}.news-composer>div{align-items:flex-end}.news-composer .gold-btn{max-width:180px}}

/* Complete community feed */
.modal-news-composer{margin:18px 0 14px}
.all-news-feed{display:grid;gap:0;max-height:min(52vh,560px);overflow:auto;border:1px solid rgba(221,170,65,.22);border-radius:14px;background:#090c10}
.all-news-feed .news-item{padding:15px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.all-news-feed .news-item:last-child{border-bottom:0}
@media(max-width:640px){.all-news-feed{max-height:48vh}.modal-news-composer textarea{min-height:86px}}

.logout-drawer{margin-top:auto;border-top:1px solid #4a2b2b!important;color:#ffb0a8!important}
.diamond-king-hero{max-width:1180px;margin:34px auto;padding:0 20px}.diamond-king-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.diamond-power{padding:26px}.diamond-power h2{color:#f2c55c;margin:0 0 8px}.diamond-cost{font-size:34px;font-weight:900;color:#7ee8ff}.king-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.king-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#090b0f;border-bottom:1px solid #72541d}.king-nav a{color:#f2c55c;text-decoration:none;font-weight:800}@media(max-width:700px){.diamond-king-grid{grid-template-columns:1fr}.diamond-king-hero{margin-top:18px}.diamond-power{padding:20px}}

/* Desktop newsfeed: permanently visible in the lobby right column */
@media (min-width:821px){
  .right-column{align-content:start}
  .right-column .news{grid-area:auto;display:block;max-height:620px;overflow:hidden}
  .right-column .news #newsFeed{max-height:250px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}
  .right-column .news .news-composer textarea{min-height:68px}
}
@media (min-width:1201px){
  .right-column{position:sticky;top:90px;align-self:start}
}
@media (max-width:820px){
  .right-column .news{display:block;order:3}
  .right-column .news #newsFeed{max-height:360px;overflow-y:auto}
}

/* Desktop navigation and content layout improvements */
.account-btn{border:1px solid #8b6825;background:linear-gradient(180deg,#17130b,#090b0f);color:var(--gold2);border-radius:7px;padding:9px 13px;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap;cursor:pointer;transition:.2s}
.account-btn:hover{border-color:var(--gold2);background:#1b160d;color:#fff}
.side-menu button[data-action="news"]{color:#e9c76f}
.side-menu button[data-action="news"]:hover{background:linear-gradient(90deg,rgba(231,173,56,.14),transparent)}
@media(min-width:821px){
  .dashboard{grid-template-areas:"welcome hero rank" "side games right" "side cash right" "side tournaments right" "side spin right";grid-template-rows:auto auto auto auto auto;align-items:start}
  #cash{grid-area:cash;width:100%}
  #tournaments{grid-area:tournaments;width:100%}
  #spin{grid-area:spin;width:100%}
  .side-menu{grid-area:side;height:100%}
  .right-column{grid-area:right}
  #tournaments .table-row,#cash .table-row,#spin .table-row{width:100%}
  #tournaments{overflow:visible}
  #tournaments .table-row{grid-template-columns:minmax(190px,1.45fr) minmax(90px,.7fr) minmax(115px,.9fr) minmax(95px,.7fr)}
  #tournaments .table-row span{white-space:nowrap;overflow:visible;text-overflow:clip}
}
@media(min-width:1201px){
  .topnav{gap:10px}
  .topnav button{font-size:13px;padding:0 6px}
  .wallet{gap:7px}
}
@media(max-width:1200px){.account-btn{display:none}}
/* First-visit dealer onboarding */
.modal-backdrop.onboarding-mode .modal{width:min(980px,96vw);padding:0;overflow:hidden;max-height:94dvh;background:linear-gradient(145deg,#141a22,#05070a)}
.modal-backdrop.onboarding-mode .modal-close{display:none}
.dealer-onboarding{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);min-height:min(650px,88dvh)}
.dealer-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 25%,#5e451d 0,#15120c 38%,#050608 75%)}
.dealer-visual:after{content:"";position:absolute;inset:auto 8% 0;height:16%;background:radial-gradient(ellipse,#d9a93b55,transparent 68%);filter:blur(18px)}
.dealer-visual img{position:relative;z-index:1;width:100%;height:100%;max-height:88dvh;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px #000)}
.dealer-message{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,5vw,70px);background:linear-gradient(135deg,#131922,#080b10)}
.dealer-message h2{font-size:clamp(27px,3.5vw,48px);line-height:1.15;color:#fff;margin:12px 0 24px;max-width:620px}
.dealer-message>small{display:block;color:#8f98a6;margin-top:14px;line-height:1.5}
.welcome-chip-gift{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 14px;padding:18px 20px;margin-bottom:8px;border:1px solid #76551a;border-radius:12px;background:linear-gradient(135deg,#241a09,#0b0e13);font-size:28px}
.welcome-chip-gift strong{font-size:30px;color:#f7d879}.welcome-chip-gift span{grid-column:2;color:#9ba2ac;font-size:11px;letter-spacing:2px}
.onboarding-main-btn{min-height:54px;font-size:15px;letter-spacing:1px}
.onboarding-register,.quick-join{padding:clamp(28px,5vw,58px);max-height:92dvh;overflow:auto}
.onboarding-register h2,.quick-join h2{font-size:clamp(28px,4vw,42px)}
.onboarding-check{display:flex;align-items:flex-start;gap:10px;margin-top:18px;color:#c3c8d0;font-size:13px;line-height:1.45}.onboarding-check input{margin-top:3px;accent-color:#d4a938}
.quick-cash-browser{margin-top:22px;max-height:48vh;overflow:auto}
@media(max-width:720px){.modal-backdrop.onboarding-mode{padding:0}.modal-backdrop.onboarding-mode .modal{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0}.dealer-onboarding{grid-template-columns:1fr;grid-template-rows:minmax(230px,43dvh) 1fr;height:100dvh}.dealer-visual img{max-height:43dvh}.dealer-message{padding:22px 20px 26px;align-items:stretch;text-align:center}.dealer-message .eyebrow{margin:0 auto}.dealer-message h2{font-size:26px;margin:8px 0 14px}.welcome-chip-gift{text-align:left;padding:12px 16px}.welcome-chip-gift strong{font-size:24px}.onboarding-register,.quick-join{padding:24px 18px}.quick-cash-browser .cash-browser-row{grid-template-columns:1.2fr 1fr}.quick-cash-browser .cash-browser-row span:nth-child(3),.quick-cash-browser .cash-browser-row span:nth-child(4){display:none}}

/* Mobile dealer welcome: always show the complete artwork */
@media (max-width: 720px) {
  .modal-backdrop.onboarding-mode .modal {
    height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .dealer-onboarding {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100dvh;
  }
  .dealer-visual {
    flex: 0 0 min(48dvh, 430px);
    min-height: 250px;
    width: 100%;
    padding: max(8px, env(safe-area-inset-top)) 10px 6px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .dealer-visual img {
    display: block;
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }
  .dealer-message {
    flex: 1 0 auto;
    min-height: max-content;
    padding: 18px 18px calc(22px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 420px) and (max-height: 720px) {
  .dealer-visual {
    flex-basis: 42dvh;
    min-height: 220px;
  }
  .dealer-message h2 {
    font-size: 22px;
  }
}


/* Dense desktop lobby: remove empty space below hero and profile */
.lobby-pulse{grid-area:pulse;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;min-height:132px;background:#242018;border-color:#4e411f}
.pulse-stat{display:flex;align-items:center;gap:12px;padding:18px 16px;background:linear-gradient(145deg,#121821,#080b10)}
.pulse-stat>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #74561e;background:#171108;color:var(--gold2);font-size:19px;box-shadow:inset 0 1px #ffffff10}
.pulse-stat .pulse-icon{color:#35d26f;font-size:18px;text-shadow:0 0 12px #35d26f}
.pulse-stat small,.pulse-mission small{display:block;color:#858d98;font-size:10px;letter-spacing:.08em;margin-bottom:5px}
.pulse-stat strong{font-size:17px;color:#fff}
.pulse-mission{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(180px,2fr) auto;gap:16px;align-items:center;padding:14px 18px;background:linear-gradient(90deg,#171109,#0c1016)}
.pulse-mission b{font-size:13px;color:#f1d58e}
.pulse-mission>strong{color:var(--gold2);font-size:14px}
.mission-progress{height:9px;background:#05070a;border:1px solid #4f411f;border-radius:999px;overflow:hidden}
.mission-progress span{display:block;width:33.333%;height:100%;background:linear-gradient(90deg,#d99018,#ffd86d);box-shadow:0 0 10px #e8a72f77}
@media(min-width:821px){
  .dashboard{gap:8px;grid-template-areas:"welcome hero rank" "side pulse right" "side games right" "side cash right" "side tournaments right" "side spin right";grid-template-rows:auto auto auto auto auto auto;align-items:stretch}
  .right-column{margin-top:0;align-self:stretch;grid-auto-rows:max-content}
  .rank-card{height:100%}
  .hero{height:100%}
  .side-menu{height:100%}
}
@media(max-width:1100px) and (min-width:821px){.lobby-pulse{grid-template-columns:repeat(2,1fr)}.pulse-mission{grid-column:1/-1}}
@media(max-width:820px){.lobby-pulse{order:4;grid-template-columns:repeat(2,1fr)}.pulse-mission{grid-column:1/-1;grid-template-columns:1fr}.side-menu{order:5}.game-grid{order:6}.right-column{order:7}.tables{order:8}}
@media(max-width:480px){.lobby-pulse{grid-template-columns:1fr 1fr}.pulse-stat{padding:13px 10px;gap:8px}.pulse-stat>span{width:32px;height:32px}.pulse-stat strong{font-size:14px}.pulse-mission{padding:13px}}

/* Diamond packages and mobile store column */
.store-section-title{margin:22px 0 10px;color:#e9c76f;font-size:12px;letter-spacing:.14em}
.diamond-shop-grid button{position:relative;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.diamond-shop-grid button b{font-size:15px;color:#fff}
.diamond-shop-grid button small{font-size:18px;color:#ffd578;font-weight:900}
.diamond-shop-grid .store-icon{font-size:29px;filter:drop-shadow(0 0 9px #5ddcff88)}
.diamond-shop-grid button.best-value{border-color:#f1bd4e;box-shadow:0 0 18px #e5a52b33,inset 0 1px #ffffff12}
.diamond-shop-grid button em{position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:999px;background:#d7951d;color:#171006;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}
.mobile-store-preview{display:none}
@media(max-width:820px){
  .right-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.72fr);gap:9px;align-items:start}
  .right-column>.bonus-card,.right-column>.vip-card{grid-column:1/-1}
  .right-column>.news{grid-column:1;min-width:0}
  .right-column>.mobile-store-preview{display:block;grid-column:2;padding:10px;position:sticky;top:82px}
  .mobile-store-preview header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid #292c32}
  .mobile-store-preview header small{color:#8e96a1;font-size:8px;letter-spacing:.12em}
  .mobile-store-preview h2{margin:2px 0 0;color:#ffd578;font-size:14px}
  .mobile-store-preview header button{border:0;background:none;color:#e9c76f;font-size:8px;font-weight:900;padding:4px;cursor:pointer}
  .mobile-store-offer{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr);gap:1px 6px;align-items:center;margin:0 0 7px;padding:10px 7px;border:1px solid #38301d;border-radius:9px;background:linear-gradient(145deg,#151b24,#080b10);color:#fff;text-align:left;cursor:pointer}
  .mobile-store-offer span{grid-row:1/3;font-size:20px;text-align:center}
  .mobile-store-offer b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-store-offer strong{font-size:11px;color:#ffd578}
  .mobile-store-offer.featured{border-color:#dba534;background:linear-gradient(145deg,#241a09,#0a0d12)}
  .right-column .news .news-composer{padding:9px}
  .right-column .news .news-composer textarea{min-height:68px}
  .right-column .news .news-composer>div{display:block}
  .right-column .news .news-composer small{display:block;margin-bottom:6px}
  .right-column .news .news-composer .gold-btn{width:100%;font-size:9px;padding:8px 5px}
}
@media(max-width:390px){
  .right-column{grid-template-columns:minmax(0,1fr) 132px}
  .mobile-store-preview{padding:8px}
  .mobile-store-offer{padding:8px 5px;grid-template-columns:22px minmax(0,1fr)}
  .mobile-store-offer span{font-size:17px}
  .mobile-store-offer b{font-size:9px}
  .mobile-store-offer strong{font-size:10px}
}

/* Updated paid chip packages */
.chip-shop-grid button{position:relative;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.chip-shop-grid button b{font-size:15px;color:#fff}.chip-shop-grid button small{font-size:18px;color:#ffd578;font-weight:900}.chip-shop-grid .store-icon{font-size:29px;filter:drop-shadow(0 0 9px #e6ad3588)}.chip-shop-grid button.best-value,.premium-chip-offer{border-color:#f1bd4e!important;box-shadow:0 0 18px #e5a52b33,inset 0 1px #ffffff12}.chip-shop-grid button em{position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:999px;background:#d7951d;color:#171006;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}

/* Mobile store: highlighted 50 and 1,000 diamond packages */
@media(max-width:760px){
.mobile-store-offer.diamond-50-offer{border-color:#dba534;background:linear-gradient(145deg,#241a09,#0a0d12);box-shadow:0 0 0 1px rgba(255,211,99,.10) inset}
.mobile-store-offer.premium-diamond-offer{border-color:#f3c24f;background:linear-gradient(145deg,#2a1c08,#090c11);box-shadow:0 0 18px rgba(218,165,52,.16)}
.mobile-store-offer.premium-diamond-offer strong{color:#ffe18b}
}

/* 2026-07-29: keep mobile News Feed and Shop preview side by side below VIP */
@media(max-width:820px){
  .right-column{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(145px,.72fr)!important;
    grid-template-areas:
      "bonus bonus"
      "vip vip"
      "news store"!important;
    gap:9px!important;
    align-items:start!important;
  }
  .right-column>.bonus-card{grid-area:bonus!important;order:initial!important}
  .right-column>.vip-card{grid-area:vip!important;order:initial!important}
  .right-column>.news{
    grid-area:news!important;
    grid-column:auto!important;
    grid-row:auto!important;
    order:initial!important;
    min-width:0!important;
    align-self:start!important;
  }
  .right-column>.mobile-store-preview{
    display:block!important;
    grid-area:store!important;
    grid-column:auto!important;
    grid-row:auto!important;
    order:initial!important;
    align-self:start!important;
    position:sticky!important;
    top:82px!important;
  }
}
@media(max-width:390px){
  .right-column{grid-template-columns:minmax(0,1fr) 132px!important}
}

/* Balanced mobile News Feed and Store columns */
@media(max-width:820px){
  .right-column{align-items:stretch!important}
  .right-column>.news,.right-column>.mobile-store-preview{height:100%;align-self:stretch!important}
  .right-column>.mobile-store-preview{position:relative!important;top:auto!important}
  .mobile-store-divider{display:flex;align-items:center;gap:6px;margin:9px 0 7px;color:#9aa1ab;font-size:7px;font-weight:900;letter-spacing:.13em}
  .mobile-store-divider:before,.mobile-store-divider:after{content:"";height:1px;flex:1;background:#292c32}
}

/* Welcome login option */
.onboarding-login-btn{margin-top:10px}
.dealer-message .onboarding-login-btn{border-color:rgba(217,164,48,.72);color:#f7d477;background:rgba(5,8,12,.82)}
.dealer-message .onboarding-login-btn:hover{background:rgba(217,164,48,.12)}

/* SMS verification submission */
.sms-verification-panel .sms-help{line-height:1.55;margin-bottom:18px}
.sms-code-field input{font-size:clamp(28px,6vw,42px);font-weight:800;letter-spacing:.34em;text-align:center;font-variant-numeric:tabular-nums;padding-left:calc(18px + .34em)}
.sms-code-field input::placeholder{letter-spacing:.34em;opacity:.35}
.sms-status{min-height:24px;margin:8px 0 14px;color:#d8dde7;font-size:14px;text-align:center}
.sms-verification-panel button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.35)}

.field select{width:100%;margin-top:7px;padding:13px;border:1px solid #3b424c;border-radius:8px;background:#090d12;color:#fff;font:inherit}
.phone-entry{display:grid;grid-template-columns:auto 1fr;align-items:stretch;margin-top:7px;border:1px solid #3b424c;border-radius:8px;background:#090d12;overflow:hidden}
.phone-entry:focus-within{border-color:#c99122;box-shadow:0 0 0 2px rgba(201,145,34,.16)}
.phone-entry span{display:flex;align-items:center;padding:0 14px;border-right:1px solid #3b424c;color:#f5c756;font-weight:800;white-space:nowrap}
.phone-entry input{margin:0!important;border:0!important;border-radius:0!important;outline:0;min-width:0}
.phone-hint{display:block;margin-top:7px;color:#858d98;font-size:12px;line-height:1.4}

/* Inline SMS verification: the code field is visible on the registration page
   and becomes active immediately after a successful SMS request. */
.inline-sms-verification{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(226,174,58,.45);
  border-radius:16px;
  background:rgba(5,9,14,.72);
}
.sms-divider{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#f2c35c;font-size:.78rem;font-weight:800;letter-spacing:.18em}
.sms-divider::before,.sms-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(226,174,58,.55),transparent)}
.inline-sms-verification .sms-help{margin:0 0 14px;color:#b8bec8;line-height:1.5}
.inline-sms-verification input:disabled{opacity:.58;cursor:not-allowed;background:rgba(255,255,255,.025)}
.inline-sms-verification #registrationSmsCode{font-size:1.55rem;letter-spacing:.42em;text-align:center;font-weight:800}
.inline-sms-verification .sms-status{min-height:1.35em;margin:8px 0 14px;color:#aeb5c0;font-size:.88rem}
@media(max-width:640px){.inline-sms-verification{padding:14px}.inline-sms-verification #registrationSmsCode{font-size:1.3rem;letter-spacing:.3em}}
