:root{
  --bg:#05020a;
  --text:#fff8df;
  --muted:#f3dfad;
  --soft:#e1d1ff;
  --gold:#ffd166;
  --orange:#ff8a2a;
  --pink:#ff3dd8;
  --cyan:#45e7ff;
  --green:#73ff9e;
  --violet:#8c5cff;
  --panel:rgba(10,5,24,.92);
  --panel2:rgba(255,255,255,.11);
  --line:rgba(255,255,255,.26);
  --shadow:0 30px 110px rgba(0,0,0,.58);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif}
body{overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

.launch-screen{display:none}
.mobile-home-actions,.mobile-portal-card,.mobile-path-preview{display:none}
.mobile-exit-btn{display:none}

.psychedelic-bg{position:fixed;inset:0;z-index:-20;overflow:hidden;background:
  radial-gradient(ellipse at 12% 0%,rgba(255,61,216,.22),transparent 38%),
  radial-gradient(ellipse at 90% 14%,rgba(69,231,255,.18),transparent 34%),
  radial-gradient(ellipse at 50% 104%,rgba(255,209,102,.14),transparent 40%),
  linear-gradient(135deg,#030108,#12041c 52%,#020914)}
.contrast-veil{position:absolute;inset:0;background:
  radial-gradient(circle at center,rgba(5,2,10,.12),rgba(5,2,10,.72) 70%),
  linear-gradient(180deg,rgba(5,2,10,.22),rgba(5,2,10,.84))}
.aurora{position:absolute;border-radius:50%;filter:blur(32px);mix-blend-mode:screen;opacity:.52;animation:float 16s ease-in-out infinite alternate}
.aurora-a{width:58vw;height:58vw;left:-20vw;top:-14vw;background:radial-gradient(circle,var(--pink),transparent 66%)}
.aurora-b{width:52vw;height:52vw;right:-20vw;top:4vh;background:radial-gradient(circle,var(--cyan),transparent 68%);animation-delay:-6s}
.aurora-c{width:58vw;height:58vw;left:26vw;bottom:-34vw;background:radial-gradient(circle,var(--gold),transparent 68%);animation-delay:-11s}
.liquid-field{position:absolute;inset:-30%;background:conic-gradient(from 45deg,rgba(255,61,216,.2),rgba(255,209,102,.11),rgba(69,231,255,.16),rgba(115,255,158,.1),rgba(140,92,255,.17),rgba(255,61,216,.2));filter:blur(82px);opacity:.64;animation:spin 54s linear infinite}
.hypno{position:absolute;border-radius:50%;opacity:.28;filter:drop-shadow(0 0 45px rgba(255,61,216,.28));animation:spin 64s linear infinite}
.hypno:before{content:"";position:absolute;inset:0;border-radius:50%;background:
  repeating-conic-gradient(from 0deg,rgba(255,209,102,.38) 0 5deg,transparent 5deg 12deg,rgba(69,231,255,.28) 12deg 17deg,transparent 17deg 25deg);
  mask:radial-gradient(circle,transparent 0 16%,#000 17% 22%,transparent 23% 31%,#000 32% 38%,transparent 39% 48%,#000 49% 55%,transparent 56% 64%,#000 65% 72%,transparent 73%)}
.hypno-a{width:620px;height:620px;right:-60px;top:92px}
.hypno-b{width:440px;height:440px;left:-130px;bottom:10vh;animation-direction:reverse;opacity:.36}
.poster-dots{position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.5px);background-size:18px 18px}
.cosmic-stars{position:absolute;inset:0;opacity:.22;background-image:
  radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),
  radial-gradient(circle,rgba(255,209,102,.8) 1px,transparent 1px);
  background-size:86px 86px,142px 142px;background-position:0 0,44px 62px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{to{transform:translate(70px,-42px) scale(1.08)}}
@keyframes pulseGlow{0%,100%{filter:drop-shadow(0 0 25px rgba(255,209,102,.45))}50%{filter:drop-shadow(0 0 55px rgba(69,231,255,.6))}}
@keyframes slowPan{to{background-position:240px 160px,-180px 120px,0 0}}
@keyframes quietLift{to{transform:translateY(-4px)}}
@keyframes dailySpin{to{transform:rotate(360deg)}}
@keyframes dailySignal{0%,100%{opacity:.42;transform:scaleX(.62)}50%{opacity:1;transform:scaleX(1)}}

.site-nav{position:sticky;top:12px;z-index:10;width:min(1220px,calc(100vw - 20px));margin:12px auto 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(8,4,18,.78);backdrop-filter:blur(24px);box-shadow:0 18px 70px rgba(0,0,0,.45)}
.brand{border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:9px;font-family:"Space Mono",monospace;text-align:left;font-weight:700;padding:4px 8px}
.brand-copy{display:grid;gap:1px;line-height:1.05}
.brand-copy > span{letter-spacing:.075em;text-transform:uppercase}
.brand-copy > small{color:var(--gold);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.brand-orb{position:relative;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:url("/assets/icons/deadhead-high-icon-v2-512.png") center/cover no-repeat;box-shadow:0 0 32px rgba(255,61,216,.34);animation:pulseGlow 5s ease-in-out infinite;overflow:hidden}
.nav-pill{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.nav-link{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;padding:9px 10px;font-weight:800;font-size:14px}
.nav-link.active{background:linear-gradient(135deg,var(--gold),var(--pink));color:#17051b}
.nav-link:not(.active):hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--text)}

.app-shell{width:min(1180px,calc(100vw - 28px));margin:0 auto 70px}
.page{display:none;animation:pageIn .32s ease-out}
.page.active{display:block}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.page-hero,.content-panel,.stats-row{position:relative;background:linear-gradient(180deg,rgba(16,8,34,.96),rgba(6,3,15,.9));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px);overflow:hidden}
.page-hero:before,.content-panel:before,.stats-row:before,.path-card:before,.show-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.15),transparent 22%,transparent 75%,rgba(255,255,255,.08));pointer-events:none}
.page-hero{border-radius:38px;padding:42px 46px;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;min-height:510px}
.home-hero{
  background:
    linear-gradient(90deg,rgba(6,3,15,.98),rgba(10,5,24,.9) 48%,rgba(6,3,15,.82)),
    radial-gradient(circle at 80% 48%,rgba(255,209,102,.16),transparent 30%),
    radial-gradient(circle at 58% 18%,rgba(69,231,255,.16),transparent 34%);
}
.home-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.045) 1px,transparent 1px),
    radial-gradient(circle at 12px 12px,rgba(255,209,102,.18) 1px,transparent 1.5px);
  background-size:72px 72px,72px 72px,144px 144px;
  mask:linear-gradient(90deg,#000,rgba(0,0,0,.72) 54%,transparent 92%);
  opacity:.42;
  pointer-events:none;
  animation:slowPan 48s linear infinite;
}
.page-hero.compact{min-height:390px}
.hero-copy{position:relative;z-index:1}
.eyebrow{font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.18em;color:#8ff1ff;font-size:12px;font-weight:800;margin-bottom:10px;text-shadow:0 1px 12px rgba(5,2,10,.8)}
h1,h2{font-family:Fraunces,serif;letter-spacing:-.06em;margin:0}
h1{font-size:clamp(62px,8.8vw,116px);line-height:.86;max-width:840px}
h2{font-size:clamp(38px,5.5vw,64px);line-height:.95}
.hero-copy p,.section-head p,.story-card p{color:var(--muted);font-size:19px;line-height:1.58;max-width:690px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn,.mini-btn{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.13);color:var(--text);border-radius:999px;padding:11px 14px;font-weight:850}
.btn{padding:14px 19px}
.btn.primary,.mini-btn.done{background:linear-gradient(135deg,var(--gold),var(--pink));color:#16051d;border-color:transparent}
.btn.ghost{background:rgba(255,255,255,.14)}
.btn:hover,.mini-btn:hover,.enter-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
.home-path-secondary{
  position:relative;
  z-index:1;
  display:inline-flex;
  margin-top:10px;
  border:0;
  background:transparent;
  color:var(--cyan);
  font-family:"Space Mono",monospace;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:4px;
}

.hero-art{min-height:390px;display:grid;place-items:center;position:relative;z-index:1}
.mega-portal{position:relative;width:min(450px,90vw);aspect-ratio:1;display:grid;place-items:center;cursor:pointer;contain:paint}
.mega-portal:focus-visible{outline:2px solid var(--cyan);outline-offset:8px;border-radius:50%}
.portal-rings{position:absolute;inset:0;border-radius:50%;background:
  radial-gradient(circle,rgba(5,2,10,.88) 0 22%,transparent 23%),
  repeating-conic-gradient(from 0deg,var(--gold) 0 4deg,transparent 4deg 12deg,var(--pink) 12deg 17deg,transparent 17deg 27deg,var(--cyan) 27deg 32deg,transparent 32deg 44deg,var(--green) 44deg 49deg,transparent 49deg 61deg);
  box-shadow:0 0 84px rgba(255,61,216,.28),inset 0 0 60px rgba(5,2,10,.7);animation:spin 42s linear infinite}
.portal-rings:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:repeating-conic-gradient(from 90deg,rgba(255,255,255,.2) 0 3deg,transparent 3deg 12deg);animation:spin 24s linear infinite reverse}
.portal-rings:after{content:"";position:absolute;inset:19%;border-radius:50%;background:rgba(5,2,10,.91);box-shadow:inset 0 0 80px rgba(69,231,255,.18)}
.portal-face{position:relative;width:310px;aspect-ratio:1;border-radius:42px;background:linear-gradient(180deg,rgba(20,10,42,.96),rgba(6,3,15,.97));border:1px solid rgba(255,255,255,.32);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;box-shadow:0 35px 110px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.18);color:var(--text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.portal-face:hover,.portal-face:focus-visible{transform:translateY(-4px);border-color:rgba(143,241,255,.7);box-shadow:0 42px 120px rgba(0,0,0,.68),0 0 70px rgba(69,231,255,.2);outline:0}
.portal-face strong{font-family:"Space Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.portal-face small{color:var(--muted);line-height:1.35;margin-top:8px}
.portal-face em{margin-top:12px;color:var(--cyan);font-size:12px;font-style:normal;font-weight:850}
.portal-sigil{
  position:relative;
  width:112px;
  aspect-ratio:1;
  margin-bottom:18px;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,248,223,.92) 0 7%,transparent 8%),
    radial-gradient(circle at 50% 50%,rgba(5,2,10,.92) 0 22%,transparent 23%),
    repeating-conic-gradient(from 0deg,var(--gold) 0 10deg,var(--pink) 10deg 20deg,var(--cyan) 20deg 30deg,var(--green) 30deg 40deg);
  box-shadow:0 0 44px rgba(255,209,102,.24);
  animation:spin 34s linear infinite;
}
.portal-sigil:before,
.portal-sigil:after{
  content:"";
  position:absolute;
  inset:19%;
  border-radius:50%;
  border:2px solid rgba(255,248,223,.68);
  background:rgba(5,2,10,.45);
}
.portal-sigil:after{
  inset:40%;
  border:0;
  background:linear-gradient(135deg,var(--gold),var(--cyan));
  box-shadow:0 0 22px rgba(69,231,255,.5);
}
.feature-poster{position:relative;z-index:1;min-height:300px;border-radius:42px;border:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:var(--poster);overflow:hidden;contain:paint;box-shadow:0 35px 100px rgba(0,0,0,.48)}
.feature-poster:before{content:"";position:absolute;inset:-45%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.24) 0 7deg,transparent 7deg 15deg);animation:spin 28s linear infinite;mix-blend-mode:overlay}
.feature-poster:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.36),transparent 28%),linear-gradient(180deg,transparent,rgba(5,2,10,.45))}
.poster-icon{position:relative;font-size:92px;z-index:1;filter:drop-shadow(0 0 28px rgba(255,255,255,.45))}
.poster-mark{
  position:relative;
  z-index:1;
  width:96px;
  aspect-ratio:1;
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 50%,rgba(5,2,10,.88) 0 22%,transparent 23%),
    repeating-conic-gradient(from 0deg,var(--gold) 0 10deg,var(--pink) 10deg 20deg,var(--cyan) 20deg 30deg,var(--green) 30deg 40deg);
  box-shadow:0 0 42px rgba(255,255,255,.28);
  animation:spin 28s linear infinite;
}
.poster-mark:after{
  content:"";
  position:absolute;
  inset:25%;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.45);
  background:rgba(5,2,10,.72);
}
.poster-art{
  position:relative;
  z-index:1;
  width:min(190px,100%);
  min-height:132px;
  border-radius:24px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 18px 46px rgba(0,0,0,.28);
}
.feature-poster strong{position:relative;z-index:1;font-family:Fraunces,serif;font-size:clamp(26px,3vw,34px);line-height:.98;max-width:100%;overflow-wrap:break-word}
.poster-shows{--poster:linear-gradient(135deg,#45e7ff,#8c5cff,#ff3dd8)}
.poster-builder{--poster:linear-gradient(135deg,#ffd166,#ff3dd8,#05020a)}
.poster-profile{--poster:linear-gradient(135deg,#73ff9e,#45e7ff,#8c5cff)}
.poster-story{--poster:linear-gradient(135deg,#ff8a2a,#ffd166,#ff3dd8)}

.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;border-radius:26px;padding:14px;margin:18px 0}
.stat{border-radius:18px;padding:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);text-align:center;position:relative;z-index:1}
.stat strong{display:block;color:var(--gold);font-size:31px}
.stat span{font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-size:11px}
.home-trail-intro{
  grid-column:span 2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:18px;
  padding:16px;
  background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(69,231,255,.08),rgba(255,61,216,.08));
  border:1px solid rgba(255,255,255,.15);
  position:relative;
  z-index:1;
}
.home-trail-intro h2{
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:0;
}
.home-trail-intro p{
  margin:6px 0 0;
  color:var(--muted);
  line-height:1.35;
}

.home-daily-callout{
  display:none;
  grid-template-columns:132px minmax(0,1fr);
  gap:18px;
  align-items:center;
  position:relative;
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at 10% 18%,rgba(255,248,223,.2),transparent 22%),
    radial-gradient(circle at 92% 18%,rgba(69,231,255,.18),transparent 28%),
    linear-gradient(135deg,rgba(255,209,102,.12),rgba(69,231,255,.08),rgba(255,61,216,.1)),
    rgba(10,5,24,.72);
  box-shadow:0 24px 80px rgba(0,0,0,.36);
  overflow:hidden;
}
.home-daily-callout:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.13),transparent 24%,transparent 76%,rgba(255,255,255,.07));
  pointer-events:none;
}
.home-daily-callout > *{position:relative;z-index:1}
.home-daily-art{
  position:relative;
  min-height:116px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.2);
  background:
    radial-gradient(circle at 70% 22%,rgba(255,248,223,.34),transparent 26%),
    linear-gradient(135deg,rgba(255,138,42,.34),rgba(255,61,216,.24),rgba(69,231,255,.2));
  overflow:hidden;
}
.home-daily-art:after{
  content:"";
  position:absolute;
  inset:auto 18px 16px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan));
  box-shadow:0 0 20px rgba(69,231,255,.42);
  animation:dailySignal 2.8s ease-in-out infinite;
}
.home-daily-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
}
.home-daily-kicker .eyebrow{
  margin:0;
}
.daily-signal{
  position:relative;
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(255,248,223,.34);
  background:
    radial-gradient(circle at 50% 50%,rgba(5,2,10,.94) 0 24%,transparent 25%),
    repeating-conic-gradient(from 0deg,var(--gold) 0 18deg,var(--pink) 18deg 36deg,var(--cyan) 36deg 54deg,var(--green) 54deg 72deg);
  box-shadow:0 0 24px rgba(255,61,216,.28);
  animation:dailySpin 8s linear infinite;
}
.daily-signal:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cream);
  transform:translate(-50%,-50%);
  box-shadow:0 0 14px rgba(255,248,223,.72);
}
.home-daily-copy h2{
  font-size:clamp(30px,3.4vw,46px);
  line-height:.98;
  letter-spacing:0;
}
.home-daily-copy p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.45;
}
.home-daily-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}
.home-daily-status{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--gold);
  font-family:"Space Mono",monospace;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-daily-status.active{color:var(--cyan);border-color:rgba(69,231,255,.28);background:rgba(69,231,255,.08)}
.home-daily-status.done{color:#071016;border-color:transparent;background:linear-gradient(135deg,var(--green),var(--cyan))}
.now-listening-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:18px;
  align-items:center;
  position:relative;
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 18%,rgba(69,231,255,.2),transparent 25%),
    radial-gradient(circle at 92% 86%,rgba(255,61,216,.16),transparent 26%),
    linear-gradient(135deg,rgba(9,18,32,.88),rgba(18,7,34,.84));
  box-shadow:0 24px 80px rgba(0,0,0,.34);
  overflow:hidden;
}
.now-listening-card[hidden]{display:none}
.now-listening-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 24%,transparent 76%,rgba(255,255,255,.06));
  pointer-events:none;
}
.now-listening-card > *{position:relative;z-index:1}
.now-listening-signal{
  position:relative;
  width:100%;
  aspect-ratio:1;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.2);
  background:
    radial-gradient(circle at 50% 50%,rgba(5,2,10,.94) 0 18%,transparent 19%),
    repeating-radial-gradient(circle at 50% 50%,rgba(69,231,255,.24) 0 4px,transparent 4px 15px),
    conic-gradient(from 120deg,var(--cyan),var(--pink),var(--gold),var(--green),var(--cyan));
  box-shadow:inset 0 0 34px rgba(5,2,10,.6),0 0 36px rgba(69,231,255,.18);
}
.now-listening-signal span{
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--cream);
  transform:translate(-50%,-50%);
  box-shadow:0 0 20px rgba(255,248,223,.76);
}
.now-listening-main h2{
  font-size:clamp(28px,3.2vw,42px);
  line-height:1;
  letter-spacing:0;
}
.now-listening-main p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.4;
}
.now-listening-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.now-listening-facts span{
  display:inline-flex;
  max-width:100%;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.now-listening-card.recent .daily-signal{
  animation:none;
}
.home-daily-poster{
  width:min(430px,90%);
  min-height:360px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  padding:28px;
  color:var(--text);
  text-align:center;
  font:inherit;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.24);
  border-radius:42px;
  background:
    radial-gradient(circle at 20% 14%,rgba(255,248,223,.36),transparent 24%),
    linear-gradient(135deg,rgba(255,138,42,.28),rgba(255,61,216,.22),rgba(69,231,255,.18)),
    rgba(5,2,10,.42);
  box-shadow:0 35px 100px rgba(0,0,0,.45);
}
.home-daily-poster .art-daily-line{
  position:relative;
  width:152px;
  height:112px;
  animation:quietLift 2.8s ease-in-out infinite alternate;
}
.home-daily-poster strong{
  position:relative;
  z-index:1;
  font-family:Fraunces,serif;
  font-size:clamp(30px,3.5vw,44px);
  line-height:.96;
  max-width:360px;
}
.home-daily-poster .poster-label,
.home-daily-poster .poster-place,
.home-daily-poster small{
  position:relative;
  z-index:1;
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
}
.home-daily-poster .poster-label{
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
}
.home-daily-poster .poster-place{
  display:block;
  max-width:340px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(5,2,10,.34);
  color:var(--cream);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.08em;
}
.home-daily-poster small{
  color:var(--muted);
  max-width:340px;
  font-size:12px;
  line-height:1.35;
  letter-spacing:.08em;
}

.content-panel{border-radius:34px;padding:28px;margin-top:18px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px;position:relative;z-index:1}
.section-head p{margin:0;max-width:500px}
.paths-stack{display:grid;gap:16px;position:relative;z-index:1}
.path-library-tools{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:-4px 0 14px}
.path-library-tools .field-label{grid-column:1 / -1}
.path-library-tools input{min-height:52px}
.path-library-meta{position:relative;z-index:1;margin:-4px 0 12px;color:var(--muted);font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.11em;font-size:11px}
.path-library-more{position:relative;z-index:1;display:flex;justify-content:center;margin-top:16px}
.path-tabs{position:relative;z-index:1;display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;margin:-6px 0 18px;padding:6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07)}
.path-tab{border:0;border-radius:999px;padding:11px 14px;background:transparent;color:var(--muted);font-weight:900}
.path-tab.active,.hero-actions .btn.active{background:linear-gradient(135deg,var(--gold),var(--pink));color:#16051d}
.path-tab-panel{display:none;position:relative;z-index:1}
.path-tab-panel.active{display:block}
.path-card,.show-card{position:relative;border:1px solid rgba(255,255,255,.2);border-radius:28px;overflow:hidden;background:rgba(12,7,26,.78);box-shadow:0 20px 75px rgba(0,0,0,.35)}
.path-summary{display:grid;grid-template-columns:190px 1fr auto;gap:18px;align-items:center;padding:14px;cursor:pointer}
.path-art,.show-art{height:158px;border-radius:23px;background:var(--art);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.path-art:before,.show-art:before,.badge-art:before{content:"";position:absolute;inset:-45%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.24) 0 8deg,transparent 8deg 17deg);animation:spin 36s linear infinite;mix-blend-mode:overlay}
.path-art:after,.show-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.42),transparent 32%),linear-gradient(180deg,transparent,rgba(5,2,10,.66))}
.path-card.path-in-progress .path-art,
.path-card.path-complete .path-art{
  border-color:rgba(255,209,102,.38);
}
.path-card.path-complete .path-art{
  filter:saturate(1.15) brightness(1.06);
}
.path-art-status{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  padding:14px;
  text-align:center;
  color:#fff8df;
  background:linear-gradient(180deg,rgba(5,2,10,.18),rgba(5,2,10,.72));
}
.path-art-status span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(5,2,10,.48);
  color:var(--gold);
  font-family:"Space Mono",monospace;
  font-size:24px;
  font-weight:900;
  line-height:1;
}
.path-art-status.complete span{
  background:linear-gradient(135deg,var(--green),var(--cyan));
  color:#061011;
}
.path-art-status strong{
  font-size:16px;
  line-height:1;
}
.path-art-status small{
  color:var(--soft);
  font-family:"Space Mono",monospace;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.path-title h3,.show-card h3{font-size:28px;line-height:1.05;margin:5px 0 8px}
.path-title p,.show-card p,.path-detail p,.modal p,.badge-card p{color:var(--muted);line-height:1.55}
.meta{font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.11em;font-size:11px;color:var(--cyan)}
.chev{font-size:30px;color:var(--gold);transition:.2s}
.path-card.open .chev{transform:rotate(180deg)}
.path-card.active-path{border-color:rgba(255,209,102,.42);box-shadow:0 24px 86px rgba(255,209,102,.12),0 20px 75px rgba(0,0,0,.35)}
.progress{height:10px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;margin:13px 0}
.progress div{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--pink));border-radius:inherit}
.path-detail{display:none;border-top:1px solid rgba(255,255,255,.13);padding:18px}
.path-card.open .path-detail{display:block}
.path-description{font-size:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:15px;margin-bottom:14px}
.path-continue-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:14px;padding:16px;border:1px solid rgba(115,255,158,.24);border-radius:22px;background:linear-gradient(135deg,rgba(115,255,158,.12),rgba(69,231,255,.08),rgba(255,209,102,.08))}
.path-continue-panel h4{margin:5px 0 4px;color:var(--gold);font-size:22px;line-height:1.1}
.path-continue-panel p{margin:0;color:var(--muted)}
.path-continue-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.path-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px;padding:18px;border:1px solid rgba(255,209,102,.2);border-radius:22px;background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(69,231,255,.08),rgba(255,61,216,.08))}
.path-overview p{margin:6px 0 0;color:#f8e9bd;font-size:16px}
.path-map{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding-top:10px}
.path-map:before{content:"";position:absolute;left:18px;right:18px;top:30px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan),var(--pink));opacity:.55}
.path-map-stop{position:relative;z-index:1;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(5,2,10,.5)}
.path-map-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--pink));color:#160818;font-family:"Space Mono",monospace;font-size:12px;font-weight:800;box-shadow:0 0 20px rgba(255,61,216,.28)}
.path-map-stop.done{border-color:rgba(115,255,158,.34);background:rgba(115,255,158,.08)}
.path-map-stop.done .path-map-dot{background:linear-gradient(135deg,var(--green),var(--cyan));font-size:18px}
.path-map-stop strong{display:block;font-family:"Space Mono",monospace;color:var(--gold);font-size:12px;line-height:1.25}
.path-map-stop small{display:block;color:var(--muted);font-size:12px;line-height:1.25;margin-top:3px}
.mobile-path-listen-strip{display:none}
.mobile-path-primary-listen{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:3px 10px;
  align-items:center;
  text-align:left;
  padding:12px;
  border:1px solid rgba(255,209,102,.28);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,209,102,.95),rgba(255,61,216,.88));
  color:#16051d;
  box-shadow:0 16px 48px rgba(255,61,216,.24);
}
.mobile-path-primary-listen span{
  grid-row:1 / span 2;
  align-self:stretch;
  display:grid;
  place-items:center;
  min-width:64px;
  border-radius:14px;
  background:rgba(5,2,10,.9);
  color:var(--gold);
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  font-weight:900;
}
.mobile-path-primary-listen strong,
.mobile-path-primary-listen small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mobile-path-primary-listen strong{
  font-family:"Space Mono",monospace;
  font-size:14px;
  color:#16051d;
}
.mobile-path-primary-listen small{
  font-size:13px;
  font-weight:800;
  color:rgba(22,5,29,.78);
}
.mobile-path-quick-listens{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
}
.mobile-path-quick-listens .mini-btn{
  min-width:0;
  text-align:center;
}
.mobile-path-stop{
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:4px 10px;
  align-items:center;
  text-align:left;
  padding:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.07);
  color:var(--text);
}
.mobile-path-stop.done{border-color:rgba(115,255,158,.3);background:rgba(115,255,158,.08)}
.mobile-path-stop span{
  grid-row:1 / span 2;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--pink));
  color:#16051d;
  font-family:"Space Mono",monospace;
  font-size:12px;
  font-weight:900;
}
.mobile-path-stop.done span{background:linear-gradient(135deg,var(--green),var(--cyan));font-size:18px}
.mobile-path-stop strong,.mobile-path-stop small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mobile-path-stop small{color:var(--muted);font-size:12px}
.mobile-path-more{color:var(--muted);font-size:13px;line-height:1.35}
.show-list{display:grid;gap:12px}
.path-ai-note,.path-fallback-note{margin:0 0 6px;padding:0 12px 8px 18px;color:var(--muted);font-size:14px;line-height:1.45;border-left:2px solid rgba(255,209,102,.55)}
.path-fallback-note{margin-top:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-left:3px solid var(--gold);border-radius:14px;background:rgba(255,255,255,.07)}
.show-row{position:relative;display:grid;grid-template-columns:1.1fr .9fr auto auto auto;gap:10px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:11px 11px 28px}
.path-show-row{grid-template-columns:54px 1.1fr .9fr auto auto auto}
.path-stop-check{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:var(--muted);font-family:"Space Mono",monospace;font-weight:900}
.path-stop-check.done{background:linear-gradient(135deg,var(--green),var(--cyan));border-color:rgba(255,255,255,.38);color:#071016;font-size:28px;box-shadow:0 0 28px rgba(115,255,158,.28)}
.date-link{color:var(--gold);font-family:"Space Mono",monospace;text-decoration:none;font-weight:700}
.date-link:hover{text-decoration:underline}
.mini-btn{padding:8px 10px;font-size:12px}
.show-history{display:none;grid-column:1/-1;background:rgba(5,2,10,.46);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:14px}
.show-row.open .show-history{display:block}
.show-history h4{margin:0 0 7px;color:var(--gold)}
.setlist{font-family:"Space Mono",monospace;font-size:12px;color:#f2deac;line-height:1.65;white-space:pre-wrap}
.setlist-block{margin:12px 0;padding:14px;border:1px solid rgba(255,209,102,.18);border-radius:16px;background:rgba(255,209,102,.06)}
.setlist-block .setlist{margin-top:8px}
.setlist-block.empty-setlist{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045)}
.setlist-block.empty-setlist p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.setlist-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;padding:9px 10px;border:1px solid rgba(255,209,102,.16);border-radius:14px;background:rgba(255,209,102,.055);font-family:"Space Mono",monospace;font-size:11px;color:var(--muted)}
.setlist-summary span{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}
.setlist-summary strong{color:var(--gold);font-size:12px}
.setlist-summary small{color:#f2deac;line-height:1.4}
.setlist-summary.has-match{border-color:rgba(69,231,255,.32);background:rgba(69,231,255,.07)}
.source-line a{color:var(--cyan);text-decoration:none}
.source-line a:hover{text-decoration:underline}
.reception-block{margin:12px 0;padding:14px;border:1px solid rgba(69,231,255,.18);border-radius:16px;background:rgba(69,231,255,.055)}
.reception-block p{margin:8px 0 0;color:var(--muted);line-height:1.5}
.reception-block .reception-caveat{color:var(--soft);font-size:14px}
.reception-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.reception-tags span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 8px;background:rgba(5,2,10,.38);color:var(--gold);font-family:"Space Mono",monospace;font-size:11px}
.blog-poster{
  gap:18px;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,209,102,.22),transparent 30%),
    radial-gradient(circle at 76% 24%,rgba(69,231,255,.18),transparent 32%),
    linear-gradient(145deg,rgba(255,61,216,.18),rgba(5,2,10,.76));
}
.blog-avatar-stack{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.blog-avatar-stack img,
.blog-author img,
.blog-card img,
.blog-author-card img{
  border:1px solid rgba(255,255,255,.26);
  border-radius:16px;
  background:#05020a;
  box-shadow:0 12px 30px rgba(0,0,0,.32);
}
.blog-author-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.blog-author,
.blog-card,
.blog-author-card{
  position:relative;
  z-index:1;
  display:flex;
  gap:14px;
  align-items:flex-start;
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  background:rgba(5,2,10,.34);
  padding:14px;
}
.blog-author strong,
.blog-card h2,
.blog-author-card h2{
  display:block;
  margin:0 0 4px;
}
.blog-author small,
.blog-card p,
.blog-author-card p{
  display:block;
  color:var(--muted);
  line-height:1.5;
}
.blog-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.blog-card h2{
  font-size:clamp(24px,3vw,34px);
  line-height:1.05;
}
.blog-card h2 a{
  color:var(--cream);
  text-decoration:none;
}
.blog-card h2 a:hover{
  color:var(--gold);
}
.blog-article .blog-author{
  max-width:680px;
  margin:18px 0;
}
.blog-panel{
  margin-bottom:18px;
}
.personnel-block{margin:14px 0;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06)}
.personnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}
.personnel-grid div{padding:9px 10px;border-radius:12px;background:rgba(5,2,10,.34);border:1px solid rgba(255,255,255,.1)}
.personnel-grid strong{display:block;color:var(--gold);font-size:14px}
.personnel-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:2px}
.source-line{font-size:12px;color:var(--muted);line-height:1.45;margin:10px 0 0}
.setlist-attribution-box{
  display:grid;
  gap:2px;
  margin-top:10px;
  padding:9px 10px;
  border:1px solid rgba(255,209,102,.18);
  border-radius:12px;
  background:rgba(5,2,10,.34);
}
.setlist-attribution-box span{
  color:rgba(255,248,223,.58);
  font-family:"Space Mono",monospace;
  font-size:9px;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.setlist-attribution-box strong{
  color:var(--gold);
  font-size:12px;
  line-height:1.2;
}
.setlist-attribution-box small{
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}
.setlist-attribution-box a{
  color:var(--gold);
  text-decoration:none;
}
.setlist-attribution-box a:hover{
  text-decoration:underline;
}

.controls{display:grid;grid-template-columns:1fr 220px;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:12px;margin-bottom:18px;position:relative;z-index:1}
input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.24);background:rgba(5,2,10,.56);color:var(--text);border-radius:16px;padding:13px 14px;outline:none}
textarea{min-height:165px;resize:vertical}
.show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:1}
.show-card-body{padding:18px}
.wheel-result-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:stretch;
}
.wheel-result-card .show-art{
  height:100%;
  min-height:150px;
  border-radius:24px 0 0 24px;
}
.wheel-result-card .show-card-body{
  display:grid;
  align-content:center;
  gap:6px;
  min-width:0;
  padding-bottom:34px;
}
.builder-panel{border-radius:28px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);display:grid;gap:14px;margin-bottom:18px;position:relative;z-index:1}
.story-card{position:relative;z-index:1}
.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;position:relative;z-index:1}
.profile-side{display:grid;gap:14px;align-content:start}
.profile-card,.badge-card{border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:18px}
.account-card{border-color:rgba(255,209,102,.22);background:linear-gradient(135deg,rgba(255,209,102,.11),rgba(69,231,255,.07),rgba(255,255,255,.06))}
.account-code-first{
  display:grid;
  gap:4px;
  margin-top:12px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(69,231,255,.22);
  background:rgba(69,231,255,.08);
  color:var(--text);
}
.account-code-first span{
  color:var(--soft);
  font-size:13px;
  line-height:1.4;
}
.account-form{display:grid;gap:10px;margin-top:12px}
.account-send-form{
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.account-code-form{
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,209,102,.24);
  background:rgba(255,209,102,.07);
}
.sync-status{font-size:13px;color:var(--muted)}
.sync-status.ok{color:var(--green)}
.sync-status.error{color:#ff9aa8}
.sync-hint{
  margin:10px 0 0;
  color:var(--soft);
  font-size:13px;
  line-height:1.4;
}
.badges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.badge-art{height:160px;border-radius:24px;background:var(--badge);display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.22)}
.badge-art span{position:relative;font-size:62px;filter:drop-shadow(0 0 18px rgba(255,255,255,.55))}
.badge-card.locked{opacity:.45;filter:grayscale(.85)}
.share-btn{width:100%;margin-top:8px}

.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.76);backdrop-filter:blur(14px);display:grid;place-items:center;padding:18px}
.modal{width:min(780px,100%);max-height:90vh;overflow:auto;border-radius:30px;padding:22px;background:linear-gradient(180deg,rgba(22,12,45,.98),rgba(7,4,16,.98));border:1px solid rgba(255,255,255,.23);box-shadow:0 40px 120px rgba(0,0,0,.75)}
.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:14px;margin-bottom:16px}
.close{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:var(--text);font-size:24px;cursor:pointer}
.services{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.service{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:20px;padding:15px}
.service a{color:var(--gold);font-weight:800;text-decoration:none}
.service-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.service-actions .mini-btn{flex:1 1 112px;text-align:center}
.unlock{text-align:center}
.unlock-art{width:245px;height:245px;margin:12px auto 18px;border-radius:38px;background:var(--badge);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 0 100px rgba(255,61,216,.48)}
.unlock-art:before{content:"";position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.28) 0 9deg,transparent 9deg 18deg);animation:spin 14s linear infinite}
.unlock-art span{position:relative;font-size:86px}

@media(max-width:960px){
  .site-nav{align-items:center;border-radius:26px;flex-direction:column}
  .brand{width:100%;justify-content:flex-start;text-align:left}
  .nav-pill{width:100%;justify-content:center}
  .page-hero{grid-template-columns:1fr;padding:30px 24px}
  .page-hero.compact{min-height:auto}
  .path-summary{grid-template-columns:1fr}
  .show-row{grid-template-columns:1fr}
  .path-show-row{grid-template-columns:54px 1fr}
  .path-show-row > span,
  .path-show-row > .mini-btn,
  .path-show-row > .status-controls{grid-column:1 / -1}
  .path-continue-panel{grid-template-columns:1fr}
  .path-continue-actions{justify-content:flex-start}
  .show-grid,.badges-grid,.profile-layout{grid-template-columns:1fr}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .controls{grid-template-columns:1fr}
  .services{grid-template-columns:1fr}
  h1{font-size:58px}
}


/* V3 information architecture additions */
.home-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.home-tile{
  text-align:left;
  color:var(--text);
  border-radius:28px;
  padding:0;
  display:grid;
  grid-template-columns:190px 1fr;
  align-items:stretch;
  background:rgba(7,3,17,.92);
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-tile:hover{
  transform:translateY(-3px);
  border-color:rgba(143,241,255,.44);
  box-shadow:0 24px 80px rgba(0,0,0,.42);
}
.tile-art{
  min-height:210px;
  background:var(--tile);
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  contain:paint;
}
.tile-art:before{
  content:"";
  position:absolute;
  inset:-40%;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.24) 0 8deg,transparent 8deg 17deg);
  animation:spin 30s linear infinite;
  mix-blend-mode:overlay;
}
.tile-art span{
  position:relative;
  font-size:70px;
  filter:drop-shadow(0 0 24px rgba(255,255,255,.5));
}
.home-art{
  isolation:isolate;
}
.home-art:before{
  opacity:.7;
}
.home-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.4),transparent 26%),linear-gradient(180deg,transparent,rgba(5,2,10,.58));
  z-index:0;
}
.home-art > span{
  position:relative;
  z-index:1;
  width:112px;
  height:112px;
  display:block;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.42));
}
.home-art > .art-path-line{
  width:132px;
  height:94px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.3);
  background:
    radial-gradient(ellipse at 20% 78%,rgba(115,255,158,.24),transparent 34%),
    radial-gradient(ellipse at 82% 18%,rgba(255,209,102,.22),transparent 32%),
    linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 1px),
    rgba(5,2,10,.62);
  background-size:24px 24px;
  box-shadow:inset 0 0 34px rgba(69,231,255,.12),0 18px 38px rgba(0,0,0,.36);
}
.art-path-line:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:18px;
  bottom:18px;
  background:
    radial-gradient(circle at 10% 70%,var(--gold) 0 6px,transparent 7px),
    radial-gradient(circle at 50% 32%,var(--pink) 0 6px,transparent 7px),
    radial-gradient(circle at 88% 60%,var(--cyan) 0 6px,transparent 7px),
    linear-gradient(152deg,transparent 0 24%,var(--gold) 24% 29%,transparent 29%),
    linear-gradient(28deg,transparent 0 38%,var(--pink) 38% 43%,transparent 43%),
    linear-gradient(166deg,transparent 0 63%,var(--cyan) 63% 68%,transparent 68%);
  filter:drop-shadow(0 0 12px rgba(255,209,102,.42));
}
.art-path-line:before{
  content:"";
  position:absolute;
  left:19px;
  right:18px;
  top:20px;
  bottom:18px;
  border-radius:18px;
  border:1px dashed rgba(255,248,223,.28);
  background:
    radial-gradient(circle at 12% 70%,rgba(5,2,10,.9) 0 8px,transparent 9px),
    radial-gradient(circle at 49% 30%,rgba(5,2,10,.9) 0 8px,transparent 9px),
    radial-gradient(circle at 85% 58%,rgba(5,2,10,.9) 0 8px,transparent 9px);
}
.home-art > .art-orbit{
  width:132px;
  height:104px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.3);
  background:
    radial-gradient(circle at 25% 72%,var(--gold) 0 6px,transparent 7px),
    radial-gradient(circle at 54% 30%,var(--pink) 0 7px,transparent 8px),
    radial-gradient(circle at 78% 64%,var(--cyan) 0 6px,transparent 7px),
    rgba(5,2,10,.74);
}
.art-orbit:before,
.art-orbit:after{
  content:"";
  position:absolute;
  inset:24px 20px;
  border-radius:38% 62% 45% 55%;
  border:2px solid rgba(143,241,255,.72);
  transform:rotate(-18deg);
}
.art-orbit:after{
  inset:32px 28px;
  border-color:rgba(255,209,102,.72);
  transform:rotate(24deg);
  animation:quietLift 2.8s ease-in-out infinite alternate;
}
.home-art > .art-tape-stack{
  width:124px;
  height:86px;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(5,2,10,.6));
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 14px 0 rgba(255,209,102,.2),0 28px 0 rgba(69,231,255,.15),0 18px 38px rgba(0,0,0,.36);
}
.art-tape-stack:before,
.art-tape-stack:after{
  content:"";
  position:absolute;
  width:28px;
  aspect-ratio:1;
  border-radius:50%;
  top:28px;
  background:radial-gradient(circle,rgba(5,2,10,.9) 0 36%,rgba(255,255,255,.45) 37% 47%,transparent 48%);
  animation:spin 8s linear infinite;
}
.art-tape-stack:before{left:23px}
.art-tape-stack:after{right:23px}
.home-art > .art-trail-badge{
  width:96px;
  height:128px;
  border-radius:18px 18px 34px 34px;
  background:linear-gradient(180deg,rgba(255,209,102,.92),rgba(255,61,216,.82));
  border:1px solid rgba(255,255,255,.32);
  clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);
  box-shadow:0 18px 40px rgba(0,0,0,.36);
}
.art-trail-badge:after{
  content:"";
  position:absolute;
  inset:24px 20px 48px;
  border-radius:50%;
  background:rgba(5,2,10,.82);
  border:2px solid rgba(255,255,255,.28);
}
.art-trail-badge:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:20px;
  width:42px;
  height:5px;
  border-radius:999px;
  background:rgba(5,2,10,.72);
  transform:translateX(-50%);
}
.art-wheel-mark{
  border-radius:50%;
  border:2px solid rgba(255,255,255,.32);
  background:
    radial-gradient(circle at 50% 50%,rgba(5,2,10,.9) 0 18%,transparent 19%),
    repeating-conic-gradient(from 0deg,var(--gold) 0 12deg,var(--green) 12deg 24deg,var(--cyan) 24deg 36deg,var(--pink) 36deg 48deg);
  animation:spin 14s linear infinite;
}
.art-wheel-mark:after{
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  width:14px;
  height:48px;
  border-radius:999px;
  background:#fff8df;
  transform:translateX(-50%);
  box-shadow:0 0 24px rgba(255,248,223,.7);
}
.home-art > .art-daily-line{
  position:relative;
  width:132px;
  height:90px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(5,2,10,.72);
  box-shadow:inset 0 0 32px rgba(255,209,102,.12),0 16px 40px rgba(0,0,0,.36);
}
.art-daily-line:before,
.art-daily-line:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--cyan));
  top:28px;
  box-shadow:0 18px 0 rgba(255,61,216,.8),0 36px 0 rgba(115,255,158,.72);
}
.art-daily-line:after{
  left:32px;
  right:42px;
  top:74px;
  background:var(--gold);
  box-shadow:none;
}
.home-art > .art-trivia-spark{
  width:104px;
  height:124px;
  border-radius:16px;
  background:rgba(5,2,10,.72);
  border:1px solid rgba(255,255,255,.26);
  transform:rotate(-4deg);
}
.art-trivia-spark:before{
  content:"?";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-family:Fraunces,serif;
  font-size:96px;
  line-height:1;
  color:var(--gold);
  text-shadow:0 0 24px rgba(255,209,102,.65);
}
.art-trivia-spark:after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:2px dashed rgba(69,231,255,.7);
  animation:spin 18s linear infinite reverse;
}
.home-art > .art-light-beam{
  width:132px;
  height:96px;
  border-radius:18px;
  background:rgba(5,2,10,.72);
  border:1px solid rgba(255,255,255,.26);
}
.art-light-beam:before,
.art-light-beam:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold));
  top:22px;
  box-shadow:0 20px 0 rgba(255,61,216,.75),0 40px 0 rgba(115,255,158,.68);
  transform:skewX(-18deg);
}
.art-light-beam:after{
  top:72px;
  left:36px;
  right:24px;
  height:6px;
  background:rgba(255,248,223,.84);
  box-shadow:none;
  animation:quietLift 2.4s ease-in-out infinite alternate;
}
.tile-copy{
  padding:24px;
  position:relative;
  z-index:1;
  background:linear-gradient(180deg,rgba(12,6,29,.96),rgba(6,3,15,.94));
  border-left:1px solid rgba(255,255,255,.12);
}
.tile-copy h2{
  font-size:clamp(32px,3.8vw,44px);
  letter-spacing:-.045em;
}
.tile-copy p{
  color:var(--muted);
  font-size:17px;
  line-height:1.5;
  margin-bottom:0;
}
.feature-card,
.home-tile{
  border-color:rgba(255,255,255,.24);
}
.feature-card:focus-visible,
.home-tile:focus-visible{
  outline:2px solid #8ff1ff;
  outline-offset:4px;
}
.paths-art{--tile:radial-gradient(circle at 20% 20%,#ffd166,transparent 30%),linear-gradient(135deg,#16051d,#ff3dd8 48%,#45e7ff)}
.builder-art{--tile:radial-gradient(circle at 70% 22%,rgba(255,209,102,.86),transparent 26%),linear-gradient(135deg,#05020a,#8c5cff 48%,#ff3dd8)}
.shows-art{--tile:radial-gradient(circle at 26% 18%,rgba(255,255,255,.38),transparent 28%),linear-gradient(135deg,#05222a,#45e7ff 38%,#73ff9e)}
.profile-art{--tile:radial-gradient(circle at 68% 18%,rgba(255,255,255,.32),transparent 26%),linear-gradient(135deg,#210614,#ff8a2a 46%,#ffd166)}
.wheel-art{--tile:radial-gradient(circle at 25% 20%,rgba(255,255,255,.34),transparent 25%),linear-gradient(135deg,#241204,#ffd166 35%,#73ff9e 70%,#45e7ff)}
.daily-art{--tile:radial-gradient(circle at 78% 18%,rgba(255,255,255,.34),transparent 24%),linear-gradient(135deg,#19051b,#ff3dd8 44%,#ffd166)}
.trivia-art{--tile:radial-gradient(circle at 26% 20%,rgba(255,255,255,.34),transparent 25%),linear-gradient(135deg,#09041c,#8c5cff 42%,#45e7ff)}
.lights-art{--tile:radial-gradient(circle at 24% 20%,rgba(255,255,255,.34),transparent 25%),linear-gradient(135deg,#05020a,#ff3dd8 48%,#45e7ff)}
.promise-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.promise-grid>div,
.source-note{
  background:rgba(8,4,19,.9);
  border:1px solid rgba(255,255,255,.22);
  border-radius:22px;
  padding:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.promise-grid h3{
  font-size:25px;
  margin:0 0 6px;
  color:var(--gold);
}
.promise-grid p{
  color:var(--muted);
  line-height:1.55;
}
.path-builder-panel{
  scroll-margin-top:110px;
}
.source-note{
  color:var(--muted);
  font-size:18px;
  line-height:1.5;
  margin-bottom:16px;
  position:relative;
  z-index:1;
}
.poster-paths{--poster:linear-gradient(135deg,#ffd166,#ff3dd8,#45e7ff)}
.home-hero{min-height:560px}

@media(max-width:960px){
  .home-grid,
  .promise-grid{
    grid-template-columns:1fr;
  }
  .home-tile{
    grid-template-columns:1fr;
  }
  .home-tile,
  .feature-card-big{
    width:100%;
    max-width:520px;
    justify-self:center;
  }
}


/* V5 Enter the Vault + Feature Hub + Wheel + Lights */
.enter-btn{
  margin-top:30px;
  border:0;
  border-radius:22px;
  padding:18px 24px;
  background:
    linear-gradient(135deg,rgba(255,209,102,.98),rgba(255,61,216,.95)),
    linear-gradient(90deg,rgba(255,255,255,.28),transparent);
  color:#16051d;
  box-shadow:0 20px 70px rgba(255,61,216,.28);
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  font-weight:900;
  font-size:26px;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.enter-btn:hover{box-shadow:0 24px 86px rgba(255,61,216,.36)}
.enter-btn small{
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
}
.tagline{
  max-width:650px;
  font-size:28px !important;
  color:var(--text) !important;
  font-weight:800;
}
.name-note{
  color:var(--soft);
  max-width:540px;
  padding-left:16px;
  border-left:2px solid rgba(255,209,102,.58);
}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.feature-card-big{
  text-align:left;
  color:var(--text);
  border-radius:34px;
  padding:0;
  display:grid;
  grid-template-columns:190px 1fr;
  align-items:stretch;
}
.poster-features{--poster:linear-gradient(135deg,#ff3dd8,#45e7ff,#ffd166)}
.poster-lights{--poster:linear-gradient(135deg,#05020a,#ff3dd8,#45e7ff)}
.future-strip{
  position:relative;
  border-radius:30px;
  padding:24px;
  margin-top:18px;
  background:linear-gradient(180deg,rgba(18,10,39,.84),rgba(7,4,17,.72));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(24px);
}
.wheel-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:430px;
  scroll-margin-top:118px;
  isolation:isolate;
  overflow:visible;
}
.wheel-stage.result-mode{
  min-height:560px;
  align-content:center;
  padding-block:24px;
}
.page-wheel{
  position:relative;
  overflow:hidden;
}
.page-wheel:before{
  content:"";
  position:absolute;
  inset:8vh -18vw auto;
  height:min(780px,78vh);
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 36%,rgba(255,61,216,.28),transparent 0 24%,transparent 44%),
    radial-gradient(circle at 84% 44%,rgba(69,231,255,.24),transparent 0 23%,transparent 45%),
    conic-gradient(from 40deg,rgba(255,209,102,.16),rgba(115,255,158,.12),rgba(140,92,255,.16),rgba(255,61,216,.15),rgba(255,209,102,.16));
  filter:blur(38px) saturate(1.35);
  opacity:.86;
  animation:wheelMist 16s ease-in-out infinite alternate;
}
.page-wheel .page-hero{
  grid-template-columns:minmax(360px,.88fr) minmax(470px,1.12fr);
}
.page-wheel .hero-copy{
  min-width:0;
}
.page-wheel h1{
  font-size:clamp(58px,7vw,94px);
}
.wheel-disc{
  position:relative;
  z-index:2;
  --wheel-rotation:0deg;
  --wheel-label-offset:clamp(104px,28vw,142px);
  width:min(430px,82vw);
  aspect-ratio:1;
  border:0;
  padding:0;
  appearance:none;
  border-radius:50%;
  color:var(--text);
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(5,2,10,.97) 0 17%,transparent 18%),
    conic-gradient(from -15deg,
      #73ff9e 0deg 30deg,
      #ff8a2a 30deg 60deg,
      #45e7ff 60deg 90deg,
      #8c5cff 90deg 120deg,
      #ffd166 120deg 150deg,
      #3d9bff 150deg 180deg,
      #ff3dd8 180deg 210deg,
      #fff7ad 210deg 240deg,
      #ff6f59 240deg 270deg,
      #45e7ff 270deg 300deg,
      #73ff9e 300deg 330deg,
      #ffd166 330deg 360deg);
  box-shadow:
    0 0 0 8px rgba(255,248,223,.14),
    0 0 0 18px rgba(69,231,255,.08),
    0 0 130px rgba(255,61,216,.54),
    0 32px 90px rgba(0,0,0,.62);
  transform:rotate(var(--wheel-rotation));
  transition:filter .25s ease;
}
.wheel-disc:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:8%;
  border-radius:50%;
  background:
    radial-gradient(circle at center,transparent 0 49%,rgba(5,2,10,.3) 50% 52%,transparent 53%),
    repeating-radial-gradient(circle,transparent 0 27px,rgba(5,2,10,.18) 28px 30px),
    repeating-conic-gradient(from -15deg,rgba(255,248,223,.58) 0 1.2deg,transparent 1.2deg 30deg);
  mix-blend-mode:multiply;
  pointer-events:none;
}
.wheel-disc:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.46),transparent 0 9%,transparent 20%),
    radial-gradient(circle at 64% 72%,rgba(255,248,223,.28),transparent 0 12%,transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.28),transparent 28%,transparent 68%,rgba(5,2,10,.32));
  mix-blend-mode:screen;
  pointer-events:none;
}
.wheel-disc:hover{
  transform:rotate(var(--wheel-rotation)) scale(1.025);
  filter:saturate(1.18) brightness(1.06);
}
.wheel-orbit,.wheel-afterglow,.wheel-mist{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.wheel-orbit{
  z-index:1;
  width:min(500px,92vw);
  aspect-ratio:1;
  border:1px solid rgba(255,248,223,.18);
  background:
    repeating-conic-gradient(from 12deg,rgba(255,209,102,.34) 0 3deg,transparent 3deg 11deg,rgba(69,231,255,.25) 11deg 13deg,transparent 13deg 24deg);
  mask:radial-gradient(circle,transparent 0 42%,#000 43% 47%,transparent 48% 61%,#000 62% 64%,transparent 65%);
  animation:wheelOrbit 20s linear infinite;
  opacity:.82;
}
.wheel-afterglow{
  z-index:0;
  width:min(560px,96vw);
  aspect-ratio:1;
  background:
    radial-gradient(circle,rgba(255,61,216,.32),transparent 58%),
    conic-gradient(from 90deg,rgba(255,209,102,.28),rgba(69,231,255,.2),rgba(115,255,158,.2),rgba(140,92,255,.24),rgba(255,209,102,.28));
  filter:blur(30px);
  opacity:.72;
  animation:wheelGlow 5s ease-in-out infinite alternate;
}
.wheel-mist{
  z-index:1;
  width:min(620px,108vw);
  aspect-ratio:1;
  background:
    radial-gradient(circle at 28% 36%,rgba(69,231,255,.24),transparent 0 18%,transparent 34%),
    radial-gradient(circle at 72% 58%,rgba(255,61,216,.22),transparent 0 20%,transparent 36%),
    conic-gradient(from 0deg,transparent,rgba(255,209,102,.18),transparent,rgba(140,92,255,.22),transparent);
  filter:blur(22px) saturate(1.25);
  opacity:.82;
  animation:wheelMist 11s ease-in-out infinite alternate;
}
.wheel-show-cloud{
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  animation:wheelShowCloud 24s linear infinite;
}
.wheel-show-chip{
  --angle:0deg;
  --radius:238px;
  position:absolute;
  left:50%;
  top:50%;
  max-width:120px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(255,248,223,.22);
  background:rgba(5,2,10,.58);
  color:rgba(255,248,223,.86);
  font-family:"Space Mono",monospace;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.15;
  text-align:center;
  text-transform:uppercase;
  transform:
    translate(-50%,-50%)
    rotate(var(--angle))
    translateX(var(--radius))
    rotate(calc(var(--angle) * -1));
  box-shadow:0 0 22px rgba(69,231,255,.16);
}
.wheel-pick-pop{
  position:absolute;
  z-index:6;
  right:clamp(-30px,2vw,18px);
  bottom:34px;
  width:min(330px,34vw);
  pointer-events:none;
}
.wheel-pick-card{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,248,223,.24);
  background:
    linear-gradient(135deg,rgba(5,2,10,.88),rgba(21,8,42,.72)),
    radial-gradient(circle at 20% 12%,rgba(255,209,102,.28),transparent 36%),
    radial-gradient(circle at 88% 82%,rgba(69,231,255,.22),transparent 38%);
  box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 46px rgba(255,61,216,.24);
  backdrop-filter:blur(18px);
  transform:translateY(18px) scale(.94);
  opacity:0;
}
.wheel-stage.picked .wheel-pick-card{
  animation:wheelPickPop .56s cubic-bezier(.16,1,.3,1) forwards;
}
.wheel-pick-card h2{
  font-size:clamp(30px,3.2vw,46px);
  margin:4px 0 6px;
}
.wheel-pick-card p{
  color:var(--muted);
  margin:0 0 10px;
}
.wheel-choice-line{
  display:grid;
  gap:4px;
  margin:10px 0;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,248,223,.16);
  background:rgba(255,248,223,.08);
}
.wheel-choice-line strong{
  color:var(--gold);
  font-family:"Space Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  line-height:1.1;
  text-transform:uppercase;
}
.wheel-choice-line span{
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
}
.wheel-pick-card .hero-actions{
  margin-top:12px;
  pointer-events:auto;
}
.wheel-pick-card .mini-btn{
  background:rgba(255,248,223,.12);
}
.wheel-stage-result{
  position:relative;
  z-index:7;
  width:min(520px,92vw);
  max-height:none;
  overflow:visible;
  padding:24px 24px 42px;
  border-radius:24px;
  border:1px solid rgba(255,248,223,.24);
  background:
    linear-gradient(135deg,rgba(5,2,10,.94),rgba(21,8,42,.86)),
    radial-gradient(circle at 18% 12%,rgba(255,209,102,.3),transparent 34%),
    radial-gradient(circle at 88% 78%,rgba(69,231,255,.24),transparent 38%);
  box-shadow:0 26px 82px rgba(0,0,0,.58),0 0 54px rgba(255,61,216,.25);
}
.page-wheel #wheelResult{
  display:none;
}
.wheel-stage.result-mode .wheel-disc,
.wheel-stage.result-mode .wheel-pointer,
.wheel-stage.result-mode .wheel-orbit,
.wheel-stage.result-mode .wheel-mist,
.wheel-stage.result-mode .wheel-afterglow,
.wheel-stage.result-mode .wheel-show-cloud{
  display:none !important;
}
.wheel-stage.result-mode .wheel-pick-pop{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  width:min(520px,92vw);
  max-width:100%;
  pointer-events:auto;
}
.wheel-stage.result-mode .wheel-stage-result{
  width:100%;
  animation:wheelPickPop .46s cubic-bezier(.16,1,.3,1) forwards;
}
.wheel-stage-result-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.wheel-stage-result-top span{
  color:var(--gold);
  font-family:"Space Mono",monospace;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wheel-stage-result-top .mini-btn{
  flex:0 0 auto;
  min-height:34px;
}
.wheel-stage-result h2{
  margin:6px 0 8px;
  font-size:clamp(38px,8vw,56px);
  line-height:.94;
}
.wheel-stage-result p{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.45;
}
.wheel-stage-result p strong{
  color:var(--gold);
}
.wheel-stage-result .hero-actions{
  margin-top:16px;
  gap:8px;
}
.wheel-stage-result .mini-btn{
  flex:1 1 130px;
  text-align:center;
  background:rgba(255,248,223,.12);
}
.wheel-stage-result .mini-btn.done{
  background:linear-gradient(135deg,var(--gold),var(--pink));
  color:#16051d;
  border-color:transparent;
}
.wheel-pointer{
  position:absolute;
  z-index:4;
  top:18px;
  width:0;
  height:0;
  border-left:22px solid transparent;
  border-right:22px solid transparent;
  border-top:0;
  border-bottom:44px solid var(--gold);
  filter:drop-shadow(0 0 18px rgba(255,209,102,.72));
}
.wheel-slice{
  --slice-angle:calc(var(--i) * 30deg);
  --slice-text-rotation:90deg;
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:112px;
  min-height:22px;
  display:grid;
  place-items:center;
  padding:0;
  font-family:"Space Mono",monospace;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  line-height:1.05;
  text-transform:uppercase;
  color:rgba(5,2,10,.88);
  text-align:center;
  text-shadow:
    0 1px 0 rgba(255,248,223,.54),
    0 0 10px rgba(255,248,223,.48);
  transform:
    translate(-50%,-50%)
    rotate(var(--slice-angle))
    translateY(calc(var(--wheel-label-offset) * -1))
    rotate(var(--slice-text-rotation));
}
.wheel-slice:nth-of-type(5),
.wheel-slice:nth-of-type(6),
.wheel-slice:nth-of-type(7),
.wheel-slice:nth-of-type(8),
.wheel-slice:nth-of-type(9){
  --slice-text-rotation:270deg;
}
.wheel-stage.spinning .wheel-afterglow{
  animation:wheelGlow .32s ease-in-out infinite alternate;
  opacity:1;
}
.wheel-stage.spinning .wheel-orbit{
  animation-duration:1.35s;
}
.wheel-stage.spinning .wheel-show-cloud{
  animation-duration:3.4s;
}
.wheel-stage.spinning .wheel-show-chip{
  box-shadow:0 0 32px rgba(255,209,102,.34);
}
.wheel-center{
  position:relative;
  z-index:5;
  width:38%;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  border:1px solid rgba(255,248,223,.5);
  background:
    radial-gradient(circle,rgba(5,2,10,.94) 0 48%,rgba(255,248,223,.88) 49% 52%,rgba(5,2,10,.88) 53%);
  box-shadow:0 0 34px rgba(255,248,223,.44), inset 0 0 28px rgba(69,231,255,.14);
}
.wheel-center strong{
  font-family:Fraunces,serif;
  font-size:clamp(34px,4.3vw,58px);
  line-height:.82;
  letter-spacing:0;
}
.wheel-center small{
  margin-top:6px;
  font-family:"Space Mono",monospace;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.wheel-disc.spinning{
  filter:saturate(1.16) brightness(1.04);
}
@keyframes wheelOrbit{to{transform:rotate(-360deg)}}
@keyframes wheelGlow{to{filter:blur(38px) saturate(1.35);transform:scale(1.04)}}
@keyframes wheelMist{to{transform:rotate(28deg) scale(1.08);opacity:1}}
@keyframes mobileWheelMist{
  0%{transform:rotate(-10deg) scale(1);opacity:.74}
  100%{transform:rotate(18deg) scale(1.08);opacity:.96}
}
@keyframes mobileWheelAura{
  0%{transform:rotate(-7deg) scale(1.03);filter:blur(10px) saturate(1.45)}
  100%{transform:rotate(12deg) scale(1.1);filter:blur(14px) saturate(1.8)}
}
@keyframes wheelShowCloud{to{transform:rotate(360deg)}}
@keyframes wheelPickPop{
  0%{opacity:0;transform:translateY(24px) scale(.9) rotate(-1deg)}
  72%{opacity:1;transform:translateY(-4px) scale(1.02) rotate(.7deg)}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
}
.lights-panel{position:relative}
.lights-panel .feature-toolbar{
  position:relative;
  top:auto;
  z-index:6;
}
.lights-controls{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
  margin-bottom:14px;
}
.lights-controls .btn.active,
.light-scene-card.active{
  background:linear-gradient(135deg,var(--cyan),var(--green));
  color:#061018;
  border-color:transparent;
  box-shadow:0 0 30px rgba(69,231,255,.24);
}
.light-scene-card{
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  padding:10px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  text-align:left;
  display:grid;
  gap:8px;
}
.light-scene-card strong{
  font-size:17px;
  line-height:1;
}
.light-scene-card small{
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}
.light-scene-preview{
  display:block;
  min-height:86px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  overflow:hidden;
}
.scene-space{background:radial-gradient(circle at 50% 50%,rgba(69,231,255,.35),transparent 25%),radial-gradient(circle at 20% 30%,rgba(255,248,223,.8) 0 1px,transparent 2px),radial-gradient(circle at 72% 24%,rgba(255,209,102,.8) 0 1px,transparent 2px),radial-gradient(circle at 58% 76%,rgba(255,61,216,.8) 0 1px,transparent 2px),linear-gradient(135deg,#020108,#120428 58%,#020914)}
.scene-liquid{background:radial-gradient(circle at 24% 28%,rgba(255,61,216,.7),transparent 28%),radial-gradient(circle at 70% 42%,rgba(69,231,255,.62),transparent 30%),radial-gradient(circle at 44% 78%,rgba(255,209,102,.55),transparent 34%),linear-gradient(135deg,#05020a,#18072d)}
.scene-stars{background:repeating-conic-gradient(from 12deg,rgba(255,248,223,.5) 0 2deg,transparent 2deg 15deg),radial-gradient(circle,rgba(69,231,255,.3),transparent 56%),#05020a}
.scene-mandala{background:radial-gradient(circle at center,transparent 0 18%,rgba(255,209,102,.42) 19% 21%,transparent 22% 34%,rgba(255,61,216,.42) 35% 37%,transparent 38%),repeating-conic-gradient(from 0deg,rgba(69,231,255,.5) 0 8deg,rgba(140,92,255,.35) 8deg 16deg,transparent 16deg 24deg),#05020a}
.scene-sunshine{background:radial-gradient(circle at 50% 48%,rgba(255,230,120,.8),rgba(255,138,42,.35) 26%,transparent 54%),repeating-conic-gradient(from 0deg,rgba(255,209,102,.4) 0 5deg,rgba(255,61,216,.24) 5deg 10deg,transparent 10deg 18deg),#16070d}
#lightsCanvas{
  width:100%;
  height:520px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.18);
  background:#05020a;
  display:block;
}
.lights-panel:not(.fullscreen-active) #lightsCanvas{
  display:none;
}
.lights-panel.fullscreen-active #lightsCanvas{
  display:block;
}
.lights-exit{
  display:none;
}
@media(max-width:960px){
  .feature-grid{grid-template-columns:1fr}
  .feature-card-big{grid-template-columns:1fr}
  .page-wheel .page-hero{
    grid-template-columns:1fr;
  }
  .page-wheel h1{
    font-size:clamp(54px,15vw,82px);
  }
}


/* V6 UX lock-in */
.feature-action-panel{
  margin-top:18px;
}
.feature-toolbar{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:12px;
}
.feature-toolbar h2{
  font-size:clamp(34px,4vw,54px);
}
.above-fold-note{
  position:relative;
  z-index:1;
  color:var(--muted);
  margin-top:0;
  max-width:760px;
}
.show-list-vault{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
}
.vault-row{
  position:relative;
  display:grid;
  grid-template-columns:44px 120px minmax(220px,1fr) 130px 110px auto auto;
  gap:10px;
  align-items:center;
  padding:12px 12px 30px;
  border-radius:18px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
}
.vault-check{
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);
  color:var(--text);
  display:grid;
  place-items:center;
  font-weight:900;
}
.vault-check.done{
  background:linear-gradient(135deg,var(--green),var(--cyan));
  color:#061011;
  border-color:transparent;
}
.vault-date{
  color:var(--gold);
  font-family:"Space Mono",monospace;
  font-weight:800;
  text-decoration:none;
}
.vault-title strong{
  display:block;
  color:var(--text);
}
.vault-title small{
  color:var(--muted);
  display:block;
  line-height:1.3;
}
.vault-era,.vault-rating{
  font-family:"Space Mono",monospace;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--cyan);
}
.vault-expanded{
  display:none;
  grid-column:1/-1;
  border-radius:16px;
  background:rgba(5,2,10,.45);
  border:1px solid rgba(255,255,255,.13);
  padding:14px;
  color:var(--muted);
}
.vault-row.open .vault-expanded{
  display:block;
}
.vault-expanded h4{
  color:var(--gold);
  margin:0 0 8px;
}
.lights-panel.fullscreen-active{
  position:fixed;
  inset:0;
  z-index:1000;
  border:0;
  border-radius:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#05020a;
  box-shadow:none;
}
.lights-panel.fullscreen-active:before{
  display:none;
}
.lights-panel.fullscreen-active .feature-toolbar,
.lights-panel.fullscreen-active .lights-controls{
  display:none;
}
.lights-panel.fullscreen-active #lightsCanvas{
  width:100vw;
  height:100vh !important;
  min-height:100vh;
  border:0;
  border-radius:0;
}
.lights-panel.fullscreen-active .lights-exit{
  position:fixed;
  top:16px;
  right:16px;
  z-index:1001;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(5,2,10,.18);
  color:rgba(255,248,223,.62);
  font-size:26px;
  line-height:1;
  backdrop-filter:blur(8px);
  opacity:.42;
  transition:opacity .18s ease,background .18s ease,color .18s ease;
}
.lights-panel.fullscreen-active .lights-exit:hover,
.lights-panel.fullscreen-active .lights-exit:focus-visible{
  opacity:1;
  background:rgba(5,2,10,.58);
  color:var(--text);
}
body.lights-fullscreen-active{
  overflow:hidden;
}
@media(max-width:980px){
  .feature-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .vault-row{
    grid-template-columns:38px 1fr;
  }
  .vault-date,.vault-title,.vault-era,.vault-rating,.vault-row .mini-btn{
    grid-column:auto / span 1;
  }
}


/* V7 Compact Product UX: home stays immersive; feature pages become action-first */
.page:not(#page-home) .page-hero{
  min-height:0 !important;
  padding:22px 26px !important;
  grid-template-columns:minmax(0,1fr) 240px !important;
  gap:18px !important;
  border-radius:30px !important;
  align-items:center !important;
}
.page:not(#page-home) .page-hero h1{
  font-size:clamp(38px,5.2vw,64px) !important;
  line-height:.92 !important;
}
.page:not(#page-home) .page-hero p{
  max-width:760px !important;
  font-size:16px !important;
  line-height:1.45 !important;
  margin:10px 0 0 !important;
}
.page:not(#page-home) .page-hero .hero-actions{
  margin-top:14px !important;
}
.page:not(#page-home) .feature-poster{
  min-height:180px !important;
  border-radius:28px !important;
  padding:18px !important;
}
.page:not(#page-home) .feature-poster span,
.page:not(#page-home) .feature-poster .poster-icon{
  font-size:58px !important;
}
.page:not(#page-home) .feature-poster strong{
  font-size:23px !important;
  max-width:210px !important;
}
.page:not(#page-home) .wheel-stage{
  min-height:430px;
}
.page:not(#page-home) .wheel-disc{
  width:min(430px,82vw) !important;
}
.page:not(#page-home) .wheel-center{
  width:38% !important;
}
.page:not(#page-home).page-wheel .page-hero{
  grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr) !important;
  overflow:visible;
}
.page:not(#page-home).page-wheel .wheel-stage{
  min-height:500px !important;
  margin:0;
}
.page:not(#page-home).page-wheel .wheel-disc{
  width:min(470px,40vw) !important;
  --wheel-label-offset:clamp(116px,11.5vw,152px);
}
.page:not(#page-home).page-wheel .wheel-orbit{
  width:min(540px,46vw);
}
.page:not(#page-home).page-wheel .wheel-afterglow,
.page:not(#page-home).page-wheel .wheel-mist{
  width:min(620px,50vw);
}
.page:not(#page-home).page-wheel .wheel-pointer{
  top:16px;
}
.page:not(#page-home).page-wheel #wheelResult{
  margin-top:6px;
}
.content-panel{
  margin-top:12px !important;
  padding:20px !important;
  border-radius:28px !important;
}
.feature-toolbar{
  position:sticky;
  top:86px;
  z-index:4;
  padding:12px;
  margin:-4px -4px 12px;
  border-radius:22px;
  background:rgba(8,4,18,.72);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
}
.feature-toolbar h2{
  font-size:clamp(28px,3.2vw,42px) !important;
}
.above-fold-note{
  font-size:15px !important;
  margin-bottom:12px;
}
.builder-panel{
  grid-template-columns:1fr auto;
  align-items:start;
}
.builder-panel textarea{
  min-height:110px !important;
}
.path-builder-actions{
  display:grid;
  grid-template-columns:170px auto;
  gap:10px;
  align-items:end;
  min-width:320px;
}
.field-label{
  grid-column:1 / -1;
  color:var(--muted);
  font-family:"Space Mono",monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}
.path-builder-actions select{
  min-height:52px;
}
.path-builder-actions .btn{
  min-height:52px;
  white-space:nowrap;
}
.source-note{
  font-size:15px !important;
  margin-bottom:10px !important;
}
.controls{
  margin-bottom:12px !important;
}
.show-list-vault{
  max-height:calc(100vh - 315px);
  overflow:auto;
  padding-right:4px;
}
.paths-stack{
  max-height:none;
}
.lights-panel{
  margin-top:12px !important;
}
#lightsCanvas{
  height:calc(100vh - 335px) !important;
  min-height:360px;
}
.lights-panel.fullscreen-active #lightsCanvas{
  height:calc(100vh - 108px) !important;
}
.feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.feature-card-big{
  grid-template-columns:1fr !important;
}
.feature-card-big .tile-art{
  min-height:150px !important;
}
.feature-card-big .tile-copy h2,
.feature-card-big h2{
  font-size:34px !important;
}
.feature-card-big .tile-copy,
.feature-card-big > div:last-child{
  padding:18px !important;
}
.future-strip{
  padding:18px !important;
}
.home-promise article{
  padding:22px !important;
}
@media(max-width:980px){
  .page:not(#page-home) .page-hero{
    grid-template-columns:1fr !important;
  }
  .page:not(#page-home) .feature-poster{
    min-height:140px !important;
  }
  .feature-toolbar{
    position:relative;
    top:auto;
  }
  .builder-panel{
    grid-template-columns:1fr;
  }
  .page-wheel .page-hero{
    grid-template-columns:1fr !important;
    overflow:hidden;
    text-align:center;
  }
  .page-wheel .hero-copy{
    display:grid;
    justify-items:center;
  }
  .page-wheel .wheel-stage{
    order:-1;
    min-height:calc(100vw - 8px) !important;
    max-height:430px;
    margin:0 -18px;
    width:calc(100% + 36px);
    max-width:calc(100% + 36px);
    justify-self:center;
    overflow:hidden;
  }
  .page-wheel .wheel-stage:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:26px;
    pointer-events:none;
    background:
      radial-gradient(circle at 16% 30%,rgba(69,231,255,.5),transparent 0 18%,transparent 38%),
      radial-gradient(circle at 84% 34%,rgba(255,61,216,.5),transparent 0 20%,transparent 40%),
      radial-gradient(circle at 48% 76%,rgba(115,255,158,.34),transparent 0 20%,transparent 42%),
      repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,209,102,.26) 0 14deg,rgba(69,231,255,.22) 14deg 29deg,rgba(255,61,216,.25) 29deg 43deg,rgba(115,255,158,.19) 43deg 58deg,rgba(140,92,255,.22) 58deg 72deg);
    filter:blur(10px) saturate(1.65);
    opacity:.98;
    transform:scale(1.04);
    animation:mobileWheelAura 9s ease-in-out infinite alternate;
  }
  .page-wheel .wheel-disc{
    width:min(370px,calc(100vw - 56px)) !important;
    justify-self:center;
    --wheel-label-offset:clamp(96px,28vw,118px);
  }
  .page:not(#page-home).page-wheel .wheel-disc{
    width:min(370px,calc(100vw - 56px)) !important;
  }
  .page-wheel .wheel-mist{
    display:block;
    width:min(430px,112vw);
    opacity:.92;
    background:
      radial-gradient(circle at 22% 34%,rgba(69,231,255,.38),transparent 0 22%,transparent 38%),
      radial-gradient(circle at 76% 58%,rgba(255,61,216,.34),transparent 0 22%,transparent 40%),
      radial-gradient(circle at 48% 18%,rgba(255,209,102,.28),transparent 0 18%,transparent 34%),
      conic-gradient(from 0deg,rgba(115,255,158,.16),rgba(69,231,255,.2),rgba(255,61,216,.18),rgba(255,209,102,.16),rgba(115,255,158,.16));
    filter:blur(18px) saturate(1.35);
    animation:mobileWheelMist 7.5s ease-in-out infinite alternate;
  }
  .wheel-pick-pop{
    left:50%;
    right:auto;
    bottom:8px;
    width:min(340px,86vw);
    transform:translateX(-50%);
  }
  .wheel-show-chip{
    --radius:174px;
  }
  .path-builder-actions{
    grid-template-columns:1fr;
    min-width:0;
  }
  .path-library-tools{
    grid-template-columns:1fr;
  }
  .path-tabs{
    width:100%;
  }
  .path-tab{
    min-height:44px;
  }
  .show-list-vault{
    max-height:none;
    overflow:visible;
  }
  .feature-grid{
    grid-template-columns:1fr !important;
  }
}


/* V8 Community + Daily Loop */
.daily-strip{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  margin-top:18px;
}
.daily-card{
  position:relative;
  border-radius:32px;
  padding:24px;
  background:linear-gradient(180deg,rgba(18,10,39,.84),rgba(7,4,17,.72));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(24px);
  overflow:hidden;
}
.daily-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 22%,transparent 75%,rgba(255,255,255,.08));
  pointer-events:none;
}
.daily-card > *{position:relative;z-index:1}
.daily-card blockquote{
  margin:0;
  font-family:Fraunces,serif;
  font-size:clamp(30px,4vw,52px);
  line-height:1;
  letter-spacing:-.04em;
}
.poster-daily{--poster:linear-gradient(135deg,#ff8a2a,#ffd166,#ff3dd8)}
.poster-trivia{--poster:linear-gradient(135deg,#73ff9e,#45e7ff,#8c5cff)}
.daily-panel-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
}
.daily-show-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:18px;
  align-items:start;
  border:1px solid rgba(255,255,255,.18);
  border-radius:30px;
  padding:22px 22px 34px;
  background:
    linear-gradient(135deg,rgba(255,138,42,.12),rgba(255,61,216,.08),rgba(69,231,255,.08)),
    rgba(255,255,255,.07);
}
.daily-show-main blockquote{
  margin:14px 0;
  font-family:Fraunces,serif;
  font-size:clamp(26px,3vw,42px);
  line-height:1.05;
  letter-spacing:0;
  color:var(--gold);
}
.daily-show-main h2{
  font-size:clamp(38px,5vw,68px);
}
.daily-show-trivia{
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  padding:18px;
  background:rgba(5,2,10,.36);
}
.daily-show-trivia h3{
  margin:4px 0 12px;
  font-size:clamp(22px,2.2vw,32px);
  line-height:1.1;
}
.daily-score-line{
  margin:14px 0 0;
  color:var(--muted);
  font-family:"Space Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.line-card,.paired-show-card,.trivia-card,.contribution-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:26px;
  padding:20px;
}
.line-card blockquote{
  margin:0 0 14px;
  font-family:Fraunces,serif;
  font-size:clamp(22px,2.4vw,34px);
  line-height:1.12;
  letter-spacing:0;
}
.line-card cite{
  color:var(--gold);
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-style:normal;
}
.line-card h2,.daily-trivia-card h2,.daily-score-card h2{
  font-size:clamp(28px,3.1vw,44px);
  line-height:1;
  letter-spacing:0;
}
.daily-status{
  display:inline-flex;
  margin:4px 0 12px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:var(--muted);
  font-family:"Space Mono",monospace;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.daily-status.done{
  color:#061011;
  border-color:transparent;
  background:linear-gradient(135deg,var(--green),var(--cyan));
}
.daily-trivia-card{
  grid-column:1 / 2;
}
.daily-score-card{
  grid-column:2 / 3;
}
.trivia-options{display:grid;gap:10px;margin:16px 0}
.trivia-option{
  text-align:left;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:var(--text);
  border-radius:18px;
  padding:14px;
  font-weight:800;
}
.trivia-option.correct{background:linear-gradient(135deg,var(--green),var(--cyan));color:#061011}
.trivia-option.wrong{background:rgba(255,61,216,.22);border-color:rgba(255,61,216,.5)}
.feedback-box,.return-banner,.contribution-card{
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  background:rgba(5,2,10,.48);
  border:1px solid rgba(255,255,255,.13);
  color:var(--muted);
}
.feedback-box p{
  margin:8px 0 0;
}
.feedback-box.trivia-success{
  padding:18px;
  border-color:rgba(115,255,158,.38);
  background:linear-gradient(135deg,rgba(115,255,158,.18),rgba(69,231,255,.1),rgba(5,2,10,.5));
  color:var(--text);
}
.feedback-box.trivia-miss{
  border-color:rgba(255,61,216,.34);
  background:linear-gradient(135deg,rgba(255,61,216,.13),rgba(5,2,10,.52));
}
.feedback-box.trivia-success strong{
  display:block;
  font-size:20px;
  line-height:1.15;
}
.trivia-stat-line{
  display:inline-flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(5,2,10,.38);
  color:var(--gold);
  font-family:"Space Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.correction-link{
  margin-top:8px;
  display:inline-flex;
  color:var(--gold);
  background:transparent;
  border:0;
  padding:0;
  font-weight:900;
  text-decoration:underline;
}
.contribution-form{display:grid;gap:10px}
.return-banner{
  position:fixed;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  z-index:40;
  width:min(720px,calc(100vw - 28px));
  background:linear-gradient(135deg,rgba(255,209,102,.96),rgba(255,61,216,.96));
  color:#17051b;
  box-shadow:0 24px 90px rgba(0,0,0,.6);
}
.return-banner strong{display:block;font-size:20px}
.return-banner .hero-actions{margin-top:10px}
.return-banner .btn{background:rgba(5,2,10,.14);color:#17051b;border-color:rgba(5,2,10,.2)}
.return-banner .btn.quiet{background:rgba(5,2,10,.05);color:rgba(23,5,27,.72)}
.mobile-install-nudge{
  position:fixed;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:42;
  width:min(430px,calc(100vw - 22px));
  display:none;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(16,8,34,.96),rgba(6,3,15,.96));
  box-shadow:0 18px 70px rgba(0,0,0,.55);
  backdrop-filter:blur(22px);
}
.install-nudge-icon{
  width:44px;
  height:44px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:conic-gradient(var(--green),var(--cyan),var(--gold),var(--pink),var(--green));
  color:#14051b;
  font-weight:950;
  letter-spacing:0;
  box-shadow:0 0 24px rgba(69,231,255,.28);
}
.install-nudge-copy{min-width:0;flex:1}
.install-nudge-copy strong{display:block;line-height:1.05}
.install-nudge-copy span{display:block;color:var(--muted);font-size:13px;line-height:1.25;margin-top:3px}
.install-nudge-actions{display:flex;gap:6px;flex:0 0 auto}
.install-nudge-actions .mini-btn.quiet{
  background:transparent;
  border-color:rgba(255,255,255,.12);
  color:var(--muted);
}
.install-help .install-steps p{color:var(--muted);font-size:18px;line-height:1.5}
@media(max-width:980px){
  .daily-strip,.daily-panel-grid,.daily-show-card{grid-template-columns:1fr}
  .daily-trivia-card,.daily-score-card{grid-column:auto}
  .daily-show-trivia{min-width:0}
  .wheel-result-card{grid-template-columns:1fr}
  .wheel-result-card .show-art{
    height:150px;
    border-radius:23px;
  }
}


/* V9 Deadhead High rebrand */
.site-footer{
  width:min(1200px,calc(100vw - 28px));
  margin:26px auto 40px;
  padding:18px 22px;
  border-radius:24px;
  background:rgba(8,4,18,.72);
  border:1px solid rgba(255,255,255,.16);
  color:var(--muted);
  text-align:center;
  line-height:1.55;
  backdrop-filter:blur(18px);
}
.site-footer strong{
  color:var(--gold);
}
.site-footer a,
.story-card a{
  color:var(--cyan);
  text-decoration:none;
}
.site-footer a:hover,
.story-card a:hover{
  text-decoration:underline;
}
.enter-copy h1{
  max-width:900px;
}
.name-note{
  font-size:18px;
  line-height:1.45;
}
.name-note strong{
  color:var(--gold);
}
/* V12 full show index / check-in search */
.vault-count{
  grid-column:1/-1;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:var(--muted);
  font-size:14px;
}
.vault-count span{
  display:block;
  margin-top:4px;
  color:var(--soft);
}
.vault-count code{
  color:var(--gold);
}
.site-footer span{
  display:block;
  margin-top:8px;
  color:var(--soft);
  font-size:13px;
}
.seo-page{padding-top:40px}
.seo-page .content-panel{max-width:980px;margin:0 auto 18px}
.legal-page h2{
  margin-top:24px;
}
.legal-page ul{
  display:grid;
  gap:9px;
  margin:14px 0 0;
  padding-left:20px;
  color:var(--muted);
  line-height:1.5;
}
.legal-page li strong{
  color:var(--gold);
}
.legal-actions{
  margin-top:18px;
}
.seo-page .tagline{max-width:780px}
.seo-page h1{font-size:clamp(44px,7vw,86px)}
.seo-page h2{font-size:clamp(28px,4vw,42px);margin-top:30px}
.seo-page .show-list p{margin:0;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.06)}
.faq-list{display:grid;gap:10px;margin:12px 0 22px}
.faq-list details{border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06);padding:12px 14px}
.faq-list summary{cursor:pointer;color:var(--gold);font-weight:800}
.faq-list p{margin:8px 0 0;color:var(--muted)}

/* V14 Show Check-In fix */
.vault-empty strong{display:block;color:var(--gold);font-size:18px;margin-bottom:4px}
.vault-check{cursor:pointer}
.show-list-vault{min-height:160px}


/* V15 Show Check-In repair */
.show-search-panel{
  position:relative;
  z-index:1;
  margin:14px 0;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
}
.search-label{
  display:block;
  color:var(--gold);
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin-bottom:8px;
}
.show-search-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 190px auto auto;
  gap:10px;
  align-items:center;
}
.empty-search-state{
  padding:26px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:var(--muted);
}
.empty-search-state h2{
  font-size:clamp(30px,4vw,48px);
}
.vault-row.checked-in{
  background:linear-gradient(90deg,rgba(115,255,158,.14),rgba(255,255,255,.075));
  border-color:rgba(115,255,158,.35);
}
.note-label{
  display:block;
  margin-top:12px;
  margin-bottom:6px;
  color:var(--gold);
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
}
.show-note{
  width:100%;
  min-height:80px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:16px;
  background:rgba(5,2,10,.58);
  color:var(--text);
  padding:12px;
  resize:vertical;
}
.note-status{
  min-height:20px;
  color:var(--green);
  font-size:12px;
  margin-top:4px;
}
@media(max-width:980px){
  .show-search-row{
    grid-template-columns:1fr;
  }
}


/* V17 hard-wired Show Check-In search controls */
.show-search-panel{
  position:relative;
  z-index:1;
  margin:14px 0;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
}
.search-label{
  display:block;
  color:var(--gold);
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin-bottom:8px;
}
.show-search-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 190px auto auto;
  gap:10px;
  align-items:center;
}
.show-search-row input{min-width:0;}
.empty-search-state{
  padding:26px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  color:var(--muted);
}
.empty-search-state h2{font-size:clamp(30px,4vw,48px);}
.vault-row.checked-in{
  background:linear-gradient(90deg,rgba(115,255,158,.14),rgba(255,255,255,.075));
  border-color:rgba(115,255,158,.35);
}
.note-label{
  display:block;
  margin-top:12px;
  margin-bottom:6px;
  color:var(--gold);
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
}
.show-note{
  width:100%;
  min-height:80px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:16px;
  background:rgba(5,2,10,.58);
  color:var(--text);
  padding:12px;
  resize:vertical;
}
.note-status{
  min-height:20px;
  color:var(--green);
  font-size:12px;
  margin-top:4px;
}
@media(max-width:980px){.show-search-row{grid-template-columns:1fr;}}


/* V18 profile listening history + date search polish */
.profile-stat-button{
  width:100%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:var(--text);
  border-radius:24px;
  padding:18px;
  text-align:left;
  margin:8px 0 14px;
}
.profile-stat-button strong{
  display:block;
  font-family:Fraunces,serif;
  font-size:54px;
  line-height:.9;
  color:var(--gold);
}
.profile-stat-button span{
  color:var(--muted);
  font-weight:800;
}
.profile-history{
  margin-top:18px;
  padding:20px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(18,10,39,.84),rgba(7,4,17,.72));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.profile-paths-panel{
  position:relative;
  z-index:1;
}
.profile-path-list{
  display:grid;
  gap:10px;
}
.profile-path-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.075);
}
.profile-path-card.active{
  border-color:rgba(255,209,102,.34);
  background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(69,231,255,.07));
}
.profile-path-card h3{
  margin:3px 0 5px;
  font-size:22px;
}
.profile-path-card p{
  margin:0 0 9px;
  color:var(--muted);
}
.profile-show-list{
  display:grid;
  gap:10px;
}
.profile-show-row{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  padding:12px 12px 30px;
  border-radius:18px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
}
.profile-show-row strong,
.profile-show-row small{
  display:block;
}
.profile-show-row small{
  color:var(--muted);
}
.profile-show-row p{
  color:var(--soft);
  margin:8px 0 0;
}
@media(max-width:760px){
  .profile-path-card,
  .profile-show-row{
    grid-template-columns:1fr;
  }
}


/* V19 show feature box + ratings */
.vault-date-button{
  border:0;
  background:transparent;
  padding:0;
  text-align:left;
  cursor:pointer;
}
.vault-date-button:hover{
  text-decoration:underline;
}
.show-rating{
  width:100%;
  border:1px solid rgba(255,255,255,.2);
  border-radius:16px;
  background:rgba(5,2,10,.58);
  color:var(--text);
  padding:10px 12px;
}
.profile-show-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.show-feature-modal h3{
  font-family:Fraunces,serif;
  font-size:36px;
  line-height:1;
  margin:8px 0 10px;
}
.feature-box-body{
  display:grid;
  gap:10px;
}
@media(max-width:760px){
  .profile-show-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

/* Stabilized Show Check-In + My Dead interaction model */
.vault-row{
  grid-template-columns:126px minmax(230px,1fr) 120px 96px minmax(128px,auto) minmax(260px,auto);
  cursor:pointer;
}
.vault-row button,
.vault-row a,
.vault-row input,
.vault-row select,
.vault-row textarea,
.profile-show-row button,
.profile-show-row a,
.profile-show-row input,
.profile-show-row select,
.profile-show-row textarea,
.show-row button,
.show-row a{
  cursor:pointer;
}
.vault-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.status-controls{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  align-items:center;
}
.status-btn{
  white-space:nowrap;
  min-height:34px;
}
.status-btn.done{
  background:linear-gradient(135deg,var(--gold),var(--pink));
  color:#16051d;
  border-color:transparent;
}
.status-btn.attended{
  background:linear-gradient(135deg,var(--cyan),var(--green));
  color:#051314;
  border-color:transparent;
}
.status-btn.favorite{
  background:linear-gradient(135deg,var(--gold),var(--orange));
  color:#190b03;
  border-color:transparent;
}
.show-row{
  grid-template-columns:130px minmax(180px,1fr) auto auto minmax(260px,auto);
  cursor:pointer;
}
.show-row.checked-in{
  background:linear-gradient(90deg,rgba(115,255,158,.14),rgba(255,255,255,.075));
  border-color:rgba(115,255,158,.35);
}
.date-button{
  border:0;
  background:transparent;
  padding:0;
  text-align:left;
}
.my-dead-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.my-dead-stat-grid div{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  border-radius:16px;
  padding:10px;
}
.my-dead-stat-grid strong,
.my-dead-stat-grid span{
  display:block;
}
.my-dead-stat-grid strong{
  color:var(--gold);
  font-size:24px;
}
.my-dead-stat-grid span{
  color:var(--muted);
  font-size:12px;
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.my-dead-controls{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,240px));
  gap:12px;
  margin:0 0 14px;
}
.my-dead-controls span{
  display:block;
  margin-bottom:6px;
  color:var(--gold);
  font-family:"Space Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:11px;
}
.status-readout{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:9px 0 4px;
}
.status-readout span{
  display:inline-flex;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:5px 8px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
@media(max-width:980px){
  .vault-row{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .vault-date,.vault-title,.vault-era,.vault-rating,.vault-actions,.vault-row .status-controls{
    grid-column:1;
  }
  .vault-actions,.status-controls{
    width:100%;
  }
  .status-controls .status-btn{
    flex:1 1 118px;
  }
  .show-row{
    grid-template-columns:1fr;
  }
  .my-dead-controls{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .launch-screen{
    position:fixed;
    inset:0;
    z-index:100;
    display:grid;
    place-items:center;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 42%,rgba(69,231,255,.18),transparent 34%),
      radial-gradient(circle at 45% 70%,rgba(255,61,216,.16),transparent 32%),
      #07030d;
    animation:launchFade .9s ease .62s forwards;
  }
  .launch-mark{
    display:grid;
    justify-items:center;
    gap:9px;
    transform:translateY(-8px);
    animation:quietLift .7s ease-in-out alternate infinite;
  }
  .launch-orb{
    width:92px;
    height:92px;
    display:grid;
    place-items:center;
    border-radius:28px;
    background:url("/assets/icons/deadhead-high-icon-v2-512.png") center/cover no-repeat;
    color:transparent;
    font-size:0;
    text-indent:-999px;
    box-shadow:0 0 52px rgba(69,231,255,.42);
  }
  .launch-mark strong{font-family:Fraunces,serif;font-size:32px;letter-spacing:0}
  .launch-mark small{font-family:"Space Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
  .mobile-install-nudge{display:flex}
  .install-nudge-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
    max-width:170px;
  }
  .install-nudge-actions .mini-btn{
    flex:1 1 70px;
    padding-inline:8px;
  }
  body:has(.mobile-install-nudge) .site-footer{padding-bottom:112px}
  body:has(.page:not(#page-home).active) .app-shell,
  body:has(.page:not(#page-home).active) .site-footer{
    padding-bottom:calc(74px + env(safe-area-inset-bottom));
  }
  .mobile-exit-btn{
    position:fixed;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:39;
    display:none;
    align-items:center;
    gap:7px;
    min-height:48px;
    padding:8px 12px 8px 9px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
    background:linear-gradient(135deg,rgba(255,209,102,.96),rgba(255,61,216,.94));
    color:#16051d;
    box-shadow:0 18px 70px rgba(0,0,0,.52);
    font-weight:950;
    backdrop-filter:blur(18px);
  }
  .mobile-exit-btn span{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(5,2,10,.88);
    color:var(--gold);
    font-size:22px;
    line-height:1;
  }
  .mobile-exit-btn strong{
    font-family:"Space Mono",monospace;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:12px;
  }
  body:has(.page:not(#page-home).active) .mobile-exit-btn{
    display:inline-flex;
  }
  body:has(.modal-backdrop) .mobile-exit-btn,
  body:has(.return-banner) .mobile-exit-btn,
  body:has(.mobile-install-nudge) .mobile-exit-btn,
  body.lights-fullscreen-active .mobile-exit-btn{
    display:none;
  }
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }
  .site-nav{
    position:relative;
    top:auto;
    width:calc(100vw - 18px);
    margin:8px auto 10px;
    padding:7px 8px 8px;
    gap:7px;
    border-radius:24px;
  }
  .brand{
    width:100%;
    justify-content:flex-start;
    padding:2px 0 4px;
  }
  .brand-copy > span{
    font-size:13px;
    line-height:1.15;
  }
  .brand-copy > small{
    font-size:9px;
    line-height:1.1;
  }
  .brand-orb{
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .nav-pill{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
  }
  .nav-link{
    width:100%;
    min-width:0;
    min-height:38px;
    padding:8px 4px;
    text-align:center;
    font-size:12px;
    line-height:1.05;
  }
  .btn,
  .mini-btn,
  input,
  select,
  textarea{
    min-height:44px;
  }
  .app-shell{
    width:calc(100vw - 18px);
    margin-bottom:36px;
  }
  .page-hero,
  .page:not(#page-home) .page-hero{
    border-radius:26px !important;
    padding:24px 18px !important;
  }
  .blog-author-grid{
    grid-template-columns:1fr;
  }
  .blog-author,
  .blog-card,
  .blog-author-card{
    border-radius:14px;
  }
  .home-hero{
    min-height:auto;
    gap:0;
  }
  .home-hero .eyebrow,
  .home-hero .tagline,
  .home-hero .hero-art{
    display:none;
  }
  .home-hero .hero-copy{
    display:grid;
    gap:14px;
  }
  .enter-btn{
    width:100%;
    align-items:center;
    text-align:center;
    margin-top:4px;
    padding:17px 16px;
    border-radius:24px;
  }
  .enter-btn small{
    max-width:280px;
    line-height:1.45;
    overflow-wrap:anywhere;
  }
  .name-note{
    margin:2px 0 0;
    padding-left:14px;
    font-size:16px;
    line-height:1.45;
  }
  .mobile-home-actions{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:7px;
  }
  .mobile-home-actions .mini-btn{
    min-width:0;
    text-align:center;
    padding:10px 6px;
  }
  .mobile-portal-card{
    width:100%;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:11px;
    align-items:center;
    text-align:left;
    padding:11px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:20px;
    background:rgba(255,255,255,.08);
    color:var(--text);
  }
  .mobile-portal-icon{
    width:46px;
    height:46px;
    border-radius:16px;
    background:
      radial-gradient(circle at 50% 50%,rgba(5,2,10,.9) 0 22%,transparent 23%),
      repeating-conic-gradient(from 0deg,var(--gold) 0 10deg,var(--pink) 10deg 20deg,var(--cyan) 20deg 30deg,var(--green) 30deg 40deg);
    box-shadow:0 0 22px rgba(69,231,255,.24);
  }
  .mobile-portal-card strong,
  .mobile-portal-card small{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-portal-card strong{
    font-family:"Space Mono",monospace;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:12px;
  }
  .mobile-portal-card small{
    color:var(--muted);
    margin-top:3px;
    font-size:14px;
  }
  .home-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
  }
  .stats-row{
    display:none;
  }
  .home-daily-callout{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:10px 0 12px;
    padding:14px;
    border-radius:22px;
  }
  .home-daily-art{
    display:none;
  }
  .home-daily-copy .eyebrow{
    margin-bottom:7px;
  }
  .home-daily-copy h2{
    font-size:24px;
    line-height:1.04;
  }
  .home-daily-copy p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:14px;
    line-height:1.4;
  }
  .home-daily-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:12px;
  }
  .home-daily-actions .mini-btn{
    min-width:0;
    padding:10px 7px;
    text-align:center;
  }
  .home-daily-actions .mini-btn:first-child{
    grid-column:1 / -1;
  }
  .now-listening-card{
    grid-template-columns:1fr;
    gap:10px;
    margin:10px 0 12px;
    padding:14px;
    border-radius:22px;
  }
  .now-listening-signal{
    display:none;
  }
  .now-listening-main h2{
    font-size:24px;
    line-height:1.04;
  }
  .now-listening-main p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:14px;
  }
  .now-listening-facts{
    gap:6px;
  }
  .now-listening-facts span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
  }
  .now-listening-card .home-daily-actions{
    grid-template-columns:1fr 1fr;
  }
  .now-listening-card .home-daily-actions .mini-btn:first-child{
    grid-column:1 / -1;
  }
  .home-grid .home-tile{
    max-width:none;
    min-height:0;
  }
  .home-grid .tile-art{
    display:none;
  }
  .home-grid .tile-copy{
    border:0;
    padding:14px !important;
  }
  .home-grid .tile-copy h2{
    font-size:23px !important;
  }
  .home-grid .tile-copy p{
    display:none;
  }
  .promise-panel{
    display:none;
  }
  h1,
  .page-wheel h1{
    font-size:clamp(44px,15vw,64px) !important;
    line-height:.9 !important;
  }
  h2{
    font-size:clamp(31px,10vw,42px);
  }
  .hero-copy p,
  .section-head p,
  .story-card p{
    font-size:16px;
    line-height:1.48;
  }
  .hero-actions{
    gap:8px;
    margin-top:18px;
  }
  .hero-actions .btn{
    flex:1 1 145px;
    text-align:center;
  }
  .hero-actions .mini-btn{
    flex:1 1 124px;
    text-align:center;
  }
  .hero-art{
    min-height:285px;
  }
  .mega-portal{
    width:min(292px,76vw);
  }
  .portal-face{
    width:min(270px,72vw);
    padding:20px;
    border-radius:34px;
  }
  .portal-sigil{
    width:92px;
    margin-bottom:14px;
    border-radius:28px;
  }
  .portal-face strong{
    font-size:13px;
    line-height:1.2;
  }
  .portal-face small{
    max-width:100%;
    font-size:14px;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .home-grid,
  .feature-grid,
  .promise-grid{
    justify-items:center;
  }
  .home-tile,
  .feature-card-big,
  .promise-grid > div{
    max-width:430px;
  }
  .tile-art,
  .feature-card-big .tile-art{
    min-height:145px !important;
  }
  .path-art,
  .show-art{
    width:100%;
    height:132px;
  }
  .path-summary{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 24px;
    gap:10px;
    padding:10px;
  }
  .path-summary .path-art{
    height:58px;
    border-radius:16px;
  }
  .path-art-status{
    padding:6px;
    gap:0;
  }
  .path-art-status span{
    width:30px;
    height:30px;
    font-size:16px;
  }
  .path-art-status strong,
  .path-art-status small{
    display:none;
  }
  .path-title h3{
    font-size:24px;
    margin:2px 0 5px;
    letter-spacing:0;
  }
  .path-title p{
    display:none;
  }
  .path-title .progress{
    height:7px;
    margin:8px 0 5px;
  }
  .path-detail{
    padding:12px;
  }
  .path-description{
    display:none;
  }
  .path-detail .path-map,
  .path-detail > .show-list{
    display:none;
  }
  .mobile-path-listen-strip{
    display:grid;
    gap:8px;
    margin-bottom:12px;
    padding:10px;
    border:1px solid rgba(255,209,102,.18);
    border-radius:20px;
    background:rgba(255,209,102,.07);
  }
  .mobile-path-preview{
    display:grid;
    gap:8px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .tile-copy,
  .feature-card-big .tile-copy,
  .feature-card-big > div:last-child{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.12);
    padding:18px !important;
  }
  .tile-copy h2,
  .feature-card-big .tile-copy h2,
  .feature-card-big h2{
    font-size:31px !important;
    line-height:1;
  }
  .tile-copy p{
    font-size:15px;
  }
  .content-panel{
    padding:18px !important;
  }
  .modal-backdrop{
    align-items:start;
    padding:12px;
    overflow:auto;
  }
  .modal{
    width:100%;
    max-height:calc(100dvh - 24px);
    border-radius:24px;
    padding:18px;
  }
  .modal-head{
    gap:12px;
  }
  .modal-head h2{
    font-size:clamp(28px,9vw,38px);
    letter-spacing:0;
  }
  .page-wheel .wheel-stage{
    min-height:380px !important;
    display:grid;
    place-items:center;
  }
  .page-wheel .page-hero{
    display:grid;
    grid-template-columns:1fr !important;
    gap:14px;
  }
  .page-wheel .hero-copy{
    display:grid;
    gap:8px;
  }
  .page-wheel .hero-copy .eyebrow{
    margin-bottom:0;
  }
  .page-wheel .hero-copy p{
    display:block;
    margin:0;
    font-size:15px;
    line-height:1.35;
  }
  .page-wheel .hero-copy .hero-actions{
    margin-top:4px;
  }
  .page-wheel .wheel-disc{
    width:min(340px,88vw) !important;
    margin-inline:auto;
    --wheel-label-offset:clamp(90px,27vw,110px);
  }
  .page-wheel .wheel-slice{
    width:112px;
    font-size:10px;
    letter-spacing:.03em;
  }
  .page:not(#page-home).page-wheel .wheel-disc{
    width:min(370px,96%) !important;
  }
  .page-wheel #wheelResult{
    display:none;
  }
  .page-wheel .wheel-stage.result-mode{
    min-height:auto !important;
    max-height:none;
    margin-inline:0;
    width:100%;
    max-width:100%;
    overflow:visible;
    padding-block:4px 18px;
  }
  .wheel-stage.result-mode .wheel-disc,
  .wheel-stage.result-mode .wheel-pointer,
  .wheel-stage.result-mode .wheel-orbit,
  .wheel-stage.result-mode .wheel-mist,
  .wheel-stage.result-mode .wheel-afterglow,
  .wheel-stage.result-mode .wheel-show-cloud{
    display:none !important;
  }
  .wheel-stage.result-mode .wheel-pick-pop{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:min(430px,92vw);
    margin-inline:auto;
    transform:none;
    display:block;
    pointer-events:auto;
  }
  .wheel-stage.result-mode .wheel-stage-result{
    animation:wheelPickPop .4s cubic-bezier(.16,1,.3,1) forwards;
    pointer-events:auto;
  }
  .wheel-show-cloud{
    display:none;
  }
  .wheel-pick-card{
    width:min(330px,88vw);
  }
  .wheel-pick-card .hero-actions{
    gap:8px;
  }
  .wheel-pick-card .mini-btn{
    flex:1 1 120px;
    text-align:center;
  }
  .status-controls .status-btn{
    flex:1 1 104px;
    justify-content:center;
    text-align:center;
  }
  .vault-actions .mini-btn,
  .profile-show-actions .mini-btn{
    flex:1 1 120px;
    text-align:center;
  }
  .daily-panel-grid,
  .daily-strip{
    gap:12px;
  }
  .line-card,
  .paired-show-card,
  .trivia-card,
  .contribution-card{
    border-radius:20px;
    padding:16px;
  }
}

@keyframes launchFade{
  to{opacity:0;visibility:hidden}
}

@media(max-width:900px), (pointer:coarse), (hover:none){
  .psychedelic-bg{
    background:
      radial-gradient(ellipse at 14% 4%,rgba(255,61,216,.16),transparent 36%),
      radial-gradient(ellipse at 88% 10%,rgba(69,231,255,.14),transparent 34%),
      linear-gradient(135deg,#030108,#12041c 58%,#020914);
  }
  .aurora,
  .liquid-field,
  .hypno{
    display:none;
  }
  .home-hero:after,
  .brand-orb,
  .portal-rings,
  .portal-rings:before,
  .portal-sigil,
  .feature-poster:before,
  .poster-mark,
  .path-art:before,
  .show-art:before,
  .badge-art:before,
  .tile-art:before,
  .art-tape-stack:before,
  .art-wheel-mark,
  .art-daily-line:after,
  .wheel-stage:after,
  .wheel-orbit,
  .wheel-show-cloud,
  .launch-mark{
    animation:none !important;
  }
  .site-nav,
  .page-hero,
  .content-panel,
  .stats-row,
  .modal-backdrop,
  .wheel-pick-card,
  .return-banner{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .page-hero,
  .content-panel,
  .stats-row,
  .path-card,
  .show-card,
  .feature-poster,
  .modal,
  .return-banner{
    box-shadow:0 14px 42px rgba(0,0,0,.42) !important;
  }
  .path-card,
  .show-card,
  .home-tile,
  .feature-card-big{
    contain:content;
  }
  .page-wheel .page-hero{
    gap:10px;
  }
  .page-wheel .wheel-stage{
    min-height:calc(100vw - 8px) !important;
    max-height:430px;
    padding-inline:0;
    margin-inline:-18px;
    width:calc(100% + 36px);
    max-width:calc(100% + 36px);
  }
  .page-wheel .wheel-disc{
    width:min(370px,calc(100vw - 56px)) !important;
  }
  .page-wheel .wheel-slice{
    width:116px;
    font-size:10.5px;
  }
  .page:not(#page-home).page-wheel .wheel-disc{
    width:min(370px,calc(100vw - 56px)) !important;
  }
  .page-wheel .wheel-stage.result-mode{
    min-height:auto !important;
    max-height:none;
    margin-inline:0;
    width:100%;
    max-width:100%;
    overflow:visible;
    padding-block:4px 18px;
  }
  .wheel-stage-result{
    width:min(330px,88vw);
    max-height:calc(100dvh - 136px);
    padding:16px;
  }
  .wheel-stage-result h2{
    font-size:clamp(30px,9vw,42px);
  }
  .wheel-stage-result .hero-actions{
    gap:7px;
  }
  .wheel-stage-result .mini-btn{
    flex:1 1 120px;
  }
  .wheel-pick-pop{
    left:50%;
    right:auto;
    bottom:0;
    width:min(330px,88vw);
    transform:translateX(-50%);
  }
  .wheel-pick-card{
    padding:14px;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}