.window-controls{visibility:hidden;pointer-events:none}
[hidden]{display:none!important}
@media(max-width:780px){.app-shell{grid-template-columns:150px minmax(0,1fr)}.sidebar{width:150px}.brand{height:150px}.nav-button{padding:12px 8px;gap:8px;font-size:11px}.nav-button svg{width:19px}.hero h1{font-size:32px}.hero-copy{padding:25px 22px;max-width:100%}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .hook{font-size:15px}.hero-actions .button{font-size:12px;padding:10px 14px}.section-heading h2{font-size:17px;letter-spacing:2px}.section-heading p{padding:0;border:0}.page-content{padding:0}.page-header h1{font-size:30px}.detail-info,.community-grid{grid-template-columns:1fr;gap:20px}.setting-row{flex-wrap:wrap;gap:10px}.language-panel{width:215px}.build-label{letter-spacing:1px}.titlebar{gap:10px;padding-left:16px}.window-controls{width:90px;flex-shrink:0}.window-controls button{display:none}.footer-strip{letter-spacing:1px;align-items:flex-start;flex-wrap:wrap}}
@media(max-width:480px){.app-shell{grid-template-columns:105px minmax(0,1fr)}.sidebar{width:105px;padding-inline:6px}.brand{height:110px}.nav-button{flex-direction:column;gap:6px;font-size:10px;text-align:center;padding:10px 3px;line-height:1.5}.nav-button.active:before{left:-6px}.steam-hub{font-size:8px;padding-inline:3px;gap:5px}.language-picker{padding-inline:2px}.language-picker summary{gap:4px;font-size:9px}.language-picker .nav-icon{display:none}.language-panel{left:0;width:210px}.hero h1{font-size:26px;letter-spacing:-1px}.hero-copy{padding:24px 16px;min-height:360px}.hero{min-height:360px}.page-kicker{font-size:8px;letter-spacing:2px}.games-grid,.library-grid{grid-template-columns:1fr}.page-header h1{font-size:25px}.page-header p{font-size:13px}.settings-group,.community-card,.news-tile{padding:15px}.setting-row label{font-size:12px}.setting-row select{max-width:100%;min-width:0}.page-header{padding-inline:0}.titlebar>span:first-child{font-size:9px;letter-spacing:2px}.build-label{font-size:7px}.window-controls{width:0}.detail-art{margin-inline:0}.page-content .button{max-width:100%;overflow-wrap:anywhere}.article p{font-size:14px}.news-tile h2{font-size:24px}.news-tile img{float:none}}
/* Public website additions keep the approved base design and original art. */
a{color:inherit;text-decoration:none}
a.button{cursor:pointer}
.article a:not(.button),.email-address{text-decoration:underline;text-underline-offset:4px;color:#74d0ff;overflow-wrap:anywhere}
.release-note{color:#aab7c0;font-size:12px;line-height:1.8;margin:20px 7px 0;max-width:920px}
.footer-strip{display:block;letter-spacing:2px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-top a{font-size:11px;letter-spacing:1px;color:#ccd4db}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:18px;color:#aab7c0;font-size:11px;letter-spacing:0;line-height:1.8}
.footer-links span{margin-inline-start:auto}
.footer-links a:hover,.footer-top a:hover{color:#4bcaff}
.language-panel a{display:flex;align-items:center;gap:16px;width:100%;padding:11px;border-radius:3px;font-size:13px;text-align:left}
.language-panel a:hover,.language-panel a.selected{background:#253039}
.language-panel a span{width:30px;font-size:10px;color:var(--muted)}
.language-panel a bdi{font-weight:400}
.language-panel a em{margin-left:auto;font-style:normal;color:#52c4ff}
.about-games{display:grid;gap:14px;border-block:1px solid var(--line);padding:22px 0;margin:28px 0}
.contact-card{max-width:850px}
.email-address{display:inline-block;font-size:clamp(14px,2vw,23px);margin-bottom:22px;max-width:100%}
.article a.button{display:inline-flex}
.sidebar-bottom>.nav-button{margin-top:12px}
.brand{flex-shrink:1;min-height:70px}
@media(max-width:780px){.footer-links span{margin-inline-start:0;width:100%}.release-note{font-size:11px}.email-address{font-size:15px}}
@media(max-width:480px){.contact-card{padding:14px}.email-address{font-size:13px}.footer-top{line-height:1.8}.footer-links{gap:12px 16px}.article h2{font-size:23px}.article blockquote{font-size:25px;margin-inline:0}.about-games{font-size:13px}}
@media(max-height:680px){.brand{height:90px;min-height:50px;margin-bottom:0}.nav-button{padding-block:9px}.language-picker{padding-block:10px}.sidebar-bottom>.nav-button{margin-top:4px;margin-bottom:4px}}
.page-header h1,.article h2,.article p{overflow-wrap:anywhere}
@media(max-height:680px){.nav-button{padding-block:7px}}

/* Anchors need the same single-box layout as the original buttons. */
.news-tile{display:flow-root;overflow-wrap:anywhere}
.news-tile h2,.news-tile p{overflow-wrap:anywhere}
.back-button{display:inline-flex;align-items:center;line-height:1.6}
.detail-art{margin-inline:0}
.news-tile img{max-width:100%;height:auto;aspect-ratio:1}
.studio-credit{height:auto}
/* Hidden sizing copies reserve the tallest slide before the first paint. */
.hero-stack{display:grid}
.hero-copy{grid-area:1 / 1;min-width:0;width:100%}
.hero-measure{visibility:hidden;pointer-events:none;user-select:none}
.hero .hero-title{font-size:clamp(32px,3.7vw,58px);line-height:1.05;letter-spacing:-2px;font-weight:800;margin:0 0 18px;max-width:520px;text-shadow:0 3px 20px #000;overflow-wrap:anywhere}
html[dir=rtl] .hero-title{direction:ltr}
html[lang=ar] .hero-title{font-family:Arial,sans-serif}
@media(max-width:1250px){.hero .hero-title{font-size:42px;max-width:420px}}
@media(max-height:850px){.hero .hero-title{font-size:42px}}
@media(max-width:780px){.hero .hero-title{font-size:32px}}
@media(max-width:480px){.hero .hero-title{font-size:26px;letter-spacing:-1px}}
@media(max-width:480px){.news-tile img{float:none}.news-tile h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.detail-info>*{min-width:0;overflow-wrap:anywhere}
/* Keep every navigation item reachable in short windows and landscape phones. */
.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.sidebar>nav,.sidebar-bottom{flex-shrink:0}
.language-panel{position:fixed;left:10px;bottom:60px;width:min(242px,calc(100vw - 20px));max-height:calc(100dvh - 120px)}
@media(max-width:480px){.language-panel{left:6px;width:min(210px,calc(100vw - 12px))}}