:root{
  --bg:#0a0f0c;
  --bg2:#0f1712;
  --panel:#121b15;
  --panel2:#172219;
  --cream:#f1eadc;
  --muted:#9ca79e;
  --sage:#8ca08d;
  --sage2:#c9d6ba;
  --red:#c75e57;
  --red2:#9f443f;
  --gold:#c6aa72;
  --rh:#c9ff00;
  --line:rgba(241,234,220,.11);
  --shadow:0 32px 90px rgba(0,0,0,.45);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--cream);
  background:
    radial-gradient(circle at 82% 0%,rgba(112,141,116,.14),transparent 30%),
    radial-gradient(circle at 7% 55%,rgba(199,94,87,.07),transparent 32%),
    var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100vh;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.20;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid var(--line);
  background:rgba(8,13,10,.79);
  backdrop-filter:blur(18px);
}
.nav{
  min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:26px;
}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.035em}
.brand-avatar{
  width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center 38%;
  border:1px solid rgba(241,234,220,.20);
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.15),0 7px 18px rgba(0,0,0,.25);
}
.brand small{display:block;margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.22em;font-weight:650}
.nav-links{display:flex;align-items:center;gap:23px;color:#bcc6be;font-size:13px}
.nav-links a{transition:.2s ease}
.nav-links a:hover,.nav-links a.active{color:var(--cream)}
.nav-links a.active{position:relative}
.nav-links a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--red);border-radius:99px
}
.social-mini{display:flex;gap:8px}
.icon-btn,.btn{
  border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--cream);
  border-radius:999px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;cursor:pointer;font-weight:760;font-size:12px;transition:.22s ease;
}
.icon-btn{width:40px;height:40px;min-height:40px;padding:0}
.icon-btn:hover,.btn:hover{transform:translateY(-2px);border-color:rgba(241,234,220,.24);background:rgba(255,255,255,.07)}
.btn-primary{background:var(--cream);border-color:var(--cream);color:#11150f}
.btn-primary:hover{background:#fff8eb}
.btn-red{background:var(--red2);border-color:var(--red2);color:white}
.page-hero{padding:84px 0 58px}
.hero-home{
  min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;
  padding:74px 0 75px;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;color:var(--sage2);text-transform:uppercase;
  letter-spacing:.18em;font-size:10px;font-weight:850;margin-bottom:22px;
}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(199,94,87,.10)}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em;margin:0}
h1{font-size:clamp(57px,8vw,108px);line-height:.86}
h1 em{font-style:italic;color:var(--red)}
h2{font-size:clamp(44px,6vw,77px);line-height:.96}
h3{letter-spacing:-.03em}
.lead{max-width:630px;color:#b4beb6;line-height:1.68;font-size:clamp(17px,1.7vw,21px);margin:27px 0 31px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-stats{display:flex;flex-wrap:wrap;gap:25px;margin-top:34px;color:var(--muted);font-size:11px}
.hero-stats strong{display:block;color:var(--cream);font-size:14px;margin-bottom:4px}
.hero-art{position:relative;display:grid;place-items:center}
.poster-frame{
  width:min(100%,440px);padding:14px;border-radius:31px;border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.02));
  box-shadow:var(--shadow);transform:rotate(1deg);position:relative
}
.poster-frame:before{
  content:"";position:absolute;inset:-24px;z-index:-1;border-radius:50px;
  background:radial-gradient(circle,rgba(107,136,108,.24),transparent 62%);filter:blur(18px)
}
.poster-frame img{display:block;width:100%;border-radius:20px;aspect-ratio:1046/1503;object-fit:cover}
.float-note{
  position:absolute;border:1px solid var(--line);background:rgba(15,23,18,.92);backdrop-filter:blur(12px);
  padding:13px 15px;border-radius:17px;box-shadow:0 18px 40px rgba(0,0,0,.34);font-size:11px;color:var(--muted)
}
.float-note strong{display:block;color:var(--cream);font-size:13px;margin-bottom:3px}
.note-a{left:-45px;top:24%}.note-b{right:-55px;bottom:16%}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.015)}
.ticker-track{display:flex;width:max-content;animation:marquee 31s linear infinite}
.ticker span{white-space:nowrap;padding:18px 28px;color:#b9c3bb;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.ticker b{color:var(--red);margin-right:28px}
@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:105px 0}
.kicker{color:var(--red);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:850;margin-bottom:14px}
.copy{color:var(--muted);line-height:1.72;font-size:16px;max-width:670px;margin-top:20px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{
  border:1px solid var(--line);border-radius:var(--radius);padding:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.043),rgba(255,255,255,.012));
  position:relative;overflow:hidden
}
.card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;bottom:-95px;background:rgba(140,160,141,.07);filter:blur(7px)}
.card h3{font-size:27px;margin:0 0 12px}
.card p{color:var(--muted);line-height:1.65;margin:0}
.page-intro{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:end;
  padding:95px 0 50px
}
.page-intro .copy{margin-bottom:0}
.quote{
  border:1px solid var(--line);border-radius:24px;padding:30px;background:rgba(255,255,255,.025);
  font:500 clamp(28px,4vw,47px)/1.13 Georgia,serif;letter-spacing:-.04em
}
.timeline{display:grid;gap:14px;margin-top:45px}
.timeline-item{
  display:grid;grid-template-columns:90px 1fr;gap:24px;padding:25px 0;border-top:1px solid var(--line)
}
.timeline-item .num{color:var(--red);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.timeline-item h3{margin:0 0 8px;font-size:26px}
.timeline-item p{margin:0;color:var(--muted);line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:46px}
.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-8{grid-column:span 8}
.mock{
  margin-top:22px;border:1px dashed rgba(241,234,220,.18);border-radius:18px;min-height:170px;
  display:grid;place-items:center;text-align:center;color:var(--muted);
  background:radial-gradient(circle at center,rgba(199,94,87,.10),transparent 45%),#0c120f
}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pill{border:1px solid var(--line);padding:8px 11px;border-radius:999px;color:#b9c2bb;font-size:11px;background:rgba(255,255,255,.02)}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.profile{
  min-height:138px;border-radius:18px;border:1px solid var(--line);padding:15px;
  background:linear-gradient(150deg,rgba(140,160,141,.16),rgba(199,94,87,.08)),#101713;
  display:flex;flex-direction:column;justify-content:flex-end
}
.profile i{font-style:normal;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(241,234,220,.09);margin-bottom:auto}
.profile strong{font-size:12px}.profile small{color:var(--muted);margin-top:3px}
.game-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:42px}
.game-card{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#0e1511;box-shadow:var(--shadow)}
.game-toolbar{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}
.game-toolbar .score{font-size:12px;color:var(--muted)} .game-toolbar strong{color:var(--cream)}
canvas{display:block;width:100%;height:auto;background:#15221b;touch-action:none}
.game-side{border:1px solid var(--line);border-radius:30px;padding:31px;background:rgba(255,255,255,.024)}
.game-side h3{font-size:30px;margin:0 0 12px}
.steps{display:grid;gap:12px;margin:22px 0}
.step{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}
.step b:first-child{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--red);flex:0 0 30px}
.step span{color:var(--muted);font-size:13px;line-height:1.5}
.contract-shell{
  min-height:calc(100vh - 72px);display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center;padding:70px 0 90px
}
.footer{border-top:1px solid var(--line);padding:46px 0;color:var(--muted);font-size:12px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(17px);transition:.6s ease}
.reveal.visible{opacity:1;transform:none}
.toast{
  position:fixed;z-index:300;left:50%;bottom:28px;transform:translate(-50%,30px);
  opacity:0;pointer-events:none;background:var(--cream);color:#11140f;border-radius:999px;padding:13px 18px;font-size:12px;font-weight:850;transition:.25s
}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* HANG MODE */
.hang-mode{
  position:fixed;inset:0;z-index:240;display:none;align-items:center;justify-content:center;
  overflow:hidden;background:
    radial-gradient(circle at 52% 42%,rgba(91,125,98,.24),transparent 38%),
    radial-gradient(circle at 8% 85%,rgba(199,94,87,.08),transparent 25%),
    #050906;
}
.hang-mode.active{display:flex}
.hang-mode:before{
  content:"";position:absolute;inset:0;opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
}
.hang-mode-poster{
  height:min(72vh,720px);width:auto;max-width:78vw;border-radius:20px;
  box-shadow:0 38px 120px rgba(0,0,0,.76);
  animation:hangBreathe 6s ease-in-out infinite alternate;
  position:relative;z-index:2;
}
.hang-mode-copy{
  position:absolute;left:6vw;bottom:7vh;z-index:3;
}
.hang-mode-copy strong{
  display:block;font:500 clamp(48px,8vw,102px)/.92 Georgia,serif;
  letter-spacing:-.065em;color:var(--cream);
}
.hang-mode-copy span{
  display:block;margin-top:13px;color:var(--muted);font-size:10px;
  letter-spacing:.20em;text-transform:uppercase;
}
.hang-close{position:absolute;right:28px;top:24px;z-index:4}
.hang-particle{
  position:absolute;width:4px;height:4px;border-radius:50%;
  background:rgba(241,234,220,.36);animation:hangDrift linear infinite;
}
@keyframes hangBreathe{
  to{transform:scale(1.018) rotate(.4deg);filter:brightness(1.055)}
}
@keyframes hangDrift{
  from{transform:translateY(110vh) translateX(0);opacity:0}
  12%{opacity:.5}
  to{transform:translateY(-18vh) translateX(52px);opacity:0}
}
@media(max-width:620px){
  .hang-mode-poster{max-width:88vw;height:auto;max-height:68vh}
  .hang-mode-copy{left:24px;right:24px;bottom:5vh}
  .hang-close{right:14px;top:14px}
}

@media(max-width:960px){
  .nav-links>a:not(.keep),.social-mini{display:none}
  .hero-home,.page-intro,.game-layout,.contract-shell{grid-template-columns:1fr}
  .hero-art{order:-1}.poster-frame{width:min(76vw,410px)}
  .span-7,.span-5,.span-4,.span-8{grid-column:span 12}
  .grid-3{grid-template-columns:1fr 1fr}
  .note-a{left:-12px}.note-b{right:-12px}
}
@media(max-width:620px){
  .wrap{width:min(100% - 24px,1180px)}
  .nav{min-height:66px}.brand small{display:none}.brand-avatar{width:37px;height:37px}
  .nav-links .btn{min-height:40px;padding:0 13px}
  .hero-home{padding-top:38px;gap:54px}.poster-frame{width:88vw}
  .float-note{display:none}.section{padding:78px 0}.page-intro{padding-top:75px}
  .grid-2,.grid-3,.profile-grid,.social-grid{grid-template-columns:1fr}
  .timeline-item{grid-template-columns:1fr;gap:8px}
  .contract-field{flex-direction:column;align-items:stretch}.contract-field code{padding:8px}
  .footer-inner{display:block}.footer-links{margin-top:18px}
  .game-toolbar{align-items:flex-start;flex-direction:column}
}


/* GAME V4 */
#lives{color:var(--red);letter-spacing:.08em}
#cycleCount,#nextReward{color:var(--sage2)}
.game-toolbar .score{line-height:1.55}
@media(max-width:620px){
  .game-toolbar .score{font-size:10px}
}

/* GAME V5 */
.game-layout{align-items:start}
.game-card{align-self:start;height:auto;min-height:0}
.game-card canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#101d16}
.game-side{align-self:start}
#nextShock{color:var(--red)}


/* FULL-SCREEN VIDEO INTRO — V6 */
.intro-splash{
  position:fixed;
  inset:0;
  z-index:500;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
  overflow:hidden;
  opacity:1;
  visibility:visible;
  transition:opacity .65s ease, visibility .65s ease;
}
.intro-splash.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.intro-splash video{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}
.intro-splash:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to bottom,rgba(0,0,0,.06),transparent 20%,transparent 80%,rgba(0,0,0,.18)),
    radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.18));
}
.intro-controls{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  transition:opacity .3s ease;
}
.intro-controls .btn{
  background:rgba(7,11,8,.70);
  backdrop-filter:blur(12px);
  border-color:rgba(255,255,255,.19);
}
.intro-progress{
  position:absolute;
  z-index:3;
  left:0;
  bottom:0;
  height:3px;
  width:0;
  background:var(--red);
  box-shadow:0 0 18px rgba(199,94,87,.58);
  transition:width .08s linear;
}
.intro-play-fallback{
  position:absolute;
  z-index:4;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(6px);
}
.intro-play-fallback.visible{display:flex}
.intro-play-card{
  width:min(420px,calc(100% - 34px));
  padding:28px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:rgba(10,15,12,.86);
  text-align:center;
  box-shadow:0 28px 90px rgba(0,0,0,.48);
}
.intro-play-card strong{
  display:block;
  font:500 34px/1 Georgia,serif;
  letter-spacing:-.04em;
  margin-bottom:11px;
}
.intro-play-card p{
  margin:0 0 20px;
  color:#b6c0b8;
  line-height:1.55;
  font-size:13px;
}
body.intro-lock{
  overflow:hidden;
}
@media(max-width:620px){
  .intro-controls{bottom:16px}
  .intro-controls .btn{min-height:40px;padding:0 14px}
}

/* SINGLE SUNSET DIRECTION — APPROVED HOME */
:root{
  --bg:#100807;
  --bg2:#1a0d0a;
  --panel:#21110d;
  --panel2:#2c1710;
  --cream:#f5ede1;
  --muted:#b6a79d;
  --sage:#c7855f;
  --sage2:#f0c27b;
  --red:#eb7436;
  --red2:#bd4f25;
  --gold:#efb45f;
  --line:rgba(255,235,216,.13);
}
body{
  background:
    radial-gradient(circle at 82% 0%,rgba(235,116,54,.14),transparent 31%),
    radial-gradient(circle at 7% 55%,rgba(240,194,123,.06),transparent 34%),
    var(--bg);
}
.site-header{background:rgba(15,7,6,.86)}
.nav-links a.active:after{background:var(--red)}
h1 em{color:#f1b55e}
.btn-primary{background:#f5ede1;border-color:#f5ede1;color:#17100c}
.btn-primary:hover{background:#fff7eb}

.sunset-hero{
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 72px);
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background-image:url('home-sunset-final.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.sunset-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,3,3,.93) 0%,rgba(7,4,3,.78) 24%,rgba(8,4,3,.33) 45%,rgba(8,4,3,.04) 72%),
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 55%,rgba(10,5,4,.24));
}
.sunset-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:18%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(transparent,var(--bg));
}
.home-page .hero-home{
  position:relative;
  z-index:1;
  min-height:calc(100vh - 72px);
  grid-template-columns:.88fr 1.12fr;
  gap:42px;
  padding:68px 0 76px;
}
.home-page .hero-copy{
  position:relative;
  z-index:2;
  max-width:630px;
}
.home-page .hero-stage{min-height:620px;align-self:stretch}
.home-page .eyebrow{color:#efc27f}
.home-page .eyebrow:before{background:#ed7c3c;box-shadow:0 0 0 6px rgba(237,124,60,.12)}
.home-page .lead{color:#c8bbb1;text-shadow:0 2px 18px rgba(0,0,0,.32)}
.home-page .hero-stats{color:#b8a89d}
.home-page .hero-stats strong{color:#f7efe4}

@media(max-width:1100px){
  .sunset-hero{background-position:58% center}
  .home-page .hero-home{grid-template-columns:1fr .7fr}
}
@media(max-width:960px){
  .sunset-hero{background-position:64% center}
  .sunset-hero:before{
    background:linear-gradient(180deg,rgba(4,3,3,.04) 0%,rgba(5,3,3,.12) 35%,rgba(7,4,3,.88) 69%,rgba(8,4,3,.98) 100%);
  }
  .home-page .hero-home{grid-template-columns:1fr;align-content:end;gap:0;padding:28px 0 64px}
  .home-page .hero-stage{order:-1;min-height:43vh}
  .home-page .hero-copy{max-width:720px}
}
@media(max-width:620px){
  .sunset-hero{background-position:66% center;min-height:calc(100svh - 66px)}
  .home-page .hero-home{min-height:calc(100svh - 66px);padding:16px 0 46px}
  .home-page .hero-stage{min-height:36vh}
  .home-page .hero-copy{padding-top:10px}
  .home-page .lead{font-size:15px;line-height:1.58;margin:20px 0 24px}
  .home-page .hero-stats{gap:15px;margin-top:25px}
}

/* SUNSET CAT COMPARISON — exact extracted cat, balanced full-width Home */
.home-page .site-header .wrap{
  width:min(1500px,calc(100% - 48px));
}
.cat-view-toggle{
  display:flex;
  align-items:center;
  padding:4px;
  gap:3px;
  border:1px solid rgba(255,235,216,.15);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  flex:0 0 auto;
}
.cat-view-toggle button{
  appearance:none;
  border:0;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  background:transparent;
  color:#b9aaa0;
  cursor:pointer;
  font:750 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.cat-view-toggle button:hover{color:var(--cream)}
.cat-view-toggle button.active{
  color:#21130d;
  background:#f4ede2;
  box-shadow:0 5px 16px rgba(0,0,0,.22);
}
.cat-view-toggle button:focus-visible{outline:2px solid #f0b45e;outline-offset:2px}

.sunset-hero{
  background-image:url('home-sunset-reference.jpg');
  background-position:center center;
  background-size:cover;
  min-height:calc(100svh - 72px);
}
.sunset-hero:before{
  background:
    linear-gradient(90deg,rgba(7,3,3,.97) 0%,rgba(8,4,3,.88) 18%,rgba(8,4,3,.62) 34%,rgba(8,4,3,.24) 49%,rgba(8,4,3,.03) 70%),
    linear-gradient(180deg,rgba(0,0,0,.06),transparent 55%,rgba(10,5,4,.30));
}
.sunset-hero:after{height:13%}
.home-page .hero-home-wide{
  width:min(1600px,100%);
  margin:0 auto;
  min-height:calc(100svh - 72px);
  padding:clamp(54px,7vh,78px) clamp(36px,5.5vw,112px) clamp(62px,7vh,86px);
  display:grid;
  grid-template-columns:minmax(520px,620px) minmax(520px,1fr);
  align-items:center;
  gap:clamp(20px,3vw,54px);
}
.home-page .hero-copy{
  max-width:620px;
  align-self:center;
}
.home-page .hero-copy h1{
  font-size:clamp(68px,6.6vw,108px);
  line-height:.82;
}
.home-page .hero-copy h1 span,
.home-page .hero-copy h1 em{display:block}
.home-page .hero-copy h1 em{
  margin-top:8px;
  white-space:nowrap;
}
.home-page .hero-copy .lead{
  max-width:610px;
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.62;
}
.home-page .hero-stage{
  position:relative;
  min-height:min(72vh,690px);
  align-self:stretch;
  pointer-events:none;
  isolation:isolate;
}
.cat-sky-mask{
  position:absolute;
  z-index:0;
  top:-5%;
  right:clamp(20px,5vw,105px);
  width:clamp(390px,34vw,590px);
  height:clamp(500px,65vh,720px);
  border-radius:48% 52% 46% 54%;
  background:radial-gradient(ellipse at 48% 43%,rgba(244,166,86,.20) 0%,rgba(238,142,67,.12) 42%,rgba(238,142,67,0) 72%);
  -webkit-backdrop-filter:blur(20px) saturate(.88);
  backdrop-filter:blur(20px) saturate(.88);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 43%,rgba(0,0,0,.82) 58%,transparent 76%);
  mask-image:radial-gradient(ellipse at center,#000 43%,rgba(0,0,0,.82) 58%,transparent 76%);
}
.cat-spirit-glow{
  position:absolute;
  z-index:1;
  top:2%;
  right:clamp(45px,7vw,145px);
  width:clamp(300px,27vw,460px);
  height:clamp(470px,61vh,650px);
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 42%,rgba(255,223,158,.35),rgba(238,140,63,.13) 48%,transparent 72%);
  filter:blur(18px);
  opacity:.52;
  transition:opacity .35s ease,filter .35s ease,transform .35s ease;
}
.hero-hang-cat{
  position:absolute;
  z-index:2;
  top:-22px;
  right:clamp(55px,8.5vw,175px);
  height:min(69vh,670px);
  width:auto;
  max-width:47vw;
  object-fit:contain;
  object-position:top center;
  transform-origin:50% 10%;
  transition:opacity .38s ease,filter .38s ease,transform .38s ease;
  animation:catFloat 7s ease-in-out infinite alternate;
}
.cat-view-solid .hero-hang-cat{
  opacity:.94;
  mix-blend-mode:normal;
  filter:saturate(.72) sepia(.08) brightness(.96) contrast(.96) drop-shadow(0 18px 34px rgba(65,28,11,.38));
}
.cat-view-solid .cat-spirit-glow{opacity:.32;filter:blur(16px)}
.cat-view-ethereal .hero-hang-cat{
  opacity:.54;
  mix-blend-mode:screen;
  filter:saturate(.52) sepia(.18) brightness(1.16) contrast(.88) blur(.35px) drop-shadow(0 0 20px rgba(255,214,145,.50)) drop-shadow(0 0 45px rgba(230,125,52,.30));
}
.cat-view-ethereal .cat-spirit-glow{
  opacity:.80;
  filter:blur(25px);
  transform:scale(1.08);
}
@keyframes catFloat{
  from{transform:translateY(0) rotate(-.3deg)}
  to{transform:translateY(7px) rotate(.35deg)}
}

@media(max-width:1250px){
  .home-page .site-header .wrap{width:min(100% - 32px,1500px)}
  .nav{gap:14px}
  .nav-links{gap:16px}
  .cat-view-toggle button{padding:0 10px}
  .home-page .hero-home-wide{
    grid-template-columns:minmax(470px,560px) minmax(420px,1fr);
    padding-left:clamp(28px,4.5vw,72px);
    padding-right:clamp(28px,4.5vw,72px);
  }
  .hero-hang-cat{right:clamp(25px,5vw,90px);height:min(65vh,620px)}
  .cat-sky-mask{right:0}
}
@media(max-width:980px){
  .cat-view-toggle{margin-left:auto}
  .hang-mode-trigger{padding:0 14px}
  .home-page .hero-home-wide{
    grid-template-columns:1fr;
    align-content:end;
    padding-top:30px;
    gap:0;
  }
  .home-page .hero-stage{
    position:absolute;
    inset:0;
    min-height:0;
    z-index:0;
  }
  .home-page .hero-copy{z-index:3;max-width:650px;padding-top:34vh}
  .hero-hang-cat{top:0;right:5vw;height:min(48vh,460px);max-width:52vw}
  .cat-sky-mask{top:-5%;right:0;width:52vw;height:55vh}
  .cat-spirit-glow{top:0;right:4vw;width:42vw;height:50vh}
  .sunset-hero:before{
    background:linear-gradient(180deg,rgba(5,3,3,.05) 0%,rgba(5,3,3,.12) 34%,rgba(7,4,3,.82) 63%,rgba(8,4,3,.98) 100%);
  }
}
@media(max-width:720px){
  .cat-view-toggle{display:none}
  .home-page .site-header .wrap{width:min(100% - 24px,1500px)}
  .home-page .hero-home-wide{padding:18px 20px 46px}
  .home-page .hero-copy{padding-top:31vh}
  .home-page .hero-copy h1{font-size:clamp(52px,15vw,75px)}
  .home-page .hero-copy h1 em{white-space:normal}
  .hero-hang-cat{right:-1vw;height:min(43vh,400px);max-width:62vw}
}
@media(prefers-reduced-motion:reduce){
  .hero-hang-cat{animation:none}
  .hero-hang-cat,.cat-spirit-glow{transition:none}
}

/* Alignment refinement: cover the prototype cat and place the exact extracted cat in the same visual axis. */
.cat-sky-mask{
  top:-8%;
  right:clamp(-8px,1.5vw,28px);
  width:clamp(420px,32vw,570px);
  height:clamp(440px,57vh,620px);
  background:radial-gradient(ellipse at 55% 38%,rgba(246,184,103,.92) 0%,rgba(236,139,65,.72) 32%,rgba(209,92,31,.36) 54%,rgba(209,92,31,0) 76%);
  -webkit-backdrop-filter:blur(28px) saturate(.72);
  backdrop-filter:blur(28px) saturate(.72);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 45%,rgba(0,0,0,.94) 59%,transparent 78%);
  mask-image:radial-gradient(ellipse at center,#000 45%,rgba(0,0,0,.94) 59%,transparent 78%);
}
.cat-spirit-glow{
  top:-2%;
  right:clamp(20px,3.5vw,70px);
  width:clamp(300px,24vw,420px);
  height:clamp(400px,54vh,580px);
}
.hero-hang-cat{
  top:-78px;
  right:clamp(18px,4vw,78px);
  height:min(58vh,610px);
  max-width:42vw;
}
@media(max-width:1250px){
  .hero-hang-cat{top:-52px;right:2vw;height:min(55vh,560px)}
  .cat-sky-mask{right:-3vw}
}
@media(max-width:980px){
  .hero-hang-cat{top:-34px;right:1vw;height:min(43vh,430px);max-width:48vw}
  .cat-sky-mask{top:-4%;right:-5vw;width:50vw;height:48vh}
  .cat-spirit-glow{top:-2%;right:-1vw;width:40vw;height:44vh}
}
.hero-hang-cat{top:-108px}
@media(max-width:1250px){.hero-hang-cat{top:-82px}}
@media(max-width:980px){.hero-hang-cat{top:-52px}}
/* Keep the sky natural: blur only the former prototype cat instead of painting a flat orange disc. */
.cat-sky-mask{
  background:radial-gradient(ellipse at 55% 40%,rgba(246,184,103,.12) 0%,rgba(236,139,65,.07) 48%,transparent 75%);
  -webkit-backdrop-filter:blur(34px) saturate(.76);
  backdrop-filter:blur(34px) saturate(.76);
}

/* Two-layer rendering keeps the exact cat covering the prototype while allowing a spirit treatment. */
.cat-ghost{opacity:0;pointer-events:none}
.cat-view-solid .cat-base{
  opacity:.95;
  mix-blend-mode:normal;
  filter:saturate(.70) sepia(.08) brightness(.95) contrast(.97) drop-shadow(0 18px 34px rgba(65,28,11,.38));
}
.cat-view-solid .cat-ghost{opacity:0}
.cat-view-ethereal .cat-base{
  opacity:.80;
  mix-blend-mode:screen;
  filter:saturate(.48) sepia(.16) brightness(1.18) contrast(.90) drop-shadow(0 0 16px rgba(255,220,158,.55)) drop-shadow(0 0 38px rgba(232,132,58,.30));
}
.cat-view-ethereal .cat-ghost{
  opacity:.24;
  mix-blend-mode:screen;
  filter:saturate(.35) sepia(.22) brightness(1.30) blur(7px) drop-shadow(0 0 42px rgba(255,210,132,.65));
  transform:scale(1.025) translateY(4px);
  animation:none;
}

/* FINAL CAT COMPARISON FIX — one exact original cat, warm grade, balanced layout */
.sunset-hero{
  background-image:url('home-sunset-reference.jpg');
  background-position:center center;
  background-size:cover;
}
.sunset-hero:before{
  background:
    linear-gradient(90deg,rgba(7,3,3,.72) 0%,rgba(8,4,3,.56) 18%,rgba(8,4,3,.28) 34%,rgba(8,4,3,.08) 48%,transparent 62%),
    linear-gradient(180deg,rgba(0,0,0,.04),transparent 57%,rgba(10,5,4,.25));
}
.home-page .hero-home-wide{
  width:min(1720px,100%);
  grid-template-columns:minmax(500px,620px) minmax(0,1fr);
  gap:clamp(28px,4.2vw,76px);
  padding-left:clamp(42px,5vw,92px);
  padding-right:clamp(42px,5vw,92px);
}
.home-page .hero-copy{
  max-width:620px;
}
.home-page .hero-copy h1{
  font-size:clamp(68px,6.2vw,104px);
  line-height:.84;
}
.home-page .hero-copy .lead{
  max-width:620px;
}
.home-page .hero-stage{
  min-height:min(70vh,660px);
}
.cat-sky-mask{display:none!important}
.cat-spirit-glow{
  z-index:1;
  top:1%;
  right:clamp(72px,8.5vw,165px);
  width:clamp(260px,23vw,390px);
  height:clamp(390px,52vh,550px);
  background:radial-gradient(ellipse at 50% 40%,rgba(255,214,145,.34),rgba(232,131,56,.14) 48%,transparent 73%);
  filter:blur(22px);
  opacity:.58;
}
.hero-hang-cat{
  z-index:2;
  top:8px;
  right:clamp(78px,8vw,155px);
  height:min(52vh,520px);
  max-width:34vw;
  opacity:.96;
  mix-blend-mode:normal;
  filter:saturate(.90) sepia(.08) brightness(.98) contrast(.98) drop-shadow(0 16px 32px rgba(72,30,10,.40));
  animation:catFloat 7s ease-in-out infinite alternate;
}
.cat-view-solid .hero-hang-cat{
  opacity:.96;
  mix-blend-mode:normal;
  filter:saturate(.90) sepia(.08) brightness(.98) contrast(.98) drop-shadow(0 16px 32px rgba(72,30,10,.40));
}
.cat-view-solid .cat-spirit-glow{
  opacity:.30;
  filter:blur(18px);
}
.cat-view-ethereal .hero-hang-cat{
  opacity:.67;
  mix-blend-mode:screen;
  filter:saturate(.82) sepia(.12) brightness(1.08) contrast(.94) blur(.18px)
         drop-shadow(0 0 18px rgba(255,221,160,.58))
         drop-shadow(0 0 42px rgba(231,128,51,.31));
}
.cat-view-ethereal .cat-spirit-glow{
  opacity:.78;
  filter:blur(26px);
  transform:scale(1.06);
}
.cat-ghost,.cat-base{display:none!important}

@media(max-width:1250px){
  .home-page .hero-home-wide{
    grid-template-columns:minmax(460px,560px) minmax(0,1fr);
    padding-left:clamp(30px,4vw,62px);
    padding-right:clamp(30px,4vw,62px);
  }
  .hero-hang-cat{top:10px;right:clamp(38px,5vw,82px);height:min(49vh,485px);max-width:38vw}
  .cat-spirit-glow{right:clamp(35px,5vw,90px)}
}
@media(max-width:980px){
  .home-page .hero-copy{padding-top:34vh}
  .hero-hang-cat{top:6px;right:4vw;height:min(42vh,410px);max-width:46vw}
  .cat-spirit-glow{top:0;right:2vw;width:42vw;height:44vh}
  .sunset-hero:before{
    background:linear-gradient(180deg,rgba(5,3,3,.04) 0%,rgba(5,3,3,.10) 32%,rgba(7,4,3,.76) 62%,rgba(8,4,3,.98) 100%);
  }
}
@media(max-width:720px){
  .hero-hang-cat{top:4px;right:-1vw;height:min(37vh,350px);max-width:58vw}
  .home-page .hero-copy{padding-top:29vh}
}
/* Preserve the warm source colors in the ethereal option; glow, not gray, creates the spirit effect. */
.cat-view-ethereal .hero-hang-cat{
  opacity:.68;
  mix-blend-mode:normal;
  filter:saturate(.86) sepia(.10) brightness(1.03) contrast(.95) blur(.15px)
         drop-shadow(0 0 18px rgba(255,221,160,.58))
         drop-shadow(0 0 42px rgba(231,128,51,.31));
}


/* HOME SUNSET — SINGLE APPROVED DIRECTION
   Full-width continuous landscape, fixed warm ethereal cat, no comparison toggle. */
.home-page{
  --sunset-orange:#f28a24;
  --sunset-gold:#f4b24c;
}
.home-page .site-header{
  background:rgba(18,8,6,.84);
  border-bottom-color:rgba(244,178,76,.13);
}
.home-page .site-header .wrap{
  width:min(1500px,calc(100% - 40px));
}
.home-page .cat-view-toggle{display:none!important}
.sunset-hero{
  min-height:calc(100svh - 72px);
  background-image:url('home-sunset-expanded-final.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  isolation:isolate;
}
.sunset-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(7,3,2,.70) 0%,
      rgba(8,4,3,.58) 16%,
      rgba(10,5,3,.40) 29%,
      rgba(10,5,3,.18) 43%,
      rgba(10,5,3,.05) 56%,
      transparent 68%),
    linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 54%,rgba(8,4,3,.24) 100%);
}
.sunset-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:10%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(7,4,3,.46));
}
.home-page .hero-home-wide{
  position:relative;
  z-index:1;
  width:min(1640px,100%);
  min-height:calc(100svh - 72px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(24px,3.7vw,68px);
  padding:clamp(34px,4.2vw,70px) clamp(34px,5vw,90px) clamp(46px,5vw,84px);
}
.home-page .hero-copy{
  position:relative;
  z-index:3;
  width:100%;
  max-width:640px;
  padding:0;
}
.home-page .hero-copy h1{
  font-size:clamp(66px,6vw,102px);
  line-height:.86;
  margin:.20em 0 .34em;
}
.home-page .hero-copy h1 em{
  white-space:nowrap;
  color:var(--sunset-gold);
}
.home-page .hero-copy .lead{
  max-width:600px;
  color:rgba(241,234,220,.78);
}
.home-page .hero-stage{
  position:relative;
  z-index:2;
  min-height:min(70vh,650px);
  align-self:stretch;
  pointer-events:none;
}
.home-page .hero-hang-cat{
  top:2px;
  right:clamp(68px,7vw,142px);
  height:min(51vh,515px);
  max-width:35vw;
  opacity:.79;
  mix-blend-mode:normal;
  filter:saturate(.98) sepia(.07) brightness(1.03) contrast(.97)
         drop-shadow(0 0 17px rgba(255,218,151,.48))
         drop-shadow(0 0 34px rgba(231,126,45,.24));
  animation:catFloat 7s ease-in-out infinite alternate;
}
.home-page .cat-spirit-glow{
  top:1%;
  right:clamp(62px,7vw,142px);
  width:clamp(260px,22vw,380px);
  height:clamp(380px,50vh,540px);
  opacity:.60;
  filter:blur(24px);
  background:radial-gradient(ellipse at 50% 39%,rgba(255,217,151,.30),rgba(233,130,50,.12) 48%,transparent 73%);
}

@media(max-width:1160px){
  .home-page .hero-home-wide{
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
    gap:18px;
    padding-left:32px;
    padding-right:32px;
  }
  .home-page .hero-copy h1{font-size:clamp(58px,7vw,82px)}
  .home-page .hero-hang-cat{
    right:3vw;
    height:min(46vh,455px);
    max-width:40vw;
  }
  .home-page .cat-spirit-glow{right:2vw}
}

@media(max-width:980px){
  .sunset-hero{
    min-height:calc(100svh - 66px);
    background-position:58% center;
  }
  .sunset-hero:before{
    background:
      linear-gradient(90deg,rgba(7,3,2,.68) 0%,rgba(8,4,3,.48) 31%,rgba(8,4,3,.16) 57%,transparent 76%),
      linear-gradient(180deg,rgba(0,0,0,.03),transparent 55%,rgba(7,4,3,.28));
  }
  .home-page .hero-home-wide{
    min-height:calc(100svh - 66px);
    display:block;
    padding:46px 28px 58px;
  }
  .home-page .hero-copy{
    max-width:min(590px,61vw);
    padding-top:clamp(32px,7vh,72px);
  }
  .home-page .hero-copy h1{
    font-size:clamp(56px,8.2vw,78px);
  }
  .home-page .hero-stage{
    position:absolute;
    inset:0;
    min-height:0;
  }
  .home-page .hero-hang-cat{
    top:4px;
    right:3vw;
    height:min(43vh,410px);
    max-width:43vw;
  }
  .home-page .cat-spirit-glow{
    top:0;
    right:1vw;
    width:39vw;
    height:43vh;
  }
}

@media(max-width:720px){
  .sunset-hero{background-position:61% center}
  .sunset-hero:before{
    background:linear-gradient(180deg,rgba(7,3,2,.10) 0%,rgba(7,3,2,.18) 30%,rgba(7,3,2,.78) 61%,rgba(7,3,2,.98) 100%);
  }
  .home-page .hero-home-wide{padding:24px 20px 50px}
  .home-page .hero-copy{
    max-width:100%;
    padding-top:31vh;
  }
  .home-page .hero-copy h1{
    font-size:clamp(50px,14vw,70px);
  }
  .home-page .hero-copy h1 em{white-space:normal}
  .home-page .hero-hang-cat{
    top:2px;
    right:-2vw;
    height:min(37vh,345px);
    max-width:58vw;
  }
  .home-page .cat-spirit-glow{
    right:-3vw;
    width:55vw;
    height:38vh;
  }
}

/* GAME V7 BETA 1 — crypto actors + Sminem breakout */
.game-card{
  position:relative;
  overflow:visible;
  isolation:isolate;
  transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease;
}
.game-toolbar{
  position:relative;
  z-index:2;
  border-radius:30px 30px 0 0;
  background:#0e1511;
}
.game-stage-shell{
  position:relative;
  overflow:hidden;
  border-radius:0 0 30px 30px;
  background:#101d16;
}
.game-card.sminem-rush{
  border-color:rgba(77,255,137,.68);
  box-shadow:0 0 0 1px rgba(77,255,137,.18),0 28px 90px rgba(23,214,89,.24);
}
.game-card.sminem-breakout{
  animation:sminemFrameBreak .42s ease-out 1;
}
@keyframes sminemFrameBreak{
  0%{filter:brightness(1);transform:translateY(0)}
  34%{filter:brightness(1.45);transform:translateY(-2px)}
  66%{filter:brightness(1.12);transform:translateY(2px)}
  100%{filter:brightness(1);transform:translateY(0)}
}

#nextRare{color:#70ff9d}
.pill-rare{
  border-color:rgba(74,255,134,.34);
  background:rgba(53,214,105,.08);
}
.game-signal-key{
  display:grid;
  gap:9px;
  margin-top:17px;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(0,0,0,.16);
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.game-signal-key>div{display:flex;align-items:center;gap:8px}
.game-signal-key strong{color:var(--cream)}
.signal-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  flex:0 0 10px;
  box-shadow:0 0 12px currentColor;
}
.signal-dot.negative{color:#ff765f;background:#ff765f}
.signal-dot.positive{color:#72f7a1;background:#72f7a1}
.signal-dot.rare{color:#c9ff00;background:#c9ff00}

.sminem-world-fx{
  position:fixed;
  inset:0;
  z-index:180;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:
    radial-gradient(circle at 50% 54%,rgba(53,255,119,.24),transparent 34%),
    linear-gradient(180deg,rgba(28,235,96,.08),rgba(4,103,38,.24));
  box-shadow:inset 0 0 140px rgba(44,255,112,.24);
  mix-blend-mode:screen;
  transition:opacity .28s ease,visibility .28s ease;
}
.sminem-world-fx.active{
  opacity:1;
  visibility:visible;
  animation:sminemWorldPulse .72s ease-in-out infinite alternate;
}
@keyframes sminemWorldPulse{
  from{filter:saturate(1.05) brightness(1)}
  to{filter:saturate(1.35) brightness(1.1)}
}
body.sminem-market-active .site-header,
body.sminem-market-active .game-side,
body.sminem-market-active .footer{
  box-shadow:inset 0 0 0 999px rgba(30,171,73,.045);
}

.sminem-mega-layer{
  position:fixed;
  inset:0;
  z-index:210;
  pointer-events:none;
  display:none;
  overflow:visible;
}
.sminem-mega-layer.active{display:block}
.sminem-mega-candle{
  position:fixed;
  border-radius:18px;
  filter:drop-shadow(0 0 18px rgba(73,255,128,.9)) drop-shadow(0 0 52px rgba(25,219,83,.62));
  transform-origin:50% 100%;
  will-change:transform,opacity;
}
.sminem-mega-candle .mega-body{
  position:absolute;
  inset:5% 0 2%;
  border:3px solid rgba(203,255,216,.82);
  border-radius:18px;
  background:linear-gradient(90deg,#19a84c 0%,#45ef7e 34%,#a4ffc0 52%,#32d968 70%,#0c8c39 100%);
  box-shadow:inset 0 0 26px rgba(255,255,255,.42),0 0 40px rgba(52,255,118,.72);
}
.sminem-mega-candle .mega-highlight{
  position:absolute;
  left:18%;
  top:12%;
  bottom:12%;
  width:16%;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.74),transparent);
  opacity:.8;
}
.sminem-mega-candle .mega-wick{
  position:absolute;
  left:50%;
  width:7px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#d9ffe4;
  box-shadow:0 0 13px rgba(89,255,139,.9);
}
.sminem-mega-candle .mega-wick.top{top:0;height:6%}
.sminem-mega-candle .mega-wick.bottom{bottom:0;height:3%}

.sminem-break-point{
  position:fixed;
  width:20px;
  height:20px;
  transform:translate(-50%,-50%);
  opacity:0;
}
.sminem-break-point:before,
.sminem-break-point:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  border:3px solid rgba(98,255,145,.9);
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.2);
  opacity:0;
}
.sminem-break-point.active:before{animation:sminemRing .62s ease-out 1}
.sminem-break-point.active:after{animation:sminemRing .62s .12s ease-out 1}
.sminem-break-point i{
  position:absolute;
  left:50%;
  top:50%;
  width:4px;
  height:52px;
  border-radius:999px;
  background:linear-gradient(rgba(220,255,229,.95),rgba(47,255,112,0));
  transform-origin:50% 0;
  opacity:0;
}
.sminem-break-point.active i{animation:sminemShard .56s ease-out 1}
.sminem-break-point i:nth-child(1){transform:rotate(0deg)}
.sminem-break-point i:nth-child(2){transform:rotate(60deg)}
.sminem-break-point i:nth-child(3){transform:rotate(120deg)}
.sminem-break-point i:nth-child(4){transform:rotate(180deg)}
.sminem-break-point i:nth-child(5){transform:rotate(240deg)}
.sminem-break-point i:nth-child(6){transform:rotate(300deg)}
@keyframes sminemRing{
  0%{width:12px;height:12px;opacity:1;transform:translate(-50%,-50%) scale(.2)}
  100%{width:210px;height:210px;opacity:0;transform:translate(-50%,-50%) scale(1)}
}
@keyframes sminemShard{
  0%{opacity:1;height:8px}
  100%{opacity:0;height:92px}
}

@media(max-width:960px){
  .game-cycle-card .pills{gap:6px}
  .game-cycle-card .pill{font-size:10px;padding:7px 9px}
}
@media(max-width:620px){
  .game-signal-key{font-size:11px}
  .sminem-mega-candle{border-radius:12px}
  .sminem-mega-candle .mega-body{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  .sminem-world-fx.active{animation:none}
  .game-card.sminem-breakout{animation:none}
}

/* V7 BETA 3 — focused Home copy + game polish */
.home-page .hero-copy h1{
  font-size:clamp(58px,5.2vw,88px);
  line-height:.91;
  margin:.22em 0 .30em;
}
.home-page .hero-copy .hero-story{
  max-width:610px;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.56;
}
.home-page .hero-copy .hero-story strong{
  color:var(--sunset-gold);
  letter-spacing:.04em;
}
.home-page .hero-closing{
  margin-top:17px;
  color:rgba(247,239,228,.92);
  font:italic 500 clamp(28px,2.45vw,42px)/1 Georgia,serif;
  letter-spacing:-.035em;
}
.home-page .hero-closing strong{color:var(--sunset-gold)}
.home-page .actions{margin-top:24px}
.home-page .hero-stats{margin-top:27px;gap:22px}
.home-page .hero-stats>div{max-width:175px}

.game-toolbar-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.audio-toggle{
  min-height:40px;
  padding:0 15px;
  border-color:rgba(112,233,151,.24);
  background:rgba(50,130,78,.08);
  color:#ccebd5;
}
.audio-toggle[aria-pressed="true"]{
  border-color:rgba(112,233,151,.55);
  background:rgba(50,180,93,.16);
  color:#8dffb0;
  box-shadow:0 0 22px rgba(65,219,112,.10);
}
.game-stage-shell{
  background:
    radial-gradient(circle at 72% 18%,rgba(92,164,111,.10),transparent 38%),
    linear-gradient(180deg,#07110e,#0b1b13 60%,#030806);
}
.sminem-mega-layer.active{
  animation:megaLayerIn .16s ease-out both;
}
@keyframes megaLayerIn{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:980px){
  .home-page .hero-copy h1{font-size:clamp(48px,7.4vw,70px)}
  .home-page .hero-copy .hero-story{font-size:15px;line-height:1.48}
  .home-page .hero-closing{font-size:clamp(26px,4vw,36px)}
}
@media(max-width:720px){
  .home-page .hero-copy h1{font-size:clamp(44px,12.5vw,62px)}
  .home-page .hero-copy .hero-story br{display:none}
  .home-page .hero-copy .hero-story{font-size:14px}
  .home-page .hero-closing{margin-top:14px}
}
@media(max-width:620px){
  .game-toolbar-actions{width:100%;justify-content:space-between}
  .game-toolbar-actions .btn{flex:1}
}

/* V8 — Home continuity + Creator Hub */
.sunset-hero{background-image:url('home-sunset-v8b.jpg')}
.home-page .hero-copy h1 em{display:block;color:#f1a24b}
.home-page .hero-copy .hero-story{display:grid;gap:3px;margin:18px 0 0}
.home-page .hero-copy .hero-story p{margin:0}
.home-page .hero-copy .hero-story p+p{margin-top:2px}

.creator-page{
  background:
    radial-gradient(circle at 80% 4%,rgba(236,126,53,.16),transparent 26%),
    radial-gradient(circle at 8% 44%,rgba(239,180,95,.07),transparent 32%),
    #100807;
}
.creator-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding:86px 0 76px}
.creator-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(12,6,5,.98),rgba(31,14,9,.84) 47%,rgba(94,38,14,.45)),url('home-sunset-v8b.jpg') center/cover;opacity:.9}
.creator-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,4,4,.48),transparent 58%);pointer-events:none}
.creator-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.creator-hero-copy h1{font-size:clamp(64px,7.2vw,106px);line-height:.86}
.creator-hero-copy h1 em{color:#f1a24b}
.creator-hero-copy .lead{max-width:610px}
.creator-hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.creator-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.creator-trust-row span{border:1px solid rgba(255,235,216,.16);background:rgba(10,6,5,.4);border-radius:999px;padding:8px 11px;color:#d6c6ba;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.creator-demo{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center;gap:18px}
.creator-demo-orbit{position:absolute;width:510px;height:510px;border:1px solid rgba(255,190,112,.16);border-radius:50%;box-shadow:0 0 95px rgba(234,110,47,.17),inset 0 0 100px rgba(255,187,103,.05)}
.creator-demo-card{position:relative;width:210px;border:1px solid rgba(255,235,216,.16);border-radius:26px;padding:11px;background:rgba(13,8,7,.76);backdrop-filter:blur(14px);box-shadow:0 28px 90px rgba(0,0,0,.42)}
.creator-demo-card>span{display:block;padding:6px 5px 12px;color:#c8b6aa;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.creator-demo-card img{display:block;width:100%;border-radius:17px;aspect-ratio:1;object-fit:cover}
.creator-demo-source{transform:translateY(46px) rotate(-4deg)}
.creator-demo-result{width:270px;transform:translateY(-24px) rotate(2deg)}
.creator-demo-arrow{position:relative;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f1a24b;color:#1a0d08;font-weight:900;box-shadow:0 0 34px rgba(241,162,75,.35)}
.creator-demo-scene{position:relative;overflow:hidden;border-radius:17px;aspect-ratio:4/5;background:linear-gradient(#4b2b18,#da8138 55%,#332018);display:grid;place-items:center}
.creator-demo-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 56% 34%,rgba(255,220,157,.5),transparent 31%),linear-gradient(transparent 62%,rgba(9,5,4,.62))}
.creator-demo-scene img{position:relative;z-index:2;width:68%;height:auto;aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.36));animation:creatorFloat 3.8s ease-in-out infinite alternate}
.creator-demo-rope{position:absolute;z-index:3;top:13%;left:8%;right:8%;height:7px;border-radius:999px;background:#d7bd94;box-shadow:0 2px 0 rgba(75,46,24,.6)}
.creator-demo-scene b{position:absolute;z-index:4;left:15px;right:15px;bottom:16px;font:700 17px/1.04 Inter,system-ui,sans-serif;letter-spacing:.04em;color:white;text-shadow:0 2px 12px #000}
.creator-demo-scene b i{color:#ffac56;font-style:normal}
@keyframes creatorFloat{to{transform:translateY(8px) rotate(.8deg)}}

.creator-section{padding-top:92px}
.creator-section-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:end;margin-bottom:38px}
.creator-section-heading .copy{margin:0}
.creator-workbench{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}
.creator-controls,.creator-results-shell{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 24px 70px rgba(0,0,0,.23)}
.creator-controls{padding:22px;position:sticky;top:92px}
.creator-control-group{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.creator-control-group:last-of-type{border-bottom:0;margin-bottom:9px}
.creator-label{display:block;color:#f2e8dd;font-size:12px;font-weight:800;margin-bottom:10px}
.creator-upload{min-height:112px;border:1px dashed rgba(255,203,146,.35);border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:18px;background:rgba(235,116,54,.05);cursor:pointer;transition:.2s}
.creator-upload:hover{border-color:#f1a24b;background:rgba(235,116,54,.09)}
.creator-upload input{position:absolute;opacity:0;pointer-events:none}
.creator-upload strong{font-size:14px}.creator-upload small,.creator-source-preview small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.creator-source-preview{display:flex;align-items:center;gap:11px;margin-top:12px}
.creator-source-preview img{width:47px;height:47px;border-radius:14px;object-fit:cover;border:1px solid var(--line)}
.creator-source-preview strong{display:block;max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.creator-segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.18)}
.creator-segmented button,.creator-format-grid button{border:0;background:transparent;color:#b6a79d;border-radius:11px;padding:10px 7px;cursor:pointer;font-size:10px;font-weight:800}
.creator-segmented button.active,.creator-format-grid button.active{background:#f1e8dc;color:#17100c}
.creator-range-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:10px}
.creator-range-label output{color:#f1a24b}
.creator-controls input[type="range"]{width:100%;accent-color:#ef7b35}
.creator-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.creator-checks label{display:flex;align-items:center;gap:8px;color:#c7b8ad;font-size:11px}
.creator-checks input{accent-color:#ef7b35}
.creator-text-input{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.2);color:var(--cream);padding:12px 13px;outline:none}
.creator-text-input:focus{border-color:rgba(239,123,53,.6)}
.creator-format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.creator-format-grid button{border:1px solid var(--line);padding:10px 4px}
.creator-generate{width:100%}
.creator-privacy{color:#8f8179;font-size:9px;line-height:1.5;margin:12px 2px 0}
.creator-results-shell{padding:18px}
.creator-results-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 4px 16px}
.creator-results-top strong{display:block}.creator-results-top small{display:block;color:var(--muted);margin-top:4px}
.creator-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.creator-result{appearance:none;border:1px solid var(--line);border-radius:20px;padding:8px;background:rgba(0,0,0,.16);color:var(--cream);cursor:pointer;text-align:left;transition:.2s}
.creator-result:hover,.creator-result.active{border-color:rgba(239,123,53,.65);transform:translateY(-2px);box-shadow:0 17px 45px rgba(0,0,0,.24)}
.creator-result canvas{display:block;width:100%;height:auto;border-radius:14px;background:transparent;aspect-ratio:auto}
.creator-result span{display:block;padding:10px 5px 5px;color:#c9b8ad;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.creator-identity-lock{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:15px;padding:12px;border-top:1px solid var(--line)}
.creator-identity-lock strong{font-size:10px;color:#f1a24b;margin-right:4px}.creator-identity-lock span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#ae9f96;font-size:9px}

.creator-library{background:linear-gradient(180deg,rgba(255,255,255,.014),transparent)}
.poster-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.poster-template{appearance:none;border:1px solid var(--line);border-radius:22px;padding:10px;background:rgba(255,255,255,.02);color:var(--cream);cursor:pointer;text-align:left;transition:.22s}
.poster-template:hover{transform:translateY(-3px);border-color:rgba(239,123,53,.48)}
.poster-template strong,.poster-template small{display:block;padding:0 8px}.poster-template strong{margin-top:12px;font-size:13px}.poster-template small{margin:4px 0 8px;color:var(--muted);font-size:10px}
.poster-thumb{display:block;min-height:210px;border-radius:16px;background:#29140e;position:relative;overflow:hidden}
.poster-thumb:after{content:"HANG IN THERE";position:absolute;left:15px;bottom:13px;color:#fff2df;font:700 13px/1 Inter,sans-serif;letter-spacing:.08em}
.poster-thumb.classic{background:radial-gradient(circle at 52% 36%,#e9ddc1 0 9%,transparent 10%),linear-gradient(140deg,#607353,#273526)}
.poster-thumb.sunset{background:radial-gradient(circle at 70% 65%,#ffd17b 0 6%,transparent 7%),linear-gradient(150deg,#32130e,#e37a31 58%,#4a2016)}
.poster-thumb.market{background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(100,241,144,.09) 32px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(100,241,144,.07) 32px),linear-gradient(#07110e,#12311e)}
.poster-thumb.cosmic{background:radial-gradient(circle at 62% 34%,rgba(184,91,255,.7),transparent 24%),radial-gradient(circle at 20% 16%,#fff 0 1px,transparent 2px),linear-gradient(145deg,#090716,#261054,#071326)}
.poster-thumb.archive{background:linear-gradient(rgba(82,47,25,.14),rgba(82,47,25,.14)),repeating-linear-gradient(0deg,#d7c8a9 0 2px,#cfbd9b 3px 5px)}
.poster-thumb.clean{background:radial-gradient(circle at 50% 45%,#f1d8bc 0 21%,transparent 22%),linear-gradient(145deg,#f0e7d8,#8e947b)}

.creator-studio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.creator-studio-copy h2{margin-bottom:8px}
.creator-studio-mock{border:1px solid var(--line);border-radius:28px;padding:14px;background:#0e0807;box-shadow:0 30px 80px rgba(0,0,0,.32)}
.studio-toolbar{display:flex;gap:8px;padding:2px 2px 12px;flex-wrap:wrap}.studio-toolbar span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#b8a99f;font-size:9px}
.studio-canvas{position:relative;overflow:hidden;border-radius:19px;min-height:410px;background:radial-gradient(circle at 62% 38%,rgba(244,171,79,.44),transparent 27%),linear-gradient(135deg,#2b100b,#a34c20 60%,#1b0d09)}
.studio-canvas img{position:absolute;right:11%;top:2%;height:95%;filter:drop-shadow(0 25px 35px rgba(0,0,0,.42))}
.studio-canvas b{position:absolute;left:7%;bottom:10%;font:500 clamp(32px,4vw,58px)/.92 Georgia,serif;letter-spacing:-.045em;color:#fff1e2}.studio-canvas b i{font-style:italic;color:#f1a24b}

@media(max-width:1000px){
  .creator-hero-grid,.creator-section-heading,.creator-studio-grid{grid-template-columns:1fr}
  .creator-demo{min-height:500px}.creator-workbench{grid-template-columns:1fr}.creator-controls{position:static}.poster-library-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .creator-hero{padding:56px 0}.creator-hero-copy h1{font-size:clamp(54px,15vw,78px)}
  .creator-demo{min-height:430px;gap:8px}.creator-demo-orbit{width:360px;height:360px}.creator-demo-card{width:142px}.creator-demo-result{width:178px}.creator-demo-arrow{width:35px;height:35px}
  .creator-results,.poster-library-grid{grid-template-columns:1fr}.creator-results-top{align-items:flex-start;flex-direction:column}.creator-results-top .btn{width:100%}
  .creator-checks{grid-template-columns:1fr}.creator-format-grid{grid-template-columns:1fr 1fr}.poster-thumb{min-height:180px}.studio-canvas{min-height:330px}
}

/* V8.1 — Home cloud continuity and stronger origin marker */
.sunset-hero{
  background-image:url('home-sunset-v8c.jpg');
}
.home-page .hero-origin{
  display:inline-flex;
  align-items:center;
  gap:11px;
  max-width:100%;
  margin-bottom:24px;
  padding:10px 14px 10px 13px;
  border:1px solid rgba(245,178,90,.24);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(34,13,7,.66),rgba(34,13,7,.28));
  box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.03);
  color:#f3c88d;
  font-size:clamp(11px,.86vw,14px);
  line-height:1.2;
  letter-spacing:.13em;
  white-space:nowrap;
}
.home-page .hero-origin:before{
  width:9px;
  height:9px;
  flex:0 0 9px;
  background:#f08a41;
  box-shadow:0 0 0 6px rgba(240,138,65,.12),0 0 18px rgba(240,138,65,.28);
}
.home-page .hero-origin span{font-weight:760}
.home-page .hero-origin strong{
  color:#fff0dc;
  font-weight:900;
  letter-spacing:.11em;
}
@media(max-width:620px){
  .home-page .hero-origin{
    white-space:normal;
    flex-wrap:wrap;
    gap:5px 9px;
    border-radius:18px;
    font-size:11px;
  }
  .home-page .hero-origin strong{margin-left:18px}
}

/* V8.1 — Creator Hub external-AI forge
   Concept: a guided three-step workflow. Visual language remains Hang In There. */
.creator-forge-page{
  --forge-orange:#f19a47;
  --forge-orange-2:#e97632;
  --forge-ink:#110807;
  --forge-panel:rgba(30,14,10,.74);
  background:
    radial-gradient(circle at 80% 5%,rgba(235,120,49,.18),transparent 25%),
    radial-gradient(circle at 8% 44%,rgba(239,180,95,.07),transparent 31%),
    #100807;
}
.creator-forge-page .site-header{
  background:rgba(18,8,6,.88);
  border-bottom-color:rgba(242,160,75,.14);
}
.forge-hero{
  position:relative;
  overflow:hidden;
  min-height:calc(100svh - 72px);
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,231,207,.10);
  isolation:isolate;
}
.forge-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(102deg,rgba(13,5,4,.97) 0%,rgba(23,9,6,.91) 42%,rgba(64,25,12,.55) 68%,rgba(20,8,5,.77) 100%),
    url('home-sunset-v8c.jpg') center/cover no-repeat;
}
.forge-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 73% 43%,rgba(245,151,70,.18),transparent 27%);
  background-size:48px 48px,48px 48px,auto;
  mask-image:linear-gradient(90deg,transparent 0%,black 48%,black 100%);
}
.forge-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(390px,.78fr);
  gap:clamp(42px,7vw,110px);
  align-items:center;
  padding:74px 0 84px;
}
.forge-hero-copy{position:relative;z-index:3;max-width:700px}
.forge-hero-copy h1,
.forge-hero-copy h2{
  font-size:clamp(68px,7.4vw,116px);
  line-height:.84;
}
.forge-hero-copy h1 em,
.forge-hero-copy h2 em{color:var(--forge-orange);font-style:italic}
.forge-hero-copy .lead{max-width:650px;color:#c9b9ae;font-size:clamp(17px,1.45vw,21px)}
.forge-hero-visual{
  position:relative;
  min-height:650px;
  display:grid;
  place-items:center;
}
.forge-orbit{
  position:absolute;
  border:1px solid rgba(244,169,91,.16);
  border-radius:50%;
  pointer-events:none;
}
.forge-orbit-one{width:560px;height:560px;box-shadow:0 0 110px rgba(234,112,46,.16),inset 0 0 90px rgba(255,181,99,.04)}
.forge-orbit-two{width:410px;height:410px;border-style:dashed;animation:forgeSpin 32s linear infinite}
@keyframes forgeSpin{to{transform:rotate(360deg)}}
.forge-poster-card{
  position:relative;
  z-index:2;
  width:min(390px,78%);
  margin:0;
  padding:12px;
  border:1px solid rgba(255,238,220,.17);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
  box-shadow:0 40px 115px rgba(0,0,0,.58);
  transform:rotate(2deg);
}
.forge-poster-card:before{
  content:"YOUR CAT. SAME GRIP.";
  position:absolute;
  right:-26px;
  top:58px;
  z-index:3;
  padding:9px 12px;
  border-radius:999px;
  background:var(--forge-orange);
  color:#1b0d08;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  box-shadow:0 13px 30px rgba(0,0,0,.28);
}
.forge-poster-card img{display:block;width:100%;border-radius:20px;aspect-ratio:1046/1503;object-fit:cover}
.forge-poster-card figcaption{display:flex;justify-content:space-between;gap:12px;align-items:end;padding:13px 7px 5px}
.forge-poster-card figcaption span{color:#9e8d83;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.forge-poster-card figcaption strong{font-size:12px;color:#f4e8dc}

.forge-section{padding-top:100px}
.forge-heading{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:60px;
  align-items:end;
  margin-bottom:40px;
}
.forge-heading .copy{margin:0}
.forge-shell{
  display:grid;
  grid-template-columns:minmax(270px,360px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.forge-template-panel,
.forge-steps,
.forge-profile-guide{
  border:1px solid rgba(255,232,211,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:0 28px 80px rgba(0,0,0,.25);
}
.forge-template-panel{
  position:sticky;
  top:92px;
  padding:15px;
  border-radius:28px;
}
.forge-panel-label{
  color:#d9a167;
  font-size:9px;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin:4px 5px 13px;
}
.forge-template-image{display:block;width:100%;border-radius:19px;aspect-ratio:1046/1503;object-fit:cover}
.forge-template-panel p{margin:13px 7px 5px;color:#96877f;font-size:10px;line-height:1.65}
.forge-download-button{
  min-height:52px;
  margin-top:12px;
  padding:0 17px;
  border-radius:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:linear-gradient(90deg,#fff0dd,#f4a75b);
  color:#1c0d08;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.22s ease;
}
.forge-download-button:hover{transform:translateY(-2px);filter:brightness(1.04)}
.forge-download-button b{font-size:17px}
.forge-steps{border-radius:28px;overflow:hidden}
.forge-step{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:12px;
  padding:30px 32px 32px 24px;
  border-bottom:1px solid rgba(255,232,211,.10);
  position:relative;
}
.forge-step:last-child{border-bottom:0}
.forge-step:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(var(--forge-orange),transparent 82%);
  opacity:0;
  transition:.25s;
}
.forge-step:hover:before{opacity:1}
.forge-step-number{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,160,75,.32);
  border-radius:50%;
  color:var(--forge-orange);
  font:500 23px/1 Georgia,serif;
  background:rgba(239,123,53,.06);
}
.forge-step-kicker{
  display:block;
  color:var(--forge-orange);
  font-size:9px;
  font-weight:850;
  letter-spacing:.19em;
  text-transform:uppercase;
  margin:2px 0 8px;
}
.forge-step h3{font:500 clamp(25px,2.4vw,38px)/1.04 Georgia,serif;margin:0 0 10px;letter-spacing:-.035em}
.forge-step p{color:#a7988f;line-height:1.65;font-size:13px;margin:0 0 17px;max-width:830px}
.forge-step p strong{color:#eadfd5}
.forge-action{
  min-height:45px;
  padding:0 16px;
  border:1px solid rgba(255,232,211,.13);
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:#f1e7dd;
  background:rgba(255,255,255,.025);
  cursor:pointer;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:.2s ease;
}
.forge-action:hover{transform:translateY(-2px);border-color:rgba(242,160,75,.45)}
.forge-action-primary{background:linear-gradient(90deg,#f8ead8,#f3a352);color:#1b0d08;border-color:transparent}
.forge-prompt-box{
  overflow:hidden;
  border:1px solid rgba(255,232,211,.13);
  border-radius:20px;
  background:rgba(5,3,2,.37);
}
.forge-prompt-box textarea{
  display:block;
  width:100%;
  height:330px;
  resize:vertical;
  border:0;
  outline:0;
  padding:20px;
  color:#cfc1b7;
  background:transparent;
  font:11px/1.72 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  scrollbar-color:#8b512b rgba(255,255,255,.03);
}
.forge-prompt-footer{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:11px 12px 11px 18px;
  border-top:1px solid rgba(255,232,211,.10);
  background:rgba(255,255,255,.018);
}
.forge-prompt-footer span{color:#8e7f76;font-size:10px}
.forge-mini-steps{margin:4px 0 20px;padding:0;list-style:none;counter-reset:forgeMini;display:grid;gap:8px}
.forge-mini-steps li{counter-increment:forgeMini;display:flex;align-items:flex-start;gap:10px;color:#b5a59c;font-size:12px;line-height:1.55}
.forge-mini-steps li:before{content:counter(forgeMini);flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(242,160,75,.10);color:var(--forge-orange);font-size:9px;font-weight:900}
.forge-mini-steps strong{color:#eadfd5}
.forge-ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:690px}
.forge-ai-button{
  min-height:58px;
  border:1px solid rgba(242,160,75,.28);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  color:#f4e8de;
  background:linear-gradient(120deg,rgba(240,133,57,.10),rgba(255,255,255,.018));
  font-size:12px;
  font-weight:850;
  transition:.22s;
}
.forge-ai-button:hover{transform:translateY(-2px);background:rgba(240,133,57,.14);border-color:rgba(242,160,75,.52)}
.forge-ai-button b{color:var(--forge-orange);font-size:16px}
.forge-note{color:#7f726b!important;font-size:10px!important;line-height:1.55!important;margin:14px 0 0!important}

.forge-share-section{
  border-top:1px solid rgba(255,232,211,.08);
  border-bottom:1px solid rgba(255,232,211,.08);
  background:
    radial-gradient(circle at 20% 50%,rgba(240,131,55,.12),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}
.forge-share-grid{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}
.forge-share-copy h2{font-size:clamp(55px,6vw,88px)}
.forge-share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.forge-profile-guide{position:relative;min-height:410px;border-radius:30px;padding:30px;overflow:hidden}
.forge-profile-guide:after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border-radius:50%;
  right:-78px;
  bottom:-90px;
  border:1px solid rgba(241,154,71,.16);
  box-shadow:0 0 75px rgba(239,123,53,.12);
}
.forge-profile-guide h3{font:500 38px/1 Georgia,serif;margin:12px 0 23px}
.forge-profile-steps{display:grid;gap:11px;max-width:440px}
.forge-profile-steps span{display:flex;align-items:flex-start;gap:12px;color:#a99a91;font-size:12px;line-height:1.5}
.forge-profile-steps b{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(241,154,71,.26);color:var(--forge-orange);font-size:9px}
.forge-avatar-preview{
  position:absolute;
  right:25px;
  bottom:25px;
  width:112px;
  height:112px;
  padding:5px;
  border:1px solid rgba(255,238,220,.18);
  border-radius:50%;
  background:#160a07;
  box-shadow:0 22px 45px rgba(0,0,0,.42);
}
.forge-avatar-preview img{width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:50%}
.forge-avatar-preview i{position:absolute;right:4px;bottom:5px;width:22px;height:22px;border:4px solid #160a07;border-radius:50%;background:var(--forge-orange)}
.forge-principles-section{padding-top:72px;padding-bottom:82px}
.forge-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.forge-principles article{min-height:160px;border:1px solid rgba(255,232,211,.10);border-radius:22px;padding:22px;background:rgba(255,255,255,.018)}
.forge-principles span{color:var(--forge-orange);font:500 24px/1 Georgia,serif}
.forge-principles strong{display:block;margin:30px 0 7px;color:#eee2d8;font-size:13px}
.forge-principles p{margin:0;color:#8f8179;font-size:11px;line-height:1.55}

@media(max-width:1020px){
  .forge-hero-grid,.forge-heading,.forge-share-grid{grid-template-columns:1fr}
  .forge-hero-grid{padding-top:58px;gap:22px}
  .forge-hero-visual{min-height:560px}
  .forge-shell{grid-template-columns:270px minmax(0,1fr)}
}
@media(max-width:820px){
  .forge-shell{grid-template-columns:1fr}
  .forge-template-panel{position:static;display:grid;grid-template-columns:170px 1fr;gap:13px;align-items:center}
  .forge-template-panel .forge-panel-label{grid-column:1/-1;margin-bottom:0}
  .forge-template-panel .forge-template-image{grid-row:2/5}
  .forge-template-panel .forge-download-button{margin:0}
  .forge-template-panel p{margin:0}
  .forge-principles{grid-template-columns:1fr}
}
@media(max-width:620px){
  .forge-hero{min-height:auto}
  .forge-hero-grid{padding:48px 0 58px}
  .forge-hero-copy h1,
.forge-hero-copy h2{font-size:clamp(56px,16vw,78px)}
  .forge-hero-visual{min-height:470px}
  .forge-orbit-one{width:390px;height:390px}.forge-orbit-two{width:290px;height:290px}
  .forge-poster-card{width:min(300px,82%)}
  .forge-poster-card:before{right:-10px;top:38px}
  .forge-heading{gap:22px}
  .forge-template-panel{display:block}.forge-template-panel .forge-panel-label{margin-bottom:13px}.forge-template-panel .forge-download-button{margin-top:12px}.forge-template-panel p{margin:13px 7px 5px}
  .forge-step{grid-template-columns:1fr;padding:24px 19px 27px}
  .forge-step-number{width:38px;height:38px;font-size:20px}
  .forge-prompt-footer{align-items:stretch;flex-direction:column;padding:12px}
  .forge-prompt-footer .forge-action{width:100%}
  .forge-ai-actions{grid-template-columns:1fr}
  .forge-share-grid{gap:34px}
  .forge-profile-guide{min-height:460px}
  .forge-avatar-preview{width:96px;height:96px}
}


/* V8.2 — focused Home and Creator Forge refinements */
.home-page .hero-origin{
  display:block;
  width:max-content;
  max-width:none;
  margin:0 0 18px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#f1a24b;
  font:italic 500 clamp(44px,4.2vw,72px)/.92 Georgia,serif;
  letter-spacing:-.045em;
  text-transform:none;
  white-space:nowrap;
  text-shadow:0 3px 26px rgba(24,8,2,.62);
}
.home-page .hero-origin:before{display:none}
.home-page .hero-origin span{
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
}
.home-page .hero-copy h1{margin:.08em 0 .27em}
.home-page .hero-copy h1 em{
  font-size:clamp(44px,4.2vw,72px);
  line-height:.92;
}
.sky-seam-blend{
  position:absolute;
  z-index:1;
  top:-3%;
  left:70%;
  width:22%;
  height:58%;
  pointer-events:none;
  opacity:.88;
  background:linear-gradient(90deg,rgba(240,139,64,0),rgba(225,122,58,.10) 35%,rgba(255,180,95,.09) 56%,rgba(240,139,64,0));
  -webkit-backdrop-filter:blur(10px) saturate(1.04);
  backdrop-filter:blur(10px) saturate(1.04);
  -webkit-mask-image:radial-gradient(ellipse at center,black 0 45%,transparent 78%);
  mask-image:radial-gradient(ellipse at center,black 0 45%,transparent 78%);
}
.ticker b{color:#82b889}

.forge-download-button{
  width:100%;
  border:0;
  font-family:inherit;
  cursor:pointer;
}
.forge-download-button.download-complete,
.forge-action.download-complete,
.forge-action.copy-complete{
  background:linear-gradient(90deg,#dff1d9,#92bf82);
  color:#10200f;
}
.forge-prompt-compact textarea[hidden]{display:none!important}
.forge-prompt-compact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  padding:22px;
  border-color:rgba(242,160,75,.22);
  background:
    radial-gradient(circle at 86% 25%,rgba(241,154,71,.10),transparent 34%),
    rgba(5,3,2,.37);
}
.forge-prompt-ready span{
  display:block;
  margin-bottom:7px;
  color:var(--forge-orange);
  font-size:9px;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.forge-prompt-ready strong{
  display:block;
  color:#eee2d8;
  font:500 clamp(23px,2vw,32px)/1 Georgia,serif;
  letter-spacing:-.025em;
}
.forge-copy-main{
  min-width:245px;
  min-height:58px;
  justify-content:space-between;
}
.forge-copy-status{
  grid-column:1/-1;
  padding-top:13px;
  border-top:1px solid rgba(255,232,211,.09);
  color:#8e7f76;
  font-size:10px;
}
@media(max-width:1160px){
  .home-page .hero-origin,
  .home-page .hero-copy h1 em{font-size:clamp(39px,4.6vw,58px)}
}
@media(max-width:980px){
  .home-page .hero-origin{
    width:min(860px,90vw);
    white-space:normal;
  }
  .sky-seam-blend{left:68%;width:25%}
}
@media(max-width:720px){
  .home-page .hero-origin{
    width:auto;
    margin-bottom:15px;
    font-size:clamp(34px,10.2vw,52px);
    line-height:.96;
  }
  .home-page .hero-copy h1 em{font-size:clamp(38px,11vw,56px)}
  .sky-seam-blend{display:none}
}
@media(max-width:680px){
  .forge-prompt-compact{grid-template-columns:1fr;padding:18px}
  .forge-copy-main{width:100%;min-width:0}
  .forge-copy-status{grid-column:1}
}

/* V8.2 final cloud continuity asset */
.sunset-hero{background-image:url('home-sunset-v8d.jpg')}
.sky-seam-blend{display:none!important}


/* V8.9 — final Home hierarchy, concise Creator Hub and cinematic Lore carousel */
.home-page .hero-origin{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:min(900px,100%);
  max-width:100%;
  gap:0;
  margin:0 0 22px;
  white-space:normal;
  font:italic 500 clamp(44px,4.2vw,72px)/.88 Georgia,serif;
  letter-spacing:-.045em;
}
.home-page .hero-origin span{display:block;color:#f1a24b;font:inherit;letter-spacing:inherit}
.home-page .hero-copy h1{margin:.12em 0 .27em}

.forge-hero-copy h1 em,
.forge-hero-copy h2 em{max-width:760px}
.forge-poster-card:before{content:"YOUR CAT. SAME GRIP."}
.forge-template-signature{
  margin-top:12px;padding:13px 14px;border:1px solid rgba(242,160,75,.18);border-radius:15px;
  color:#eecda9;background:rgba(242,160,75,.055);font:800 10px/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.15em;text-align:center;text-transform:uppercase;
}
.forge-heading-sequence{
  margin:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;
  color:#e5d7cc;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;
}
.forge-heading-sequence i{width:28px;height:1px;background:linear-gradient(90deg,var(--forge-orange),rgba(241,154,71,.12))}
.forge-template-panel p,.forge-download-button{display:none}
.forge-prompt-minimal{margin-top:2px}
.forge-input-map{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:5px 0 18px;max-width:800px}
.forge-input-map span{
  min-height:50px;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(255,232,211,.10);
  border-radius:13px;color:#aa9a91;background:rgba(255,255,255,.018);font-size:10px;line-height:1.3;
}
.forge-input-map b{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:rgba(241,154,71,.11);color:var(--forge-orange);font-size:9px}
.forge-share-inline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.forge-share-inline>span{color:#887a72;font-size:10px}
.forge-step-share{background:radial-gradient(circle at 70% 30%,rgba(241,154,71,.08),transparent 34%)}

/* Lore — full-width six chapter slider inspired by the clarity of cinema campaign carousels. */
.lore-page{background:#100806;color:#f3eadf}
.lore-page .site-header{background:rgba(15,7,6,.93);border-bottom-color:rgba(241,154,71,.14)}
.lore-carousel{
  position:relative;width:100%;overflow:hidden;isolation:isolate;background:#120907;outline:none;
  border-bottom:1px solid rgba(255,235,215,.10);
}
.lore-carousel:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,black,transparent 52%,black);
}
.lore-track{position:relative;z-index:1;display:flex;align-items:stretch;width:100%;transition:transform .72s cubic-bezier(.22,.78,.18,1);will-change:transform}
.lore-slide{flex:0 0 100%;min-width:100%;min-height:calc(100svh - 72px);position:relative;overflow:hidden}
.lore-slide:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 35%,rgba(235,121,52,.15),transparent 30%),linear-gradient(120deg,rgba(19,8,5,.97),rgba(40,17,10,.72) 55%,rgba(15,7,5,.95))}
.lore-slide:nth-child(2):before{background:radial-gradient(circle at 20% 40%,rgba(119,143,112,.18),transparent 30%),linear-gradient(120deg,#0d100c,#1e1710 56%,#120907)}
.lore-slide:nth-child(3):before{background:radial-gradient(circle at 76% 43%,rgba(97,74,125,.18),transparent 34%),linear-gradient(110deg,#120806,#25120c 55%,#0e0909)}
.lore-slide:nth-child(4):before{background:radial-gradient(circle at 50% 70%,rgba(150,26,24,.14),transparent 37%),linear-gradient(180deg,#100807,#1a0d0a 54%,#090708)}
.lore-slide:nth-child(5):before{background:radial-gradient(circle at 50% 20%,rgba(21,123,95,.11),transparent 32%),linear-gradient(180deg,#070b09,#170a08 70%,#110706)}
.lore-slide:nth-child(6):before{background:radial-gradient(circle at 50% 42%,rgba(240,134,58,.17),transparent 31%),radial-gradient(circle at 50% 50%,rgba(255,224,181,.05),transparent 58%),#0d0706}
.lore-slide-inner{
  position:relative;z-index:2;width:min(100% - 150px,1540px);min-height:calc(100svh - 72px);margin:0 auto;
  padding:clamp(72px,8vh,110px) 0 116px;
}
.lore-slide-side .lore-slide-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(400px,.82fr);gap:clamp(55px,8vw,130px);align-items:center}
.lore-slide-image-left .lore-slide-inner{grid-template-columns:minmax(400px,.78fr) minmax(0,.94fr)}
.lore-slide-stack .lore-slide-inner{display:grid;grid-template-rows:auto minmax(0,1fr);gap:28px;align-items:start}
.lore-slide-image-top .lore-slide-inner{grid-template-rows:minmax(390px,.95fr) auto}
.lore-copy-block{max-width:760px;opacity:.30;transform:translateY(28px);transition:opacity .65s .17s ease,transform .65s .17s ease}
.lore-slide.active .lore-copy-block,.lore-slide.active .lore-final-copy{opacity:1;transform:none}
.lore-meta{display:flex;align-items:center;gap:11px;margin-bottom:25px;color:#dca066;font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.lore-meta span{width:37px;height:37px;border:1px solid rgba(241,154,71,.34);border-radius:50%;display:grid;place-items:center;font:500 17px/1 Georgia,serif;color:#f2a056;background:rgba(241,154,71,.06)}
.lore-overline{max-width:760px;color:#efb36f!important;font-size:11px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.lore-copy-block h1,.lore-copy-block h2,.lore-copy-block h3,.lore-final-copy h2,.lore-final-copy h3{font:500 clamp(54px,5.6vw,94px)/.91 Georgia,serif;letter-spacing:-.055em;margin:0 0 25px;color:#fff4e8}
.lore-copy-block h2,.lore-copy-block h3{font-size:clamp(49px,5vw,82px)}
.lore-copy-block p,.lore-final-copy p{max-width:750px;color:#c2b3aa;font-size:clamp(15px,1.25vw,19px);line-height:1.68;margin:0 0 16px}
.lore-copy-block p strong{color:#fff0dd}
.lore-copy-block blockquote{margin:28px 0 0;padding:0 0 0 20px;border-left:2px solid #f19a47;color:#f2a758;font:italic 500 clamp(25px,2.6vw,42px)/1.15 Georgia,serif;letter-spacing:-.035em}
.lore-media{
  position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,238,222,.14);background:#080606;
  box-shadow:0 38px 110px rgba(0,0,0,.46);opacity:.35;transform:translateX(34px);transition:opacity .72s .08s ease,transform .72s .08s ease;
}
.lore-slide-image-left .lore-media{transform:translateX(-34px)}
.lore-slide.active .lore-media{opacity:1;transform:none}
.lore-media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px rgba(20,7,4,.34)}
.lore-media img{display:block;width:100%;height:100%;object-fit:cover}
.lore-media-portrait{height:min(70svh,720px);border-radius:32px}
.lore-media-portrait img{object-fit:contain;background:#090707}
.lore-media-collage{height:min(72svh,760px);border-radius:30px}
.lore-media-collage img{object-fit:contain;background:#e6e0cf}
.lore-copy-wide{max-width:1200px}
.lore-copy-wide h2,.lore-copy-wide h3{max-width:1180px;font-size:clamp(43px,4.4vw,73px);margin-bottom:17px}
.lore-copy-wide p{max-width:1120px}
.lore-media-wide{width:min(1180px,88vw);height:min(53svh,570px);justify-self:center;border-radius:28px}
.lore-media-wide img{object-fit:cover;object-position:center}
.lore-media-chart{width:min(1290px,90vw);height:min(51svh,560px);justify-self:center;border-radius:25px}
.lore-media-chart img{object-fit:contain;background:#1f1f1f}
.lore-copy-bottom{max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:50px;align-items:start}
.lore-copy-bottom .lore-meta{grid-column:1/-1;margin-bottom:13px}
.lore-copy-bottom h2,.lore-copy-bottom h3{grid-column:1;margin:0}
.lore-copy-bottom p{grid-column:2;margin:0 0 9px;font-size:14px}
.lore-caveat{color:#8f8178!important;font-size:10px!important;letter-spacing:.02em}
.lore-slide-final .lore-slide-inner{display:grid;place-items:center;text-align:center}
.lore-final-copy{max-width:1040px;opacity:.25;transform:translateY(28px);transition:opacity .7s .12s ease,transform .7s .12s ease}
.lore-final-copy .lore-meta{justify-content:center}
.lore-final-copy .lore-overline{margin:0 auto 25px!important}
.lore-final-copy h2,.lore-final-copy h3{font-size:clamp(64px,7.4vw,116px);margin-bottom:30px}
.lore-final-copy p{margin:0 auto 17px}
.lore-final-line{display:block;margin:31px 0;color:#f29b49;font:italic 500 clamp(48px,6vw,90px)/.95 Georgia,serif;letter-spacing:-.05em}
.lore-final-note{max-width:870px!important;color:#92827a!important;font-size:12px!important}
.lore-arrow{
  position:absolute;z-index:5;top:50%;width:62px;height:62px;border:1px solid rgba(255,239,222,.24);border-radius:50%;
  display:grid;place-items:center;background:rgba(13,7,6,.62);color:#fff1e1;backdrop-filter:blur(12px);cursor:pointer;transition:.2s ease;
}
.lore-arrow:hover{background:#f19a47;color:#1b0c07;border-color:#f19a47;transform:translateY(-2px)}
.lore-arrow span{font-size:25px;line-height:1}
.lore-arrow-prev{left:24px}.lore-arrow-next{right:24px}
.lore-controls{position:absolute;z-index:6;left:50%;bottom:31px;transform:translateX(-50%);width:min(100% - 150px,1540px);display:flex;align-items:center;gap:20px}
.lore-count{display:flex;align-items:baseline;gap:5px;color:#8f8178;font-size:10px}
.lore-count strong{color:#f4e6d7;font:500 22px/1 Georgia,serif}.lore-count span{letter-spacing:.12em}
.lore-indicators{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:9px}
.lore-indicators button{height:18px;border:0;background:transparent;padding:7px 0;cursor:pointer;position:relative}
.lore-indicators button:after{content:"";display:block;height:2px;background:rgba(255,238,220,.22);transition:.35s ease}
.lore-indicators button.active:after{height:4px;background:#f19a47;box-shadow:0 0 18px rgba(241,154,71,.46)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1100px){
  .forge-input-map{grid-template-columns:1fr 1fr}
  .lore-slide-inner{width:min(100% - 110px,1240px)}
  .lore-slide-side .lore-slide-inner,.lore-slide-image-left .lore-slide-inner{grid-template-columns:1fr 1fr;gap:45px}
  .lore-controls{width:calc(100% - 110px)}
  .lore-copy-block h1,.lore-copy-block h2,.lore-copy-block h3{font-size:clamp(43px,5.5vw,68px)}
}
@media(max-width:820px){
  .home-page .hero-origin{font-size:clamp(38px,8.5vw,58px)}
  .forge-heading-sequence{justify-content:flex-start}
  .lore-slide{min-height:auto}
  .lore-slide-inner{width:calc(100% - 44px);min-height:auto;padding:58px 0 112px}
  .lore-slide-side .lore-slide-inner,.lore-slide-image-left .lore-slide-inner,.lore-slide-stack .lore-slide-inner,.lore-slide-image-top .lore-slide-inner{display:flex;flex-direction:column;gap:28px}
  .lore-slide-image-left .lore-media{order:1}.lore-slide-image-left .lore-copy-block{order:2}
  .lore-slide-text-left .lore-copy-block{order:1}.lore-slide-text-left .lore-media{order:2}
  .lore-slide-image-top .lore-media{order:1}.lore-slide-image-top .lore-copy-block{order:2}
  .lore-media-portrait,.lore-media-collage{width:100%;height:min(58svh,600px)}
  .lore-media-wide,.lore-media-chart{width:100%;height:auto;aspect-ratio:16/9}
  .lore-copy-bottom{display:block}.lore-copy-bottom h2,.lore-copy-bottom h3,.lore-copy-bottom p{margin-bottom:16px}
  .lore-arrow{top:auto;bottom:68px;width:45px;height:45px}
  .lore-arrow-prev{left:22px}.lore-arrow-next{right:22px}
  .lore-controls{width:calc(100% - 140px);bottom:28px}
  .lore-count{display:none}
  .lore-copy-block h1,.lore-copy-block h2,.lore-copy-block h3{font-size:clamp(42px,10vw,64px)}
  .lore-final-copy h2,.lore-final-copy h3{font-size:clamp(55px,12vw,84px)}
}
@media(max-width:560px){
  .home-page .hero-origin{font-size:clamp(34px,10vw,48px);line-height:.92}
  .forge-input-map{grid-template-columns:1fr}
  .forge-share-inline{align-items:stretch;flex-direction:column}.forge-share-inline .forge-action{width:100%}
  .lore-slide-inner{width:calc(100% - 32px);padding-top:45px}
  .lore-media-portrait,.lore-media-collage{height:min(53svh,510px);border-radius:22px}
  .lore-copy-block p,.lore-final-copy p{font-size:14px;line-height:1.62}
  .lore-copy-block blockquote{font-size:27px}
  .lore-meta{margin-bottom:18px}
  .lore-arrow-prev{left:15px}.lore-arrow-next{right:15px}
  .lore-controls{width:calc(100% - 126px)}
  .lore-indicators{gap:5px}
}

@media(min-width:981px){
  .home-page .hero-origin{width:max-content;max-width:none}
  .home-page .hero-origin span{white-space:nowrap}
}

/* ========================================================================== */
/* V9.0 CANDIDATE 1 — Lore fidelity, profile-first Creator Hub, seamless Home */
/* ========================================================================== */

/* HOME — two truly identical groups keep the ticker continuous at every width. */
.ticker-track{
  display:flex;
  width:max-content;
  animation:marquee 44s linear infinite;
  will-change:transform;
}
.ticker-group{display:flex;flex:0 0 auto;min-width:max-content}
@keyframes marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* CREATOR HUB — square profile image, tighter workflow and clearer supporting text. */
.forge-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);gap:clamp(38px,6vw,92px);padding:66px 0 72px}
.forge-hero-visual{min-height:560px}
.forge-orbit-one{width:510px;height:510px}
.forge-orbit-two{width:390px;height:390px}
.forge-poster-card{width:min(440px,84%);padding:12px;border-radius:30px}
.forge-poster-card img{aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:20px}
.forge-poster-card figcaption{padding:13px 8px 5px}
.forge-poster-card figcaption span{font-size:10px}
.forge-poster-card figcaption strong{font-size:13px}

.forge-section{padding-top:84px}
.forge-heading{margin-bottom:32px}
.forge-heading-sequence{
  gap:15px;
  font-size:18px;
  line-height:1;
  letter-spacing:.10em;
}
.forge-heading-sequence i{width:36px}
.forge-shell{grid-template-columns:minmax(285px,350px) minmax(0,1fr);gap:18px}
.forge-template-panel{padding:15px;border-radius:26px}
.forge-template-image{aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:18px}
.forge-panel-label{font-size:10px;margin:4px 5px 12px}
.forge-template-signature{font-size:11px;padding:12px 13px}

.forge-step{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:22px 28px 24px 22px}
.forge-step-download{padding-top:20px;padding-bottom:21px}
.forge-step-prompt{padding-top:22px;padding-bottom:24px}
.forge-step-open{padding-top:22px;padding-bottom:24px}
.forge-step-share{padding-top:20px;padding-bottom:22px}
.forge-step-number{width:40px;height:40px;font-size:21px}
.forge-step-kicker{font-size:10px;margin:1px 0 6px}
.forge-step h3{font-size:clamp(25px,2.1vw,34px);margin-bottom:9px}
.forge-action{min-height:43px;padding:0 15px}

.forge-prompt-compact{gap:14px;padding:16px 17px;border-radius:17px}
.forge-prompt-ready span{font-size:10px;margin-bottom:5px}
.forge-prompt-ready strong{font-size:clamp(22px,1.8vw,28px)}
.forge-copy-main{min-width:220px;min-height:51px}
.forge-copy-status{padding-top:10px;font-size:12px;line-height:1.45}

.forge-ai-actions{grid-template-columns:1fr 1fr;gap:11px;max-width:650px}
.forge-ai-button{
  position:relative;
  overflow:hidden;
  min-height:52px;
  padding:0 15px 0 18px;
  border-color:rgba(242,160,75,.34);
  border-radius:15px;
  background:
    linear-gradient(120deg,rgba(242,160,75,.14),rgba(255,255,255,.025) 54%,rgba(242,160,75,.06)),
    rgba(10,5,4,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 13px 28px rgba(0,0,0,.18);
  font-size:13px;
  letter-spacing:.01em;
}
.forge-ai-button:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.06) 47%,transparent 70%);
  transform:translateX(-105%);
  transition:transform .55s ease;
}
.forge-ai-button:hover:before{transform:translateX(105%)}
.forge-ai-button:hover{transform:translateY(-2px);border-color:rgba(242,160,75,.65);box-shadow:0 17px 34px rgba(0,0,0,.26)}
.forge-ai-button b{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,160,75,.22);
  border-radius:50%;
  background:rgba(242,160,75,.08);
  font-size:15px;
}
.forge-note{font-size:12px!important;line-height:1.55!important;margin-top:11px!important;color:#9b8c83!important}
.forge-share-inline{gap:14px}
.forge-share-inline>span{font-size:12px;line-height:1.45;color:#9b8c83}

/* LORE — preserve source images exactly, improve thesis readability and keep the footer in view. */
.lore-page .footer{padding:27px 0}
.lore-carousel{min-height:calc(100svh - 149px)}
.lore-slide{min-height:calc(100svh - 149px)}
.lore-slide-inner{
  width:min(100% - 200px,1540px);
  min-height:calc(100svh - 149px);
  padding:52px 0 88px;
}
.lore-controls{width:min(100% - 200px,1540px);bottom:24px}

.lore-media{
  overflow:visible;
  border:0;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none;
}
.lore-media:after{display:none}
.lore-media img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0;
  border-radius:0;
}
.lore-media-portrait{height:min(64svh,680px)}
.lore-media-collage{height:min(66svh,710px)}
.lore-media-wide{
  width:min(1180px,calc(100vw - 240px));
  height:auto;
  aspect-ratio:1668/943;
}
.lore-media-chart{
  width:min(1290px,calc(100vw - 240px));
  height:auto;
  aspect-ratio:1560/899;
}
.lore-slide-stack .lore-slide-inner{gap:23px}
.lore-slide-image-top .lore-slide-inner{grid-template-rows:auto auto;gap:24px}
.lore-copy-bottom{
  max-width:1290px;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  column-gap:58px;
  row-gap:0;
}
.lore-copy-bottom h2,.lore-copy-bottom h3{font-size:clamp(46px,4.2vw,70px);line-height:.94}
.lore-copy-bottom p{font-size:clamp(17px,1.25vw,20px);line-height:1.58;margin-bottom:11px}
.lore-caveat{font-size:13px!important;line-height:1.5!important;color:#aa9a90!important}

.lore-final-copy .lore-overline{
  max-width:1000px;
  margin:0 auto 23px!important;
  color:#f29b49!important;
  font:italic 500 clamp(25px,2.6vw,40px)/1.12 Georgia,serif!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}

.lore-arrow{top:50%;transform:translateY(-50%)}
.lore-arrow:hover{transform:translateY(-50%) scale(1.04)}
.lore-arrow-prev{left:25px}
.lore-arrow-next{right:25px}

@media(max-width:1100px){
  .forge-heading-sequence{font-size:15px}
  .forge-shell{grid-template-columns:minmax(250px,315px) minmax(0,1fr)}
  .lore-slide-inner,.lore-controls{width:calc(100% - 160px)}
  .lore-media-wide,.lore-media-chart{width:calc(100vw - 190px)}
  .lore-copy-bottom{column-gap:36px}
}

@media(max-width:820px){
  .forge-hero-grid{grid-template-columns:1fr;padding:55px 0 62px}
  .forge-hero-visual{min-height:500px}
  .forge-heading-sequence{font-size:14px;gap:10px}
  .forge-heading-sequence i{width:23px}
  .forge-shell{grid-template-columns:1fr}
  .forge-template-panel{position:relative;top:auto;max-width:520px;margin:0 auto;width:100%}
  .forge-step{padding:21px 20px 23px 18px}
  .lore-page .footer{padding:35px 0}
  .lore-carousel,.lore-slide,.lore-slide-inner{min-height:auto}
  .lore-slide-inner{width:calc(100% - 44px);padding:54px 0 108px}
  .lore-media-wide,.lore-media-chart{width:100%;height:auto;aspect-ratio:auto}
  .lore-copy-bottom{display:block}
  .lore-copy-bottom h2,.lore-copy-bottom h3{font-size:clamp(42px,10vw,62px);margin-bottom:18px}
  .lore-copy-bottom p{font-size:17px}
  .lore-arrow{top:auto;bottom:68px;transform:none}
  .lore-arrow:hover{transform:scale(1.04)}
  .lore-controls{width:calc(100% - 140px)}
}

@media(max-width:560px){
  .forge-heading-sequence{font-size:13px;letter-spacing:.07em}
  .forge-heading-sequence i{width:15px}
  .forge-poster-card{width:min(390px,88%)}
  .forge-hero-visual{min-height:445px}
  .forge-orbit-one{width:390px;height:390px}
  .forge-orbit-two{width:300px;height:300px}
  .forge-step{grid-template-columns:48px minmax(0,1fr);padding:19px 15px 21px 14px}
  .forge-step-number{width:36px;height:36px;font-size:19px}
  .forge-prompt-compact{grid-template-columns:1fr;padding:15px}
  .forge-copy-main{width:100%;min-width:0}
  .forge-copy-status{grid-column:1}
  .forge-ai-actions{grid-template-columns:1fr}
  .forge-share-inline{align-items:stretch;flex-direction:column}
  .forge-share-inline .forge-action{width:100%}
  .lore-media-portrait,.lore-media-collage{height:auto;max-height:none}
  .lore-media-portrait img,.lore-media-collage img{height:auto}
  .lore-copy-bottom p{font-size:16px}
  .lore-caveat{font-size:13px!important}
}

@media(prefers-reduced-motion:reduce){
  .ticker-track{animation:none;transform:none}
  .ticker-group[aria-hidden="true"]{display:none}
}

/* V9.0 Candidate 1 — desktop Lore viewport fit: controls and footer stay visible. */
@media(min-width:821px){
  .lore-carousel,
  .lore-track,
  .lore-slide{
    height:calc(100svh - 158px);
    min-height:0;
  }
  .lore-slide-inner{
    height:100%;
    min-height:0;
    padding:34px 0 78px;
  }
  .lore-media-portrait{height:min(60svh,600px)}
  .lore-media-collage{height:min(60svh,610px)}
  .lore-slide-stack .lore-slide-inner{gap:18px}
  .lore-copy-wide .lore-meta{margin-bottom:14px}
  .lore-copy-wide h2,.lore-copy-wide h3{font-size:clamp(40px,3.6vw,62px);margin-bottom:12px}
  .lore-copy-wide p{font-size:clamp(15px,1.12vw,18px);line-height:1.55}
  .lore-media-wide{
    width:min(1050px,calc(100vw - 270px));
    height:min(38svh,410px);
    aspect-ratio:auto;
  }
  .lore-media-chart{
    width:min(1120px,calc(100vw - 270px));
    height:min(34svh,370px);
    aspect-ratio:auto;
  }
  .lore-slide-image-top .lore-slide-inner{gap:17px}
  .lore-copy-bottom{column-gap:48px}
  .lore-copy-bottom .lore-meta{margin-bottom:8px}
  .lore-copy-bottom h2,.lore-copy-bottom h3{font-size:clamp(40px,3.7vw,60px)}
  .lore-copy-bottom p{font-size:clamp(16px,1.15vw,19px);line-height:1.5}
  .lore-final-copy{max-width:1020px}
  .lore-final-copy .lore-meta{margin-bottom:14px}
  .lore-final-copy .lore-overline{margin-bottom:14px!important;font-size:clamp(22px,2vw,32px)!important}
  .lore-final-copy h2,.lore-final-copy h3{font-size:clamp(58px,6.2vw,94px);margin-bottom:20px}
  .lore-final-copy p{font-size:clamp(15px,1.12vw,18px);line-height:1.52;margin-bottom:11px}
  .lore-final-line{margin:20px 0;font-size:clamp(46px,5vw,72px)}
  .lore-final-note{font-size:12px!important}
}

@media(max-width:820px){
  .lore-track{height:auto;align-items:flex-start}
  .lore-slide{height:auto}
}


/* V9.2 — Contract & Links, Creator Hub label and Hang Mode easter egg */
.contract-shell.contract-shell-v92{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:calc(100vh - 72px);
  padding:72px 0 94px;
}
.contract-panel-v92{
  width:min(100%,900px);
  padding:clamp(28px,4vw,48px);
  background:
    radial-gradient(circle at 92% 8%,rgba(216,132,69,.08),transparent 28%),
    rgba(255,255,255,.025);
}
.contract-panel-v92 .copy{max-width:690px}
.social-card.is-disabled{
  cursor:not-allowed;
  opacity:.64;
}
.social-card.is-disabled:hover{
  transform:none;
  background:rgba(255,255,255,.022);
}
.forge-poster-card figcaption strong{
  letter-spacing:.08em;
}
.hang-mode-poster{
  cursor:pointer;
  user-select:none;
  -webkit-user-drag:none;
  outline:none;
}
.hang-mode-poster:focus-visible{
  box-shadow:0 0 0 3px rgba(241,234,220,.72),0 38px 120px rgba(0,0,0,.76);
}
.hang-mode-poster.hang-cat-hit{
  animation:hangCatHit .34s ease,hangBreathe 6s ease-in-out infinite alternate .34s;
}
@keyframes hangCatHit{
  0%{filter:brightness(1);}
  48%{filter:brightness(1.32) saturate(1.18);}
  100%{filter:brightness(1);}
}
.hang-video-layer{
  position:absolute;
  inset:0;
  z-index:12;
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(18px,4vw,54px);
  background:rgba(2,4,3,.96);
}
.hang-video-layer.active{display:flex}
.hang-video-frame{
  width:min(92vw,1280px);
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
  background:#000;
  border:1px solid rgba(241,234,220,.16);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 36px 120px rgba(0,0,0,.78);
}
.hang-surprise-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}
.hang-video-close{
  position:absolute;
  right:28px;
  top:24px;
  z-index:13;
}
@media(max-width:620px){
  .contract-shell.contract-shell-v92{padding:42px 0 70px}
  .contract-panel-v92{border-radius:26px;padding:24px 18px}
  .contract-field{align-items:stretch;flex-direction:column}
  .contract-field code{padding:8px 7px;white-space:normal;word-break:break-word}
  .hang-video-layer{padding:64px 10px 20px}
  .hang-video-frame{width:100%;border-radius:12px}
  .hang-video-close{right:12px;top:12px}
}
@media(prefers-reduced-motion:reduce){
  .hang-mode-poster.hang-cat-hit{animation:none}
}

/* ========================================================================== */
/* V9.2 REV3 — Contract layout restoration, Lore accessibility, exact sequence */
/* ========================================================================== */

/* CONTRACT & LINKS — restore the approved two-column composition. */
.contract-shell.contract-shell-v92{
  display:grid!important;
  grid-template-columns:minmax(360px,.90fr) minmax(0,1.10fr)!important;
  gap:38px;
  align-items:center;
  min-height:calc(100svh - 72px);
  padding:70px 0 90px;
}
.contract-visual-v92{
  min-height:590px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(241,234,220,.13);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 43%,rgba(241,154,71,.18),transparent 34%),
    radial-gradient(circle at 20% 86%,rgba(199,94,87,.11),transparent 30%),
    linear-gradient(145deg,#18100d,#0c0807 72%);
  box-shadow:0 32px 90px rgba(0,0,0,.35);
}
.contract-visual-v92:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.contract-visual-eyebrow{
  position:absolute;
  z-index:3;
  left:24px;
  top:22px;
  color:rgba(241,234,220,.54);
  font-size:10px;
  font-weight:850;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.contract-visual-poster{
  position:relative;
  z-index:2;
  width:min(52%,250px);
  padding:9px;
  border:1px solid rgba(255,238,220,.16);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.018));
  box-shadow:0 28px 72px rgba(0,0,0,.58);
  transform:rotate(-1.1deg);
}
.contract-visual-poster:before{
  content:"";
  position:absolute;
  inset:-45px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(241,154,71,.20),transparent 66%);
  filter:blur(15px);
}
.contract-visual-poster img{
  display:block;
  width:100%;
  height:auto;
  border-radius:13px;
}
.contract-visual-status{
  position:absolute;
  z-index:3;
  right:22px;
  bottom:22px;
  min-width:225px;
  padding:12px 14px;
  border:1px solid rgba(241,234,220,.13);
  border-radius:15px;
  background:rgba(12,7,6,.78);
  backdrop-filter:blur(12px);
}
.contract-visual-status span,
.contract-visual-status small{
  display:block;
  color:#9f9087;
  font-size:10px;
  line-height:1.45;
}
.contract-visual-status strong{
  display:block;
  margin:2px 0 4px;
  color:var(--cream);
  font-size:13px;
}
.contract-panel-v92{
  width:100%!important;
  min-height:590px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px!important;
  border:1px solid rgba(241,234,220,.13);
  border-radius:34px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(216,132,69,.08),transparent 28%),
    rgba(255,255,255,.025)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.30);
}
.contract-panel-v92 h1,
.contract-panel-v92 h2{
  font-size:clamp(52px,5.2vw,80px);
  line-height:.90;
}
.contract-panel-v92 .copy{
  max-width:650px;
  margin:20px 0 0;
  color:#b8aaa1;
  font-size:15px;
  line-height:1.72;
}
.contract-panel-v92 .contract-field{
  display:flex;
  gap:10px;
  align-items:center;
  margin:28px 0 16px;
  padding:10px;
  border:1px solid rgba(241,234,220,.13);
  border-radius:18px;
  background:rgba(0,0,0,.22);
}
.contract-panel-v92 .contract-field code{
  flex:1;
  min-width:0;
  overflow:hidden;
  padding:0 10px;
  color:#e2bd72;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.contract-panel-v92 .status{
  color:#d9a85e;
  font-size:10px;
  font-weight:750;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.contract-panel-v92 .social-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px;
  margin-top:26px;
}
.contract-panel-v92 .social-card{
  min-width:0;
  min-height:92px;
  display:flex!important;
  align-items:center;
  gap:14px;
  padding:17px;
  border:1px solid rgba(241,234,220,.13);
  border-radius:18px;
  background:rgba(255,255,255,.022);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.contract-panel-v92 .social-card:not(.is-disabled):hover{
  transform:translateY(-2px);
  border-color:rgba(241,234,220,.24);
  background:rgba(255,255,255,.05);
}
.contract-panel-v92 .social-card i{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(241,234,220,.13);
  border-radius:50%;
  color:#f1e7de;
  font-style:normal;
  font-weight:900;
}
.contract-panel-v92 .social-card span{min-width:0}
.contract-panel-v92 .social-card strong{
  display:block;
  color:#f1e7de;
  font-size:13px;
}
.contract-panel-v92 .social-card small{
  display:block;
  margin-top:3px;
  color:#a99a91;
  font-size:12px;
  line-height:1.35;
}
.contract-panel-v92 .social-card.is-disabled{
  cursor:not-allowed;
  opacity:.62;
}
.contract-panel-v92 .warning{
  margin:18px 0 0;
  color:#9f9087;
  font-size:11px;
  line-height:1.6;
}

/* LORE — larger supporting type throughout and centered chapter 04 copy. */
.lore-page .lore-meta{
  font-size:12px;
  line-height:1.35;
}
.lore-page .lore-overline{
  font-size:13px!important;
  line-height:1.5!important;
}
.lore-page .lore-copy-block p,
.lore-page .lore-final-copy p{
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.62;
}
.lore-page .lore-caveat{
  font-size:15px!important;
  line-height:1.55!important;
}
.lore-page .lore-final-note{
  font-size:15px!important;
  line-height:1.55!important;
}
.lore-page .lore-count{
  font-size:12px;
}
.lore-slide[data-slide="3"] .lore-copy-wide{
  width:100%;
  max-width:1160px;
  margin-inline:auto;
  text-align:center;
}
.lore-slide[data-slide="3"] .lore-meta{
  justify-content:center;
  margin-bottom:15px;
}
.lore-slide[data-slide="3"] .lore-copy-wide h2,.lore-copy-wide h3{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.lore-slide[data-slide="3"] .lore-copy-wide p{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
.lore-slide[data-slide="3"] .lore-media-wide{
  margin-left:auto;
  margin-right:auto;
}

@media(min-width:821px){
  .lore-page .lore-copy-wide p{
    font-size:clamp(17px,1.22vw,20px);
    line-height:1.58;
  }
  .lore-slide[data-slide="3"] .lore-media-wide{
    height:min(36svh,385px);
  }
}

@media(max-width:960px){
  .contract-shell.contract-shell-v92{
    grid-template-columns:1fr!important;
    gap:22px;
    padding:44px 0 72px;
  }
  .contract-visual-v92{
    min-height:470px;
  }
  .contract-panel-v92{
    min-height:0;
  }
}

@media(max-width:620px){
  .contract-shell.contract-shell-v92{
    padding:32px 0 58px;
  }
  .contract-visual-v92{
    min-height:400px;
    border-radius:26px;
  }
  .contract-visual-poster{
    width:min(50%,190px);
  }
  .contract-visual-eyebrow{
    left:18px;
    top:18px;
    font-size:9px;
  }
  .contract-visual-status{
    left:16px;
    right:16px;
    bottom:16px;
    min-width:0;
  }
  .contract-panel-v92{
    padding:25px 18px!important;
    border-radius:26px!important;
  }
  .contract-panel-v92 h1,
.contract-panel-v92 h2{
    font-size:clamp(50px,15vw,70px);
  }
  .contract-panel-v92 .copy{
    font-size:15px;
  }
  .contract-panel-v92 .contract-field{
    align-items:stretch;
    flex-direction:column;
  }
  .contract-panel-v92 .contract-field code{
    padding:8px 7px;
    white-space:normal;
    word-break:break-word;
  }
  .contract-panel-v92 .social-grid{
    grid-template-columns:1fr!important;
  }
  .lore-page .lore-meta{
    font-size:11px;
  }
  .lore-page .lore-overline{
    font-size:13px!important;
  }
  .lore-page .lore-copy-block p,
  .lore-page .lore-final-copy p{
    font-size:16px;
    line-height:1.62;
  }
  .lore-page .lore-final-note,
  .lore-page .lore-caveat{
    font-size:14px!important;
  }
}


/* ========================================================================== */
/* V9.3 — Robinhood contract restoration and game update                       */
/* ========================================================================== */
.rh-splash{
  position:fixed;inset:0;z-index:200;background:#c9ff00;display:grid;place-items:center;
  transition:opacity .58s ease,visibility .58s ease
}
.rh-splash.hide{opacity:0;visibility:hidden;pointer-events:none}
.rh-splash img{width:min(32vw,240px);animation:rhPulse 1.1s ease-in-out infinite alternate}
.rh-splash span{position:absolute;bottom:9vh;color:#10120d;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}
@keyframes rhPulse{to{transform:scale(1.045) rotate(.6deg)}}
.rh-visual{
  min-height:590px;border:1px solid var(--line);border-radius:34px;position:relative;overflow:hidden;
  display:grid;place-items:center;background:
    radial-gradient(circle at 50% 45%,rgba(201,255,0,.16),transparent 35%),
    linear-gradient(145deg,#111910,#0a0f0c);
  box-shadow:0 32px 90px rgba(0,0,0,.30)
}
.rh-visual:before{
  content:"ROBINHOOD CHAIN";position:absolute;left:22px;top:20px;color:rgba(241,234,220,.32);
  font-size:10px;letter-spacing:.2em;font-weight:800
}
.rh-visual>img{width:min(42%,240px);filter:drop-shadow(0 20px 55px rgba(201,255,0,.13))}
.rh-corner{
  position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);
  background:rgba(8,13,10,.65);padding:11px 13px;border-radius:14px;color:var(--muted);font-size:11px
}
.rh-corner img{width:26px;filter:none}
@media(max-width:960px){
  .rh-visual{min-height:470px}
}
@media(max-width:620px){
  .rh-visual{min-height:400px;border-radius:26px}
  .rh-visual>img{width:min(46%,200px)}
  .rh-corner{left:16px;right:16px;bottom:16px;justify-content:center}
  .rh-splash img{width:min(56vw,220px)}
}


/* ========================================================================== */
/* V9.4 — Home date emphasis and Contract & Links refinement                   */
/* ========================================================================== */
.home-page .hero-origin .hero-year{
  display:inline;
  color:#d2a06c;
  font:inherit;
  font-weight:700;
  letter-spacing:inherit;
  text-shadow:
    0 2px 1px rgba(43,20,8,.78),
    0 0 18px rgba(91,45,18,.42),
    0 0 2px rgba(255,231,190,.34);
}
.contract-panel-v92 .warning{margin-top:20px}


/* ========================================================================== */
/* ONE-PAGE — continuous crypto-native landing experience           */
/* ========================================================================== */
html{scroll-padding-top:72px}
body.one-page-site{overflow-x:hidden;background:#100807}
.one-page-main{display:block}
.one-page-section{
  position:relative;
  scroll-margin-top:72px;
  border-bottom:1px solid rgba(255,235,216,.13);
  isolation:isolate;
}
.one-page-section:last-child{border-bottom:0}
.one-page-section-label{
  position:absolute;
  z-index:12;
  top:22px;
  left:max(20px,calc((100vw - 1180px)/2));
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(245,237,225,.62);
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  pointer-events:none;
}
.one-page-section-label span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(255,235,216,.16);
  border-radius:50%;
  color:#f1a24b;
  background:rgba(12,6,5,.42);
  backdrop-filter:blur(8px);
}
.one-page-section-label strong{font-weight:800}
#home .section:last-child{padding-bottom:90px}
#lore{background:#100806;min-height:100svh}
#creator{background:radial-gradient(circle at 80% 4%,rgba(236,126,53,.16),transparent 26%),radial-gradient(circle at 8% 44%,rgba(239,180,95,.07),transparent 32%),#100807}
#game{padding-top:1px;background:radial-gradient(circle at 82% 0%,rgba(112,141,116,.10),transparent 30%),#0a0f0c}
#contract{padding-top:1px;background:radial-gradient(circle at 40% 30%,rgba(201,255,0,.045),transparent 28%),#0a0f0c}
#contract .contract-shell{padding-top:92px;padding-bottom:105px}
#game .page-intro{padding-top:112px}
#creator .forge-hero{padding-top:112px}
#lore .lore-carousel{min-height:100svh}
#lore .lore-slide{min-height:100svh}
#lore .lore-slide-inner{min-height:100svh;padding-top:76px}
#lore .lore-controls{bottom:26px}
.one-page-header .nav-links a.active:after{bottom:-12px}
.one-page-header .brand small{color:#d2a06c}
.one-page-rh-splash{z-index:240}
.one-page-rh-splash:not(.hide){pointer-events:auto}
body.contract-intro-active{overflow:hidden}
body.contract-intro-active .one-page-header{visibility:hidden}

/* Keep the game cinematic focused on the game section in the unified page. */
body.sminem-market-active .one-page-section:not(#game){filter:brightness(.38)}
body.sminem-market-active #game{z-index:70}

@media(max-width:960px){
  html{scroll-padding-top:112px}
  .one-page-section{scroll-margin-top:112px}
  .one-page-header .nav{
    min-height:auto;
    padding:10px 0 8px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 12px;
  }
  .one-page-header .brand{min-width:0}
  .one-page-header .nav-links{
    grid-column:1/-1;
    display:flex;
    width:100%;
    gap:8px;
    overflow-x:auto;
    padding:3px 0 5px;
    scrollbar-width:none;
  }
  .one-page-header .nav-links::-webkit-scrollbar{display:none}
  .one-page-header .nav-links>a:not(.keep){
    display:inline-flex;
    flex:0 0 auto;
    min-height:34px;
    align-items:center;
    padding:0 12px;
    border:1px solid rgba(255,235,216,.11);
    border-radius:999px;
    background:rgba(255,255,255,.025);
    font-size:11px;
  }
  .one-page-header .nav-links a.active{
    color:#17100c;
    background:#f5ede1;
    border-color:#f5ede1;
  }
  .one-page-header .nav-links a.active:after{display:none}
  .one-page-section-label{top:18px;left:18px}
  #game .page-intro{padding-top:128px}
  #creator .forge-hero{padding-top:126px}
  #contract .contract-shell{padding-top:126px}
  #lore .lore-slide-inner{padding-top:112px}
}
@media(max-width:620px){
  html{scroll-padding-top:110px}
  .one-page-section{scroll-margin-top:110px}
  .one-page-header .brand small{display:block;font-size:8px;letter-spacing:.13em}
  .one-page-header .hang-mode-trigger{min-height:38px;padding:0 12px}
  .one-page-section-label{display:none}
  #game .page-intro{padding-top:118px}
  #creator .forge-hero{padding-top:116px}
  #contract .contract-shell{padding-top:116px}
  #lore .lore-slide-inner{padding-top:104px}
}


/* ONE-PAGE — approved Home and Game cleanup */
#home .ticker{margin-bottom:0}
#home + #lore{scroll-margin-top:72px}

.game-side-public{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.game-side-public h3{margin-bottom:10px}
.game-quick-rule{
  margin:0 0 20px;
  max-width:32ch;
  color:var(--cream);
  font:700 clamp(20px,2vw,27px)/1.25 Georgia,serif;
  letter-spacing:-.025em;
}
.game-signal-key-essential{margin-top:0}
.game-full-rules{
  margin-top:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(0,0,0,.14);
  overflow:hidden;
}
.game-full-rules summary{
  position:relative;
  padding:15px 46px 15px 17px;
  color:var(--cream);
  font-size:12px;
  font-weight:850;
  letter-spacing:.04em;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.game-full-rules summary::-webkit-details-marker{display:none}
.game-full-rules summary:after{
  content:"+";
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--orange);
  transition:transform .2s ease;
}
.game-full-rules[open] summary:after{content:"−"}
.game-full-rules summary:hover,
.game-full-rules summary:focus-visible{background:rgba(255,255,255,.025)}
.game-full-rules summary:focus-visible{outline:2px solid rgba(241,162,75,.65);outline-offset:-2px}
.game-full-rules-body{
  padding:0 18px 17px;
  border-top:1px solid var(--line);
}
.game-full-rules-body ul{
  margin:14px 0 0;
  padding-left:18px;
  color:var(--muted);
  font-size:13px;
  line-height:1.58;
}
.game-full-rules-body li+li{margin-top:8px}

@media(max-width:760px){
  .game-quick-rule{max-width:none;font-size:21px}
}


/* ========================================================================== */
/* V9.5 — One-page keyboard scope, visibility pause and accessibility         */
/* ========================================================================== */

.skip-link{
  position:fixed;
  left:18px;
  top:14px;
  z-index:1000;
  transform:translateY(-180%);
  padding:11px 16px;
  border:2px solid #f1a24b;
  border-radius:12px;
  background:#fff4e8;
  color:#160b08;
  font-size:13px;
  font-weight:850;
  box-shadow:0 14px 35px rgba(0,0,0,.38);
  transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0)}

:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
  outline:3px solid #f1a24b;
  outline-offset:4px;
}
:where(.btn,.social-card,.forge-action,.lore-arrow,.lore-indicators button):focus-visible{
  box-shadow:0 0 0 5px rgba(241,162,75,.22);
}

.section-page-title{
  font-size:clamp(57px,8vw,108px);
  line-height:.86;
}
.forge-hero-copy h2{
  font-size:clamp(68px,7.4vw,116px);
  line-height:.84;
}
.forge-heading h3{
  font:500 clamp(48px,5vw,78px)/.91 Georgia,"Times New Roman",serif;
  letter-spacing:-.055em;
  margin:0;
}
.lore-copy-block h3,.lore-final-copy h3{
  font:500 clamp(49px,5vw,82px)/.91 Georgia,"Times New Roman",serif;
  letter-spacing:-.055em;
  margin:0 0 25px;
  color:#fff4e8;
}
.lore-copy-wide h3{max-width:1180px;font-size:clamp(43px,4.4vw,73px);margin-bottom:17px}
.lore-copy-bottom h3{grid-column:1;margin:0;font-size:clamp(40px,3.7vw,60px)}
.lore-final-copy h3{font-size:clamp(64px,7.4vw,116px);margin-bottom:30px}

.game-stage-shell{position:relative}
#gameCanvas{
  border:3px solid transparent;
  border-radius:0 0 18px 18px;
  transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
#gameCanvas:focus-visible,
.game-card.keyboard-active #gameCanvas{
  border-color:rgba(112,233,151,.72);
  box-shadow:inset 0 0 0 2px rgba(8,20,13,.75),0 0 0 5px rgba(112,233,151,.16);
  outline:none;
}
.game-focus-note{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  margin:0;
  padding:9px 14px;
  border-top:1px solid rgba(255,255,255,.08);
  background:#09130e;
  color:#91a096;
  font-size:11px;
  line-height:1.4;
}
.game-focus-note:before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#6e746f;
}
.game-focus-active{display:none}
.game-card.keyboard-active .game-focus-note{color:#ccebd5}
.game-card.keyboard-active .game-focus-note:before{background:#70e997;box-shadow:0 0 14px rgba(112,233,151,.7)}
.game-card.keyboard-active .game-focus-idle{display:none}
.game-card.keyboard-active .game-focus-active{display:inline}
.game-card.game-paused #gameCanvas{filter:saturate(.62) brightness(.76)}
.game-card.game-paused .game-focus-note:after{
  content:"Paused while Game is outside the viewport";
  margin-left:auto;
  color:#d6aa72;
  font-weight:750;
}
body.game-visibility-paused.sminem-market-active .one-page-section:not(#game){filter:none}
body.game-visibility-paused .sminem-world-fx,
body.game-visibility-paused .sminem-mega-layer{visibility:hidden}
body.game-visibility-paused .sminem-world-fx *,
body.game-visibility-paused .sminem-mega-layer *{animation-play-state:paused!important}

@media(max-width:820px){
  .section-page-title{font-size:clamp(46px,12vw,72px)}
  .forge-hero-copy h2{font-size:clamp(56px,16vw,78px)}
  .lore-copy-block h3{font-size:clamp(42px,10vw,64px)}
  .lore-final-copy h3{font-size:clamp(55px,12vw,84px)}
}
@media(max-width:620px){
  .game-focus-note{font-size:10px;align-items:flex-start}
  .game-card.game-paused .game-focus-note:after{display:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .lore-track{transition:none!important}
  .hang-particle{display:none!important}
  .intro-splash,.rh-splash{transition:none!important}
}


/* V9.6 — Creator cleanup, manual Game pause and launch-first Contract hierarchy */
.forge-step-download .forge-step-kicker,
.forge-step-prompt .forge-step-kicker,
.forge-step-open .forge-step-kicker{margin-bottom:10px}
.forge-step-download .forge-action,
.forge-step-prompt .forge-prompt-box,
.forge-step-open .forge-ai-actions{margin-top:0}
.forge-step-download,
.forge-step-prompt,
.forge-step-open{padding-top:20px;padding-bottom:20px}
.forge-step-open .forge-ai-actions{margin-bottom:0}

.pause-toggle{
  min-height:40px;
  padding:0 15px;
  border-color:rgba(241,168,90,.30);
  background:rgba(143,83,34,.10);
  color:#f1d4ad;
}
.pause-toggle:hover:not(:disabled),
.pause-toggle[aria-pressed="true"]{
  border-color:rgba(241,168,90,.62);
  background:rgba(177,102,43,.20);
  color:#ffe5be;
  box-shadow:0 0 22px rgba(241,154,71,.11);
}
.pause-toggle:disabled{opacity:.42;cursor:not-allowed}
.game-card.game-manual-pause #gameCanvas{filter:saturate(.55) brightness(.68)}
.game-card.game-manual-pause .game-focus-note:after{
  content:"Paused — press Resume to continue";
  margin-left:auto;
  color:#f0bb79;
  font-weight:750;
}
body.game-manual-paused .sminem-world-fx *,
body.game-manual-paused .sminem-mega-layer *{animation-play-state:paused!important}

.contract-panel-v92 > .contract-field{margin-top:26px}
.contract-panel-v92 .social-grid-launch-first .social-card-launch,
.contract-panel-v92 .social-grid-launch-first .social-card-chart{
  border-color:rgba(228,164,85,.22);
  background:linear-gradient(180deg,rgba(89,55,28,.10),rgba(255,255,255,.012));
}
.contract-panel-v92 .social-grid-launch-first .social-card-community{
  background:rgba(255,255,255,.012);
}

@media(max-width:620px){
  .game-toolbar-actions{flex-wrap:wrap}
  .game-toolbar-actions .btn{min-width:calc(50% - 5px)}
  .game-toolbar-actions .btn-red{flex-basis:100%}
  .game-card.game-manual-pause .game-focus-note:after{display:none}
}

/* V9.7 — Lore editorial cleanup and consistent supporting typography */
.lore-page .lore-copy-block,
.lore-page .lore-final-copy{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.lore-page .lore-meta{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(12px,.9vw,14px);
  line-height:1.4;
  letter-spacing:.14em;
}
.lore-page .lore-overline,
.lore-page .lore-final-copy .lore-overline{
  max-width:900px;
  color:#efb36f!important;
  font:750 clamp(14px,1vw,16px)/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-style:normal!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.lore-page .lore-final-copy .lore-overline{
  margin:0 auto 24px!important;
}
.lore-page .lore-copy-block p,
.lore-page .lore-final-copy p{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(17px,1.2vw,20px);
  line-height:1.62;
  margin-bottom:16px;
}
.lore-page .lore-caveat,
.lore-page .lore-final-note{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(16px,1.05vw,18px)!important;
  line-height:1.58!important;
  letter-spacing:0!important;
}
.lore-page .lore-final-note{
  color:#b7a69c!important;
}
.lore-page .lore-copy-block h3,
.lore-page .lore-final-copy h3,
.lore-page .lore-copy-block blockquote,
.lore-page .lore-final-line{
  font-family:Georgia,"Times New Roman",serif;
}

@media(max-width:620px){
  .lore-page .lore-meta{font-size:12px}
  .lore-page .lore-overline,
  .lore-page .lore-final-copy .lore-overline{font-size:14px!important}
  .lore-page .lore-copy-block p,
  .lore-page .lore-final-copy p{font-size:16px;line-height:1.58}
  .lore-page .lore-caveat,
  .lore-page .lore-final-note{font-size:15px!important}
}


/* V9.83 Corrected Production Candidate — focused Creator CTA and staged loading */
.creator-hero-actions-single{
  align-items:center;
  gap:0;
}
.creator-hero-actions-single .btn-primary{
  min-width:168px;
  justify-content:center;
}
.noscript-note{
  margin:0;
  padding:12px 18px;
  text-align:center;
  color:#f7d7ad;
  background:#3a190f;
  border-bottom:1px solid rgba(241,154,71,.32);
  font-weight:700;
}
#startGame[aria-busy="true"]{
  cursor:progress;
  opacity:.78;
}

/* ========================================================================== */
/* V9.83 — Responsive image regression fix                                   */
/* ========================================================================== */
/* Responsive cards, badges and modal artwork control their rendered size. */
.forge-poster-card img,
.forge-template-image,
.rh-visual > img,
.rh-corner img,
.rh-splash img {
  height:auto;
}

/* ========================================================================== */
/* V9.84 — corrected one-page landings and restored Hang Mode composition      */
/* ========================================================================== */
:root{--hit-fixed-header:72px}

html{scroll-padding-top:0!important}
.one-page-section{scroll-margin-top:0!important}

/* Each destination now begins directly below the fixed header. The reserved
   area belongs to the destination section, so no strip from the previous
   section remains visible after navigation. */
#lore{padding-top:calc(var(--hit-fixed-header) + 18px)}

/* Restore the approved V9.7 Hang Mode proportions. */
.hang-mode-poster{
  height:min(72vh,720px)!important;
  width:auto!important;
  max-width:78vw!important;
  max-height:none!important;
  object-fit:contain!important;
}

@media(max-width:960px){
  :root{--hit-fixed-header:112px}
  #lore{padding-top:calc(var(--hit-fixed-header) + 10px)}
}

@media(max-width:620px){
  :root{--hit-fixed-header:110px}
  #lore{padding-top:var(--hit-fixed-header)}
  .hang-mode-poster{
    width:auto!important;
    height:auto!important;
    max-width:88vw!important;
    max-height:68vh!important;
  }
}

/* ========================================================================== */
/* V9.85 — compact section landings, Lore viewport fit and Game framing       */
/* ========================================================================== */

/* Public section-number labels were useful during development, but duplicated
   the sticky navigation in the finished One-Page experience. */
.one-page-section-label{display:none!important}

/* Lore now occupies the exact usable viewport below the fixed header. This
   removes the unused band above the slides and keeps chapter indicators in view. */
#lore{
  padding-top:0!important;
  min-height:calc(100svh - var(--hit-fixed-header))!important;
}
#lore .lore-carousel,
#lore .lore-track,
#lore .lore-slide{
  height:calc(100svh - var(--hit-fixed-header))!important;
  min-height:calc(100svh - var(--hit-fixed-header))!important;
}
#lore .lore-slide-inner{
  height:100%!important;
  min-height:100%!important;
  padding:clamp(24px,3.3vh,38px) 0 72px!important;
}
#lore .lore-controls{bottom:14px!important}
#lore .lore-media-portrait{height:min(64svh,620px)}
#lore .lore-media-collage{height:min(64svh,640px)}
#lore .lore-slide-stack .lore-slide-inner{gap:16px}
#lore .lore-slide[data-slide="3"] .lore-slide-inner{padding-top:22px!important;padding-bottom:68px!important}
#lore .lore-slide[data-slide="3"] .lore-media-wide{height:min(43svh,430px)}
#lore .lore-slide[data-slide="4"] .lore-slide-inner{gap:14px;padding-top:20px!important;padding-bottom:68px!important}
#lore .lore-slide[data-slide="4"] .lore-media-chart{height:min(42svh,430px)}
#lore .lore-slide[data-slide="4"] .lore-copy-bottom{transform:translateY(-4px)}
#lore .lore-slide[data-slide="5"] .lore-final-copy{transform:translateY(-8px)}

/* Creator Hub starts directly with its hero. The hero remains vertically
   centred, so removing the development label does not leave an empty strip. */
#creator .forge-hero{padding-top:0!important}

/* Compact the Game section without reducing the canvas content or changing
   any mechanics. The title and explanatory copy use less vertical space, while
   the playable area and public rules remain fully available. */
#game{padding-top:0!important}
#game .page-intro{
  padding:28px 0 14px!important;
  gap:40px;
  align-items:center;
}
#game .page-intro .section-page-title{
  font-size:clamp(50px,5.8vw,78px);
  line-height:.9;
}
#game .page-intro .copy{
  max-width:640px;
  margin-top:0;
  font-size:15px;
  line-height:1.5;
}
#game > .section{
  padding:0 0 34px!important;
}
#game .game-layout{
  margin-top:0!important;
  gap:16px;
}
#game .game-card,
#game .game-side{border-radius:24px}
#game .game-toolbar{padding:10px 12px;gap:10px}
#game .game-toolbar-actions{gap:8px}
#game .game-toolbar-actions .btn{min-height:38px;padding:0 13px}
#game .game-side{padding:22px}
#game .game-side h3{font-size:28px;margin-bottom:8px}
#game .game-quick-rule{font-size:clamp(18px,1.55vw,23px);margin-bottom:15px}
#game .game-signal-key{padding:12px 13px;gap:7px;font-size:13px;line-height:1.4}
#game .game-full-rules{margin-top:12px}
#game .game-full-rules summary{padding-top:12px;padding-bottom:12px}

/* Contract & Links keeps its centred two-column composition after the public
   section label is removed. */
#contract .contract-shell{
  min-height:calc(100svh - var(--hit-fixed-header));
  padding-top:46px!important;
  padding-bottom:58px!important;
}

@media(max-width:960px){
  #game .page-intro{padding:34px 0 18px!important}
  #creator .forge-hero{padding-top:0!important}
  #contract .contract-shell{padding-top:46px!important;padding-bottom:58px!important}
}

@media(max-width:820px){
  /* Stacked mobile Lore remains naturally scrollable; fixed-height desktop
     fitting would otherwise compress long chapters on small screens. */
  #lore,
  #lore .lore-carousel,
  #lore .lore-track,
  #lore .lore-slide{
    height:auto!important;
    min-height:auto!important;
  }
  #lore .lore-slide-inner{
    height:auto!important;
    min-height:auto!important;
    padding:34px 0 102px!important;
  }
  #lore .lore-slide[data-slide="3"] .lore-slide-inner,
  #lore .lore-slide[data-slide="4"] .lore-slide-inner{
    padding-top:34px!important;
    padding-bottom:102px!important;
  }
  #lore .lore-media-portrait,
  #lore .lore-media-collage,
  #lore .lore-media-wide,
  #lore .lore-media-chart{height:auto!important}
  #lore .lore-slide[data-slide="4"] .lore-copy-bottom,
  #lore .lore-slide[data-slide="5"] .lore-final-copy{transform:none}
  #lore .lore-controls{bottom:24px!important}

  #game .page-intro{grid-template-columns:1fr;gap:12px;padding:30px 0 16px!important}
  #game .page-intro .copy{font-size:15px}
  #game > .section{padding-bottom:46px!important}
  #game .game-layout{grid-template-columns:1fr}
}

@media(max-width:620px){
  #game .page-intro{padding:26px 0 14px!important}
  #game .page-intro .section-page-title{font-size:clamp(45px,13vw,64px)}
  #game .game-side{padding:18px}
  #contract .contract-shell{padding-top:34px!important;padding-bottom:46px!important}
}

/* ========================================================================== */
/* V9.90 — community CTA, Lore text alignment and pre-domain polish           */
/* ========================================================================== */
.home-page .actions .btn-community{
  border-color:#f1a24b;
  background:linear-gradient(135deg,#f4b15c,#df7834);
  color:#1a0c06;
  box-shadow:0 12px 28px rgba(225,112,45,.19);
  white-space:nowrap;
}
.home-page .actions .btn-community:hover{
  border-color:#ffc77f;
  background:linear-gradient(135deg,#ffc06f,#ee8a40);
  box-shadow:0 16px 34px rgba(225,112,45,.27);
}

/* Justify only the two approved paragraphs in Lore chapter 05. */
#lore .lore-slide[data-slide="4"] .lore-copy-bottom > p{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}

@media(max-width:820px){
  /* Narrow columns can create distracting word spacing; preserve readability. */
  #lore .lore-slide[data-slide="4"] .lore-copy-bottom > p{
    text-align:left;
    hyphens:none;
  }
}

/* V9.91 — Chapter 1 completion, game metrics and Lore of the Game */
.game-metrics{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 13px;
  color:var(--muted);
  font-size:11px;
  font-weight:750;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.game-metrics span{white-space:nowrap}
.game-metrics span+span:before{content:"·";margin-right:13px;color:rgba(239,180,95,.38)}
.game-metrics strong{color:var(--cream);letter-spacing:0}
.game-metrics #lives{color:var(--red);letter-spacing:.07em}

.cycle-complete-panel{
  position:absolute;
  inset:0;
  z-index:12;
  display:grid;
  place-items:center;
  padding:24px;
  background:radial-gradient(circle at 50% 35%,rgba(235,157,70,.18),transparent 34%),rgba(3,7,5,.86);
  backdrop-filter:blur(9px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.cycle-complete-panel.active{opacity:1;visibility:visible;pointer-events:auto}
.cycle-complete-card{
  width:min(510px,100%);
  padding:34px;
  border:1px solid rgba(239,180,95,.3);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(31,19,12,.97),rgba(8,15,11,.98));
  box-shadow:0 32px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05);
  text-align:center;
}
.cycle-complete-card>span{
  color:var(--orange);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}
.cycle-complete-card h3{
  margin:12px 0 23px;
  color:var(--cream);
  font:500 clamp(36px,5vw,58px)/.98 Georgia,serif;
  letter-spacing:-.04em;
}
.cycle-complete-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.cycle-complete-stats>div{
  display:grid;
  gap:6px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.cycle-complete-stats small,.cycle-next small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cycle-complete-stats strong{color:var(--cream);font-size:22px}
.cycle-complete-card .btn{width:100%;justify-content:center}
.cycle-next{
  display:grid;
  gap:4px;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.cycle-next strong{color:var(--orange);font:600 27px/1 Georgia,serif;letter-spacing:.08em}
.cycle-next span{color:var(--cream);font-size:10px;font-weight:900;letter-spacing:.24em}

.game-lore-trigger{
  position:relative;
  width:100%;
  margin-top:20px;
  padding:19px 54px 19px 19px;
  border:1px solid rgba(239,160,74,.32);
  border-radius:20px;
  background:linear-gradient(125deg,rgba(111,51,19,.22),rgba(14,20,15,.88));
  color:var(--cream);
  cursor:pointer;
  text-align:left;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.game-lore-trigger:hover,.game-lore-trigger:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(239,160,74,.7);
  box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 28px rgba(236,133,55,.08);
}
.game-lore-trigger-kicker{display:block;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.game-lore-trigger strong{display:block;margin:7px 0 4px;font:600 22px/1.05 Georgia,serif}
.game-lore-trigger>span:not(.game-lore-trigger-kicker){display:block;color:var(--muted);font-size:12px;line-height:1.45}
.game-lore-trigger b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--orange);font-size:11px;letter-spacing:.06em}

body.game-lore-open{overflow:hidden}
.game-lore-overlay{
  position:fixed;
  inset:0;
  z-index:520;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(4,3,3,.86);
  backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.game-lore-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
.game-lore-shell{
  position:relative;
  width:min(1260px,100%);
  height:min(850px,calc(100vh - 44px));
  overflow:auto;
  border:1px solid rgba(239,180,95,.24);
  border-radius:30px;
  background:
    radial-gradient(circle at 78% 5%,rgba(223,132,47,.15),transparent 25%),
    linear-gradient(145deg,#180b08,#080d0a 64%,#100705);
  box-shadow:0 40px 130px rgba(0,0,0,.64);
  scrollbar-color:rgba(239,160,74,.45) transparent;
}
.game-lore-close{
  position:sticky;
  top:18px;
  z-index:6;
  float:right;
  width:44px;
  height:44px;
  margin:18px 18px -62px 0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(8,7,6,.76);
  color:var(--cream);
  font-size:25px;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.game-lore-close:hover,.game-lore-close:focus-visible{border-color:var(--orange);color:var(--orange)}
.game-lore-view{min-height:100%;clear:both}
.game-lore-view[hidden]{display:none!important}

.game-lore-intro{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:34px;
  align-items:center;
  padding:70px 68px 54px;
}
.game-lore-intro-copy span,.game-lore-header span,.game-lore-detail-group{
  color:var(--orange);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.game-lore-intro h2,.game-lore-header h2,.game-lore-detail-copy>h2{
  margin:10px 0 16px;
  color:var(--cream);
  font:500 clamp(48px,6vw,86px)/.9 Georgia,serif;
  letter-spacing:-.055em;
}
.game-lore-intro-copy p{max-width:410px;color:var(--muted);font-size:16px;line-height:1.7}
.game-lore-cover{
  grid-row:1 / span 2;
  grid-column:2;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(239,180,95,.28);
  border-radius:24px;
  background:#0b0705;
  box-shadow:0 25px 70px rgba(0,0,0,.42);
}
.game-lore-cover img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.game-lore-enter{align-self:start;justify-self:start}

.game-lore-gallery{padding:64px 58px 58px}
.game-lore-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px;padding-right:56px}
.game-lore-header h2{font-size:clamp(43px,5vw,68px);margin-bottom:9px}
.game-lore-header p{max-width:650px;margin:0;color:var(--muted);line-height:1.6}
.game-lore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.game-lore-card{
  display:grid;
  grid-template-columns:74px 1fr;
  grid-template-rows:1fr auto;
  gap:13px 15px;
  min-height:176px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.025);
  color:inherit;
  cursor:pointer;
  text-align:left;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.game-lore-card:hover,.game-lore-card:focus-visible{transform:translateY(-3px);border-color:rgba(239,160,74,.58);background:rgba(239,160,74,.055)}
.game-lore-card-visual{
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(0,0,0,.24);
}
.game-lore-card-visual img{width:100%;height:100%;object-fit:contain}
.game-lore-card-copy{display:block}
.game-lore-card-copy small{display:block;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.12em}
.game-lore-card-copy strong{display:block;margin:5px 0;color:var(--cream);font:600 21px/1.05 Georgia,serif}
.game-lore-card-copy span{display:block;color:var(--muted);font-size:12px;line-height:1.42}
.game-lore-card>b{grid-column:1 / -1;align-self:end;color:var(--orange);font-size:10px;letter-spacing:.08em;text-align:right}

.game-lore-candle{position:relative;display:block;width:24px;height:55px;border-radius:4px;box-shadow:0 0 24px currentColor}
.game-lore-candle i{position:absolute;left:50%;top:-13px;width:3px;height:81px;transform:translateX(-50%);border-radius:3px;background:currentColor;opacity:.72}
.game-lore-candle:after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.42);border-radius:4px;background:currentColor}
.candle-red{color:#e85e52}.candle-green{color:#55dc83}

.game-lore-detail{padding:48px 58px 58px}
.game-lore-detail-nav{display:flex;justify-content:space-between;gap:12px;margin:0 54px 34px 0}
.game-lore-detail-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:52px;align-items:start}
.game-lore-detail-visual{
  display:grid;
  place-items:center;
  min-height:470px;
  overflow:hidden;
  border:1px solid rgba(239,180,95,.22);
  border-radius:26px;
  background:radial-gradient(circle,rgba(239,154,65,.12),transparent 56%),rgba(0,0,0,.24);
}
.game-lore-detail-image{width:78%;height:78%;max-height:430px;object-fit:contain;filter:drop-shadow(0 22px 32px rgba(0,0,0,.35))}
.game-lore-detail-visual .game-lore-candle{transform:scale(2.5)}
.game-lore-detail-copy{padding:12px 0}
.game-lore-detail-copy>h2{font-size:clamp(52px,6vw,82px)}
.game-lore-detail-lead{margin:-2px 0 28px;color:var(--orange);font:italic 500 22px/1.35 Georgia,serif}
.game-lore-detail-copy section{padding:19px 0;border-top:1px solid var(--line)}
.game-lore-detail-copy h3{margin:0 0 8px;color:var(--cream);font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.game-lore-detail-copy section p{margin:0;color:var(--muted);font-size:15px;line-height:1.72}
.game-lore-detail-copy .game-lore-effect{border:1px solid rgba(88,230,134,.2);border-radius:18px;padding:17px 18px;background:rgba(61,195,102,.06)}
.game-lore-effect h3{color:#78f0a0}
.game-lore-effect p{color:var(--cream)!important;font-weight:650}

.hang-mode-poster:not([src]){min-height:min(74vh,720px);background:radial-gradient(circle,rgba(239,160,74,.12),transparent 48%),rgba(12,7,5,.92)}
.hang-mode-poster.is-loading{opacity:.35}
.hang-mode-poster.is-loaded{animation:hangPosterReveal .3s ease-out both}
@keyframes hangPosterReveal{from{opacity:.35;filter:blur(5px)}to{opacity:1;filter:none}}

@media(max-width:1040px){
  .game-lore-intro{grid-template-columns:1fr;padding:70px 42px 46px}
  .game-lore-cover{grid-column:1;grid-row:auto}
  .game-lore-enter{justify-self:start}
  .game-lore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-lore-detail-layout{grid-template-columns:.8fr 1.2fr;gap:30px}
  .game-lore-detail-visual{min-height:390px}
}
@media(max-width:760px){
  .game-metrics{gap:5px 9px;font-size:9px}
  .game-metrics span+span:before{margin-right:9px}
  .cycle-complete-card{padding:25px 20px}
  .cycle-complete-stats{grid-template-columns:1fr}
  .game-lore-overlay{padding:0}
  .game-lore-shell{width:100%;height:100vh;border:0;border-radius:0}
  .game-lore-intro,.game-lore-gallery,.game-lore-detail{padding:72px 20px 32px}
  .game-lore-intro h2{font-size:clamp(45px,16vw,68px)}
  .game-lore-header{display:grid;align-items:start;padding-right:45px}
  .game-lore-header .btn{justify-self:start}
  .game-lore-grid{grid-template-columns:1fr}
  .game-lore-card{min-height:150px}
  .game-lore-detail-nav{margin-right:42px;flex-wrap:wrap}
  .game-lore-detail-layout{grid-template-columns:1fr;gap:25px}
  .game-lore-detail-visual{min-height:310px}
  .game-lore-detail-copy>h2{font-size:clamp(48px,15vw,68px)}
}
@media(max-width:520px){
  .game-metrics span+span:before{display:none}
  .game-metrics{display:grid;grid-template-columns:repeat(2,auto);justify-content:start}
  .game-lore-trigger{padding-right:18px}
  .game-lore-trigger b{position:static;display:block;margin-top:12px;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .cycle-complete-panel,.game-lore-overlay,.game-lore-card,.game-lore-trigger{transition:none}
  .hang-mode-poster.is-loaded{animation:none}
}

/* ========================================================================== */
/* V9.92 — desktop vertical redistribution between Game and Contract & Links   */
/* ========================================================================== */
@media(min-width:1041px){
  /* Contract & Links no longer vertically centres its cards inside an entire
     viewport. The composition starts closer to the fixed header, reclaiming
     the previously unused upper band while preserving lower breathing room. */
  #contract .contract-shell{
    align-items:start;
    padding-top:54px!important;
    padding-bottom:72px!important;
  }
}

@media(min-width:1041px) and (min-height:820px){
  /* On full-height desktop screens, give the playable composition more room
     without altering the canvas internals, mechanics or smaller layouts. */
  #game .page-intro,
  #game .game-layout{
    width:min(1280px,calc(100% - 40px));
  }
  #game .page-intro{
    padding:34px 0 20px!important;
  }
  #game > .section{
    padding-bottom:58px!important;
  }
  #game .game-layout{
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);
    gap:22px;
    align-items:stretch;
  }
  #game .game-card,
  #game .game-side{
    align-self:stretch;
  }
  #game .game-side{
    display:flex;
    flex-direction:column;
  }
}


/* ========================================================================== */
/* V9.93 — Contract footer fit and complete Sminem payoff handoff             */
/* ========================================================================== */
@media(min-width:1041px){
  /* Contract & Links now ends after its approved content instead of reserving
     a full viewport below the cards. This brings the existing footer upward
     while preserving a deliberate gap and leaves the V9.92 Game layout intact. */
  #contract .contract-shell{
    min-height:auto!important;
    padding-bottom:56px!important;
  }
}

/* ========================================================================== */
/* V9.94 — Contract scroll runway and marketable Lore archive entry           */
/* ========================================================================== */

/* The Lore entry now acts as a compact visual cover inside the existing
   How-to-Play column instead of a plain text link. */
.game-lore-trigger.game-lore-trigger-v94{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:0;
  min-height:210px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 10%,rgba(243,174,80,.13),transparent 34%),
    linear-gradient(145deg,rgba(37,18,11,.94),rgba(8,14,10,.98));
}
.game-lore-trigger-v94:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,218,156,.025);
  pointer-events:none;
}
.game-lore-trigger-media{
  position:relative;
  display:block!important;
  min-height:108px;
  overflow:hidden;
  border-bottom:1px solid rgba(239,160,74,.22);
  background:#0b0806;
}
.game-lore-trigger-media:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:45%;
  background:linear-gradient(transparent,rgba(10,12,9,.78));
  pointer-events:none;
}
.game-lore-trigger-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:108px;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.04);
  transition:transform .45s ease,filter .45s ease;
}
.game-lore-trigger-v94:hover .game-lore-trigger-media img,
.game-lore-trigger-v94:focus-visible .game-lore-trigger-media img{
  transform:scale(1.025);
  filter:saturate(1.05) contrast(1.06);
}
.game-lore-trigger-copy{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  padding:16px 18px 17px;
}
.game-lore-trigger-v94 .game-lore-trigger-kicker{
  color:#f1bd78;
  font-size:9px;
  letter-spacing:.18em;
}
.game-lore-trigger-v94 strong{
  margin:6px 0 5px;
  color:var(--cream);
  font-size:clamp(24px,2vw,31px);
  line-height:.98;
}
.game-lore-trigger-v94 .game-lore-trigger-copy>span:not(.game-lore-trigger-kicker){
  max-width:34ch;
  color:var(--muted);
  font-size:12px;
  line-height:1.42;
}
.game-lore-trigger-v94 b{
  position:static;
  display:block;
  margin-top:12px;
  transform:none;
  color:#f4bd72;
  font-size:10px;
  letter-spacing:.09em;
  text-transform:uppercase;
}

@media(min-width:1041px){
  /* Contract remains compact, while the footer provides a small scroll runway
     after its visible content. This lets #contract align below the fixed
     header without pulling the previous Game section into view. */
  #contract .contract-shell{
    min-height:auto!important;
    padding-top:54px!important;
    padding-bottom:56px!important;
  }
  .footer{
    padding-bottom:18px;
  }
  .footer:after{
    content:"";
    display:block;
    height:92px;
  }
}

@media(min-width:1041px) and (min-height:820px){
  #game .game-side-public>.game-lore-trigger-v94{
    flex:1 1 auto;
    min-height:245px;
  }
}

@media(max-width:1040px){
  .game-lore-trigger.game-lore-trigger-v94{
    grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr);
    grid-template-rows:1fr;
    min-height:170px;
  }
  .game-lore-trigger-media{
    min-height:170px;
    border-right:1px solid rgba(239,160,74,.22);
    border-bottom:0;
  }
  .game-lore-trigger-media img{min-height:170px}
}

@media(max-width:620px){
  .game-lore-trigger.game-lore-trigger-v94{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    min-height:0;
  }
  .game-lore-trigger-media{
    min-height:126px;
    border-right:0;
    border-bottom:1px solid rgba(239,160,74,.22);
  }
  .game-lore-trigger-media img{min-height:126px}
}

@media(prefers-reduced-motion:reduce){
  .game-lore-trigger-media img{transition:none}
}


/* ========================================================================== */
/* V9.95 — final Contract viewport balance and direct Lore archive entry       */
/* ========================================================================== */

@media(min-width:1041px){
  /* Keep Contract & Links fully separated from Game while allowing the green
     field, centred panels and footer to compose one complete desktop view. */
  #contract{
    min-height:auto!important;
  }
  #contract .contract-shell{
    min-height:max(580px,calc(100svh - var(--hit-fixed-header) - 120px))!important;
    padding-top:42px!important;
    padding-bottom:48px!important;
    align-items:center!important;
  }
  .footer{
    padding:46px 0!important;
  }
  .footer:after{
    content:none!important;
    display:none!important;
    height:0!important;
  }
}

/* The approved mini-cover remains in Game, but opening it now goes directly
   to Choose a Signal; the redundant two-second full-screen crest is removed. */
.game-lore-gallery{
  min-height:100%;
}