:root{--bg:#F6F5FB;--paper:#FFF;--ink:#221F3B;--muted:#6E6B8A;--line:#E7E5F2;--purple:#6C5CE7;--mint:#00B8A9;--orange:#FF9F43;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:4px}img{display:block;max-width:100%}.preview-note{background:var(--ink);color:white;font-size:11px;padding:7px 5%;display:flex;justify-content:space-between;letter-spacing:.03em}.preview-note span{opacity:.75}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;display:flex;gap:9px;align-items:center}header nav{display:flex;gap:28px;font-size:14px;font-weight:600}header nav a:last-child{color:var(--purple)}main{max-width:1120px;margin:auto;padding:0 28px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);padding:24px 0}.breadcrumb span:last-child{color:var(--ink)}.title-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 24px}.title-group{display:flex;gap:15px;align-items:center}.cover{width:64px;height:64px;object-fit:cover;border-radius:16px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:750;color:var(--purple);margin:0 0 9px}h1,h2{font-family:"Avenir Next","Trebuchet MS",sans-serif;letter-spacing:-.04em;line-height:1.12;margin:0}h1{font-size:40px}h2{font-size:32px;font-weight:750}.free-label{color:#087C72;font-size:12px;font-weight:650;background:#E3F5F0;padding:8px 13px;border-radius:30px}.player-surface{display:flex;justify-content:center;padding:24px;border-radius:24px;background:radial-gradient(ellipse at 50% 55%,#E4DFF9 0%,#EFEDF8 65%,#F0EEF8 100%);border:1px solid var(--line)}.player-frame{position:relative;height:min(72dvh,740px);aspect-ratio:750/1625;background:#FFF6E9;border-radius:14px;overflow:hidden;box-shadow:0 14px 35px #221f3b14;max-width:100%}.player-frame iframe{border:0;width:100%;height:100%;display:block}.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.player-toolbar p{font-size:12px;color:var(--muted);margin:0;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}.player-actions{display:flex;gap:8px}.player-actions :is(button,a){background:white;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:600;padding:11px 15px;min-height:42px}.player-actions :is(button,a):last-child{background:var(--purple);border-color:var(--purple);color:#fff}.player-actions :is(button,a)[aria-pressed=true]{color:var(--purple);border-color:var(--purple)}.scroll-hint{display:flex;justify-content:center;gap:14px;font-size:12px;color:var(--muted);padding:14px 0}.ad-section{margin-top:24px;margin-bottom:24px;text-align:center}.ad-label{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.sample-ad{width:min(728px,100%);height:90px;margin:auto;border:1px dashed #D4D0E5;background:#EFEDF6;display:grid;place-items:center;color:#79748D;font-size:12px}.about-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;border-top:1px solid var(--line);padding:44px 0;scroll-margin-top:24px}.about-heading h2{max-width:270px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags a{padding:6px 11px;font-size:11px;border:1px solid #DED9EF;border-radius:30px;color:var(--purple)}.about-copy p{font-size:15px;line-height:1.8;margin:0 0 16px;color:var(--muted)}.about-copy p:first-child{font-size:19px;line-height:1.6;color:var(--ink);font-weight:500}.facts{display:flex;gap:28px;margin-top:27px}.facts span,.facts b{display:block;font-size:11px}.facts span{color:var(--muted);margin-bottom:6px}.facts b{font-weight:650}.how-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:32px 0 48px;border-bottom:1px solid var(--line)}.how-section ol{list-style:none;counter-reset:step;margin:0;padding:0}.how-section li{counter-increment:step;position:relative;padding:0 0 20px 43px;font-size:14px;line-height:1.7;color:var(--muted)}.how-section li:before{content:counter(step);position:absolute;left:0;top:2px;width:26px;height:26px;background:#EAE6FB;border-radius:8px;display:grid;place-items:center;color:var(--purple);font-weight:700;font-size:11px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading>a{color:var(--purple);font-size:12px;font-weight:600}.related-section{padding:44px 0 68px}.related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.game-card{min-width:0}.game-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:12px;transition:transform .18s}.game-card:hover>img{transform:translateY(-3px)}.game-card>span{font-size:13px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card small{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:28px;display:flex;align-items:center;gap:24px}footer .brand{font-size:21px}footer p{font-size:12px;color:var(--muted);flex:1}footer nav{display:flex;gap:20px;font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:30px;background:var(--ink);color:white;padding:12px 22px;font-size:12px;pointer-events:none;opacity:0;z-index:20}.toast.show{opacity:1}.player-frame:fullscreen,.player-frame.expanded{width:100vw;max-width:none;height:100dvh;aspect-ratio:auto;border-radius:0;background:#171717;display:flex;justify-content:center}.player-frame:fullscreen iframe,.player-frame.expanded iframe{width:min(100vw,calc(100dvh * 750 / 1625));height:100dvh}.player-frame.expanded{position:fixed;inset:0;z-index:1000}.player-frame #exit-expanded{position:absolute;right:12px;top:12px;z-index:2;border:1px solid var(--line);background:white;color:var(--ink);border-radius:20px;padding:10px;font-size:11px}.player-frame #exit-expanded[hidden]{display:none}
@media(max-width:760px){header{height:62px;padding:0 18px}header nav{gap:14px;font-size:12px}.brand{font-size:22px}main{padding:0 18px}.breadcrumb{padding:18px 0;font-size:11px;gap:9px}.title-row{margin:4px 0 18px}.cover{width:48px;height:48px;border-radius:12px}.title-group{gap:12px}.eyebrow{font-size:9px;margin-bottom:7px}h1{font-size:30px}.free-label{font-size:10px;padding:6px 9px}.player-surface{margin:0 -18px;padding:0;border-radius:0;border:0;background:#EEEAF7}.player-frame{height:auto;width:min(100vw,calc(82dvh * 750 / 1625));max-width:none;border-radius:0;box-shadow:none}.player-frame iframe{position:absolute;inset:0}.player-toolbar{flex-direction:column;gap:12px;padding:16px 0}.player-actions{width:100%;justify-content:center}.player-actions :is(button,a){flex:1;max-width:180px;min-height:44px}.scroll-hint{padding:10px 0;font-size:11px}.ad-section{margin-bottom:24px}.sample-ad{width:300px;height:250px;max-width:100%}.about-section,.how-section{grid-template-columns:1fr;gap:24px;padding:30px 0}.about-heading h2{max-width:none;font-size:29px}.tags{margin-top:16px}.about-copy p{font-size:14px}.about-copy p:first-child{font-size:17px}.facts{gap:18px;justify-content:space-between}.facts span,.facts b{font-size:10px}.how-section h2,.related-section h2{font-size:27px}.how-section li:last-child{padding-bottom:0}.related-section{padding:32px 0 40px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.section-heading{align-items:center}.section-heading>a{font-size:10px;white-space:nowrap}.game-card>span{font-size:13px}footer{padding:24px 18px;flex-wrap:wrap;gap:12px}footer p{margin:0;font-size:11px}footer nav{width:100%;margin-top:8px}.preview-note{font-size:9px;padding:6px 18px}.player-frame.expanded iframe,.player-frame:fullscreen iframe{position:static}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Production advertising stays in document flow, away from player controls. */
.display-ad-space{width:min(970px,100%);min-height:120px;margin:auto}.display-ad-space ins{width:100%}
.title-group{min-width:0}.title-group>div{min-width:0}h1{overflow-wrap:anywhere}.free-label{flex-shrink:0}
.touch-hint{display:none}.guide-section details{border-bottom:1px solid var(--line);padding:20px 0}.guide-section summary{cursor:pointer;font-size:15px;font-weight:650}.guide-content{padding:20px 0;color:var(--muted);font-size:14px;line-height:1.8}.guide-content h2{font-size:24px;margin:24px 0 12px;color:var(--ink)}.guide-content h3{font-size:17px;color:var(--ink)}.game-shots{display:flex;gap:16px;overflow-x:auto}.game-shots img{width:180px;height:auto;object-fit:contain;flex:none;border-radius:10px}
body[data-orientation=landscape] .player-frame{height:auto;width:min(900px,100%);aspect-ratio:16/9}body[data-orientation=landscape] .player-frame iframe{position:absolute;inset:0}body[data-orientation=landscape] .player-frame:fullscreen,body[data-orientation=landscape] .player-frame.expanded{height:100dvh;width:100vw;aspect-ratio:auto;align-items:center}body[data-orientation=landscape] .player-frame:fullscreen iframe,body[data-orientation=landscape] .player-frame.expanded iframe{position:static;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,calc(100vw * 9 / 16))}
@media(max-width:760px){.display-ad-space{min-height:250px}.title-group .cover{flex-shrink:0}h1{font-size:26px}.title-row{gap:10px}footer nav{flex-wrap:wrap}.touch-hint{display:block;text-align:center;color:var(--muted);font-size:11px;margin:4px 0 0}}
/* Keep recommendations and the decorative activity feed close to the player. */
.game-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;grid-template-areas:"player side" "ad side";column-gap:24px;align-items:start}
.game-stage-layout .play-section{grid-area:player;min-width:0}.game-stage-layout .ad-section{grid-area:ad;min-width:0}.game-side{grid-area:side;min-width:0;padding-top:8px;display:grid;gap:20px}
.side-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}.side-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.side-heading h2{font-family:inherit;font-size:14px;letter-spacing:0;font-weight:700}.side-heading>a{font-size:10px;color:var(--purple);white-space:nowrap}.side-games{display:grid;gap:10px}.side-games .game-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}.side-games .game-card>img{grid-row:1/3;width:54px;height:48px;object-fit:cover;border-radius:9px;margin:0}.side-games .game-card>span{font-size:12px}.side-games .game-card small{font-size:10px;margin:0}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);flex:none}.gh-comments{position:relative;height:300px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 12px,#000 calc(100% - 16px),transparent)}.dm-track{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;animation:detail-chat-rise 46s linear infinite}.gh-comments:hover .dm-track{animation-play-state:paused}@keyframes detail-chat-rise{from{transform:translateY(0)}to{transform:translateY(-50%)}}.dm-card{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.dm-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%;flex:none}.dm-body{min-width:0}.dm-head{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.dm-nick{font-size:11px;font-weight:700}.dm-country{font-size:9px;color:var(--muted)}.dm-text{font-size:12px;line-height:1.5;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}.live-note{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 0}
@media(max-width:1000px){.game-stage-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"player" "ad" "side"}.game-side{grid-template-columns:1fr 1fr;padding-top:0;margin-bottom:40px}.gh-comments{height:270px}}
@media(max-width:560px){.game-side{grid-template-columns:1fr}.side-games{grid-template-columns:1fr 1fr;gap:14px 12px}.side-games .game-card{grid-template-columns:44px minmax(0,1fr);column-gap:7px}.side-games .game-card>img{width:44px;height:44px}.side-games .game-card>span{font-size:11px}.side-panel{padding:14px}.gh-comments{height:220px}}
@media(prefers-reduced-motion:reduce){.dm-track{animation:none}.gh-comments{overflow:auto}}

/* Separate the play-first entry from the monetized detail page. */
.player-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.player-actions :is(button,a){min-height:44px}
@media(pointer:coarse){
 .touch-hint{display:block;text-align:center;color:var(--muted);font-size:11px;margin:4px 0 0}
 header nav a{display:inline-flex;align-items:center;min-height:44px}
}
/* Wide detail pages expose the existing ad beside the game, with a 150px gutter. */
@media(min-width:1100px){
 body:not(.is-independent) .game-stage-layout{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"player ad" "side side";column-gap:150px}
 body:not(.is-independent) .ad-section{margin:110px 0 40px}
 body:not(.is-independent) .display-ad-space{min-height:250px}
 body:not(.is-independent) .game-side{grid-template-columns:1fr 1fr;margin:32px 0 40px}
}
@media(max-width:1099px){
 .game-stage-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"player" "ad" "side"}
}
/* Fit the original game ratio in the first viewport without cropping engine controls. */
body.is-independent{--play-height:calc(100svh - 52px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
body.is-independent header{height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));max-width:none}
body.is-independent header .brand{font-size:18px}
body.is-independent header nav{gap:12px;font-size:12px}
body.is-independent main{max-width:none;padding:0}
body.is-independent .breadcrumb,body.is-independent .title-row{display:none}
body.is-independent .game-stage-layout{display:flex;flex-direction:column;gap:0}
body.is-independent .play-section{width:100%}
body.is-independent .player-surface{height:var(--play-height);padding:0;margin:0;border:0;border-radius:0;background:#EEEAF7;align-items:center}
body.is-independent[data-orientation] .player-frame{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none;background:#171717}
body.is-independent .player-frame iframe{position:absolute;inset:0;width:100%;height:100%}
body.is-independent .player-toolbar{padding:16px;max-width:1000px;margin:auto}
body.is-independent .ad-section{order:1;width:calc(100% - 36px);max-width:970px;align-self:center}
body.is-independent .game-side{order:2;width:calc(100% - 36px);max-width:1064px;align-self:center;grid-template-columns:1fr 1fr;margin:0 auto 40px}
body.is-independent .about-section,body.is-independent .how-section,body.is-independent .guide-section{max-width:1064px;margin:auto;width:calc(100% - 36px)}
@media(max-width:560px){body.is-independent .game-side{grid-template-columns:1fr}body.is-independent header nav a:last-child{display:none}}

body.is-independent[data-orientation=portrait] .player-frame{width:min(100vw,calc(var(--play-height) * 750 / 1625));height:min(var(--play-height),calc(100vw * 1625 / 750))}
body.is-independent[data-orientation=landscape] .player-frame{width:min(100vw,calc(var(--play-height) * 16 / 9));height:min(var(--play-height),calc(100vw * 9 / 16))}

/* Collapse only a slot explicitly reported unfilled by Google. */
.ad-section:has(ins[data-ad-status="unfilled"]){display:none}

/* Mobile standalone entry: game, compact actions, ad, recommendations, optional reading. */
.compact-game-name{display:none}
.independent-info,.independent-chatter{display:contents}
.independent-info>summary,.independent-chatter>summary{display:none}
@media(max-width:760px),(pointer:coarse) and (max-height:500px){
 body.is-independent{background:#fff}
 body.is-independent header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;background:white}
 body.is-independent header>.brand,body.is-independent header nav a:last-child{display:none}
 body.is-independent header nav{display:contents}
 body.is-independent header nav a:first-child{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;min-height:44px;font-size:32px;font-weight:400;border-radius:10px}
 body.is-independent .compact-game-name{display:block;grid-column:2;grid-row:1;text-align:center;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.is-independent header #favorite{grid-column:3;grid-row:1;width:44px;height:44px;border:0;border-radius:10px;background:transparent;font-size:25px;color:var(--ink)}
 body.is-independent header #favorite[aria-pressed=true]{color:var(--purple)}
 body.is-independent header .favorite-label{display:none}
 body.is-independent .player-surface{background:#f2eef7}
 body.is-independent .player-toolbar{display:none}
 body.is-independent .player-toolbar>p,body.is-independent .scroll-hint{display:none}
 body.is-independent .player-actions{justify-content:space-between;gap:12px}
 body.is-independent .player-actions :is(button,a){max-width:none;min-height:44px;background:transparent;color:var(--ink);border:1px solid #dedbe8;border-radius:8px}
 body.is-independent .touch-hint{font-size:10px;line-height:1.5;margin:0;padding:10px 12px;color:#706b80}
 body.is-independent .ad-section{order:3;margin:0 auto;width:calc(100% - 36px)}
 body.is-independent .display-ad-space{min-height:0}
 body.is-independent .ad-label{display:none}
 body.is-independent .ad-section:has(ins[data-ad-status="filled"]){margin:16px auto 20px}
 body.is-independent .ad-section:has(ins[data-ad-status="filled"]) .ad-label{display:block}
 body.is-independent .game-side{order:1;display:flex;flex-direction:column;gap:0;margin:20px auto 0}
 body.is-independent .side-panel{padding:0 0 20px;border:0;border-radius:0}
 body.is-independent .side-games{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding-bottom:4px}
 body.is-independent .side-games .game-card{display:block;flex:0 0 88px;scroll-snap-align:start}
 body.is-independent .side-games .game-card>img{width:88px;height:72px;margin-bottom:8px;border-radius:10px}
 body.is-independent .side-games .game-card>span{font-size:11px}
 body.is-independent .side-games .game-card small{display:none}
 body.is-independent .independent-info,body.is-independent .independent-chatter{display:block;border:0;border-top:1px solid var(--line);border-radius:0;background:white}
 body.is-independent .independent-info{width:calc(100% - 36px);margin:0 auto 20px}
 body.is-independent .independent-info>summary,body.is-independent .independent-chatter>summary{display:list-item;padding:16px 0;font-size:13px;font-weight:600;cursor:pointer}
 body.is-independent .independent-chatter .live-card{border:0;padding-top:0}
 body.is-independent .independent-chatter .side-heading{display:none}
 body.is-independent .independent-info .about-section{border-top:0;padding-top:12px}
 body.is-independent footer{padding:16px 18px calc(16px + env(safe-area-inset-bottom));gap:8px}
 body.is-independent footer>.brand,body.is-independent footer>p{display:none}
 body.is-independent footer nav{margin:0;gap:16px;font-size:10px}
}