:root{color-scheme:dark;--bg:#10151b;--panel:#181e26;--line:#ffffff0d;--muted:#8b949f;--text:#edf0f4;--gold:#dfbf7c;--green:#70c5a5;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}
/* Category views and explicitly simulated online counts. */
[hidden]{display:none!important}
.online-badge{position:absolute;left:10px;top:10px;z-index:4;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #8ed4b944;border-radius:6px;background:#0b201de8;color:#c8f0df;font-size:10px;line-height:1.2;white-space:nowrap;box-shadow:0 2px 8px #0003}
.online-badge .online-person{width:12px;height:14px;flex-shrink:0;fill:#55df99;stroke:none;color:#55df99}.online-badge b{font-variant-numeric:tabular-nums;color:#effff7}.online-badge small{font-size:8px;color:#97b4a9;border-left:1px solid #a4cab633;padding-left:5px}
.game-card .art-kicker{top:43px;left:12px}.game-card .status-badge{z-index:3}
.category-empty{padding:64px 24px;text-align:center;border:1px dashed #dfbf7c35;border-radius:12px;background:#191f27;color:#a4aeba}.category-empty svg{width:64px;height:64px;color:#78b0b5}.category-empty h3{color:#e2e9ee;font-size:19px}.category-empty p{font-size:13px;margin-bottom:24px}
.art-mines{background:radial-gradient(circle at 80% 35%,#42417b,#22253e 75%)}.mines-title{position:absolute;left:22px;top:75px;z-index:1;color:#e2e4ff;font-size:32px;letter-spacing:3px}.mines-diamond{position:absolute;width:135px;height:135px;object-fit:contain;right:5px;top:38px;transform:rotate(12deg)}
@media(max-width:1180px){.game-card .status-badge{top:auto;bottom:9px;right:9px}.game-card .art-line{display:none}}
@media(max-width:720px){.online-badge{left:7px;top:7px;font-size:9px;padding:4px 5px;gap:4px}.online-badge small{font-size:7px;padding-left:4px}.game-card .art-kicker{top:33px;left:8px;font-size:6px}.game-card .seven777-title{width:108px;height:108px;left:calc(50% - 54px);top:24px}.game-card .olympus-title{font-size:19px;left:14px;top:49px;letter-spacing:2px}.mines-title{font-size:23px;left:12px;top:58px}.mines-diamond{width:88px;height:88px;right:0;top:32px}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.12)}.sidebar{width:222px;position:fixed;inset:0 auto 0 0;padding:34px 18px 20px;background:#131920;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;font-size:25px;font-weight:700;letter-spacing:4px}.brand-icon{display:grid;place-items:center;color:var(--gold);font-size:42px;width:43px;height:49px;border:1px solid #dfbf7c55;border-radius:13px;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--gold);margin-top:5px}.side-label{font-size:11px;color:#67717e;margin:41px 14px 20px}.nav{border:0;background:none;display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:15px 14px;margin:5px 0;border-radius:8px;color:#a2abb6;font-size:13px}.nav.active{background:linear-gradient(90deg,#dfbf7c21,#dfbf7c0a);color:var(--gold)}.nav-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;margin-left:auto}.nav:not(.active) .nav-dot{display:none}.count,.soon-small{margin-left:auto;font-size:10px;color:#697683}.count{border:1px solid #ffffff15;padding:2px 5px;border-radius:4px}.soon-small{font-size:9px}.nav-divider{height:1px;background:var(--line);margin:23px 13px}.side-bottom{margin-top:auto;padding:25px 12px 5px}.mini-coin{font-size:30px;color:var(--gold);margin-bottom:10px}.side-bottom b{font-size:12px;font-weight:500}.side-bottom p{font-size:11px;color:#697583;line-height:1.9}.side-foot{font-size:8px;letter-spacing:1.4px;display:block;margin-top:30px;color:#4e5a68}.workspace{margin-left:222px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#10151bf5}.breadcrumb{font-size:12px;color:#7c8794}.breadcrumb span{color:#45505b;padding:0 12px}.breadcrumb strong{font-weight:500;color:#c7cdd5}.top-actions{display:flex;align-items:center;gap:24px}.top-coins{display:flex;align-items:center;gap:8px;color:var(--gold)}.top-coins b{font-weight:600}.top-coins small{color:#7d8792;font-size:10px}.account-button{border:1px solid #ffffff19;border-radius:7px;background:#1a2028;padding:10px 14px;font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button span{margin-left:18px;color:var(--gold)}main{padding:34px 40px 0;max-width:1510px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#808b98}.page-heading h1{font-size:28px;letter-spacing:1px;margin:10px 0 0;font-weight:600}.page-heading h1 span{color:var(--gold)}.availability{display:flex;align-items:center;gap:8px;color:#879795;font-size:11px}.availability i,.pill i,.status-badge i,.wallet-info i{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block}.hero-row{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(260px,1fr);gap:22px}.hero{position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at 85% 40%,#28514855,transparent 65%),linear-gradient(115deg,#182b29,#102521);border:1px solid #6485742d;min-height:328px;padding:28px 30px}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy button{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #a9c5b52b;border-radius:5px;padding:5px 8px;font-size:10px;color:#b5cfc4}.hero-overline{color:#88a596;letter-spacing:3px;font-size:9px;margin:23px 0 10px}.hero h2{margin:0;font-size:35px;letter-spacing:4px;font-weight:500;color:#f2ebd8}.hero-desc{color:#9db1a8;font-size:12px;line-height:1.9;margin:15px 0 22px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:linear-gradient(100deg,#e5c98e,#cda663);color:#262019;border:1px solid #efdbaa55;border-radius:7px;padding:12px 22px;font-size:12px;font-weight:650;min-height:43px}.primary svg{width:17px;height:17px}.hero-meta{display:flex;gap:20px;font-size:9px;color:#829a8e;margin-top:20px}.card-scene{position:absolute;right:0;top:0;width:46%;height:100%;perspective:800px}.orbital{position:absolute;width:320px;height:320px;left:-3px;top:15px;border:1px solid #adbc9620;border-radius:50%;box-shadow:0 0 0 25px #aac99c05,0 0 0 60px #aac99c03}.poker-card{position:absolute;width:121px;height:172px;border-radius:9px;background:linear-gradient(120deg,#ede6d4,#c6cbb9);box-shadow:0 25px 40px #0007;border:4px solid #ececdd;color:#213c32;top:70px}.poker-card span{font-family:Georgia,serif;font-size:21px;line-height:1.05;position:absolute;top:10px;left:10px}.poker-card b{font-size:70px;position:absolute;left:30px;top:48px}.back-card{transform:rotate(-21deg);left:20px;top:67px}.front-card{transform:rotate(15deg);left:99px;color:#9b3433;top:94px}.front-card small{position:absolute;bottom:8px;right:10px;transform:rotate(180deg);font-size:21px;font-family:Georgia}.chip-art{position:absolute;display:grid;place-items:center;border:7px dashed #e7cb86;border-radius:50%;width:65px;height:65px;box-shadow:0 8px 0 #67502b,0 20px 30px #0007;background:radial-gradient(circle,#a88442 45%,#dbb973 47%,#94723a 54%);color:#f8e6b2;font-family:Georgia;font-size:21px;font-weight:bold}.c-one{left:3px;top:244px;transform:rotate(-18deg) scaleY(.64)}.c-two{right:17px;top:218px;transform:rotate(15deg) scaleY(.7);width:58px;height:58px}.spark{position:absolute;color:#ceb579;font-size:32px}.s-one{top:32px;right:50px}.s-two{left:22px;top:184px;font-size:15px}.scene-caption{position:absolute;bottom:20px;right:28px;letter-spacing:2px;font-size:7px;color:#789283}.wallet-card{background:linear-gradient(145deg,#20252e,#191f27);border:1px solid #ffffff0c;border-radius:13px;padding:25px;min-width:0}.section-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#d1d7de}.section-top svg{color:var(--gold)}.wallet-label{display:block;font-size:10px;color:#818b97;margin-top:26px}.wallet-amount{display:flex;align-items:baseline;gap:10px;margin:8px 0 12px}.wallet-amount>span{font-size:37px;letter-spacing:-1px;font-weight:600;white-space:nowrap}.wallet-amount small{font-size:9px;color:#8c9198;letter-spacing:1px}.wallet-info{font-size:9px;color:#819790;display:flex;gap:6px;align-items:center}.wallet-actions{display:flex;gap:10px;margin-top:23px}.soft-button,.icon-button{border:1px solid #ffffff15;border-radius:6px;background:#ffffff04;color:#cbd0d7;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-size:11px}.wallet-actions .soft-button{flex:1}.soft-button svg{width:15px;height:15px}.icon-button svg{width:17px;height:17px}.welcome-note{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff0d;margin-top:23px;padding-top:18px}.welcome-note>span{color:var(--gold);font-size:27px}.welcome-note b{font-size:10px;color:#d9c59c;font-weight:500}.welcome-note small{display:block;font-size:9px;color:#7e8793;margin-top:5px}.welcome-note button{margin-left:auto;background:none;border:0;color:var(--gold);font-size:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 19px;gap:16px}.section-heading>div:first-child{display:flex;align-items:center;gap:16px}.section-heading h2{font-size:17px;font-weight:550;margin:0;letter-spacing:1px}.section-heading span{font-size:10px;color:#77828f}.tabs{display:flex;gap:4px;background:#171d25;border:1px solid var(--line);padding:4px;border-radius:7px}.tabs button{font-size:10px;background:transparent;border:0;color:#8d97a3;border-radius:4px;padding:6px 14px}.tabs button.selected{color:var(--gold);background:#dfbf7c14}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid #ffffff0c;border-radius:11px;overflow:hidden;background:#191f27;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-3px);border-color:#dfbf7c40}.game-art{height:173px;position:relative;overflow:hidden}.art-cards{background:radial-gradient(ellipse at 50% 80%,#495b43,#26382e 65%,#20332b)}.art-fishing{background:radial-gradient(ellipse at 50% 75%,#244850,#192e39 72%)}.art-slots{background:radial-gradient(ellipse at 50% 65%,#503e50,#302533 80%)}.art-kicker{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1.5px;color:#fff7}.status-badge{position:absolute;right:12px;top:14px;display:flex;align-items:center;gap:5px;border:1px solid #7fa98b35;background:#12231d70;color:#9ec0aa;padding:4px 6px;border-radius:4px;font-size:8px}.status-badge.muted{border-color:#ffffff12;color:#b0aebb;background:#ffffff09}.mini-playing{position:absolute;width:67px;height:90px;border-radius:5px;background:#d4d6c0;color:#254b3c;display:grid;place-items:center;font-size:39px;border:3px solid #ecebd8;top:50px;left:calc(50% - 50px);box-shadow:0 12px 15px #0005;transform:rotate(-18deg)}.mini-playing small{position:absolute;font-family:Georgia;font-size:11px;left:5px;top:3px}.mini-playing.p2{left:calc(50% + 1px);top:57px;transform:rotate(15deg);color:#9c4540}.art-line{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2.5px;color:#afbab366}.feature-icon{position:absolute;left:calc(50% - 45px);top:50px;width:90px;height:80px;color:#7ba4a6;stroke-width:.7;transform:rotate(-12deg)}.ocean-ring{position:absolute;width:130px;height:130px;border-radius:50%;left:calc(50% - 65px);top:25px;border:1px solid #67999c1c}.ocean-ring.r2{width:180px;height:180px;left:calc(50% - 90px);top:0}.reel-art{position:absolute;top:62px;left:50%;transform:translateX(-50%) rotate(-6deg);display:flex;border:4px solid #9b7b6166;background:#2b2029;border-radius:9px;padding:4px;box-shadow:0 12px 18px #0004}.reel-art span{font:italic bold 49px Georgia;color:#b9a180;width:44px;text-align:center;background:linear-gradient(#87756c40,#bcab9630,#87756c10);margin:0 2px;border-radius:3px}.game-info{padding:20px 19px 16px;display:flex;justify-content:space-between;align-items:center}.game-info h3{font-size:15px;letter-spacing:1px;margin:0 0 8px;font-weight:500}.game-info p{margin:0;font-size:10px;color:#7e8997}.round-button{border:1px solid #dfbf7c40;width:31px;height:31px;background:#dfbf7c10;border-radius:50%;color:var(--gold);font-size:16px}.locked{font-size:24px;color:#58606d}.game-footer{margin:0 19px;padding:12px 0;border-top:1px solid #ffffff09;display:flex;justify-content:space-between;font-size:9px;color:#6f7d8b}.friend-banner{margin-top:26px;padding:21px 25px;display:flex;align-items:center;gap:18px;border:1px solid #dfbf7c15;border-radius:10px;background:linear-gradient(95deg,#dfbf7c08,#171d24)}.gift-illustration{width:45px;height:45px;display:grid;place-items:center;border:1px solid #dfbf7c30;border-radius:11px;color:var(--gold);font-size:30px;transform:rotate(-7deg)}.friend-banner h3{margin:0 0 7px;font-size:13px;font-weight:500}.friend-banner p{margin:0;font-size:10px;color:#7e8895}.friend-banner button{margin-left:auto;display:flex;align-items:center;gap:16px;background:transparent;border:0;font-size:11px;color:#d8c49e}.friend-banner svg{width:15px}footer{display:flex;gap:18px;align-items:center;justify-content:space-between;color:#586575;font-size:9px;padding:29px 0 22px}footer>span{letter-spacing:1px}.footer-divider{padding:0 10px;color:#3f4a56}footer small{font-size:9px}footer a{color:#728091;font-size:9px}.wallet-overview{display:flex;justify-content:space-between;padding:32px;border:1px solid #dfbf7c26;border-radius:12px;background:radial-gradient(ellipse at right,#dfbf7c12,transparent),#1a2129}.wallet-overview small{font-size:12px;color:#9dabb6}.wallet-overview strong{font-size:46px;display:block;color:var(--gold);margin-top:14px}.wallet-overview p{color:var(--muted);font-size:12px}.wallet-overview>svg{width:130px;height:130px;stroke-width:.6;color:#dfbf7c66}.text-button{background:none;border:0;color:var(--gold);font-size:12px;padding:8px}.history-panel{border:1px solid var(--line);border-radius:12px;background:#171e26;overflow:hidden}.history-head{display:flex;justify-content:space-between;background:#ffffff03;padding:18px 24px;color:#8b99a9;font-size:11px}.history-item{display:flex;align-items:center;gap:14px;padding:19px 24px;border-top:1px solid var(--line)}.history-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#dfbf7c0d;color:var(--gold)}.history-item b{font-size:12px;font-weight:500}.history-item small{display:block;font-size:10px;color:#788492;margin-top:6px}.history-value{text-align:right;margin-left:auto}.history-value strong{font-size:14px;color:#c6cbd3}.history-value.positive strong{color:var(--green)}.empty-state{padding:60px 24px;text-align:center;color:#8794a4;line-height:2}.play-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:13px}.play-heading small{color:#8b99a9;font-size:11px}#gameFrame{width:100%;min-height:1050px;border:1px solid var(--line);border-radius:13px;background:#0d2420}dialog{width:min(440px,calc(100vw - 32px));padding:35px;border:1px solid #dfbf7c30;border-radius:17px;background:#19212b;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060a10b8;backdrop-filter:blur(7px)}.close-dialog{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#919eac;font-size:27px}.dialog-brand{color:var(--gold);font-size:41px;margin-bottom:13px}dialog h2{font-size:25px;font-weight:550;margin:12px 0}dialog>p{font-size:12px;color:#8e9aab;margin-bottom:23px}.auth-tabs{display:flex;background:#101821;padding:4px;border-radius:7px;margin:22px 0}.auth-tabs button{flex:1;background:transparent;border:0;border-radius:5px;color:#93a1b2;padding:10px;font-size:12px}.auth-tabs button.selected{color:var(--gold);background:#dfbf7c12}label{display:block;font-size:11px;color:#b5beca;margin-top:17px}input{display:block;width:100%;padding:13px 12px;background:#101821;border:1px solid #ffffff12;border-radius:7px;margin-top:8px;color:#eef1f5;font-size:12px;outline:none}input:focus{border-color:#dfbf7c88;box-shadow:0 0 0 3px #dfbf7c0b}input::placeholder{color:#586676}.form-error{font-size:11px;color:#ef9b98;line-height:1.7;min-height:18px;margin:12px 0}.wide{width:100%}.dialog-foot{display:block;text-align:center;color:#697a8c;font-size:10px;margin-top:22px}.gift-balance{background:#dfbf7c0a;padding:15px;border:1px solid #dfbf7c16;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:11px;color:#98a2ad}.gift-balance strong{color:var(--gold);font-size:18px;margin-left:auto}.quick-amounts{display:flex;gap:10px;margin-top:12px}.quick-amounts button{flex:1;border:1px solid #dfbf7c25;border-radius:5px;background:#dfbf7c08;padding:8px;color:var(--gold);font-size:12px}.confirmation{margin-top:16px;background:#70c5a511;border:1px solid #70c5a533;border-radius:8px;padding:14px;font-size:12px;color:#a3d8c5;line-height:1.8}#accountDialog .soft-button{margin-top:12px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#2a3933;border:1px solid #76a28b66;color:#d5e5da;padding:14px 25px;border-radius:10px;font-size:12px;box-shadow:0 10px 40px #0004;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){main{padding-top:45px}.hero{min-height:360px;padding:34px 40px}.hero h2{font-size:42px}.hero-desc{font-size:13px}.card-scene{right:15px}.poker-card{width:136px;height:192px}.front-card{left:126px}.game-art{height:196px}.mini-playing{top:64px}.mini-playing.p2{top:71px}.feature-icon{top:65px}.reel-art{top:76px}}
@media(max-width:1180px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.workspace{margin-left:190px}.brand{font-size:22px}main{padding:28px 25px 0}.topbar{padding:0 25px}.hero{padding:25px;min-height:345px}.card-scene{transform:scale(.8);transform-origin:right center;width:45%;right:-15px}.hero h2{font-size:29px}.hero-desc{font-size:11px}.hero-row{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:16px}.wallet-card{padding:22px}.game-grid{gap:16px}.art-kicker{font-size:7px;top:16px}.status-badge{top:34px}.game-info{padding:18px 14px}.game-footer{margin:0 14px}.game-footer span{font-size:8px}}
@media(max-width:960px){.sidebar{width:78px;padding:24px 10px}.brand{padding:0;justify-content:center}.brand>span:nth-child(2),.side-label,.side-bottom,.nav .count,.nav .soon-small{display:none}.nav{font-size:0;justify-content:center;padding:15px 8px;gap:0}.nav svg{width:22px;height:22px}.nav-dot{display:none!important}.sidebar nav{margin-top:35px}.workspace{margin-left:78px}.hero-row{grid-template-columns:minmax(0,1fr) 245px}.hero h2{font-size:27px}.card-scene{opacity:.45;right:-20px}.hero-copy{max-width:300px}.hero-meta{gap:13px}.page-heading h1{font-size:25px}.section-heading>div:first-child>span{display:none}}
@media(max-width:720px){.sidebar{position:relative;inset:auto;width:100%;height:auto;border-bottom:1px solid var(--line);padding:14px 18px;display:block}.brand{justify-content:flex-start;font-size:19px}.brand-icon{width:31px;height:34px;font-size:29px;border-radius:8px}.brand>span:nth-child(2){display:block}.brand small{font-size:7px;letter-spacing:2px}.sidebar nav{display:flex;margin-top:16px;gap:5px;overflow:auto}.nav{font-size:10px;flex-shrink:0;width:auto;padding:9px 10px;gap:5px;margin:0}.nav svg{width:14px;height:14px}.nav-divider,.sidebar .nav[data-gift]{display:none}.workspace{margin:0}.topbar{height:63px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.top-actions{gap:10px}.top-coins{font-size:11px;gap:5px}.top-coins svg{width:16px}.top-coins small{display:none}.account-button{font-size:10px;padding:8px 10px;max-width:145px}.account-button span{margin-left:7px}main{padding:25px 18px 0}.page-heading{margin-bottom:22px}.page-heading h1{font-size:23px;letter-spacing:0}.availability{display:none}.eyebrow{font-size:8px}.hero-row{display:flex;flex-direction:column;gap:16px}.hero{min-height:317px;padding:24px}.card-scene{width:48%;opacity:.8;right:0;transform:scale(.78)}.hero h2{font-size:29px}.hero-desc{font-size:10px}.hero-meta{font-size:8px}.hero .primary{font-size:11px;padding:11px 18px}.wallet-card{padding:20px;position:relative}.wallet-label{margin-top:17px}.wallet-amount{font-size:32px;margin:8px 0}.wallet-actions{position:absolute;right:18px;top:37px;margin:0}.wallet-actions .soft-button{font-size:10px}.wallet-amount>span{font-size:30px}.wallet-info{margin-bottom:12px}.welcome-note{margin-top:16px;padding-top:13px}.welcome-note>span{font-size:23px}.section-heading{margin:27px 0 17px;gap:8px}.section-heading h2{font-size:16px}.tabs button{padding:6px 9px;font-size:9px}.game-grid{grid-template-columns:1fr;gap:18px}.game-card{display:grid;grid-template-columns:145px 1fr;grid-template-rows:80px 40px}.game-art{grid-row:1/3;height:120px}.game-info{padding:15px 13px 8px}.game-info h3{font-size:14px}.game-info p{font-size:9px;line-height:1.5}.game-footer{padding:10px 0;font-size:8px;gap:4px}.art-kicker{font-size:6px;left:10px;letter-spacing:.5px;top:10px}.status-badge{font-size:7px;top:27px;right:9px;padding:2px 4px}.art-line{font-size:5px;letter-spacing:1px;bottom:6px}.mini-playing{width:41px;height:56px;font-size:24px;top:42px;left:calc(50% - 29px);border-width:2px}.mini-playing.p2{top:45px;left:calc(50% + 1px)}.mini-playing small{font-size:8px}.feature-icon{width:70px;height:55px;left:calc(50% - 35px);top:42px}.ocean-ring{width:90px;height:90px;left:calc(50% - 45px);top:25px}.reel-art{top:52px;border-width:3px;padding:2px}.reel-art span{font-size:30px;width:26px}.friend-banner{padding:17px 14px;gap:12px}.gift-illustration{width:34px;height:34px;font-size:25px;flex-shrink:0}.friend-banner h3{font-size:11px}.friend-banner p{font-size:9px;max-width:155px;line-height:1.8}.friend-banner button{font-size:10px;gap:3px;white-space:nowrap;padding:0}.friend-banner button svg{width:12px}footer{flex-wrap:wrap;gap:12px;font-size:8px;justify-content:flex-start;padding:23px 0}footer small{font-size:8px}footer a{margin-left:auto}.wallet-overview{padding:24px}.wallet-overview strong{font-size:35px}.wallet-overview>svg{width:65px;height:95px}.wallet-overview p{font-size:10px}.history-item{padding:17px 14px;gap:9px}.history-item b{font-size:11px}.history-item small{font-size:9px}.history-value strong{font-size:12px}.page-heading>.primary{font-size:10px;min-height:36px;padding:8px 12px}.play-heading{gap:8px;font-size:10px}.play-heading small{display:none}#gameFrame{min-height:1270px}dialog{padding:28px}.hero-overline{font-size:8px}.hero-meta span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:720px){.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}}

/* Four game entries, including the shared multiplayer poker room. */
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.art-poker{background:radial-gradient(ellipse at 50% 80%,#435c3d,#213829 78%)}
.poker-mini-table{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-12deg);width:130px;height:77px;background:#365f43;border:7px solid #6b553d;border-radius:50%;box-shadow:0 6px 0 #1b261b,0 15px 20px #0005,inset 0 0 0 5px #263e2b}
.poker-mini-table span,.poker-mini-table b{position:absolute;background:#dce0cc;border:2px solid #f2ebcd;color:#304c36;width:32px;height:42px;border-radius:3px;display:grid;place-items:center;font-size:23px;top:9px;left:34px;font-weight:400;transform:rotate(-10deg)}
.poker-mini-table b{left:59px;top:11px;transform:rotate(16deg)}
.poker-mini-table i{position:absolute;left:18px;bottom:-7px;background:#b19461;border:3px dashed #e2c88d;width:25px;height:19px;border-radius:50%;font-size:12px;color:#f0d8a2;text-align:center;font-style:normal}
#gameFrame.poker-frame{min-height:1160px;background:#101713}
@media(max-width:1250px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.game-grid{grid-template-columns:1fr}.poker-mini-table{width:100px;height:64px;border-width:5px;top:63%}.poker-mini-table span,.poker-mini-table b{width:25px;height:34px;font-size:18px;top:8px;left:24px}.poker-mini-table b{left:43px;top:9px}#gameFrame.poker-frame{min-height:1170px}}

.art-olympus{background:linear-gradient(90deg,#34153cbb,transparent),var(--lobby-temple, none) 65% 30%/cover}.olympus-title{position:absolute;top:64px;left:25px;font-size:30px;color:#ffe5a0;line-height:1.3;letter-spacing:5px;text-shadow:0 3px 5px #42172d}.art-olympus .art-line{color:#f6d496}
.art-777{background:linear-gradient(90deg,#003621e8,#006038bb),var(--lobby-felt, none) center/cover}.seven777-title{position:absolute;top:28px;left:calc(50% - 82px);width:164px;height:164px;background:var(--lobby-seven, none) 0 0/400% 300%;font-size:0;color:transparent}.seven777-title em{font-size:0}.art-777 .art-line{color:#d9f0bc}
.art-bitcoin{background:radial-gradient(circle at 30% 20%,#45eaff,#1d47b9 45%,#13146a)}.bitcoin-title{position:absolute;top:28px;left:50%;transform:translateX(-50%);font-size:118px;line-height:1;color:#ffd643;text-shadow:0 0 18px #ffec8a,0 5px 0 #b06c13}.bitcoin-title small{display:block;font-size:15px;letter-spacing:4px;white-space:nowrap;text-align:center;color:#d8ffff;text-shadow:0 2px 8px #092}.art-bitcoin .art-line{color:#d8ffff}
.art-blackjack{background:radial-gradient(ellipse at 50% 50%,#2b83b0,#133c67 80%)}.art-blackjack:before{content:"";position:absolute;inset:38px 25px 26px;border:2px solid #d4bb7e66;border-radius:50%;box-shadow:0 0 0 6px #0c294851}.art-blackjack .mini-playing{box-shadow:0 12px 20px #05182770}.art-blackjack .art-line{color:#a4d7ec}
.art-electronic{background:radial-gradient(circle at 75% 20%,#326883,transparent 60%),linear-gradient(135deg,#292440,#554188)}.electronic-art-icon{display:inline-flex;align-items:center;justify-content:center;width:145px;height:84px;border:3px solid #d3caff;border-radius:36px 36px 25px 25px;color:#d8fff7;background:#ffffff12;box-shadow:0 12px 35px #15132d40,inset 0 0 22px #ffffff10;font-size:32px;letter-spacing:8px;transform:rotate(-9deg);flex-shrink:0}.art-electronic .electronic-art-icon{position:absolute;top:60px;left:calc(50% - 72px)}.art-electronic .art-line{color:#d4d2ff}.electronic-banner{display:flex;align-items:center;gap:40px;padding:42px;margin:24px 0 32px;border-radius:20px;background:radial-gradient(circle at 10% 0,#52628a,transparent 60%),linear-gradient(110deg,#34304e,#252139);color:#fff}.electronic-banner small{font-size:11px;letter-spacing:3px;color:#bfb7e9}.electronic-banner h2{font-size:28px;margin:12px 0}.electronic-banner p{color:#d0ccdd;line-height:1.8;margin:0}.electronic-empty{text-align:center;padding:55px 20px;border:1px dashed #cfcbdc;border-radius:18px;background:#ffffff80}.electronic-empty>span{font-size:44px;color:#8d80ad}.electronic-empty h3{font-size:21px;margin:16px 0 12px}.electronic-empty p{color:#898393;margin-bottom:26px}#electronicGames:empty{display:none}@media(max-width:720px){.electronic-banner{padding:28px 20px;gap:25px;flex-direction:column;text-align:center}.electronic-banner h2{font-size:23px}.tabs{flex-wrap:wrap}}
.electronic-empty{background:#1b2029;border-color:#444157}.electronic-empty>span{color:#b3a6d4}.electronic-empty p{color:#b5b2c2}
.mines-entry{background:#1b2029;border:1px solid #ffffff10;border-radius:14px;overflow:hidden}.mines-cover{height:210px;background:#282647;position:relative;overflow:hidden;display:flex;align-items:center;padding:25px}.mines-cover>span{position:relative;z-index:1;font-size:42px;font-weight:900;letter-spacing:-2px;color:#e2dbff;text-shadow:0 3px 15px #222}.mines-cover img{position:absolute;width:190px;height:190px;border-radius:18px;right:10px;transform:rotate(12deg);opacity:.85}.mines-entry-body{padding:20px}.mines-entry h3{margin:0;font-size:21px}.mines-entry h3 span{float:right;color:#71d0ae}.mines-entry p{color:#a9adbb;font-size:12px}.mines-entry small{color:#828999}
.art-roulette{background:radial-gradient(circle at 50% 52%,#8b2a2c 0 17%,#201313 18% 26%,#aa8038 27% 29%,#111 30% 44%,#8e222f 45% 60%,#160e12 61%);position:relative}.roulette-mini-wheel{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:98px;height:98px;border-radius:50%;display:grid;place-items:center;border:6px solid #d8b866;box-shadow:inset 0 0 0 10px #191319,0 0 20px #000;color:#ffe8a3;font-size:24px;font-weight:800}
.slots-catalog-header{display:none}
body.slots-catalog{background:#fff}
.slots-catalog .workspace{background:#fff;min-height:100vh;color:#20282c}
.slots-catalog main{max-width:1400px;padding-bottom:env(safe-area-inset-bottom,0px)}
.slots-catalog .topbar{background:#fff;color:#20282c;border-color:#edf0f1}
.slots-catalog .breadcrumb,.slots-catalog .breadcrumb strong{color:#20282c}
.slots-catalog .account-button{color:#fff}
.slots-catalog .page-heading{display:none}
.slots-catalog .slots-catalog-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:0 0 28px}
.slots-catalog-header h1{font-size:24px;text-align:center;margin:0;letter-spacing:0}
.slots-catalog-header button{width:44px;height:44px;border:0;border-radius:50%;background:#f5f6f7;color:#263238;display:grid;place-items:center;cursor:pointer}
.slots-catalog-header svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;transform:rotate(180deg)}
.slots-catalog .section-heading{margin:0 0 22px}
.slots-catalog #gamesHeading{display:inline-flex;align-items:center;background:#04bf62;color:white;padding:10px 18px;border-radius:28px;font-size:17px;margin:0;letter-spacing:0}
.slots-catalog #gamesCount{color:#7c868b;margin-left:12px}
.slots-catalog .tabs{display:none}
.slots-catalog .game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.slots-catalog .game-card{display:block;position:relative;aspect-ratio:2/3;border:0;border-radius:8px;overflow:hidden;background:#17483f;box-shadow:0 2px 6px #132d2910;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}
.slots-catalog .game-card[hidden]{display:none}
.slots-catalog .game-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #12282c22}
.slots-catalog .game-card:focus-within{outline:3px solid #05b965;outline-offset:3px}
.slots-catalog .game-card .game-art{position:absolute;inset:0;height:100%;width:100%;border-radius:0}
.slots-catalog .game-art .art-kicker,.slots-catalog .game-art .art-line,.slots-catalog .game-art .status-badge,.slots-catalog .olympus-title,.slots-catalog .bitcoin-title,.slots-catalog [data-game=mahjong] .game-art strong{display:none}
.slots-catalog .online-badge{display:flex;top:9px;left:9px;gap:5px;padding:5px 7px;background:#132521c9;border:1px solid #ffffff26;border-radius:20px;box-shadow:none;pointer-events:none;backdrop-filter:blur(6px)}
.slots-catalog .online-badge>span{font-size:0}
.slots-catalog .online-badge b{display:inline-block;min-width:4ch;font-size:12px;text-align:center;color:#fff;line-height:1.2}
.slots-catalog .online-badge small{display:none}
.slots-catalog .online-badge .online-person{width:11px;height:13px;fill:#24e877}
.slots-catalog .game-info{position:static;padding:0}
.slots-catalog .game-info>div{position:absolute;inset:52% 0 0;display:flex;align-items:flex-end;justify-content:center;padding:12px 6px 26px;background:linear-gradient(transparent,#071519db);pointer-events:none}
.slots-catalog .game-info h3{margin:0;color:#fff;font-size:20px;line-height:1.35;font-weight:800;text-align:center;letter-spacing:0;text-shadow:0 2px 4px #0004;overflow-wrap:anywhere}
.slots-catalog .game-info p,.slots-catalog .game-footer{display:none}
.slots-catalog .game-info .round-button{position:absolute;inset:0;width:100%;height:100%;border-radius:8px;background:transparent;border:0;color:transparent;font-size:0;z-index:5;transform:none}
.slots-catalog .game-info .round-button:hover{background:#ffffff09}
.slots-catalog [data-game=mahjong] .game-art{background:#f7ae19 var(--lobby-jackpot, none) center 30%/135% auto no-repeat!important}
.slots-catalog [data-game=mahjong] .game-info>div{background:linear-gradient(transparent,#f09800 65%)}
.slots-catalog [data-game=lucky] .game-art{background-position:center top!important;background-size:auto 100%!important}
.slots-catalog .art-olympus{background:#3955a4 var(--lobby-temple, none) center/cover}
.slots-catalog .art-bitcoin{background:#1b6795 var(--lobby-miner, none) center top/cover}
.slots-catalog .game-card .seven777-title{top:20%;left:5%;width:90%;height:auto;aspect-ratio:1;transform:none}
.slots-catalog footer{color:#798589;border-color:#edf0f1}
@media(max-width:1200px){.slots-catalog .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){
 .slots-catalog .sidebar,.slots-catalog .topbar{display:none}
 .slots-catalog main{padding:12px max(10px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 .slots-catalog .slots-catalog-header{margin-bottom:18px}
 .slots-catalog-header h1{font-size:21px}
 .slots-catalog .section-heading{margin:0 0 16px}
 .slots-catalog #gamesHeading{font-size:15px;padding:10px 16px}
 .slots-catalog .game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
 .slots-catalog .game-info>div{padding:8px 3px 18px}
 .slots-catalog .game-info h3{font-size:14px}
 .slots-catalog .online-badge{top:6px;left:5px;gap:3px;padding:4px 5px}
 .slots-catalog .online-badge b{font-size:10px}
 .slots-catalog .online-badge small{font-size:8px;padding-left:3px}
 .slots-catalog .online-badge .online-person{width:9px;height:11px}
 .slots-catalog #gamesCount{display:inline;margin-left:0;font-size:11px}
 .slots-catalog footer{line-height:1.8;margin-top:18px;border-top:1px solid #edf0f1;justify-content:space-between}
 .slots-catalog footer>span{display:none}
}
@media(max-width:360px){.slots-catalog .game-info h3{font-size:12px}}
@media(hover:none){.slots-catalog .game-card:hover{transform:none;box-shadow:0 2px 6px #132d2910}.slots-catalog .game-card:active{transform:scale(.98)}}

/* Keep category labels readable when the filter bar wraps. */
.section-heading{flex-wrap:wrap}.tabs{flex-wrap:wrap}.tabs button{white-space:nowrap}
@media(max-width:720px){.section-heading .tabs{width:100%}}

.mobile-site-nav{display:none}.game-directory .hero-row,.game-directory .friend-banner{display:none!important}.activity-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.activity-preview article{padding:25px;border:1px solid var(--line);border-radius:16px;background:#293343}.activity-preview svg{color:#dfbf7c;width:28px;height:28px}.activity-preview h2{font-size:18px}.activity-preview p{color:#a2abb6;line-height:1.8;font-size:13px}
/* Personal center: reserved services never submit wallet commands. */
.mine-page{background:#202838}.mine-page .topbar{background:#202838}.mine-page main{max-width:1040px;margin:auto}.mine-page footer{display:none}
#mineView{--mine-card:#343e4b;--mine-green:#26d581;color:#f4f6fa;padding-bottom:22px}
.mine-heading{display:flex;justify-content:space-between;align-items:center;color:#99a6b7}.mine-heading h1{font-size:17px;color:#edf2f7;margin:0}.mine-heading>span{font-size:10px;letter-spacing:3px}
.mine-profile{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 16px 40px}.mine-account{min-width:0}.mine-profile h2{margin:0 0 10px;font-size:30px;overflow-wrap:anywhere}.mine-profile p{margin:0;color:#bdc7d4;font-size:14px;overflow-wrap:anywhere}.mine-profile .soft-button{margin-top:16px}
.mine-avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,#709ab2,#3c5e78);flex-shrink:0;box-shadow:0 8px 24px #10182444}.mine-avatar svg{width:65px;height:65px;stroke:#e3edf5;stroke-width:2}
.mine-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-radius:18px;background:var(--mine-card);margin-bottom:16px}.mine-balance strong{display:block;font-size:34px;margin-top:10px;overflow-wrap:anywhere}.mine-balance small{color:#c0c9d5}.mine-balance>span{color:var(--mine-green);font-size:13px;white-space:nowrap}.mine-balance i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px}
.mine-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.mine-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:16px;border:0;border-radius:18px;background:var(--mine-card);padding:25px 8px;color:#fff}.mine-shortcuts svg{width:29px;height:29px;stroke-width:2}.mine-shortcuts b{font-size:17px}
.mine-reward-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:18px;padding:26px 28px;background:var(--mine-card);overflow:hidden}.mine-reward-banner h2{font-size:24px;margin:0 0 12px}.mine-reward-banner h2 span{display:inline-grid;place-items:center;background:var(--mine-green);width:24px;height:24px;border-radius:50%;font-size:24px;margin-left:8px}.mine-reward-banner p{color:#aeb9c7;margin:0 0 16px}.mine-reward-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mine-reward-actions button{border:1px solid #ffffff20;background:#ffffff08;border-radius:7px;padding:8px 12px;color:#e2e9f1}.mine-reward-actions small{font-size:10px;color:#aeb9c7}.mine-coin{flex-shrink:0;width:85px;height:85px;display:grid;place-items:center;border-radius:50%;border:6px solid #ffd97a;background:linear-gradient(135deg,#fff0b3,#e4a438 55%,#ffdc77);color:#fff4cd;font-size:49px;box-shadow:inset 0 0 0 3px #c88d30,0 14px 22px #10182455;transform:rotate(-12deg)}
.mine-brand-banner{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#182b3e,#28594f);padding:26px 28px;margin:14px 0 24px}.mine-brand-banner>span{color:#7eddb5;letter-spacing:4px;font-size:10px}.mine-brand-banner h2{font-size:23px;margin:12px 0 8px;position:relative;z-index:1}.mine-brand-banner p{color:#a7c6c0;margin:0;font-size:13px}.mine-brand-banner>div{position:absolute;right:32px;top:-35px;font-size:180px;color:#78d7b228;pointer-events:none}
.mine-services{display:flex;flex-direction:column;gap:12px}.mine-service{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:25px 28px;border:0;border-radius:16px;background:#293343}.mine-service svg{width:26px;height:26px;stroke-width:2}.mine-service b{font-size:18px;font-weight:500}.mine-service small{margin-left:auto;color:#96a4b6;font-size:11px}.mine-service>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#414d5e;font-size:25px;line-height:1}.mine-logout>span{margin-left:auto}.mine-note{color:#93a2b6;font-size:12px;line-height:1.8;padding:5px 6px;min-height:44px}.mine-bottom-nav{display:none}
@media(max-width:720px){.mine-page .sidebar,.mine-page .topbar{display:none}.mine-page main{padding:22px 14px 0}.mine-page #mineView{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.mine-profile{padding:30px 12px}.mine-profile h2{font-size:25px}.mine-avatar{width:78px;height:78px}.mine-avatar svg{width:53px;height:53px}.mine-balance{padding:22px 20px}.mine-balance strong{font-size:30px}.mine-balance>span{font-size:11px}.mine-shortcuts{gap:10px}.mine-shortcuts button{padding:21px 6px;gap:13px;border-radius:15px}.mine-shortcuts b{font-size:15px}.mine-reward-banner{padding:23px 18px}.mine-reward-banner h2{font-size:20px;line-height:1.5}.mine-reward-banner p{font-size:12px}.mine-coin{width:60px;height:60px;font-size:34px;border-width:4px}.mine-reward-actions{gap:6px}.mine-reward-actions button{font-size:11px;padding:7px 9px}.mine-brand-banner{padding:23px 20px}.mine-brand-banner h2{font-size:20px}.mine-service{padding:23px 20px;gap:15px}.mine-service b{font-size:17px}.mine-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:20;background:#202838f5;border-top:1px solid #ffffff09;padding:12px 6px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mine-bottom-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#96a3b5;padding:0}.mine-bottom-nav svg{width:24px;height:24px}.mine-bottom-nav [aria-current]{color:#fff}}
/* Dedicated covers keep all four animals visible in both card formats. */
.game-card .art-forest{background:#123a2e var(--lobby-forest, none) center / cover no-repeat}
.slots-catalog .game-card .art-forest{background-image:var(--lobby-forest-portrait, none);background-position:center;background-size:cover}

/* Dedicated Olympus cover for landscape and portrait lobby cards. */
.game-card .art-olympus-super{background:#35234f var(--lobby-olympus, none) center 25%/cover no-repeat}
.slots-catalog .game-card .art-olympus-super{background-position:center}
.game-card .art-temple-current{background:#153a73 var(--lobby-temple-cover, none) center 25%/cover no-repeat}
.slots-catalog .game-card .art-temple-current{background-position:center}
/* Exclude the baked-in white outer margin from these square cover previews. */
.game-card:is([data-game=guardians],[data-game=grimms],[data-game=lucky]) .game-art{background-position:center!important;background-size:108% auto!important}
.slots-catalog .game-card:is([data-game=guardians],[data-game=grimms],[data-game=lucky]) .game-art{background-size:auto 108%!important}

/* Retained mobile design; desktop uses the original wide lobby. */
.phone-welcome,.phone-feature,.phone-categories{display:none}
@media(max-width:720px){
 body{background:#202838}.sidebar{display:none!important}.workspace{margin:0}.topbar{position:sticky;top:0;z-index:12;height:60px;background:#202838f5;border-bottom:1px solid #ffffff09;padding:0 16px;backdrop-filter:blur(12px)}.breadcrumb{font-size:12px}.breadcrumb>span,.breadcrumb>strong{display:none}.top-actions{gap:8px}.account-button{min-height:40px;max-width:132px}.top-coins b{max-width:100px;overflow:hidden;text-overflow:ellipsis}.top-coins{color:#edcf94}
 main{padding:22px 14px calc(94px + env(safe-area-inset-bottom))!important}.page-heading{margin-bottom:16px}.page-heading h1{font-size:22px}.eyebrow{font-size:9px;letter-spacing:2px}.hero-row{gap:12px}.hero{min-height:205px;padding:22px;border-radius:16px}.hero-copy{position:relative;z-index:2}.hero h2{font-size:24px}.hero-overline{margin:15px 0 5px}.hero-desc{font-size:11px;max-width:230px;line-height:1.8}.hero-meta,.hero .pill,.hero .hostess-motion{display:none}.hero .primary{min-height:44px;margin-top:10px}.hero .lobby-hostess{display:none}.hero{background:linear-gradient(115deg,#442d42,#233e4e)}
 .wallet-card{padding:16px;border-radius:16px;background:#2c3746}.wallet-card .section-top{font-size:12px}.wallet-card .wallet-label,.wallet-card .welcome-note,.wallet-card .wallet-info{display:none}.wallet-card .wallet-amount{margin:10px 0 0}.wallet-card .wallet-amount>span{font-size:27px}.wallet-card .wallet-actions{top:26px;right:16px}.wallet-actions .soft-button{min-height:44px}.wallet-actions .icon-button{min-height:44px;min-width:44px}
 #lobbyView>.section-heading{display:flex;flex-wrap:wrap;margin:24px 0 16px;gap:12px}#lobbyView>.section-heading>div:first-child{display:flex;align-items:center;gap:10px}#gamesCount{font-size:11px;color:#9aa9b9}.tabs{display:flex!important;flex-wrap:nowrap!important;width:100%;overflow-x:auto;gap:8px;padding:2px 0 6px;scrollbar-width:none}.tabs button{flex-shrink:0;font-size:12px;min-height:44px;padding:10px 16px;background:#2e3949;border:0;border-radius:12px;color:#b7c2d0}.tabs button.selected{background:#dfbf7c;color:#202838}
 body:not(.slots-catalog) .game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body:not(.slots-catalog) .game-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;background:#2b3545;border:1px solid #ffffff08;position:relative}body:not(.slots-catalog) .game-art{width:100%;height:auto;aspect-ratio:1/1;flex-shrink:0}body:not(.slots-catalog) .game-info{padding:12px 10px;min-height:58px;flex:1;align-items:center}body:not(.slots-catalog) .game-info>div{min-width:0}body:not(.slots-catalog) .game-info h3{font-size:13px;line-height:1.6;margin:0;padding-right:3px}body:not(.slots-catalog) .game-info p,body:not(.slots-catalog) .game-footer{display:none}.game-card .round-button{position:static;width:32px;height:32px;min-width:32px}.game-card .round-button:after{content:'';position:absolute;inset:0}.game-card .round-button:focus-visible{outline:2px solid #dfbf7c}.game-card:focus-within{outline:2px solid #dfbf7c;outline-offset:2px}.game-card .online-badge{display:none}.game-card .art-kicker{top:12px}.game-card .status-badge{font-size:8px;top:auto;bottom:8px;right:8px}.game-card .art-line{display:none}.friend-banner{display:none}.game-card .seven777-title{top:20px}.game-card .mini-playing{top:40%;width:45px;height:65px}.game-card .mini-playing.p2{top:43%}
 .mobile-site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:25;background:#202838f7;border-top:1px solid #ffffff12;backdrop-filter:blur(14px);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.mobile-site-nav button{background:none;border:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#99a6b9;font-size:11px}.mobile-site-nav svg{width:23px;height:23px}.mobile-site-nav .selected{color:#efd29b}.mine-bottom-nav{display:none!important}.mine-page #mineView{padding-bottom:0}.embedded-game .mobile-site-nav{display:none}.embedded-game main{padding-bottom:20px!important}.activity-preview{grid-template-columns:1fr;gap:12px}.activity-preview article{padding:20px}.activity-preview h2{margin:10px 0}.activity-preview p{margin-bottom:0}
 dialog{max-height:85dvh;overflow-y:auto;width:calc(100% - 28px);max-width:440px}dialog input{font-size:16px;min-height:44px}dialog button{min-height:44px}#toast{bottom:calc(88px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}footer{display:none}
 .slots-catalog .topbar{display:flex}.slots-catalog main{padding-top:18px!important}.slots-catalog .game-card{position:relative}.slots-catalog .tabs{display:flex!important}.slots-catalog .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Retained app canvas is now limited to phone viewports. */
@media(max-width:720px){
html{background:#101722}body{background:#101722!important}.workspace{width:100%;max-width:480px;margin:0 auto!important;min-height:100dvh;background:#202838;box-shadow:0 0 70px #0005}.workspace main{width:100%;max-width:none;margin:0}.topbar{width:100%;height:64px!important}.breadcrumb{font-size:0!important}.breadcrumb:before{content:'✧ 星港';font-size:21px;letter-spacing:3px;font-weight:700;color:#f4d394}.top-actions{margin-left:auto}.top-coins{display:flex!important}.top-coins small{display:none}.account-button{font-size:11px;padding:8px 10px!important;max-width:130px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-site-nav{left:50%!important;right:auto!important;width:100%;max-width:480px;transform:translateX(-50%)}.mobile-site-nav button{min-height:56px}.mine-bottom-nav{display:none!important}.mine-page .topbar{display:none!important}.mine-page #mineView{padding-bottom:0}.embedded-game .workspace{max-width:1100px}.embedded-game .topbar{position:relative}.embedded-game .phone-categories{display:none}
.phone-welcome,.phone-feature,.phone-categories{display:none}.home-page .phone-welcome{display:block;padding:4px 2px 18px}.phone-welcome>span{font-size:9px;letter-spacing:3px;color:#d6b77b}.phone-welcome h1{margin:10px 0 7px;font-size:25px;line-height:1.4;color:#f7f8fb;letter-spacing:-.5px}.phone-welcome p{margin:0;font-size:12px;color:#94a4ba}.home-page .phone-feature{display:flex}.phone-feature{position:relative;align-items:center;min-height:215px;padding:24px;border-radius:20px;overflow:hidden;background:linear-gradient(110deg,#263d58,#376669);border:1px solid #9dbdc02b;isolation:isolate}.phone-feature>div{z-index:2;position:relative}.phone-feature>div>span{font-size:10px;letter-spacing:1px;color:#d6e9e1}.phone-feature h2{font-size:27px;line-height:1.35;margin:12px 0 16px;color:#fff;letter-spacing:1px;text-shadow:0 2px 8px #203340}.phone-feature button{border:0;border-radius:9px;background:#efd39b;color:#253143;font-size:12px;font-weight:700;padding:12px 17px;min-height:44px}.phone-feature button span{margin-left:13px}.phone-feature img{position:absolute;width:205px;height:205px;right:-26px;bottom:2px;object-fit:cover;border-radius:50%;opacity:.78;mask-image:linear-gradient(90deg,transparent,#000 35%);z-index:0}.phone-feature-mark{position:absolute;right:16px;bottom:13px;font-size:7px;letter-spacing:1.5px;color:#d9e9e7}
.home-page .phone-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.phone-categories button{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;min-height:76px;padding:0;color:#d7e0ed}.phone-categories svg{width:48px;height:48px;padding:12px;border:1px solid #ffffff0d;border-radius:15px;background:#303d50;color:#ebd09a}.phone-categories b{font-size:12px;font-weight:500}.phone-categories button:nth-child(2) svg{color:#a8d9c9;background:#2b4447}.phone-categories button:nth-child(3) svg{color:#c2bcf1;background:#373b55}.phone-categories button:nth-child(4) svg{color:#9ecde8;background:#2b4053}
#lobbyView>.page-heading,.hero-row,.friend-banner{display:none!important}#lobbyView>.section-heading{margin-top:24px!important}.home-page #lobbyView>.section-heading{margin-top:4px!important}.game-grid{gap:14px!important}.game-card{box-shadow:none!important}.game-info h3{font-size:14px!important}.game-card .status-badge{background:#142132cc!important;border:1px solid #ffffff1a!important}.game-card .online-badge{display:none!important}.game-card .game-art{background-size:cover}.slots-catalog{color:#f2f5fa!important}.slots-catalog .workspace{background:#202838}.slots-catalog .slots-catalog-header{display:none!important}.slots-catalog .section-heading{display:flex!important}.slots-catalog #gamesHeading{background:none;padding:0!important;color:#f2f5fa}.slots-catalog .game-grid{gap:12px!important}.slots-catalog .game-card{border-radius:15px!important}.slots-catalog .game-info h3{font-size:17px!important}.slots-catalog .game-info>div{padding-bottom:20px}.slots-catalog .tabs button.selected{background:#dfbf7c!important;color:#202838!important}.slots-catalog .tabs button{background:#2e3949;color:#b7c2d0}.slots-catalog .game-card:hover{transform:none}
.mine-profile{padding:30px 12px}.mine-profile h2{font-size:25px}.mine-avatar{width:78px;height:78px}.mine-avatar svg{width:53px;height:53px}.mine-balance{padding:22px 20px}.mine-balance strong{font-size:30px}.mine-balance>span{font-size:11px}.mine-shortcuts{gap:10px}.mine-shortcuts button{padding:21px 6px;gap:13px;border-radius:15px}.mine-shortcuts b{font-size:15px}.mine-reward-banner{padding:23px 18px}.mine-reward-banner h2{font-size:20px;line-height:1.5}.mine-reward-banner p{font-size:12px}.mine-coin{width:60px;height:60px;font-size:34px;border-width:4px}.mine-reward-actions{gap:6px}.mine-reward-actions button{font-size:11px;padding:7px 9px}.mine-brand-banner{padding:23px 20px}.mine-brand-banner h2{font-size:20px}.mine-service{padding:23px 20px;gap:15px}.mine-service b{font-size:17px}
@media(min-width:721px){.workspace{border-left:1px solid #ffffff09;border-right:1px solid #ffffff09}.card-lobby-panel .table-grid{grid-template-columns:1fr}.card-lobby-panel .table-toolbar{flex-wrap:wrap}.card-lobby-panel .table-controls{flex-wrap:wrap}.card-lobby-panel .card-lobby-banner{min-height:130px}}
@media(max-width:360px){.phone-feature{padding:18px}.phone-feature h2{font-size:23px}.phone-feature img{right:-50px}.top-coins b{max-width:74px}.phone-welcome h1{font-size:23px}}
}

/* Reserve existing layout while offscreen images await their first request. */
img[data-lobby-src]:not([src]){opacity:0}

/* A mobile embedded table uses the visible screen instead of a 1270px iframe.
   The game owns its scroll, so the confirmation controls can be reached. */
@media screen{
 body.embedded-game{overflow:hidden}
 .embedded-game .sidebar,.embedded-game .topbar,.embedded-game .mobile-site-nav,.embedded-game .workspace>footer{display:none!important}
 .embedded-game .workspace{position:fixed;inset:0;width:100%;max-width:none;min-height:0;height:100%;height:100dvh;margin:0!important;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);display:flex;flex-direction:column}
 .embedded-game main{width:100%;max-width:none;min-width:0;min-height:0;flex:1;margin:0;padding:0!important}
 .embedded-game #playView{height:100%;min-width:0;min-height:0;display:flex;flex-direction:column}
 .embedded-game .play-heading{flex:none;min-height:44px;margin:0;padding:6px 10px;gap:10px;background:#151c27}
 .embedded-game .play-heading button{min-height:32px;flex:none}.embedded-game #playingGameName{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .embedded-game #gameFrame{display:block;flex:1;width:100%;height:100%;min-height:0!important;border:0;border-radius:0}
}