:root{--bg:#171821;--panel:#1e2230;--panel2:#272b3c;--line:#34394a;--muted:#9299ae;--text:#f3f4f8;--blue:#087cff;--blue2:#388dff;--cyan:#27baff;--font:"Poppins","Segoe UI",system-ui,sans-serif;--sb:300px;--rail:400px}
body{background:#171821;background-image:radial-gradient(ellipse at 48% 0,#22283a44,transparent 45%);font-size:14px}.sidebar{background:#171821;border-right:1px solid #242733;padding:17px 16px 14px;gap:11px}.brand{margin:0 7px 12px;height:45px}.brand-text{font-size:23px;letter-spacing:-.5px}.brand-text i{font-size:24px}.brand-mark{width:46px;height:46px}.menu-button{height:51px;border-radius:12px;margin-bottom:9px;background:#1c2947;border-color:#2b4678;font-size:15px}.side-group{background:#1d202c;border-color:#1d202c;border-radius:14px;padding:12px 9px 9px}.side-label{font-size:10px;padding:0 11px 8px;letter-spacing:1.2px;color:#70788d}.side-nav{max-height:none;overflow:visible;gap:1px}.nav-link{height:45px;border-radius:9px;font-size:14px;gap:12px;padding:0 12px}.nav-link.active{background:linear-gradient(100deg,#263b67,#202a43);box-shadow:inset 3px 0 #087cff}.sidebar-bottom{padding-top:3px}.safe-card{background:#1d202c;border-color:#2c3040}.sidebar-foot{font-size:8px}
.main{background:#171821}.topbar{height:80px;padding:0 26px;background:#171821;border-bottom:0;justify-content:flex-end}.topbar-center{display:none}.login-button{padding:13px 19px;border-radius:9px;font-size:13px}.content{max-width:none;padding:80px 16px 20px;margin:0;background:none;border:0;border-radius:0}.welcome,.category-section{display:none}.stats-grid{gap:8px;margin:0 0 10px}.stat-card{min-height:70px;background:#191b25;border-color:#373a47;border-radius:6px;padding:10px 12px}.stat-icon{width:23px;height:23px;border-radius:6px}.stat-card b{font-size:19px}.stat-card small{font-size:12px;font-weight:600;color:#85899a}.stat-spark{display:none}.lobby-section{margin:0;padding:12px 0 16px;border:0;border-radius:0;background:transparent}.lobby-heading{padding:0 0 10px}.lobby-heading .eyebrow{display:none}.lobby-heading .page-title{margin:0;font-size:22px}.view-description{display:none}.outline-button{border-color:#35394a;background:#292d40;border-radius:9px;font-size:13px;padding:11px 16px}.lobby-toolbar{margin:2px 0 13px;min-height:38px}.lobby-count{font-size:12px}.search-box{height:39px;border-radius:8px;background:#202333}.search-box input{font-size:11px}.room-list{gap:7px}.room-card{min-height:104px;grid-template-columns:minmax(110px,1.35fr) minmax(85px,1fr) minmax(100px,1fr) auto;gap:10px;padding:12px 15px;border-radius:8px;background:#1d202d;border:1px solid #373b49;border-left:1px solid #373b49}.room-icon{width:47px;height:47px;border-radius:50%;background:#191d2a;border:1px solid #343a4b;font-size:18px}.room-title b{font-size:13px}.room-title small{font-size:10px}.room-host span,.room-players span{font-size:9px}.room-host{font-size:12px}.player-stack{font-size:12px}.join-button{min-width:82px;border-radius:8px;padding:11px 17px;font-size:12px}.join-button:disabled{background:#2c3040;color:#adb2c3}.loading-state,.empty-state{background:#1c1f2c;border-color:#393e50;border-radius:9px;padding:42px;font-size:12px}
.community-rail{top:80px;bottom:0;width:var(--rail);padding:0 13px 13px;background:#171821;border-left:1px solid #282b36;gap:8px}.feature-match{overflow:hidden;background:#222635;border:1px solid #373c4f;border-radius:10px;padding:11px 12px 0}.feature-match-head{display:flex;justify-content:space-between;color:#aab1c4;font-size:10px;font-weight:700}.feature-match-head span{color:#8992a8}.feature-match-body{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px;background:#191d2a;border-radius:9px}.feature-match-art{width:49px;height:49px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#10b8ff,#823cff);font-size:26px;color:white}.feature-match-body>div{flex:1}.feature-match-body b,.feature-match-body small{display:block}.feature-match-body b{font-size:12px}.feature-match-body small{font-size:10px;color:#9ca4b7;margin-top:3px}.feature-match-arrow{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#34394a;color:white;font-size:20px}.feature-match-foot{display:flex;justify-content:space-between;margin:0 -12px;padding:9px 12px;background:#173c3b;color:#28ce97;font-size:10px}.feature-match-foot span{background:#09b987;color:#fff;padding:3px 7px;border-radius:4px;font-weight:800}.rail-heading{background:transparent;border:0;border-radius:0;padding:10px 7px 2px}.rail-heading h2{font-size:15px}.rail-heading .eyebrow{font-size:8px}.rail-status{padding:10px 12px;border-radius:9px;background:#202432}.rail-status b{font-size:11px}.rail-status small{font-size:9px}.rail-subheading{padding:5px 5px 0}.rail-matches{flex:0 0 auto;max-height:25vh;overflow-y:auto}.rail-match{background:#202432;border:1px solid #292f40;border-radius:10px;padding:10px}.rail-match-copy b{font-size:11px}.rail-match-copy small{font-size:9px}.rail-empty{padding:16px;background:#202432}.rail-chat{display:flex;flex-direction:column;flex:1;min-height:170px;background:#1d202c;border:1px solid #2b3040;border-radius:12px;overflow:hidden}.rail-chat-head{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #2b3040;font-size:11px}.rail-chat-head span{color:#44d698;font-size:8px;letter-spacing:.8px;font-weight:800}.rail-chat-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px;text-align:center}.rail-chat-empty>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#252b3a;color:#64c6ff;font-size:22px}.rail-chat-empty b{font-size:11px}.rail-chat-empty small{max-width:230px;font-size:9px;line-height:1.5;color:#8c95a9}.rail-chat-input{display:flex;align-items:center;gap:6px;margin:8px;padding:8px 10px;border-radius:7px;background:#272b3a;color:#788197;font-size:9px}.rail-chat-input span{flex:1}.rail-chat-input button{border:0;background:transparent;color:#657087}.rail-link{border-radius:8px;padding:11px;font-size:11px}
.feature-preview{max-width:none;min-height:calc(100vh - 270px);padding:24px 25px;border-radius:12px;background:#1b1e2b;border-color:#34394a}.preview-heading{margin:10px 0 24px}.preview-heading h3{font-size:23px}.preview-heading p{font-size:11px}.demo-badge{border-color:#275b91;background:#1d2b42;color:#85caff}.preview-chip{background:#292d3e;border-color:#41465a}.coin-arena{min-height:260px}.coin-token{width:112px;height:112px;font-size:48px}.coin-player .preview-avatar{width:88px;height:88px;font-size:22px}.mine-board{width:min(350px,100%);gap:8px}.mine-cell{border-radius:9px;background:#252a3a;border-color:#343a4e}.case-tile{min-height:188px}.case-tile>span{width:76px;height:76px;font-size:40px}.blackjack-table{min-height:240px}.playing-card{width:55px;height:78px}.dice-row span{width:92px;height:92px}.upgrade-row{margin:75px 0 45px}.preview-note{font-size:10px}
@media(max-width:1300px){:root{--rail:330px;--sb:270px}.community-rail{display:flex}.main{margin-right:var(--rail)}.sidebar{padding-left:13px;padding-right:13px}.nav-link{font-size:12px;height:41px}.side-group{padding:9px 7px}.content{padding-left:12px;padding-right:12px}.room-card{grid-template-columns:minmax(110px,1.3fr) minmax(70px,.8fr) minmax(86px,.9fr) auto}.feature-match-body b{font-size:10px}}
@media(max-width:900px){:root{--sb:0px;--rail:0px}.sidebar{position:sticky;top:0;width:100%;height:auto;max-height:none;padding:8px 13px;flex-direction:row;align-items:center;overflow:visible;border-right:0;border-bottom:1px solid #2a2d38}.brand{margin:0 auto 0 0}.brand-mark{width:35px;height:35px}.brand-text{font-size:17px}.brand-text i{font-size:18px}.menu-button{height:38px;margin:0;padding:0 11px}.side-group,.sidebar-bottom{display:none}.sidebar.mobile-open{align-items:flex-start;flex-wrap:wrap}.sidebar.mobile-open .side-group{display:block;width:100%;max-height:42vh;overflow:auto}.main{margin:0}.topbar{height:54px;padding:0 14px}.community-rail{display:none}.content{padding:16px 12px}.stats-grid{margin-bottom:12px}.stat-card{min-height:58px}.stat-card small{font-size:9px}.lobby-heading .page-title{font-size:18px}.room-card{grid-template-columns:1fr auto;min-height:75px}.room-host{display:none}.room-players{justify-self:end}.feature-preview{min-height:calc(100vh - 190px)}.footer{justify-content:center}}
@media(max-width:500px){.stats-grid{gap:5px}.stat-card{padding:7px}.stat-icon{display:none}.stat-card b{font-size:14px}.stat-card small{font-size:7px}.lobby-toolbar{gap:7px}.search-box{width:100%}.search-box input{width:100%}.lobby-heading .outline-button{font-size:9px;padding:8px}.feature-preview{padding:16px 12px}.coin-arena{gap:15px;min-height:200px}.coin-player .preview-avatar{width:58px;height:58px}.coin-token{width:73px;height:73px}.preview-controls{flex-wrap:wrap}.case-grid{gap:6px}.case-tile{padding:11px 5px}.upgrade-item{min-width:100px;padding:12px}.blackjack-table{min-height:190px;border-width:6px}}