@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c041c;--ink:#f8f2ff;--muted:#c1afd5;--lime:#43e6ff;--line:#593386;--pixel:'Press Start 2P',monospace}
body{font-family:'Space Grotesk',Arial,sans-serif;font-size:18px;line-height:1.75;background:radial-gradient(ellipse at 90% 0%,#33115d,transparent 30%),var(--bg)}h1,h2,h3,.wordmark,.kicker,.section-label,.eyebrow,.button,.game-bar,.ticker{font-family:var(--pixel);font-weight:400;text-transform:none;letter-spacing:0}header{border-bottom:2px solid var(--line)}.wordmark{font-size:12px;line-height:1.8}.mark{font-family:var(--pixel);font-size:22px;text-shadow:3px 3px #9c39d1}nav{gap:24px}.nav-game{border:2px solid #ff6ddd;box-shadow:3px 3px #742a90}.hero{padding-top:28px}.eyebrow{font-size:10px;line-height:2}
h1{font-size:clamp(23px,6.1vw,84px);line-height:1.65;letter-spacing:-.05em;text-shadow:5px 5px #7038c0;margin:34px 0 40px;text-transform:uppercase;overflow-wrap:anywhere}.hero-grid{gap:6%;grid-template-columns:1fr 1fr}h2{font-size:clamp(22px,2.8vw,38px);line-height:1.75;color:#f8f2ff}.kicker,.section-label{font-size:10px;line-height:2;color:var(--lime)}.intro{max-width:480px;margin:26px 0 32px;line-height:1.8}.button{font-size:10px;line-height:2;border:2px solid var(--lime);padding:16px 18px}.primary{box-shadow:5px 5px #7542bd}.primary:hover{background:#a7f3ff;transform:translateY(-2px)}.text-link{font-size:14px}.release{max-width:480px}
.cover{background:#250b49;border:3px solid #9864d8;padding:9px;box-shadow:8px 8px #3a165f,0 0 35px #7628a330}.cover img{image-rendering:pixelated;border:0}.cover figcaption{font-family:var(--pixel);font-size:8px;line-height:2;padding:6px 2px}.ticker{background:#6421c6;border-block:3px solid #a565f5;font-size:11px;padding:22px;gap:30px;line-height:2}.section{padding-top:80px;padding-bottom:80px}.introduction{display:grid;grid-template-columns:1fr 2fr;gap:50px}.story-text p,.phase-outro,.phases>p{color:var(--muted);line-height:1.85}.story-text p{margin:26px 0}.story-text h2{margin-top:20px}.phases>h2{margin-top:25px}
.phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:35px}.phase{--accent:var(--lime);border:2px solid var(--accent);box-shadow:5px 5px #2e154b;background:#190931;padding:28px}.phase-number{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--accent);font-family:var(--pixel);font-size:10px;line-height:2;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.phase-number span{font-size:25px}.phase h3{font-size:clamp(13px,1.4vw,18px);line-height:1.9;color:var(--accent);overflow-wrap:anywhere}.phase p{font-size:17px;color:var(--muted);line-height:1.85;margin:20px 0 0}.dopamine{--accent:#fff17c}.romance{--accent:#ff6ddd}.solitude{--accent:#b89bff}.phase-outro{max-width:820px;text-align:center;margin:40px auto 0}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.story-photo{border:2px solid #9864d8;box-shadow:7px 7px #3a165f;background:#250b49}.screen-label{font-family:var(--pixel);font-size:9px;padding:15px;color:var(--lime);line-height:2}.story-photo img{display:block;width:100%;height:550px;object-fit:cover;object-position:center 70%}.story-text .statement{color:white;border-left:4px solid #ff6ddd;padding-left:24px}.listen h2{margin-top:25px}.portrait{border:2px solid #8653c5;box-shadow:5px 5px #30134f;height:360px}.platforms{grid-template-columns:1fr}.platform,.platform:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.platform small{margin-top:4px}
.game-heading{align-items:center}.game-shell{border:4px solid #9864d8;padding:15px;background:#2a0e4e;box-shadow:9px 9px #461677}.game-bar{font-size:10px;padding:16px;border:2px solid #644294;background:#1a0832;color:var(--lime);line-height:2}.game-stage{border-inline:2px solid #644294;background:linear-gradient(#160728d9,#110923e8),url(artwork.png) center/cover;position:relative}.game-empty h3{font-size:clamp(19px,3vw,36px);line-height:1.8;text-shadow:3px 3px #763dae}.game-symbol{color:#fff17c}.badge{color:#fff17c;border:2px solid #93804b;font-family:var(--pixel);font-size:10px;line-height:2;padding:12px 16px}.game-note{border:2px solid #644294;line-height:1.8;background:#160826;font-size:13px}.album-ending .story-text{max-width:860px;margin:auto}.album-ending h2{color:#ff6ddd;margin-top:45px}.track-labels{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0 40px}.track-labels span{padding:9px 16px;font-size:14px;border:1px solid #8154af;background:#1b0a30;color:var(--lime)}footer{border-top:2px solid var(--line)}
@media(min-width:1500px){h1{font-size:84px}}@media(max-width:850px){.phase{padding:22px}.phase h3{font-size:13px}.story{gap:30px}.story-photo img{height:490px}.button{font-size:9px}.introduction{gap:25px}}
@media(max-width:700px){header{gap:15px;padding:20px 5%}.wordmark{font-size:9px;gap:8px}.mark{font-size:17px}nav{gap:12px;font-size:13px}.nav-game{padding:6px 9px}h1{font-size:6.2vw;margin:27px 0 32px}.hero-grid{grid-template-columns:1fr}.hero-copy{order:0}.hero-copy h2{font-size:24px}.eyebrow{font-size:9px}.cover{margin-bottom:10px}.section{padding:50px 6%}.introduction,.story{grid-template-columns:1fr;gap:18px}.phase-grid{grid-template-columns:1fr;gap:24px}.phase h3{font-size:14px}.phase p{font-size:16px}.story-photo{max-width:430px;justify-self:center;width:100%}.story-photo img{height:390px}.story-text h2,h2{font-size:22px}.game-heading{align-items:start}.game-heading>p{max-width:110px}.game-shell{padding:8px;box-shadow:5px 5px #461677}.game-bar{font-size:8px;padding:10px}.game-stage{min-height:350px}.game-empty h3{font-size:21px}.game-note{font-size:12px;padding:12px}.ticker{font-size:10px;gap:22px}.cover figcaption{font-size:8px}.album-ending h2{font-size:21px}.button{font-size:10px}footer .wordmark{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.wordmark,.kicker,.section-label,.eyebrow,.button,.game-bar,.badge,.phase-number,.screen-label,.cover figcaption,.ticker{font-size:12px}.game-bar{font-family:monospace}.cover figcaption{font-family:monospace}.phase-number span{font-size:25px}@media(max-width:700px){.wordmark,footer .wordmark,.button,.kicker,.section-label,.eyebrow,.game-bar,.cover figcaption,.ticker{font-size:12px}.wordmark{font-family:monospace;font-weight:700}.game-heading{display:block}.game-heading>p{max-width:none}.hero-copy h2{font-size:22px}.button{font-family:monospace;font-weight:700}}
.story-photo img{object-position:center 52%}.portrait{object-position:center 70%}

.portrait.album-cover-repeat{height:auto;aspect-ratio:1;object-fit:contain;object-position:center;image-rendering:pixelated}@media(max-width:700px){.portrait.album-cover-repeat{display:block}}