.earlier-games{margin-top:clamp(60px,7vw,150px);padding-top:40px;border-top:1px solid #464b3b;scroll-margin-top:110px}
.earlier-games>header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.earlier-games h2{font:400 clamp(32px,3vw,70px)/1.1 Arial,sans-serif;letter-spacing:-.05em}
.earlier-games>header>p{font-size:clamp(14px,1vw,23px);color:#a7b09d;margin:0}
.earlier-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.earlier-game-link{display:grid;grid-template-columns:35% 1fr;gap:25px;align-items:center;padding:25px 0;border-block:1px solid #33392d}
.earlier-thumb{aspect-ratio:1.15;background:#161d1c;display:flex;align-items:center;justify-content:center;overflow:hidden}
.earlier-thumb>img{width:100%;height:100%;object-fit:contain}
.earlier-game-link p{font:9px/1.7 var(--mono);color:#aaa68e;letter-spacing:.05em;margin:0 0 12px}
.earlier-game-link h3{font:400 clamp(21px,1.6vw,38px)/1.1 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 13px}
.earlier-game-link span{display:block;color:#aeb5a5;font:clamp(13px,.9vw,20px)/1.6 Arial,sans-serif}
.earlier-game-link strong{display:inline-block;font:400 13px Arial,sans-serif;border-bottom:1px solid #606a53;padding:10px 0;margin-top:12px}
.flaym-thumb,.flaym-hero-art{background:radial-gradient(ellipse at center,#51332255,transparent 70%),#1d1915}
.flaym-sprite{width:85%;aspect-ratio:1;background:url('/media/early/flaym-sheet.png') 0 0/600% 500% no-repeat;image-rendering:pixelated}
.early-study .dn-hero h1{font-size:clamp(48px,5.5vw,125px)}
.early-status{font:12px var(--mono);color:#ada994;margin-top:30px}
.early-title-art{margin:0}.early-title-art img{width:100%;height:auto}.early-title-art figcaption{padding-top:16px}
.flaym-hero-art{margin:0;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.flaym-hero-art .flaym-sprite{width:75%}
.flaym-hero-art figcaption{padding:15px 25px;text-align:center}
.early-art-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:70px}
.early-art-gallery figure{margin:0;background:#17201e}.early-art-gallery img,.early-art-gallery .early-swordfish{width:100%;height:clamp(160px,19vw,360px);object-fit:contain;padding:25px}
.early-art-gallery figcaption{padding:15px 20px;border-top:1px solid #39413a}
.early-boss-art{display:flex;flex-direction:column;align-items:center;background:#15221f;margin:0 0 60px;padding:35px}
.early-boss-art img{width:45%;height:350px;object-fit:contain}
.early-sheet{margin:0 0 65px;padding:30px;background:#201c17}.early-sheet img{width:100%;max-height:750px;object-fit:contain}.early-sheet figcaption{padding-top:20px}
.personal-favorites{padding:75px 0 90px;border-top:1px solid var(--page-line,#3b3b37)}
.personal-favorites h2{font-size:clamp(40px,4.5vw,85px)}
.favorites-intro{margin:25px 0 45px;color:#aaa99f}
.favorites-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw}
.favorites-columns h3{font-size:21px;padding-bottom:20px;border-bottom:1px solid var(--page-line,#3b3b37)}
.favorite-games,.favorite-films{padding:0;list-style:none;margin:0}
.favorite-games li,.favorite-films li{display:flex;align-items:baseline;gap:22px;padding:21px 0;border-bottom:1px solid #ffffff12}
.favorite-games li>span,.favorite-films li>span{font:11px var(--mono);color:#a9a18c}
.favorite-games strong,.favorite-films strong{font-size:clamp(18px,1.8vw,30px);line-height:1.3;font-weight:400}
.favorite-films li{justify-content:space-between}
.favorites-personal-note{display:grid;grid-template-columns:1fr 1.6fr;gap:6vw;border-top:1px solid var(--page-line,#3b3b37);padding:40px 0 0;margin-top:50px}
.favorites-personal-note h3{font-size:28px}
.favorites-personal-note p{font-size:18px;color:#bbb8ad;line-height:1.8}
@media(max-width:900px){.earlier-grid{grid-template-columns:1fr}.earlier-game-link{grid-template-columns:30% 1fr}.earlier-games>header{align-items:start;flex-direction:column;gap:18px}.early-art-gallery{grid-template-columns:1fr 1fr}.favorites-columns{grid-template-columns:1fr;gap:40px}.favorites-personal-note{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.earlier-grid{gap:20px}.earlier-game-link{gap:18px;grid-template-columns:32% 1fr}.earlier-game-link p{font-size:8px}.earlier-game-link h3{font-size:22px}.earlier-game-link span{font-size:13px}.early-art-gallery img{padding:15px;height:155px}.early-boss-art img{width:90%;height:260px}.early-study .dn-hero h1{font-size:46px}.early-status{font-size:10px}.early-art-gallery{gap:12px;grid-template-columns:1fr}.personal-favorites{padding-top:50px}.favorite-games strong,.favorite-films strong{font-size:20px}.favorite-games li{gap:15px}.favorites-personal-note p{font-size:16px}}

.early-swordfish{display:block;image-rendering:pixelated}
@media(min-width:521px) and (max-width:900px){.early-art-gallery figure:last-child{grid-column:1 / -1}}

/* Original Flaym dialogue, presented as a self-playing excerpt. */
.flaym-dialogue{margin:0}
.flaym-dialogue-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:30% 1fr;align-items:center;gap:5%;padding:clamp(28px,4vw,90px);min-height:460px;background:#111a16;overflow:hidden}
.flaym-speaker img{display:block;width:100%;height:auto;image-rendering:pixelated}
.flaym-scene{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#b1c4b1;margin:0 0 18px}
.flaym-speech{border:32px solid transparent;border-image:url('/media/early/flaym-speech.png') 128 128 144 128 fill / 32px;color:#101310}
.flaym-speech-text{position:relative;min-height:5em;font:clamp(21px,2.3vw,48px)/1.4 Arial,sans-serif;padding-bottom:10px}
[data-dialogue-reserve]{visibility:hidden}
[data-dialogue-text]{position:absolute;inset:0}
.flaym-dialogue>figcaption{color:#a4ad9d;font:13px/1.7 Arial,sans-serif;padding:20px 0}
.flaym-transcript{margin:0 0 55px;border-bottom:1px solid #394337;padding-bottom:22px;color:#b9b9ad}
.flaym-transcript summary{cursor:pointer;font-size:15px;width:fit-content}
.flaym-transcript ol{padding:20px 0 0 24px;max-width:48em}
.flaym-transcript li{font-size:17px;line-height:1.7;padding:8px 0 8px 8px}
.flaym-paintings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.flaym-paintings figure{margin:0;min-width:0}
.flaym-paintings img{display:block;width:100%;height:clamp(140px,15vw,300px);object-fit:contain;background:#1b1d18;padding:15px}
.flaym-paintings figcaption{font:12px/1.5 Arial,sans-serif;color:#bbb8aa;padding-top:14px}
.flaym-art-note{font:13px/1.7 Arial,sans-serif;color:#a4ad9d;margin:25px 0 55px}
@media(max-width:700px){
 .flaym-dialogue-stage{grid-template-columns:1fr;gap:22px;padding:24px;min-height:0}
 .flaym-speaker img{width:140px;margin:auto}
 .flaym-speech{border-width:24px;border-image-width:24px}
 .flaym-speech-text{font-size:21px;min-height:6em}
 .flaym-paintings{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .flaym-paintings img{height:180px}
}