@font-face {
  font-family: 'R89 Titan';
  src: url('../fonts/TitanOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --ink:#071116;
  --ink2:#0b181c;
  --ink3:#102229;
  --paper:#eef5f2;
  --white:#f8fbff;
  --cyan:#1deaf2;
  --cyan-dim:#0c8e9a;
  --yellow:#ffe34b;
  --orange:#ff8b1f;
  --pink:#ff43b7;
  --green:#5cf16b;
  --muted:#9bb2b6;
  --line:rgba(29,234,242,.26);
  --font-display:'R89 Titan', 'Titan One', Impact, 'Arial Black', sans-serif;
  --font-ui:'Rajdhani', 'Segoe UI', Arial, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;font-synthesis:none}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--font-ui);font-size:18px;line-height:1.5;overflow-x:hidden}.site-shell{position:relative}.site-shell:before{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.14;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}.container-xl{max-width:1260px}.signal-nav{position:absolute;top:0;left:0;right:0;z-index:50;padding:20px 0;transition:.25s ease}.signal-nav.is-scrolled{position:fixed;background:rgba(7,17,22,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(29,234,242,.18);padding:10px 0}.nav-inner{display:flex;align-items:center;justify-content:flex-end;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{height:54px;width:auto;display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.28))}.nav-links{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.nav-links a{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;font-weight:700}.nav-links a:hover{color:var(--cyan)}.menu-toggle{display:none;border:1px solid var(--line);background:rgba(7,17,22,.8);color:#fff;border-radius:6px;width:44px;height:44px;font-size:24px}.steam-mini{font-weight:400;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid var(--cyan);color:#fff!important;background:#07131a;box-shadow:inset 4px 0 0 var(--cyan);font-family:var(--font-display);letter-spacing:.04em!important}.steam-mini:hover{border-color:var(--yellow);box-shadow:inset 4px 0 0 var(--yellow)}
.hero{min-height:690px;position:relative;display:flex;align-items:flex-end;padding:96px 0 58px;background:#071116 center center/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,18,.96) 0%,rgba(5,13,18,.78) 27%,rgba(5,13,18,.12) 63%,rgba(5,13,18,.3) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 34%)}.hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-58px;height:118px;background:var(--ink);transform:rotate(-2.1deg);z-index:2}.hero-content{position:relative;z-index:3;max-width:620px}.signal-kicker{display:inline-flex;gap:10px;align-items:center;color:var(--cyan);font-weight:700;letter-spacing:.18em;font-size:13px;text-transform:uppercase;margin-bottom:20px}.signal-kicker:before{content:"";width:44px;height:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.hero-logo{width:min(580px,90vw);height:auto;filter:drop-shadow(0 18px 15px rgba(0,0,0,.45));margin:0 0 10px}.hero h1{font-family:var(--font-display);font-size:clamp(38px,5vw,72px);line-height:.95;margin:0 0 18px;text-transform:uppercase;text-shadow:4px 5px 0 rgba(0,0,0,.46)}.hero h1 span{color:var(--yellow)}.hero-copy{font-size:22px;line-height:1.48;color:#e0e8ea;max-width:600px;margin-bottom:28px;text-shadow:0 2px 10px rgba(0,0,0,.62)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.game-btn{font-weight:400;position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 25px;border:2px solid var(--cyan);background:#07131a;color:#fff;text-decoration:none;text-transform:uppercase;font-family:var(--font-display);font-size:17px;letter-spacing:.035em;box-shadow:inset 5px 0 0 var(--cyan),0 10px 30px rgba(0,0,0,.2);transition:.18s ease}.game-btn:before{content:"";position:absolute;inset:-2px auto -2px -38%;width:32%;background:linear-gradient(90deg,transparent,rgba(29,234,242,.3),transparent);transform:skewX(-18deg);transition:left .36s ease;z-index:-1}.game-btn:hover:before{left:112%}.game-btn:hover{color:#071116;background:var(--yellow);border-color:var(--yellow);box-shadow:inset 5px 0 0 #fff;transform:translateY(-2px);text-decoration:none}.game-btn .btn-icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.game-btn .play-fill{fill:currentColor;stroke:none}.game-btn.alt{border-color:rgba(255,255,255,.52);box-shadow:none;background:rgba(7,19,26,.74)}.hero-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#d7e1e3;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hero-meta strong{color:#fff}.signal-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green);margin-right:7px}.section{position:relative;padding:105px 0}.section-dark{background:var(--ink)}
.story-intro{isolation:isolate;overflow:hidden;background:var(--ink)}
.story-intro:before{content:"";position:absolute;inset:-34px;z-index:0;pointer-events:none;background:url('../img/year1982.webp') center 54%/cover no-repeat;filter:blur(17px) saturate(.82) brightness(.52);opacity:.38;transform:scale(1.045)}
.story-intro:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,17,22,.70) 0%,rgba(7,17,22,.78) 38%,rgba(7,17,22,.82) 100%),radial-gradient(circle at 24% 55%,rgba(29,234,242,.10) 0,transparent 43%),radial-gradient(circle at 82% 36%,rgba(173,66,255,.08) 0,transparent 44%),linear-gradient(rgba(29,234,242,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(29,234,242,.022) 1px,transparent 1px);background-size:auto,auto,auto,72px 72px,72px 72px}
.story-intro>.container{position:relative;z-index:1}.section-darker{background:#050c10}.section-panel{background:var(--ink2)}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);font-weight:700;margin-bottom:12px}.section-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(38px,5vw,72px);line-height:1.02;margin:0 0 24px}.section-title .accent{color:var(--yellow)}.section-copy{color:#b7c8cc;font-size:20px;max-width:720px}.story-intro{text-align:center;padding-top:135px}.story-intro .section-copy{margin:0 auto}.mechanic-stage{margin-top:65px;display:block}.mechanic-top{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}.mechanic-message{display:flex;align-items:center;justify-content:flex-start;text-align:left}.mechanic-message .big-line{margin:0}.mechanic-explainer{max-width:980px!important;margin:42px auto 0!important;text-align:center}.mechanic-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:34px;text-align:left}.mechanic-points .feature-point{grid-template-columns:46px 1fr}.mechanic-points .feature-point p{font-size:16px;line-height:1.42}.mechanic-image{position:relative;padding:1px;background:linear-gradient(135deg,rgba(29,234,242,.74),rgba(29,234,242,.08) 36%,rgba(255,67,183,.22) 76%,rgba(29,234,242,.46));box-shadow:0 26px 72px rgba(0,0,0,.38),0 0 38px rgba(29,234,242,.045)}
.mechanic-preview{position:relative;display:block;overflow:hidden;background:#061014;color:#fff;text-decoration:none}
.mechanic-image img{display:block;width:100%;border-radius:1px;box-shadow:none;transition:transform .35s ease,filter .35s ease}
.mechanic-image:before{font-weight:400;content:"LIVE SIGNAL // GAMEPLAY";position:absolute;left:18px;top:-18px;font-family:var(--font-display);font-size:15px;color:var(--yellow);background:var(--ink);padding:8px 12px;border-left:4px solid var(--cyan);z-index:4;letter-spacing:.035em}
.mechanic-image:after{content:"";position:absolute;left:16px;right:16px;bottom:-9px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px rgba(29,234,242,.35);opacity:.62}
.mechanic-play{position:absolute;left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);background:rgba(5,13,18,.68);backdrop-filter:blur(4px);border-radius:50%;box-shadow:0 0 0 8px rgba(5,13,18,.2),0 0 26px rgba(29,234,242,.2);transition:.22s ease}
.mechanic-play-icon{font-family:Arial,sans-serif;font-size:24px;line-height:1;margin-left:4px;color:#fff}
.mechanic-watch{position:absolute;right:14px;bottom:12px;padding:6px 10px;border:1px solid rgba(29,234,242,.55);background:rgba(5,13,18,.8);color:#dffbff;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.14em}
.mechanic-preview:hover img{transform:scale(1.015);filter:brightness(.9) saturate(1.06)}
.mechanic-preview:hover .mechanic-play{background:var(--yellow);border-color:var(--yellow);color:#071116;transform:translate(-50%,-50%) scale(1.06)}
.mechanic-preview:hover .mechanic-play-icon{color:#071116}
.mechanic-preview:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.big-line{font-family:var(--font-display);font-size:clamp(42px,6.3vw,92px);line-height:.9;text-transform:uppercase;margin:0 0 24px}.big-line .cyan{color:var(--cyan)}.big-line .yellow{color:var(--yellow)}.feature-points{display:grid;gap:14px;margin-top:24px}.feature-point{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}.feature-point b{font-family:var(--font-display);font-size:17px;font-weight:400;letter-spacing:.01em}.feature-point span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--yellow);font-family:var(--font-display);background:#07141a}.feature-point p{color:#aabec2;margin:3px 0 0}.decade{padding-top:120px;overflow:hidden}.decade-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:36px 0 34px}.year-tab{font-weight:400;appearance:none;border:1px solid rgba(255,255,255,.14);background:#0c171c;color:#80969b;padding:14px 6px;font-family:var(--font-display);font-size:14px;cursor:pointer;transition:.2s}.year-tab:hover,.year-tab.active{color:#081014;background:var(--yellow);border-color:var(--yellow)}.year-tab.locked{opacity:.52}.year-panel{position:relative;min-height:510px;border:1px solid rgba(29,234,242,.2);overflow:hidden;background:#061014}.year-panel[hidden]{display:none}.year-panel img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.year-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,13,.93) 0,rgba(4,10,13,.55) 48%,rgba(4,10,13,.14) 100%)}.year-info{position:relative;z-index:2;padding:54px;max-width:600px}.year-number{font-weight:400;font-family:var(--font-display);font-size:clamp(70px,10vw,150px);line-height:.72;color:#fff;text-shadow:8px 9px 0 rgba(0,0,0,.45)}.year-sub{font-weight:400;font-family:var(--font-display);font-size:26px;color:var(--yellow);text-transform:uppercase;margin:18px 0 14px}.year-info p{font-size:19px;color:#d0dcde}.classified{display:inline-flex;padding:7px 12px;border:1px solid var(--pink);color:var(--pink);font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.upgrade-section{isolation:isolate;overflow:hidden;background:var(--ink2)}.upgrade-section:after{content:"";position:absolute;inset:-28px;z-index:0;pointer-events:none;background:radial-gradient(circle at 24% 58%,rgba(29,234,242,.18),transparent 32%),radial-gradient(circle at 72% 34%,rgba(255,67,183,.14),transparent 34%),linear-gradient(rgba(4,12,17,.76),rgba(4,12,17,.86)),url('../img/upgrade_bg.webp') center/cover no-repeat;filter:blur(13px) saturate(.9);transform:scale(1.055);opacity:.74}.upgrade-layout{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}.character-stack{position:relative;min-height:610px}.character-stack .core,.character-stack .aura{position:absolute;width:min(335px,56%);filter:drop-shadow(0 30px 35px rgba(0,0,0,.42));transition:transform .28s ease,filter .28s ease}.character-stack .core{left:0;bottom:30px;z-index:2}.character-stack .aura{right:0;top:42px;z-index:2;opacity:1}.character-stack .core:hover{transform:translate(-4px,2px) scale(1.045) rotate(-1deg);filter:drop-shadow(0 30px 35px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(29,234,242,.72)) drop-shadow(0 0 42px rgba(29,234,242,.42))}.character-stack .aura:hover{transform:translate(4px,-2px) scale(1.045) rotate(1deg);filter:drop-shadow(0 30px 35px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(255,67,183,.78)) drop-shadow(0 0 42px rgba(255,67,183,.46))}.upgrade-copy{min-width:0}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.upgrade-card{background:linear-gradient(145deg,rgba(4,15,21,.93),rgba(7,25,32,.82));border:1px solid rgba(29,234,242,.32);padding:14px 14px 34px;min-height:178px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.upgrade-card img{width:118px;height:118px;object-fit:contain;display:block;margin:0 auto;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 8px 12px rgba(0,0,0,.26))}.upgrade-name{position:absolute;right:6px;bottom:40px;z-index:2;width:96px;text-align:center;font-family:var(--font-display);font-size:12px;font-weight:400;line-height:1;letter-spacing:.01em;white-space:nowrap;transform:rotate(-45deg);transform-origin:center;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.9);pointer-events:none}.upgrade-card:after{content:"";position:absolute;right:-28px;bottom:-28px;width:76px;height:76px;border:1px solid rgba(29,234,242,.25);transform:rotate(45deg);background:rgba(29,234,242,.02)}.upgrade-card:hover{transform:translateY(-4px);border-color:rgba(29,234,242,.72);box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 0 28px rgba(29,234,242,.045)}.upgrade-card:hover img{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(29,234,242,.24))}.database{isolation:isolate;overflow:hidden;background:var(--ink)}.database:before{content:"";position:absolute;inset:-34px;z-index:0;pointer-events:none;background:url('../img/year1980.webp') center 48%/cover no-repeat;filter:blur(18px) saturate(.8) brightness(.46);transform:scale(1.05);opacity:.44}.database:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,17,22,.73) 0%,rgba(7,17,22,.81) 48%,rgba(7,17,22,.88) 100%),radial-gradient(circle at 30% 58%,rgba(255,55,50,.08),transparent 35%),radial-gradient(circle at 74% 40%,rgba(29,234,242,.07),transparent 38%)}.database>.container{position:relative;z-index:1}.database-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:stretch}.database-main{background:linear-gradient(145deg,rgba(6,22,28,.94),rgba(7,17,22,.82));border:1px solid rgba(29,234,242,.34);padding:34px;position:relative;box-shadow:0 24px 58px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.018),inset 0 -22px 45px rgba(29,234,242,.025);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.database-main:hover{transform:translateY(-3px);border-color:rgba(29,234,242,.58);box-shadow:0 30px 72px rgba(0,0,0,.46),0 0 30px rgba(29,234,242,.08),inset 0 0 34px rgba(29,234,242,.035)}.database-main:before{content:"SIGNAL DATABASE // PUBLIC FILE";display:block;color:var(--cyan);font-size:12px;letter-spacing:.16em;font-weight:700;margin-bottom:20px;text-shadow:0 0 12px rgba(29,234,242,.35)}.database-character{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:center;position:relative}.database-character:before{content:"";position:absolute;left:-28px;top:50%;width:270px;height:270px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,62,49,.18) 0%,rgba(255,126,25,.10) 34%,rgba(255,67,183,.035) 53%,transparent 72%);filter:blur(2px);pointer-events:none}.database-character img{width:100%;position:relative;z-index:1;filter:drop-shadow(0 22px 24px rgba(0,0,0,.4)) drop-shadow(0 0 14px rgba(255,64,42,.18));transition:transform .25s ease,filter .25s ease}.database-main:hover .database-character img{transform:scale(1.045) translateY(-2px);filter:drop-shadow(0 24px 26px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(255,65,45,.32)) drop-shadow(0 0 34px rgba(255,118,28,.14))}.database-character h3{font-weight:400;font-family:var(--font-display);font-size:34px;margin:0;color:var(--yellow);text-shadow:0 0 16px rgba(255,227,75,.12)}.database-character p{color:#afc0c4}.locked-list{display:grid;gap:12px}.locked-file{min-height:103px;border:1px dashed rgba(255,255,255,.22);display:flex;align-items:center;justify-content:space-between;padding:20px 24px;color:#71868b;background:linear-gradient(90deg,rgba(8,19,23,.92),rgba(13,23,27,.9));box-shadow:inset 0 0 24px rgba(0,0,0,.15)}.locked-file strong{font-family:var(--font-display);font-size:16px;font-weight:400;color:#95a5a8}.locked-file span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--pink)}.showcase{padding:0;background:#04090c}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr)}.showcase-card{position:relative;aspect-ratio:1400/467;min-height:0;overflow:hidden;background:#03080a}.showcase-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease}.showcase-card:hover img{transform:scale(1.012)}.showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,8,.96) 0%,rgba(2,6,8,.72) 30%,rgba(2,6,8,.08) 68%,transparent 82%)}.showcase-card .caption{position:absolute;z-index:2;left:32px;bottom:28px;right:32px}.caption b{font-family:var(--font-display);font-size:23px;font-weight:400;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.9)}.caption small{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);margin-bottom:7px}.soundtrack{background:linear-gradient(135deg,#0b1318 0,#101322 100%);overflow:hidden}.soundtrack-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}.soundtrack-art{position:relative;min-height:530px;background:center/cover no-repeat;border:1px solid rgba(255,255,255,.12)}.soundtrack-art:after{font-weight:400;content:"ORIGINAL SOUNDTRACK";position:absolute;right:-42px;bottom:75px;transform:rotate(-90deg);font-family:var(--font-display);font-size:16px;letter-spacing:.08em;color:var(--yellow)}.tracklist{counter-reset:track;display:grid;gap:2px;margin-top:24px}.track{counter-increment:track;display:flex;align-items:center;gap:16px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.09);color:#c0d0d3}.track:before{content:counter(track,decimal-leading-zero);font-family:var(--font-display);font-weight:400;color:var(--cyan);font-size:13px}.track strong{color:#fff}.final-cta{text-align:center;padding:140px 0;background:#04090c;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background:center/cover no-repeat;opacity:.32;filter:saturate(1.1)}.final-cta .inner{position:relative;z-index:2}.final-cta h2{font-family:var(--font-display);font-size:clamp(54px,8vw,118px);line-height:.9;text-transform:uppercase;margin:0 0 26px}.final-cta h2 span{color:var(--yellow)}.final-cta p{max-width:700px;margin:0 auto 28px;color:#c0cdd0;font-size:20px}.site-footer{background:#020608;border-top:1px solid rgba(29,234,242,.18);padding:42px 0 32px;color:#8fa2a6;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.footer-logo{width:170px;filter:grayscale(.1);margin-bottom:18px}.footer-title{font-weight:400;font-family:var(--font-display);color:#fff;font-size:15px;margin-bottom:12px}.footer-links{display:grid;gap:8px}.footer-links a{color:#a9bdc1;text-decoration:none}.footer-links a:hover{color:var(--cyan)}.footer-studio-logo{display:inline-block;width:max-content;margin-top:12px}.footer-studio-logo img{display:block;width:92px;height:auto;filter:drop-shadow(0 7px 14px rgba(0,0,0,.32));opacity:.92;transition:opacity .2s ease,filter .2s ease}.footer-studio-logo:hover img{opacity:1;filter:drop-shadow(0 0 14px rgba(29,234,242,.22)) drop-shadow(0 7px 14px rgba(0,0,0,.32))}.legal-line{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#71858a}.legal-line a{color:#8ba4a8}.placeholder-note{font-size:12px;color:#667b80;margin-top:10px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}

@keyframes signalAcquire{0%{transform:scaleX(0);opacity:.25}100%{transform:scaleX(1);opacity:1}}
.hero-content.is-visible .signal-kicker:before{transform-origin:left center;animation:signalAcquire .7s cubic-bezier(.22,.8,.28,1) .12s both}
@media (prefers-reduced-motion:reduce){.hero-content.is-visible .signal-kicker:before{animation:none}.game-btn:before{display:none}}
@media (max-width:991px){body{font-size:17px}.signal-nav{padding:14px 0}.menu-toggle{display:block}.nav-links{position:absolute;top:64px;left:15px;right:15px;display:none;flex-direction:column;align-items:stretch;background:rgba(5,13,17,.98);padding:18px;border:1px solid var(--line);gap:4px}.nav-links.is-open{display:flex}.nav-links a{display:block;padding:12px 10px}.hero{min-height:760px;background-size:cover;background-position:60% center}.mechanic-top,.upgrade-layout,.database-grid,.soundtrack-layout{grid-template-columns:1fr}.mechanic-message{justify-content:center;text-align:center}.mechanic-points{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto}.character-stack{min-height:500px}.character-stack .core,.character-stack .aura{width:min(330px,52%)}.decade-strip{grid-template-columns:repeat(5,1fr)}.showcase-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.database-character{grid-template-columns:180px 1fr}}
@media (max-width:640px){.section{padding:78px 0}.hero{min-height:720px;padding-bottom:85px;background-size:cover;background-position:67% center}.hero:before{background:linear-gradient(90deg,rgba(5,13,18,.96) 0%,rgba(5,13,18,.74) 65%,rgba(5,13,18,.34) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 35%)}.brand img{height:46px;width:auto}.hero-logo{width:88%}.hero-copy{font-size:18px}.game-btn{width:100%}.section-copy{font-size:18px}.mechanic-stage{gap:30px}.mechanic-image:before{left:10px}.decade-strip{grid-template-columns:repeat(5,1fr);gap:5px}.year-tab{font-size:12px;padding:11px 3px}.year-panel{min-height:470px}.year-info{padding:32px 24px}.upgrade-grid{grid-template-columns:repeat(2,1fr)}.upgrade-card{min-height:162px}.upgrade-card img{width:102px;height:102px}.upgrade-name{font-size:10px;width:86px;transform:rotate(-45deg);right:4px;bottom:36px}.character-stack{min-height:420px}.character-stack .core,.character-stack .aura{width:56%}.character-stack .core{left:0;bottom:12px}.character-stack .aura{right:0;top:28px}.database-character{grid-template-columns:1fr;text-align:center}.database-character img{max-width:210px;margin:auto}.soundtrack-art{min-height:390px}.footer-grid{grid-template-columns:1fr}.showcase-card{aspect-ratio:auto;min-height:250px}.showcase-card img{object-fit:contain}.final-cta{padding:105px 0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.showcase-card img{transition:none}}

.hero h1,.section-title,.big-line,.final-cta h2{font-weight:400;}

/* V2.8 — soundtrack atmosphere */
.soundtrack{position:relative;isolation:isolate;background:#0a1117;overflow:hidden}
.soundtrack:before{content:"";position:absolute;inset:-34px;z-index:0;pointer-events:none;background:url('../img/soundtrack_scene.webp') center 50%/cover no-repeat;filter:blur(22px) saturate(.8) brightness(.38);transform:scale(1.06);opacity:.58}
.soundtrack:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,13,18,.84) 0%,rgba(8,14,24,.76) 48%,rgba(11,12,27,.9) 100%),radial-gradient(circle at 21% 49%,rgba(29,234,242,.08),transparent 34%),radial-gradient(circle at 74% 42%,rgba(255,67,183,.085),transparent 37%)}
.soundtrack>.container{position:relative;z-index:1}
.soundtrack-art{position:relative;min-height:530px;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(29,234,242,.22);box-shadow:0 28px 60px rgba(0,0,0,.38),0 0 28px rgba(29,234,242,.045);overflow:hidden}
.soundtrack-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,13,.05) 0%,rgba(3,8,13,.18) 44%,rgba(3,8,13,.86) 100%);z-index:1}
.soundtrack-art-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 22% 24%,rgba(255,67,183,.08),transparent 33%),radial-gradient(circle at 72% 68%,rgba(29,234,242,.08),transparent 38%);pointer-events:none}
.soundtrack-art:after{font-weight:400;content:"ORIGINAL SOUNDTRACK";position:absolute;right:-42px;bottom:75px;z-index:4;transform:rotate(-90deg);font-family:var(--font-display);font-size:16px;letter-spacing:.08em;color:var(--yellow);text-shadow:0 2px 8px rgba(0,0,0,.9)}
.now-playing{position:absolute;left:28px;right:72px;bottom:28px;z-index:3;padding:18px 20px 17px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(4,12,17,.88),rgba(4,12,17,.36));backdrop-filter:blur(4px)}
.now-kicker{font-size:10px;letter-spacing:.18em;color:var(--cyan);font-weight:700;margin-bottom:6px}
.now-title{font-family:var(--font-display);font-size:28px;line-height:1;color:#fff;letter-spacing:.01em}
.audio-wave{height:30px;display:flex;align-items:flex-end;gap:4px;margin-top:13px;overflow:hidden}
.audio-wave span{display:block;width:4px;border-radius:1px 1px 0 0;background:linear-gradient(180deg,var(--pink),var(--cyan));opacity:.92}
.audio-wave span:nth-child(1){height:9px}.audio-wave span:nth-child(2){height:18px}.audio-wave span:nth-child(3){height:12px}.audio-wave span:nth-child(4){height:27px}.audio-wave span:nth-child(5){height:16px}.audio-wave span:nth-child(6){height:22px}.audio-wave span:nth-child(7){height:11px}.audio-wave span:nth-child(8){height:25px}.audio-wave span:nth-child(9){height:14px}.audio-wave span:nth-child(10){height:20px}.audio-wave span:nth-child(11){height:8px}.audio-wave span:nth-child(12){height:17px}
.signal-progress{height:2px;background:rgba(255,255,255,.12);margin-top:11px;overflow:hidden}.signal-progress i{display:block;width:44%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 10px rgba(29,234,242,.3)}
.track{position:relative;transition:color .18s ease,background .18s ease,padding-left .18s ease}
.track:after{content:"▶";position:absolute;right:12px;top:50%;transform:translateY(-50%) translateX(5px);font-size:10px;color:var(--cyan);opacity:0;transition:.18s ease}
@media (hover:hover) and (pointer:fine){.track:hover{background:linear-gradient(90deg,rgba(29,234,242,.055),transparent);padding-left:20px}.track:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.track:hover strong{color:var(--yellow)}}
.music-credit{margin-top:18px;font-size:11px;letter-spacing:.16em;color:#7f969b;text-transform:uppercase}.music-credit strong{font-family:var(--font-display);font-weight:400;color:#fff;letter-spacing:.08em}
@media (max-width:991px){.soundtrack-art{min-height:500px}.now-playing{right:60px}}
@media (max-width:640px){.soundtrack-art{min-height:400px}.now-playing{left:18px;right:48px;bottom:18px;padding:14px 15px}.now-title{font-size:22px}.soundtrack-art:after{right:-47px;bottom:72px;font-size:13px}}

/* V2.9 — interactive soundtrack player */
.soundtrack:before{background:var(--soundtrack-bg) center 50%/cover no-repeat;transition:opacity .35s ease;}
.soundtrack-art{background:#050b10;}
.soundtrack-art-image{position:absolute;inset:0;background:center/cover no-repeat;z-index:0;opacity:1;transform:scale(1.001);transition:opacity .28s ease,transform .6s ease;}
.soundtrack-art-image.is-switching{opacity:0;transform:scale(1.018);}
.now-playing{z-index:4;}
.player-row{display:flex;align-items:center;gap:14px;margin-top:13px;}
.player-toggle{width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(29,234,242,.62);background:rgba(3,13,18,.82);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.player-toggle:hover{transform:translateY(-1px);border-color:var(--yellow);box-shadow:0 0 22px rgba(29,234,242,.16);background:rgba(8,23,29,.96);}
.player-toggle:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;}
.player-toggle span{font-size:13px;margin-left:2px;}
.player-toggle.is-playing span{margin-left:0;font-size:0;}
.player-toggle.is-playing span:after{content:"Ⅱ";font-size:15px;font-weight:800;letter-spacing:-2px;}
.player-status{min-width:0;flex:1;}
.audio-wave{margin-top:0;height:26px;align-items:center;}
.audio-wave.is-playing span{transform-origin:center;animation:signalWave .68s ease-in-out infinite alternate;}
.audio-wave.is-playing span:nth-child(2n){animation-duration:.52s}.audio-wave.is-playing span:nth-child(3n){animation-duration:.84s}.audio-wave.is-playing span:nth-child(4n){animation-duration:.61s}
@keyframes signalWave{from{transform:scaleY(.35);opacity:.62}to{transform:scaleY(1.05);opacity:1}}
.player-time{display:flex;justify-content:space-between;gap:12px;margin-top:2px;color:#95a8ac;font-size:10px;letter-spacing:.12em;font-variant-numeric:tabular-nums;}
.signal-progress{-webkit-appearance:none;appearance:none;width:100%;height:4px;margin:11px 0 0;background:linear-gradient(90deg,var(--cyan) 0,var(--pink) var(--progress,0%),rgba(255,255,255,.14) var(--progress,0%),rgba(255,255,255,.14) 100%);border:0;border-radius:0;cursor:pointer;display:block;}
.signal-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--yellow);border:2px solid #071116;box-shadow:0 0 10px rgba(255,227,75,.38);}
.signal-progress::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--yellow);border:2px solid #071116;box-shadow:0 0 10px rgba(255,227,75,.38);}
.excerpt-label{margin-top:8px;color:#6f858a;font-size:9px;letter-spacing:.15em;text-transform:uppercase;}
.track{width:100%;appearance:none;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;text-align:left;font:inherit;cursor:pointer;counter-increment:track;display:flex;align-items:center;gap:16px;padding:13px 42px 13px 15px;color:#c0d0d3;position:relative;transition:color .18s ease,background .18s ease,padding-left .18s ease;}
.track:before{content:counter(track,decimal-leading-zero);font-family:var(--font-display);font-weight:400;color:var(--cyan);font-size:13px;}
.track strong{color:#fff;font-weight:400;flex:1;min-width:0;}
.track>span{font-size:10px;letter-spacing:.11em;color:#6f858a;font-variant-numeric:tabular-nums;white-space:nowrap;}
.track:after{content:"▶";position:absolute;right:14px;top:50%;transform:translateY(-50%) translateX(5px);font-size:10px;color:var(--cyan);opacity:0;transition:.18s ease;}
.track.active{background:linear-gradient(90deg,rgba(29,234,242,.085),rgba(255,67,183,.025) 70%,transparent);box-shadow:inset 2px 0 0 var(--cyan);padding-left:20px;}
.track.active strong{color:var(--yellow);}
.track.active:after{opacity:1;transform:translateY(-50%) translateX(0);}
.track:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px;}
@media (hover:hover) and (pointer:fine){.track:hover{background:linear-gradient(90deg,rgba(29,234,242,.055),transparent);padding-left:20px}.track:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.track:hover strong{color:var(--yellow)}}
@media (prefers-reduced-motion:reduce){.audio-wave.is-playing span{animation:none}.soundtrack-art-image{transition:none}.player-toggle,.track{transition:none}}
@media (max-width:640px){.player-toggle{width:42px;height:42px;flex-basis:42px}.track{padding-right:38px}.track strong{font-size:15px}}
/* V3.1 — final CTA uses the panoramic AURA/PHANTOM artwork with minimal crop. */
.final-cta:before{background-size:cover;background-position:center center;}
@media (min-width:1200px){.final-cta{min-height:640px;display:flex;align-items:center}.final-cta:before{background-size:cover;background-position:center center;}}

/* V3.4 — soundtrack card polish */
.soundtrack-art{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.soundtrack-art:after{
  bottom:112px;
}
@media (hover:hover) and (pointer:fine){
  .soundtrack-art:hover{
    transform:translateY(-4px);
    border-color:rgba(29,234,242,.58);
    box-shadow:0 34px 78px rgba(0,0,0,.48),0 0 34px rgba(29,234,242,.10),inset 0 0 36px rgba(29,234,242,.035);
  }
  .soundtrack-art:hover .soundtrack-art-image:not(.is-switching){
    transform:scale(1.035);
    filter:saturate(1.06) brightness(1.035);
  }
}
@media (max-width:640px){
  .soundtrack-art:after{bottom:98px;}
}
@media (prefers-reduced-motion:reduce){
  .soundtrack-art{transition:none;}
}


/* V3.5 — REFLECT89 logo in the top navigation */
.nav-inner{justify-content:space-between;}
.nav-brand{flex:0 0 auto;min-width:0;}
.nav-brand img{height:42px;width:auto;display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.32));transition:height .22s ease,filter .22s ease,transform .22s ease;}
.signal-nav.is-scrolled .nav-brand img{height:34px;}
@media (hover:hover) and (pointer:fine){.nav-brand:hover img{filter:drop-shadow(0 5px 12px rgba(0,0,0,.32)) drop-shadow(0 0 12px rgba(29,234,242,.18));transform:translateY(-1px);}}
@media (max-width:991px){.nav-brand img{height:38px}.signal-nav.is-scrolled .nav-brand img{height:34px}.menu-toggle{margin-left:auto}.nav-links{z-index:2}}
@media (max-width:640px){.nav-brand img{height:34px}.signal-nav.is-scrolled .nav-brand img{height:32px}}
@media (prefers-reduced-motion:reduce){.nav-brand img{transition:none}}

/* V3.6 — campaign signal glow + motion only for public years */
.year-panel{
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
  box-shadow:0 24px 56px rgba(0,0,0,.34),0 0 22px rgba(29,234,242,.055),inset 0 0 32px rgba(29,234,242,.025);
}
.year-panel img.bg{
  transition:transform .5s ease,filter .35s ease;
}
.year-panel:hover{
  border-color:rgba(29,234,242,.56);
  box-shadow:0 30px 72px rgba(0,0,0,.44),0 0 30px rgba(29,234,242,.16),0 0 52px rgba(255,67,183,.055),inset 0 0 40px rgba(29,234,242,.04);
}
.year-panel[data-panel="1980"]:hover,
.year-panel[data-panel="1981"]:hover,
.year-panel[data-panel="1982"]:hover{
  transform:translateY(-5px) scale(1.004);
  border-color:rgba(29,234,242,.76);
  box-shadow:0 34px 82px rgba(0,0,0,.48),0 0 34px rgba(29,234,242,.21),0 0 64px rgba(255,67,183,.07),inset 0 0 44px rgba(29,234,242,.05);
}
.year-panel[data-panel="1980"]:hover img.bg,
.year-panel[data-panel="1981"]:hover img.bg,
.year-panel[data-panel="1982"]:hover img.bg{
  transform:scale(1.018);
  filter:brightness(1.035) saturate(1.035);
}
.year-panel.year-panel-animate{
  animation:yearSignalIn .34s cubic-bezier(.2,.75,.25,1);
}
@keyframes yearSignalIn{
  from{opacity:.78;transform:translateY(10px) scale(.996)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.year-tab:not(.locked):hover{
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(255,227,75,.24),0 0 28px rgba(29,234,242,.10);
}
.year-tab.locked:hover,
.year-tab.locked.active{
  transform:none;
  color:#a2b4b8;
  background:#0c171c;
  border-color:rgba(29,234,242,.48);
  box-shadow:0 0 18px rgba(29,234,242,.14),inset 0 0 18px rgba(29,234,242,.03);
}
@media (prefers-reduced-motion:reduce){
  .year-panel,.year-panel img.bg,.year-tab{transition:none!important}
  .year-panel.year-panel-animate{animation:none!important}
  .year-panel[data-panel="1980"]:hover,
  .year-panel[data-panel="1981"]:hover,
  .year-panel[data-panel="1982"]:hover{transform:none}
  .year-panel[data-panel="1980"]:hover img.bg,
  .year-panel[data-panel="1981"]:hover img.bg,
  .year-panel[data-panel="1982"]:hover img.bg{transform:none}
}