/* Fluid desktop layout; tablet and phone adaptations are explicit. */
html{background:#211b33}body{width:100%;max-width:none;margin:0;min-height:100vh;border-radius:0;box-shadow:none;overflow-x:clip}.sidebar{position:fixed;width:90px;border-radius:0;inset:0 auto 0 0}.app{margin-left:90px;min-width:0}header{height:96px;padding:0 clamp(24px,3vw,56px)}main{width:100%;max-width:none;padding:0 clamp(24px,3vw,56px) 36px}.dashboard{grid-template-columns:minmax(0,1fr) clamp(240px,22vw,340px);gap:28px}.dashboard-aside{display:flex;flex-direction:column;gap:24px}.quick-resume{display:flex;padding:22px}.recommend-panel{display:block;padding:24px}.dashboard-aside .recommendation:nth-of-type(n){display:flex}.hero{height:clamp(340px,28vw,480px)}.hero-copy{padding:clamp(30px,3vw,54px);max-width:70%}.hero h1{font-size:clamp(46px,4.4vw,80px);margin:28px 0 18px;line-height:1.02}.hero p{font-size:15px;max-width:360px;line-height:1.65;margin-bottom:26px}.hero-tag{font-size:11px}.hero .button,.hero .button.secondary{font-size:14px;padding:14px 22px}.hero .button.secondary{display:inline-flex}.hero-image{width:100%;height:100%;top:0;opacity:1;object-position:65% center}.hero:after{background:linear-gradient(90deg,#241d38f5,#241d38ba 35%,#241d3830 65%,transparent)}.hero-caption{font-size:10px}.section-head{margin:30px 0 18px}.section-head h2{font-size:17px}.section-head a{font-size:13px}.card-art{height:auto;aspect-ratio:1.65}.dashboard .game-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card-title h3{font-size:15px}.card-meta,.rating{font-size:12px}.badge{font-size:10px}.favorite{width:32px;height:32px;font-size:20px}.play-link{font-size:13px;display:flex}.filter{font-size:12px;padding:10px 14px}.dash-bottom{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:24px}.dash-panel{padding:24px}.panel-title h2{font-size:14px}.panel-title a{font-size:12px}.recent-info strong{font-size:13px}.recent-info small{font-size:11px}.recent-row,.recommendation{padding:12px 0}.mini-play{font-size:12px;padding:9px 17px}.activity-label,.activity-number small{font-size:12px}.activity-legend{font-size:10px}.quick-resume strong{font-size:13px}.quick-resume p,.side-footnote{font-size:11px}.challenge-card{min-height:240px;padding:28px;display:block;text-align:center}.challenge-card h2{font-size:16px}.challenge-card p{font-size:13px}.challenge-card .button{font-size:13px;padding:12px 22px}.crystal{position:static;font-size:70px}.ad-space p,.ad-space strong{font-size:13px}footer{font-size:12px;padding:25px clamp(24px,3vw,56px)}footer small{font-size:10px}#search-form{width:clamp(260px,35vw,540px)}#search{font-size:14px}.surprise{font-size:13px}.header-icon{display:grid}.game-layout{grid-template-columns:minmax(0,1fr) 290px}.game-aside{display:block}.game-panel p,.text-panel p,.text-panel li{font-size:14px}.page-intro{font-size:15px}
@media(min-width:1800px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1150px){.dashboard{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.hero-copy{max-width:85%;padding:30px}.hero h1{font-size:46px}.hero p{max-width:240px;font-size:13px}.hero .button.secondary{display:none}.dash-bottom{grid-template-columns:1fr}.activity-card{display:none}.dash-panel,.recommend-panel{padding:18px}.dashboard .game-grid{gap:14px}.card-title h3{font-size:13px}.card-meta,.rating{font-size:10px}.quick-resume{padding:16px}.header-icon{display:none}}
@media(min-width:701px) and (max-width:900px){.sidebar{width:76px}.app{margin-left:76px}.dashboard{grid-template-columns:minmax(0,1fr);gap:24px}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr}.quick-resume{display:none}.hero{height:360px}.hero-copy{max-width:85%}.hero p{max-width:290px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-bottom{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:18px}.dash-panel{padding:18px}.header-icon{display:none}.surprise{font-size:0;padding:0;border:0;background:none}.surprise span{width:36px;height:36px}.game-layout{grid-template-columns:1fr}.game-aside{display:none}}
@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:66px;padding:9px 12px}.app{margin-left:0}header{height:76px;padding:0 16px;gap:10px}main{padding:0 16px 28px}#search-form{width:auto;min-width:0;flex:1}#search{font-size:13px}.header-icon{display:none}.surprise{font-size:0;padding:0;border:0}.dashboard{grid-template-columns:minmax(0,1fr);gap:22px}.hero{height:360px}.hero-copy{padding:28px 22px;max-width:100%}.hero h1{font-size:46px;max-width:290px;margin:34px 0 18px}.hero p{font-size:13px;max-width:245px}.hero .button.secondary{display:none}.hero .button{font-size:13px;padding:13px 20px}.hero-image{object-position:65% center}.hero:after{background:linear-gradient(90deg,#241d38e8,#241d3890 60%,#241d3820)}.hero-caption{font-size:8px}.game-grid,.dashboard .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-art{aspect-ratio:1.2}.card-title h3{font-size:13px}.card-meta,.rating{font-size:10px}.card-title{flex-wrap:wrap;gap:4px}.section-head h2{font-size:15px}.section-head a{font-size:12px}.badge{font-size:8px}.favorite{width:30px;height:30px}.dashboard-aside{display:grid;grid-template-columns:1fr}.quick-resume,.recommend-panel{display:none}.dash-bottom{grid-template-columns:1fr;gap:18px}.dash-panel{padding:20px}.activity-card{display:none}.challenge-card{min-height:210px;text-align:left;padding:24px}.challenge-card p{max-width:210px}.crystal{position:absolute;right:22px;top:45px;font-size:75px}.game-layout{grid-template-columns:1fr}.game-aside{display:none}.hero-tag{font-size:10px}.panel-title h2{font-size:13px}footer{padding:24px 16px;margin-bottom:66px;font-size:11px}footer nav{font-size:11px}.ad-space{flex-wrap:wrap}.page-title{font-size:28px}.page-intro{font-size:14px}.game-stage .stage-top{flex-wrap:wrap}.empty{padding:35px 20px}}