.game-page{--game-tint:#e9eddf;--game-detail:#536043}.theme-night{--game-tint:#e7e6ed;--game-detail:#645e78}.theme-forest{--game-tint:#e8ebda;--game-detail:#526341}
.breadcrumb{display:flex;justify-content:space-between;gap:20px;padding:30px 0;color:var(--muted);font-size:1rem}.breadcrumb>span{font-size:0.875rem;letter-spacing:.1em}
.game-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:22px 0 68px;align-items:center;border-bottom:1px solid var(--line)}
.game-intro h1{font-size:clamp(40px,4.6vw,66px);letter-spacing:-.055em;margin:25px 0 7px;overflow-wrap:anywhere;word-break:normal}.game-subtitle{font-size:1.125rem;letter-spacing:.01em;color:var(--muted)}.game-intro h2{font-size:clamp(26px,2.6vw,36px);margin:32px 0 22px;line-height:1.5}.game-description{font-size:1.125rem;max-width:500px;color:var(--muted)}.game-keywords{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;font-size:0.875rem;color:var(--game-detail)}.game-keywords span::before{content:'#';opacity:.6;margin-right:3px}
.hero-ui{display:flex;align-items:center;flex-direction:column;gap:20px;padding:25px;background:var(--game-tint);border-radius:5px;min-width:0}.hero-ui-label{font-size:0.875rem;letter-spacing:.15em;color:var(--game-detail)}.hero-screen{display:block;max-width:225px;width:100%;border-radius:5px;overflow:hidden;box-shadow:0 12px 32px #20211f14;cursor:zoom-in}.hero-screen img{display:block;width:100%;height:auto}.hero-ui-caption{font-size:0.875rem;color:var(--game-detail)}.hero-ui-caption>span{margin-left:12px}
.screen-section,.play-section{padding:70px 0;border-bottom:1px solid var(--line)}.detail-section-heading{margin:27px 0 32px;display:flex;justify-content:space-between;gap:24px;align-items:end}.detail-section-heading h2{font-size:29px;line-height:1.5}.detail-section-heading>p{font-size:0.875rem;color:var(--muted);white-space:nowrap}
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.screen-card{margin:0;min-width:0}.screen-stage{display:flex;justify-content:center;align-items:center;padding:24px 18px;background:var(--game-tint);border:1px solid var(--line);border-radius:5px;height:610px}.screen-stage img{display:block;max-width:100%;width:auto;max-height:560px;height:auto;border-radius:4px;box-shadow:0 5px 18px #20211f10}.screenshot-link{cursor:zoom-in}.screen-enlarge{display:flex;justify-content:space-between;font-size:0.875rem;color:var(--muted);padding:12px 0}.screen-card figcaption{margin-top:12px}.screen-card .small-label{font-size:0.875rem;color:var(--muted)}.screen-card h3{font-size:1.125rem;font-weight:600;letter-spacing:-.04em;line-height:1.5;margin:13px 0 12px}.screen-card p{font-size:1.0625rem;color:var(--muted)}.development-note{font-size:0.875rem;color:var(--muted);margin-top:30px}
.play-section>h2{font-size:30px;margin:27px 0 35px}.play-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0}.play-steps li{border-top:1px solid var(--line);padding-top:25px}.step-number{font-family:monospace;font-size:1rem;color:var(--game-detail)}.play-steps h3{font-size:19px;font-weight:500;letter-spacing:-.045em;margin:16px 0 12px}.play-steps p{font-size:1.0625rem;color:var(--muted)}
.related-section{padding:50px 0 60px}.related-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.related-heading h2{font-size:22px}.related-heading>a{font-size:0.875rem;white-space:nowrap}.related-games{display:grid;grid-template-columns:1fr 1fr;gap:30px}.related-games>a{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.related-games img{width:125px;height:84px;object-fit:cover;border-radius:3px}.related-games small{display:block;font-size:0.875rem;color:var(--muted);margin-bottom:9px}.related-games strong{font-size:19px;font-weight:500;letter-spacing:-.04em}.related-games>a>span:last-child{margin-left:auto;padding-right:10px}
.screen-viewer{padding:0;border:1px solid var(--line);border-radius:7px;width:min(760px,94vw);max-width:94vw;max-height:92dvh;background:var(--paper);color:var(--ink);overscroll-behavior:contain}.screen-viewer::backdrop{background:#151713db}.viewer-toolbar{position:sticky;top:0;z-index:1;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border-bottom:1px solid var(--line);font-size:1.0625rem}.viewer-toolbar>span{line-height:1.5}.screen-viewer button{font:inherit;min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap}.screen-viewer button:hover{background:var(--accent)}button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.viewer-body{padding:16px}.viewer-image{display:block;width:100%;height:auto}.viewer-controls{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--paper);padding:12px 18px;border-top:1px solid var(--line);font-size:1rem}body:has(.screen-viewer[open]){overflow:hidden}
@media(max-width:1050px){.game-hero{gap:35px}.screen-grid{gap:18px}.screen-stage{height:470px;padding:16px 12px}.screen-stage img{max-height:436px}.detail-section-heading{display:block}.detail-section-heading>p{margin-top:15px}.related-games img{width:90px;height:65px}.related-games strong{font-size:1.0625rem}}
@media(max-width:700px){.breadcrumb{font-size:0.875rem;padding:24px 0}.breadcrumb>span{display:none}.game-hero{grid-template-columns:1fr;gap:32px;padding:8px 0 42px}.game-intro h1{font-size:clamp(34px,10vw,48px);margin-top:23px}.game-subtitle{font-size:1rem}.game-intro h2{font-size:27px;margin:25px 0 17px}.game-description{font-size:1.0625rem}.game-keywords{font-size:0.875rem;margin-top:19px}.hero-ui{padding:23px;gap:16px}.hero-screen{max-width:200px}.hero-ui-caption{font-size:0.875rem}.screen-section,.play-section{padding:46px 0}.detail-section-heading{margin-top:23px}.detail-section-heading h2{font-size:26px}.screen-grid{grid-template-columns:1fr;gap:35px}.screen-stage{height:auto;min-height:0;padding:24px}.screen-stage img{max-height:none;max-width:100%;width:260px;height:auto}.screen-card h3{font-size:19px}.screen-card p{font-size:1.0625rem}.screen-enlarge{font-size:0.875rem}.development-note{font-size:0.875rem}.play-section>h2{font-size:27px;margin-top:23px}.play-steps{grid-template-columns:1fr;gap:26px}.play-steps li{padding-top:20px}.related-section{padding:40px 0}.related-heading{display:block}.related-heading h2{font-size:22px}.related-heading>a{display:inline-block;margin-top:16px}.related-games{grid-template-columns:1fr;gap:0}.related-games>a+a{border-top:0}.related-games img{width:100px;height:68px}.viewer-toolbar{font-size:1rem;padding:10px 12px}.viewer-body{padding:8px}.viewer-controls{padding:10px 12px}}

/* Keep descriptions and image viewer controls readable on mobile too. */
.game-description,.screen-card p,.play-steps p{font-size:1.125rem;line-height:1.85}
.game-subtitle,.hero-ui-caption,.screen-enlarge,.related-heading>a,.viewer-toolbar,.viewer-controls{font-size:1rem}
.detail-section-heading>p{white-space:normal}
.hero-ui-label{text-align:center;letter-spacing:.08em}
.related-games>a>span{min-width:0}
.related-games strong{overflow-wrap:anywhere}
@media(max-width:700px){
 .game-description,.screen-card p,.play-steps p{font-size:1.0625rem}
 .breadcrumb{flex-wrap:wrap}
 .game-keywords{gap:12px 18px}
 .viewer-toolbar{align-items:flex-start}
 .viewer-controls{gap:8px}
 .related-games>a{gap:16px}
 .related-games img{width:84px;height:64px;flex-shrink:0}
}