.guide-page { overflow-x: hidden; }
.guide-page .detail-shell { animation: none; translate: none; filter: none; }
.guide-page .site-header { background: rgba(2,6,7,.94); backdrop-filter: blur(12px); }
.guide-home { color: var(--green-soft); letter-spacing: .02em; text-transform: none; }
.guide-heading { margin-bottom: 2.5rem; }
.guide-heading h1 { max-width: 22ch; margin: .65rem 0 1.2rem; font: 650 clamp(2rem,5vw,4.5rem)/1.12 var(--sans); letter-spacing: -.035em; overflow-wrap: anywhere; }
.guide-languages { display: block; max-width: 14rem; margin-top: .15rem; }
.guide-page .guide-languages .language-picker { width: 100%; max-width: none; }
.guide-hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: clamp(1.5rem,4vw,3.5rem); align-items: start; }
.game-screenshot { margin: 0; padding: .75rem; background: #07110c; border: 1px solid var(--line-strong); }
.game-screenshot img { display: block; width: 100%; height: auto; max-height: 38rem; object-fit: contain; background: #020607; }
.game-screenshot figcaption { padding-top: .65rem; color: #a4b7ac; font-size: .72rem; }
.guide-summary .detail-description { margin-top: 0; font-size: 1.05rem; color: #d4e0d9; line-height: 1.85; }
.guide-summary .facts { margin: 1.5rem 0; }
.guide-summary .fact dd { overflow-wrap: anywhere; line-height: 1.65; }
.guide-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.guide-content { max-width: 52rem; margin-top: clamp(2rem,5vw,4rem); }
.guide-section { padding: 1.7rem 0; border-top: 1px solid var(--line); }
.guide-section h2,.related-games h2 { margin: 0 0 1rem; color: #e4eee8; font: 600 clamp(1.2rem,2vw,1.6rem)/1.35 var(--sans); letter-spacing: -.015em; }
.guide-section p { margin: .75rem 0; color: #b9cdc1; font: 400 1rem/1.95 var(--sans); overflow-wrap: anywhere; }
.guide-section a,.related-games a { color: var(--green-soft); text-underline-offset: .25em; }
.guide-example { margin: 1rem 0; padding: 1.7rem; background: #08140e; border: 1px solid #2c4739; border-inline-start: 3px solid var(--green); }
.guide-notice { padding: .8rem 1rem; max-width: 48rem; color: #d2debd; background: #172017; border-inline-start: 3px solid #a9bb77; font-size: .85rem; line-height: 1.7; }
.related-games { margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--line-strong); }
.related-games ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; padding: 0; list-style: none; }
.related-games a { display: block; height: 100%; padding: 1rem; border: 1px solid var(--line); background: #061009; line-height: 1.6; overflow-wrap: anywhere; }
.guide-footer { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem 2rem; padding: 2rem 1rem; color: #90a69a; font-size: .75rem; border-top: 1px solid var(--line); }
.guide-footer a { color: var(--green-soft); }
.game-select { text-decoration: none; }
.catalogue-summary { color: #a0b9aa; font-size: .76rem; line-height: 1.8; max-width: 64rem; margin: .7rem 0 .3rem; }
.catalogue-about { color: inherit; font: inherit; letter-spacing: inherit; text-decoration: none; }
.catalogue-about::before { content: " · "; }
.catalogue-about:hover,.catalogue-about:focus-visible { color: var(--green); }
@media (max-width:700px) {
 .guide-hero { grid-template-columns: minmax(0,1fr); }
 .guide-heading { margin-bottom: 1.6rem; }
 .guide-heading h1 { font-size: clamp(1.85rem,8vw,2.7rem); }
 .guide-page .detail-shell { padding-top: 5.2rem; }
 .game-screenshot img { max-height: 27rem; }
 .guide-summary .detail-description { font-size: .95rem; }
 .guide-content { margin-top: 2rem; }
 .guide-section p { font-size: .95rem; line-height: 1.85; }
 .guide-example { padding: 1.2rem; }
 .guide-actions { position: fixed; inset: auto 0 0; z-index: 12; padding: .65rem 1rem max(.65rem,env(safe-area-inset-bottom)); border-top: 1px solid var(--line-strong); background: #061009; }
 .guide-actions .button { flex: 1; min-height: 2.75rem; text-align: center; justify-content: center; }
 .guide-page .guide-footer { padding-bottom: 6rem; }
 .related-games ul { grid-template-columns: minmax(0,1fr); }
 .guide-page .site-header { letter-spacing: .04em; }
}

/* Free game discovery: retain the arcade's green phosphor palette. */
.catalogue-heading { margin: 0 0 1.25rem; max-width: 36ch; color: #e4eee8; font: 600 clamp(1.4rem,3vw,2.35rem)/1.35 var(--sans); letter-spacing: -.025em; }
.topic-links { display: flex; flex-wrap: wrap; gap: .5rem; margin: .8rem 0 1rem; }
.topic-links a { padding: .5rem .8rem; color: var(--green-soft); border: 1px solid var(--line-strong); background: #07110c; text-decoration: none; font: .78rem/1.5 var(--sans); }
.topic-links a:hover,.topic-links a:focus-visible { color: #020607; background: var(--green); outline-offset: 3px; }
.site-faq { margin: 3rem 0 1rem; max-width: 60rem; border-top: 1px solid var(--line-strong); padding-top: 1.5rem; }
.site-faq h2 { font: 600 1.3rem/1.5 var(--sans); color: #e4eee8; margin: 0 0 1rem; }
.site-faq details { border-bottom: 1px solid var(--line); padding: .9rem 0; color: #b9cdc1; font: .88rem/1.9 var(--sans); }
.site-faq summary { cursor: pointer; color: var(--green-soft); }
.site-faq p { margin: .6rem 0 .3rem; }
.topic-description { max-width: 65ch; color: #b9cdc1; font: 1rem/1.95 var(--sans); }
.topic-game-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding: 0; list-style: none; margin: 2rem 0; }
.topic-game-grid li { min-width: 0; }
.topic-game-grid a { display: flex; flex-direction: column; height: 100%; padding: 1.3rem; border: 1px solid var(--line-strong); background: #07110c; text-decoration: none; }
.topic-game-grid a:hover { border-color: var(--green); }
.topic-game-grid h2 { color: #e4eee8; font: 600 1.15rem/1.5 var(--sans); margin: 0 0 .6rem; }
.topic-game-grid p { color: #a0b9aa; font: .84rem/1.85 var(--sans); margin: 0 0 1rem; overflow-wrap: anywhere; }
.topic-game-grid span { color: var(--green-soft); margin-top: auto; font: .78rem/1.5 var(--sans); }
@media (max-width:1000px) { .topic-game-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .topic-game-grid { grid-template-columns: minmax(0,1fr); } .catalogue-heading { margin-bottom: 1rem; } .topic-links a { padding: .6rem .7rem; } }