:root{color-scheme:dark;--bg:#0b0d14;--panel:#12151f;--panel2:#191d2b;--line:#262b3a;--muted:#8b91a5;--text:#f4f6fb;--blue:#1478ff;--blue2:#398cff;--cyan:#34cafa;--green:#20d494;--font:"Inter","Segoe UI",system-ui,sans-serif;--sb:248px;--rail:328px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;background-image:radial-gradient(ellipse at 56% -20%,#15326830,transparent 55%)}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sb);padding:20px 14px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;z-index:5;background:#0d1019;border-right:1px solid #1b1f2b}.brand{display:flex;align-items:center;gap:10px;margin:0 7px 12px;height:45px}.brand-mark{width:42px;height:42px;filter:drop-shadow(0 5px 14px #167cff55)}.brand-mark svg{width:100%;height:100%;fill:#177aff}.brand-mark svg path+path{fill:#0c1730;stroke:#62c4ff;stroke-width:1.6}.brand-mark svg circle{fill:#85e0ff}.brand-text{display:flex;flex-direction:column;line-height:.85;font-weight:900;font-size:20px;letter-spacing:.4px}.brand-text i{font-style:italic;color:#3b9aff;font-size:22px}.menu-button{display:flex;align-items:center;gap:14px;height:48px;padding:0 15px;border-radius:11px;border:1px solid #263e67;background:linear-gradient(110deg,#172544,#151a2a);font-weight:650;font-size:14px;cursor:pointer;margin-bottom:6px}.burger{width:17px;height:2px;background:#d7e5ff;position:relative;box-shadow:0 -5px #d7e5ff,0 5px #d7e5ff}.menu-chevron{margin-left:auto;color:#8d9ab5}.side-group{background:#121621;border:1px solid #1a1f2c;border-radius:13px;padding:12px 8px 8px}.side-label{padding:0 11px 9px;font-size:9px;font-weight:800;letter-spacing:1.6px;color:#667087}.side-nav{display:grid;gap:3px}.nav-link{height:41px;width:100%;border:0;background:transparent;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:12px;color:#9199ae;font-weight:600;font-size:13px;text-align:left;cursor:pointer;transition:background .16s,color .16s}.nav-link:hover{color:#fff;background:#1a2030}.nav-link.active{color:#fff;background:linear-gradient(100deg,#1b3159,#182239);box-shadow:inset 3px 0 #258aff}.nav-icon{width:19px;text-align:center;font-size:17px;color:#8994b0}.nav-link.active .nav-icon{color:#55baff}.color-icon{color:#ffb943}.quiz-icon{color:#c691ff}.speed-icon{color:#40caff}.sidebar-bottom{margin-top:auto}.safe-card{display:flex;gap:10px;padding:11px;background:#121722;border:1px solid #222a3b;border-radius:11px}.safe-icon{font-size:18px;color:var(--cyan)}.safe-card b{font-size:11px}.safe-card p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.sidebar-foot{margin:12px 5px 0;color:#515a70;font-size:8px;line-height:1.7;letter-spacing:.7px}
.main{margin-left:var(--sb);margin-right:var(--rail);min-height:100vh}.topbar{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #191d29;background:#0d1019;position:sticky;top:0;z-index:3}.topbar-center{display:flex;align-items:center;gap:10px;color:#c2c8d8;font-size:12px}.coin-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#182542;color:#50c6ff}.topbar-divider{height:20px;width:1px;background:#2a3040;margin:0 5px}.online-pill{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.online-pill i,.rail-live i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 11px #2fd68f88}.login-button{border:0;background:var(--blue);border-radius:9px;padding:11px 15px;color:#fff;font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 5px 18px #1a6bff33;transition:.2s}.login-button:hover{filter:brightness(1.12)}.user-chip{display:flex;gap:9px;align-items:center;padding:5px 10px 5px 6px;border:1px solid var(--line);background:var(--panel2);border-radius:10px}.user-avatar{width:27px;height:27px;border-radius:50%;background:#26427d;display:grid;place-items:center;font-size:12px;color:var(--cyan)}.user-name{font-size:12px;font-weight:650;max-width:140px;overflow:hidden;text-overflow:ellipsis}.logout-button{margin-left:5px;border:0;background:none;color:var(--muted);cursor:pointer}.content{padding:20px 22px 26px;max-width:1600px;margin:auto}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#8490a9}.page-title{font-size:21px;font-weight:750;margin:7px 0 0;letter-spacing:-.45px}.page-title span{color:#8290ad}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}.category-hint{font-size:11px;color:#778198;padding-bottom:3px}
.welcome{position:relative;overflow:hidden;min-height:226px;border-radius:15px;border:1px solid #283858;background:linear-gradient(112deg,#101b34 0%,#162d56 48%,#13213c 100%);box-shadow:0 16px 50px #0002}.welcome:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 25%,#216bda55,transparent 34%),linear-gradient(90deg,#0c1428 0%,transparent 82%)}.welcome-copy{position:relative;z-index:2;padding:26px 30px}.spark{color:#59caff;margin-right:5px}.welcome h1{font-size:clamp(29px,3vw,39px);line-height:1.08;font-weight:850;margin:13px 0 8px;letter-spacing:-1.4px}.welcome h1 span{color:#56b8ff}.welcome-copy p{color:#a6b1c8;font-size:12px;margin:0 0 16px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--blue);border:0;border-radius:8px;padding:10px 17px;color:#fff;font-size:12px;font-weight:750;cursor:pointer;transition:.2s}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.hero-orbit{position:absolute;border:1px solid #4ab1ff33;border-radius:50%;transform:rotate(-30deg)}.orbit-one{width:410px;height:230px;right:4%;top:-4px;box-shadow:0 0 38px #1b73d522,inset 0 0 28px #2d7ecc11}.orbit-two{width:300px;height:160px;right:10%;top:33px;border-color:#69d2ff55;transform:rotate(24deg)}.hero-gem{position:absolute;right:18%;top:43px;width:103px;height:103px;border-radius:27px;display:grid;place-items:center;font-size:56px;font-weight:900;color:#dbf6ff;background:linear-gradient(145deg,#58caff,#0873f6 63%,#103fbb);border:1px solid #94e1ff;box-shadow:0 15px 50px #138bff66, inset 0 2px 9px #ffffff99;transform:rotate(12deg)}.banner-note{position:absolute;z-index:2;right:18px;bottom:15px;font-size:9px;color:#b9c9e4;opacity:.9}.banner-note span{color:#64d3ff}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 26px}.stat-card{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;border:1px solid #242a39;border-radius:12px;padding:13px 15px;background:linear-gradient(130deg,#151925,#11151f)}.stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:#16264a}.stat-icon.blue{color:#47a2ff}.stat-icon.cyan{color:#45d1ee;background:#12323c}.stat-icon.violet{color:#b495ff;background:#27203d}.stat-card b{display:block;font-size:19px;letter-spacing:-.7px}.stat-card small{color:#8992a7;font-size:10px}.stat-spark{margin-left:auto;color:#3d9aff;font-size:17px}.category-section{margin-bottom:23px}.category-section .section-heading{margin-bottom:12px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-card{position:relative;height:166px;border-radius:13px;border:1px solid #293149;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:13px;cursor:pointer;overflow:hidden;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s;background:#17264a}.game-card:hover{transform:translateY(-3px);border-color:#4b91ee;box-shadow:0 9px 28px #0004}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#101b32ed 0%,#101b32b8 53%,transparent 100%)}.game-color{background:radial-gradient(circle at 77% 43%,#2390ee 0,#1b386b 26%,#16243f 71%)}.game-quiz{background:radial-gradient(circle at 78% 43%,#8b5de6 0,#392d72 25%,#22213e 72%)}.game-speed{background:radial-gradient(circle at 78% 43%,#f09942 0,#74412c 25%,#2f2330 72%)}.card-top{position:absolute;top:12px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;z-index:2}.category-tag{font-size:8px;letter-spacing:1.1px;font-weight:800;color:#b6c8e8;background:#ffffff0c;border:1px solid #ffffff18;padding:5px 8px;border-radius:20px}.card-arrow{color:#c0d9ff;font-size:15px}.game-art{position:absolute;inset:12px 20px 10px 56%;z-index:1}.chip{position:absolute;width:63px;height:63px;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:900;font-style:normal;border:5px solid #ffffff7a;box-shadow:0 8px 22px #0006}.chip.a{background:linear-gradient(145deg,#56c6ff,#1179f8);left:2%;top:18%}.chip.b{background:linear-gradient(145deg,#ffd75c,#ff872e);right:0;top:36%}.qmark{position:absolute;left:13%;top:-10px;font-style:normal;font-size:93px;font-weight:900;color:#dac6ff;text-shadow:0 0 28px #b286ffbb;transform:rotate(-7deg)}.quiz-orb,.speed-orb{position:absolute;right:4%;top:34%;font-style:normal;font-size:32px;color:#e3caff;text-shadow:0 0 20px #d9a4ff}.arrow{position:absolute;left:3%;top:6px;font-style:normal;font-size:75px;color:#ffd096;text-shadow:0 0 25px #ff934a;transform:rotate(-18deg)}.speed-orb{color:#ffdc91}.game-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;max-width:68%}.game-text b{font-size:16px;font-weight:800;letter-spacing:-.3px}.game-text small{font-size:9px;color:#aeb9ce;line-height:1.4}.game-text em{font-size:9px;font-style:normal;font-weight:750;color:#63b7ff;margin-top:5px}.game-text em span{margin-left:4px}
.lobby-section{background:linear-gradient(145deg,#131722,#10131c);border:1px solid #242a39;border-radius:14px;padding:17px 18px 18px}.lobby-heading{align-items:center}.lobby-heading .page-title{margin:6px 0 0}.lobby-heading .live-dot{margin-left:7px;vertical-align:3px}.view-description{margin:5px 0 0;color:#8992a7;font-size:10px}.outline-button{display:inline-flex;gap:8px;align-items:center;border:1px solid #303a52;background:#1a2030;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.outline-button:hover{border-color:var(--blue2);background:#202d49}.lobby-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:16px 0 12px;flex-wrap:wrap}.lobby-count{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.lobby-count b{color:#fff}.toolbar-divider{width:1px;height:13px;background:var(--line);margin:0 4px}.count-icon{color:#58b9ff}.search-box{display:flex;align-items:center;gap:8px;background:#0d111b;border:1px solid #282e3d;border-radius:8px;padding:0 10px;height:35px;color:var(--muted)}.search-box input{background:none;border:0;outline:0;color:#fff;width:170px;font-size:10px}.room-list{display:grid;gap:8px}.room-card{display:grid;grid-template-columns:minmax(180px,2fr) minmax(80px,1fr) minmax(110px,1fr) auto;align-items:center;gap:12px;background:#171b27;border:1px solid #2a3040;border-radius:10px;padding:11px 12px}.room-game{display:flex;gap:10px;align-items:center;min-width:0}.room-icon{width:37px;height:37px;flex:0 0 auto;border-radius:10px;background:#1c3159;color:#71d8ff;display:grid;place-items:center;font-size:16px}.room-icon.quiz{color:#c5a5ff;background:#302448}.room-icon.speed{color:#ffbd76;background:#392a26}.room-title{min-width:0}.room-title b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-title small{color:#929bb0;font-size:9px}.room-host span,.room-players span{display:block;font-size:8px;letter-spacing:1.2px;color:#78839b;margin-bottom:3px;font-weight:800}.room-host{font-weight:600;font-size:10px;overflow:hidden;text-overflow:ellipsis}.player-stack,.player-icons{display:flex;align-items:center;gap:7px}.player-stack{font-size:10px;color:#c4ccdc}.player-dot{font-style:normal;color:var(--cyan);margin-right:-4px}.join-button{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:9px 15px;font-weight:750;font-size:10px;cursor:pointer}.join-button:disabled{background:#252b3b;color:#7d879d;cursor:default}.loading-state,.empty-state{padding:30px;text-align:center;color:var(--muted);border:1px dashed #30384b;border-radius:10px;font-size:11px}.empty-state-inner b{color:#fff}.spinner{display:inline-block;width:13px;height:13px;border:2px solid #2a3a66;border-top-color:var(--cyan);border-radius:50%;animation:sp 1s linear infinite;vertical-align:-2px;margin-right:7px}@keyframes sp{to{transform:rotate(360deg)}}.footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;color:#626c82;font-size:9px}
.community-rail{position:fixed;top:0;right:0;bottom:0;width:var(--rail);padding:72px 14px 14px;display:flex;flex-direction:column;gap:10px;z-index:2;background:#0d1019;border-left:1px solid #1b1f2b}.rail-heading{display:flex;justify-content:space-between;align-items:center;background:#131722;border:1px solid #242a39;border-radius:12px;padding:12px 13px}.rail-heading h2{margin:4px 0 0;font-size:14px}.rail-heading .eyebrow{font-size:8px}.rail-live{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:1px;color:var(--green)}.rail-status{display:flex;gap:10px;align-items:center;background:#131722;border:1px solid #242a39;border-radius:10px;padding:12px}.rail-status-icon{font-size:20px;color:var(--cyan)}.rail-status b{display:block;font-size:11px}.rail-status small{color:var(--muted);font-size:9px}.rail-subheading{font-size:8px;font-weight:800;letter-spacing:1.5px;color:#737e95;padding:7px 3px 0}.rail-matches{display:grid;gap:7px;overflow-y:auto;flex:1;align-content:start}.rail-match{display:flex;align-items:center;gap:9px;background:#141824;border:1px solid #242a39;border-radius:10px;padding:9px;transition:.15s}.rail-match:hover{border-color:#2f66b6}.rail-game-icon{width:32px;height:32px;flex:0 0 auto;border-radius:9px;background:#1a2a4d;color:var(--cyan);display:grid;place-items:center}.rail-game-icon.quiz{color:#c5a5ff}.rail-game-icon.speed{color:#ffbd76}.rail-match-copy{flex:1;min-width:0}.rail-match-copy b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-match-copy small{color:var(--muted);font-size:8px}.rail-match-arrow{color:var(--muted)}.rail-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:10px;background:#131722;border-radius:10px;border:1px dashed #2c3343}.rail-tip{display:flex;gap:9px;background:#121923;border:1px solid #213146;border-radius:10px;padding:10px;font-size:9px;color:var(--muted)}.rail-tip>span{color:#55c8ff}.rail-tip b{color:#fff;display:block;font-size:10px}.rail-tip p{margin:3px 0 0;line-height:1.5}.rail-link{border:0;background:var(--blue);border-radius:8px;padding:11px;font-size:10px;font-weight:750;cursor:pointer}.rail-link span{margin-left:6px}
.create-dialog{width:min(440px,92vw);border:1px solid #2d3d5c;border-radius:15px;background:#111725;color:#fff;padding:26px;position:fixed;box-shadow:0 24px 80px #0009}.create-dialog::backdrop{background:#02050dcc;backdrop-filter:blur(4px)}.create-dialog h2{margin:9px 0 5px;font-size:22px}.dialog-copy{color:var(--muted);font-size:12px;line-height:1.6}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;color:var(--muted);font-size:23px;cursor:pointer}.field-label{display:block;font-size:11px;font-weight:650;margin:15px 0 6px}.text-input{width:100%;height:42px;border-radius:8px;border:1px solid #30384a;background:#171e2d;color:#fff;padding:0 12px;outline:0;font-size:12px}.text-input:focus{border-color:var(--blue2)}.no-stakes,.verify-hint{font-size:10px;color:var(--muted);margin:11px 0}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:15px}.verify-action{width:100%;height:43px;margin-top:5px}.verification-code{display:flex;gap:9px;align-items:center;justify-content:space-between;background:#171e2d;border:1px dashed #3264a4;border-radius:9px;padding:11px;margin:13px 0}.verification-code code{color:var(--cyan);font-size:12px;word-break:break-all}.verification-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.text-button{display:block;margin:11px auto 0;border:0;background:none;color:var(--muted);cursor:pointer;font-size:11px}.toast{position:fixed;top:84px;left:50%;transform:translate(-50%,-90px);background:#111725;border:1px solid #2d3d5c;border-radius:9px;padding:12px 19px;font-weight:650;font-size:11px;transition:.3s;z-index:20;box-shadow:0 8px 25px #0005}.toast.show{transform:translate(-50%,0)}.toast.error{border-color:#ff5a6a}[hidden]{display:none!important}
.demo-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;background:#1b2930;border:1px solid #27404a;border-radius:30px;padding:6px 9px;color:#79d5c2;font-size:8px;font-weight:800;letter-spacing:.8px}.feature-preview{position:relative;max-width:930px;min-height:440px;margin:0 auto;padding:22px;border:1px solid #292e3f;border-radius:13px;background:radial-gradient(ellipse at 50% 48%,#1b2740 0,#141925 55%,#11151e 100%);overflow:hidden}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 17px}.preview-heading small{font-size:8px;font-weight:800;letter-spacing:1.5px;color:#8693ad}.preview-heading h3{font-size:23px;letter-spacing:-.6px;margin:4px 0}.preview-heading p{margin:0;color:#8792a8;font-size:10px}.preview-chip{border:1px solid #33405a;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:800;color:#8dbbff;letter-spacing:.5px;background:#1a2233}.preview-note{margin:20px 0 0;text-align:center;color:#748099;font-size:9px}.coin-arena{display:flex;align-items:center;justify-content:center;gap:clamp(20px,8vw,100px);padding:18px}.coin-player{display:grid;justify-items:center;gap:7px;min-width:82px}.preview-avatar{width:62px;height:62px;border:2px solid #3e8cff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#203d6f,#151b2b);font-size:17px;font-weight:800;color:#9dd8ff}.preview-avatar.alt{border-color:#8b75c8;color:#dfcfff}.coin-player b{font-size:11px}.coin-player small{color:#8390aa;font-size:9px}.coin-token{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 30%,#fff4b4,#ffb836 54%,#ba6415);border:5px solid #fff0ad;box-shadow:0 0 35px #ffc94e55;font-size:36px;font-weight:900;color:#9a5711}.coin-token.flip{animation:coinflip .6s ease-out}@keyframes coinflip{50%{transform:rotateY(720deg) scale(.8)}100%{transform:rotateY(1080deg)}}.preview-controls{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:12px}.demo-choice{border:1px solid #30394c;background:#1a2030;border-radius:8px;padding:9px 16px;font-size:10px;font-weight:700;cursor:pointer}.demo-choice.selected{border-color:#318aff;color:#75bdff;background:#172949}.preview-controls .primary-button{margin-left:8px}.jackpot-pot{display:grid;justify-items:center;gap:7px;padding:25px 12px;margin:12px auto;width:min(400px,100%);border:1px solid #29354c;border-radius:12px;background:linear-gradient(120deg,#151c2a,#1b2942,#151b29)}.jackpot-pot span{font-size:8px;letter-spacing:1.4px;color:#97a6c2}.jackpot-pot b{font-size:37px;color:#67b8ff}.jackpot-pot small{font-size:9px;color:#7d899e}.jackpot-players{max-width:520px;margin:auto;display:grid;gap:7px}.preview-player-row{display:flex;align-items:center;gap:9px;border:1px solid #282e3d;border-radius:9px;padding:8px 10px}.preview-player-row .preview-avatar{width:32px;height:32px;font-size:9px}.preview-player-row b{font-size:10px}.preview-player-row small{margin-left:auto;color:#7e899e;font-size:9px}.mine-board{width:min(270px,100%);margin:10px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mine-cell{aspect-ratio:1;border:1px solid #30384c;border-radius:8px;background:linear-gradient(145deg,#20283b,#171d2c);color:#65c7ff;font-size:16px;cursor:pointer;transition:.14s}.mine-cell:hover,.mine-cell.revealed{background:#203b51;border-color:#3ea8ca}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.case-tile{display:grid;justify-items:center;gap:8px;padding:17px 10px;border:1px solid #303548;border-radius:11px;background:linear-gradient(160deg,color-mix(in srgb,var(--case),transparent 82%),#171b27 72%)}.case-tile>span{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--case),transparent 75%);color:var(--case);font-size:32px;box-shadow:0 0 28px color-mix(in srgb,var(--case),transparent 78%)}.case-tile b{font-size:11px}.case-tile small{font-size:8px;color:#7f8aa0}.case-tile .outline-button{font-size:9px;padding:7px 10px}.blackjack-table{width:min(560px,100%);min-height:170px;margin:15px auto;display:flex;align-items:center;justify-content:space-evenly;position:relative;border:9px solid #293d48;border-radius:100px;background:radial-gradient(ellipse,#1d664f,#114438 65%,#10352e);box-shadow:inset 0 0 35px #061c19}.blackjack-table>b{font-size:15px;color:#d8e8e3}.blackjack-table>small{position:absolute;bottom:16px;color:#99c4b1;font-size:8px;letter-spacing:1px}.playing-cards{display:flex;gap:5px}.playing-card{width:46px;height:64px;border-radius:6px;background:#f1f3f5;color:#1a2030;font-weight:800;padding:5px;font-size:15px;box-shadow:0 4px 10px #0005}.playing-card small{display:block;font-size:19px}.playing-card.red{color:#e65062}.playing-card.back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#214a83,#214a83 4px,#2c64ac 4px,#2c64ac 8px);color:#d4e9ff}.dice-row{display:flex;justify-content:center;gap:15px;margin:40px 0 28px}.dice-row span{width:76px;height:76px;border-radius:18px;display:grid;place-items:center;background:#1b2333;border:1px solid #333c4f;font-size:36px;box-shadow:0 8px 28px #0004}.feature-preview>.primary-button{display:flex;margin:0 auto}.upgrade-row{display:flex;align-items:center;justify-content:center;gap:clamp(15px,8vw,90px);margin:55px 0 35px}.upgrade-item{display:grid;justify-items:center;gap:7px;padding:16px 24px;border:1px solid #30394b;border-radius:12px;background:#1a2030;min-width:140px}.upgrade-item>span{font-size:38px;filter:drop-shadow(0 0 13px #279cff66)}.upgrade-item b{font-size:11px}.upgrade-item small{font-size:8px;color:#8290a8}.upgrade-item.target>span{filter:drop-shadow(0 0 15px #a573ff77)}.upgrade-arrow{font-size:27px;color:#52c9ff}.chance-meter{width:min(480px,100%);height:9px;border-radius:20px;background:#272e3c;margin:auto;overflow:hidden}.chance-meter span{display:block;width:50%;height:100%;border-radius:20px;background:linear-gradient(90deg,#158aff,#48d3ff)}.chance-label{display:flex;justify-content:space-between;width:min(480px,100%);margin:7px auto;color:#7f8ba1;font-size:8px}.chance-label b{color:#55caff}.race-banner{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #2e3d56;border-radius:11px;background:linear-gradient(110deg,#1b2942,#171c2b);margin:23px 0}.race-banner>span{font-size:26px;color:#ffd467}.race-banner b,.race-banner small{display:block}.race-banner b{font-size:11px}.race-banner small{font-size:9px;color:#8792a8;margin-top:4px}.leaderboard-head{display:grid;grid-template-columns:70px 1fr 100px;padding:9px 12px;color:#76829a;font-size:8px;letter-spacing:1px;border-bottom:1px solid #2a3040}.leaderboard-empty{padding:30px;text-align:center;color:#7e899d;font-size:10px}.promo-form{max-width:520px;margin:35px auto}.promo-form label{display:block;margin-bottom:7px;font-size:10px;font-weight:700}.promo-form>div{display:flex;gap:8px}.promo-form .text-input{flex:1}.profile-card{display:flex;align-items:center;gap:14px;max-width:650px;margin:45px auto 25px;padding:20px;border:1px solid #2c3345;border-radius:12px;background:#181e2c}.profile-avatar{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2b73d0,#202d51);font-size:19px;font-weight:800;color:#d6edff}.profile-card>div{display:grid;gap:5px;flex:1}.profile-card>div b{font-size:12px}.profile-card>div small{font-size:9px;color:#8994a9}.profile-card .outline-button{font-size:9px;padding:9px}.nav-link{flex:0 0 auto}.side-nav{max-height:min(62vh,600px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#313b50 transparent}
body.focused-view .welcome,body.focused-view .stats-grid,body.focused-view .category-section{display:none}body.focused-view .content{padding-top:24px}body.focused-view .lobby-section{margin-top:0;min-height:calc(100vh - 130px)}body.focused-view .room-list{max-height:calc(100vh - 280px);overflow-y:auto;align-content:start;padding-right:3px}body.focused-view .footer{margin-top:15px}
@media(max-width:1300px){:root{--rail:0px}.community-rail{display:none}.main{margin-right:0}.content{max-width:1180px}}@media(max-width:820px){:root{--sb:0px}.sidebar{position:sticky;top:0;width:100%;height:auto;max-height:none;padding:10px 13px;flex-direction:row;align-items:center;overflow:visible;border-right:0;border-bottom:1px solid #1b1f2b}.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%}.sidebar.mobile-open .side-group:nth-of-type(2){order:5}.main{margin:0}.topbar{height:56px;padding:0 14px}.content{padding:13px}.welcome{min-height:210px}.welcome-copy{padding:24px 20px}.hero-gem{right:9%;width:74px;height:74px;font-size:42px;top:55px}.hero-orbit{right:-15%}.banner-note{font-size:8px;right:10px;bottom:10px}.stats-grid{gap:7px;margin:10px 0 21px}.stat-card{min-height:62px;padding:9px;gap:7px}.stat-icon{width:29px;height:29px;font-size:14px}.stat-card b{font-size:16px}.stat-card small{font-size:8px}.stat-spark{display:none}.game-grid{gap:8px}.game-card{height:155px;padding:10px}.game-text{max-width:84%}.game-text b{font-size:13px}.game-text small{font-size:8px}.game-art{left:53%;opacity:.75}.chip{width:48px;height:48px;font-size:20px;border-width:4px}.qmark{font-size:73px}.arrow{font-size:62px}.lobby-section{padding:13px}.lobby-heading{align-items:flex-start}.lobby-heading .outline-button{padding:9px;font-size:9px}.room-card{grid-template-columns:1fr auto;gap:8px}.room-host{display:none}.room-players{justify-self:end}.join-button{padding:8px 11px}.category-hint{display:none}.footer{justify-content:center}.footer span:nth-child(2){display:none}}@media(max-width:480px){.topbar-center{gap:6px;font-size:10px}.online-pill{font-size:9px}.login-button{padding:9px;font-size:10px}.welcome h1{font-size:30px}.welcome-copy p{max-width:220px;line-height:1.5}.game-grid{grid-template-columns:1fr}.game-card{height:125px}.game-text{max-width:65%}.game-art{left:58%}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{flex-direction:column;align-items:flex-start}.stat-card small{font-size:7px}.stat-card b{font-size:14px}.lobby-heading .page-title{font-size:18px}.lobby-heading .outline-button{gap:3px}.search-box{width:100%}.search-box input{width:100%}}