/* ===== styles.css ===== */
:root{
  --bg:#050407;
  --bg-2:#08070c;
  --panel:rgba(15,13,21,.62);
  --panel-strong:rgba(12,10,17,.86);
  --line:rgba(255,255,255,.115);
  --line-soft:rgba(255,255,255,.065);
  --text:#f5f2eb;
  --muted:#948f9d;
  --dim:#66616e;
  --gold:#e6c88a;
  --gold-2:#f3dfb0;
  --violet:#9e8cff;
  --violet-2:#c2b8ff;
  --rose:#d8a0b7;
  --green:#84d8b2;
  --danger:#e88888;
  --shadow:0 28px 90px rgba(0,0,0,.38);
  --radius:32px;
  --shell:min(1180px,calc(100vw - 112px));
  --ease:cubic-bezier(.19,1,.22,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);scrollbar-width:thin;scrollbar-color:#48434f transparent}
body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 72% 12%,rgba(113,90,205,.1),transparent 24%),
    radial-gradient(circle at 20% 55%,rgba(196,158,105,.05),transparent 28%),
    var(--bg);
  color:var(--text);
  font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::selection{background:rgba(230,200,138,.28);color:white}
button,textarea,input,a{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

#space{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:-5;
  pointer-events:none;
}
.ambient-noise{
  position:fixed;
  inset:0;
  z-index:70;
  opacity:.035;
  pointer-events:none;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.cursor-halo{
  position:fixed;
  width:420px;
  height:420px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(171,151,255,.07),rgba(230,200,138,.025) 32%,transparent 68%);
  pointer-events:none;
  z-index:-1;
  filter:blur(5px);
  transition:opacity .3s ease;
}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:120;background:rgba(255,255,255,.025)}
.scroll-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--gold));box-shadow:0 0 18px rgba(230,200,138,.4)}

/* top command */
.command-bar{
  position:fixed;
  z-index:100;
  top:0;left:0;right:0;
  height:72px;
  padding:0 34px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  border-bottom:1px solid transparent;
  transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;
}
.command-bar.scrolled{background:rgba(5,4,7,.68);border-color:var(--line-soft);backdrop-filter:blur(22px) saturate(130%)}
.wordmark{display:flex;align-items:center;gap:11px;width:max-content;font-size:10px;font-weight:700;letter-spacing:.18em;color:#ded9e4}
.wordmark-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(230,200,138,.35);border-radius:50%;font-family:"DM Mono",monospace;font-size:10px;color:var(--gold)}
.command-center{display:flex;align-items:center;gap:10px;font:500 9px/1 "DM Mono",monospace;letter-spacing:.14em;color:var(--muted)}
.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(132,216,178,.08),0 0 16px rgba(132,216,178,.45);animation:statusPulse 2s ease-in-out infinite}
@keyframes statusPulse{50%{opacity:.45;box-shadow:0 0 0 8px rgba(132,216,178,0)}}
.reply-counter{justify-self:end;border:0;background:none;display:flex;align-items:baseline;gap:8px;cursor:pointer;padding:8px 0}
.reply-counter>span{font:500 13px/1 "DM Mono",monospace;color:var(--gold)}
.reply-counter small{font:500 9px/1 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* chapter rail */
.chapter-rail{
  position:fixed;
  z-index:80;
  left:25px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 0;
}
.rail-line{position:absolute;left:9px;top:26px;bottom:26px;width:1px;background:rgba(255,255,255,.08);overflow:hidden}
.rail-line i{display:block;width:100%;height:0;background:linear-gradient(var(--gold),var(--violet));box-shadow:0 0 10px var(--violet)}
.rail-dot{
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  min-height:26px;
  border:0;background:none;padding:0;cursor:pointer;
  color:var(--dim);
  transition:color .25s ease;
}
.rail-dot::before{content:"";width:7px;height:7px;border-radius:50%;margin-left:6px;background:#24212a;border:1px solid #4b4651;transition:.35s var(--ease);z-index:1}
.rail-dot b{display:none}
.rail-dot span{opacity:0;transform:translateX(-5px);white-space:nowrap;font:500 9px/1 "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;transition:.25s ease}
.rail-dot:hover span,.rail-dot.is-active span{opacity:1;transform:none}
.rail-dot.is-active{color:var(--gold-2)}
.rail-dot.is-active::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(230,200,138,.09),0 0 16px rgba(230,200,138,.45);transform:scale(1.12)}

/* shared scene */
.scene{position:relative;min-height:100svh;padding:120px 0 90px;isolation:isolate}
.chapter{display:flex;align-items:center}
.chapter::before{
  content:"";
  position:absolute;
  inset:9% 7%;
  z-index:-2;
  border:1px solid rgba(255,255,255,.025);
  border-radius:70px;
  opacity:.65;
  pointer-events:none;
}
.chapter-shell{width:var(--shell);margin:0 auto}
.chapter-shell.narrow{max-width:980px}
.chapter-shell.wide{width:min(1320px,calc(100vw - 112px))}
.chapter-head{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:end;gap:22px;margin:0 0 42px}
.chapter-index{font:400 11px/1 "DM Mono",monospace;color:var(--gold);letter-spacing:.08em;border-top:1px solid rgba(230,200,138,.38);padding-top:10px}
.eyebrow{display:block;margin-bottom:9px;font:500 9px/1.2 "DM Mono",monospace;letter-spacing:.2em;color:var(--muted)}
.chapter-head h2{margin:0;font-size:clamp(34px,4.1vw,64px);font-weight:500;letter-spacing:-.055em;line-height:.96;max-width:750px}
.chapter-head h2 em{font-family:"Playfair Display",serif;font-weight:600;color:var(--gold-2)}
.head-meta{min-width:125px;text-align:right;padding-bottom:3px}
.head-meta span,.head-meta b{display:block;font:500 8px/1.4 "DM Mono",monospace;letter-spacing:.13em}
.head-meta span{color:var(--dim);margin-bottom:5px}.head-meta b{font-size:9px;color:#cbc6d0;font-weight:500}.head-meta.danger b{color:var(--danger)}

.surface{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(135deg,rgba(255,255,255,.043),transparent 30%),
    linear-gradient(180deg,rgba(14,12,19,.82),rgba(8,7,11,.78));
  box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(24px) saturate(125%);
}
.surface::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(550px circle at var(--mx,50%) var(--my,40%),rgba(255,255,255,.055),transparent 43%);
  opacity:.7;
}
.surface-label{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line-soft)}
.surface-label span,.surface-label b{font:500 8px/1.3 "DM Mono",monospace;letter-spacing:.15em;color:var(--muted)}
.surface-label b{font-weight:500;color:#c8c3cc}
.message-copy{position:relative;z-index:2;font-size:15px;line-height:1.78;color:#d8d3dc;letter-spacing:-.01em}
.message-copy.large{font-size:clamp(15px,1.45vw,18px);line-height:1.8}
.message-copy p{margin:0 0 15px}.message-copy p:last-child{margin-bottom:0}.message-copy .soft{color:var(--muted)}
.accent-line{font-family:"Playfair Display",serif;font-style:italic;color:var(--gold-2);font-size:1.14em}

.reveal{opacity:0;transform:translateY(38px);filter:blur(5px);transition:opacity .9s var(--ease),transform 1s var(--ease),filter .8s ease}
.reveal.visible{opacity:1;transform:none;filter:none}
.reveal-now{animation:heroIn 1.2s .12s var(--ease) both}
@keyframes heroIn{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* hero */
.hero{display:flex;align-items:center;min-height:100svh;padding:100px max(7vw,88px) 70px;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,var(--bg));z-index:-1;pointer-events:none}
.hero-grid{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 72% 48%,black,transparent 67%);transform:perspective(500px) rotateX(66deg) scale(1.7) translateY(22%);transform-origin:center bottom;opacity:.48}
.hero-aura{position:absolute;z-index:-4;border-radius:50%;filter:blur(10px);pointer-events:none}
.aura-one{width:62vw;height:62vw;right:-8vw;top:-14vw;background:radial-gradient(circle,rgba(125,101,224,.13),rgba(54,38,85,.045) 38%,transparent 67%)}
.aura-two{width:46vw;height:46vw;left:-20vw;bottom:-22vw;background:radial-gradient(circle,rgba(230,200,138,.075),transparent 62%)}
.hero-copy{position:relative;z-index:3;width:min(700px,54vw);padding-top:24px}
.system-tag{display:flex;align-items:center;gap:10px;font:500 9px/1 "DM Mono",monospace;letter-spacing:.18em;color:var(--muted);margin-bottom:30px}.system-tag span{width:22px;height:1px;background:var(--gold)}
.hero h1{margin:0;font-size:clamp(58px,8.1vw,132px);font-weight:500;line-height:.82;letter-spacing:-.075em}
.hero h1 .line{display:block}.hero h1 .italic{font-family:"Playfair Display",serif;font-style:italic;font-weight:600;color:var(--gold-2);margin-left:.55em;margin-top:.09em;white-space:nowrap}
.hero-lede{max-width:500px;margin:32px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.install-row{display:flex;align-items:center;gap:24px;margin-top:38px}
.install-button{position:relative;display:flex;align-items:center;gap:14px;min-width:286px;height:72px;padding:0 22px;border:1px solid rgba(230,200,138,.24);border-radius:18px;background:rgba(15,12,18,.58);overflow:hidden;cursor:pointer;box-shadow:0 15px 45px rgba(0,0,0,.25);transition:border-color .25s ease,transform .3s var(--ease),background .3s ease;touch-action:none}
.install-button:hover{border-color:rgba(230,200,138,.48);transform:translateY(-2px);background:rgba(18,15,22,.72)}
.install-progress{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(143,121,255,.18),rgba(230,200,138,.16));border-right:1px solid rgba(230,200,138,.45);pointer-events:none}
.install-icon{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(230,200,138,.25);color:var(--gold);font-size:18px}
.install-copy{position:relative;z-index:1;text-align:left}.install-copy b,.install-copy small{display:block}.install-copy b{font:500 10px/1.3 "DM Mono",monospace;letter-spacing:.12em;color:#e9e4ea}.install-copy small{font:400 8px/1.3 "DM Mono",monospace;letter-spacing:.08em;color:var(--dim);margin-top:6px}
.install-button.installed{border-color:rgba(132,216,178,.35);background:rgba(23,47,38,.22)}.install-button.installed .install-icon{color:var(--green);border-color:rgba(132,216,178,.3)}
.hero-version{padding-left:23px;border-left:1px solid var(--line-soft)}.hero-version small,.hero-version b{display:block}.hero-version small{font:500 8px/1 "DM Mono",monospace;letter-spacing:.15em;color:var(--dim);margin-bottom:8px}.hero-version b{font:500 13px/1 "DM Mono",monospace;color:var(--muted)}
.hero-hud{position:absolute;z-index:2;right:6vw;top:50%;transform:translateY(-46%);width:min(31vw,460px);height:54vh;min-height:420px;pointer-events:none;animation-delay:.35s}
.hud-card{position:absolute;width:154px;padding:13px 15px;border:1px solid var(--line-soft);background:rgba(8,7,11,.36);backdrop-filter:blur(12px)}.hud-card span,.hud-card b{display:block;font:500 8px/1.3 "DM Mono",monospace;letter-spacing:.12em}.hud-card span{color:var(--dim);margin-bottom:7px}.hud-card b{font-size:9px;color:#d7d1da}.hud-card i{position:absolute;width:72px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)}.hud-card-a{top:6%;right:4%}.hud-card-a i{left:-72px;top:50%}.hud-card-b{bottom:8%;left:-3%;text-align:right}.hud-card-b i{right:-72px;top:50%;transform:rotate(180deg)}
.hud-caption{position:absolute;left:14%;right:10%;bottom:-2%;display:flex;justify-content:space-between;border-top:1px solid var(--line-soft);padding-top:10px;font:500 7px/1 "DM Mono",monospace;letter-spacing:.12em;color:var(--dim)}
.scroll-cue{position:absolute;left:max(7vw,88px);bottom:30px;display:flex;align-items:center;gap:13px;font:500 8px/1 "DM Mono",monospace;letter-spacing:.15em;color:var(--dim);text-transform:uppercase}.scroll-cue i{display:block;width:55px;height:1px;background:linear-gradient(90deg,var(--dim),transparent);position:relative;overflow:hidden}.scroll-cue i::after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:var(--gold);animation:cue 2s ease-in-out infinite}@keyframes cue{70%,100%{left:120%}}

/* lock */
.experience{position:relative;transition:filter .8s ease,opacity .8s ease}
.experience.is-locked{max-height:100svh;overflow:hidden;filter:blur(14px);opacity:.17;pointer-events:none;user-select:none}
.experience-lock{position:absolute;z-index:10;inset:0 0 auto;height:100svh;display:grid;place-items:center;pointer-events:none}.experience:not(.is-locked) .experience-lock{display:none}.experience-lock div{text-align:center}.experience-lock span,.experience-lock b{display:block;font:500 9px/1.5 "DM Mono",monospace;letter-spacing:.15em}.experience-lock span{color:var(--gold);margin-bottom:9px}.experience-lock b{color:var(--muted)}

/* wins */
.wins-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.constellation-card{min-height:560px;padding:24px}.constellation-lines{position:absolute;inset:60px 20px 20px;width:calc(100% - 40px);height:calc(100% - 80px);overflow:visible}.constellation-lines path{fill:none;stroke:rgba(194,184,255,.15);stroke-width:1;stroke-dasharray:3 7;vector-effect:non-scaling-stroke;animation:dash 16s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}
.achievement-node{position:absolute;z-index:3;width:104px;height:104px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.09),rgba(17,14,23,.85) 62%);box-shadow:0 16px 40px rgba(0,0,0,.35),inset 0 0 30px rgba(137,110,255,.035);cursor:pointer;transition:.45s var(--ease)}.achievement-node:hover{transform:translateY(-8px) scale(1.04);border-color:rgba(230,200,138,.35);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 45px rgba(230,200,138,.06)}.achievement-node i,.achievement-node b,.achievement-node span{display:block;font-style:normal}.achievement-node i{position:absolute;top:13px;left:50%;transform:translateX(-50%);font:500 7px/1 "DM Mono",monospace;color:var(--dim)}.achievement-node b{font-size:14px;letter-spacing:-.03em}.achievement-node span{font:500 7px/1 "DM Mono",monospace;color:var(--muted);letter-spacing:.12em;margin-top:5px}.n-pg{left:5%;top:45%}.n-uoft{left:43%;top:31%}.n-kpmg{right:15%;top:60%}.n-irec{right:4%;top:20%}.constellation-core{position:absolute;z-index:2;left:51%;top:60%;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(158,140,255,.17),rgba(12,10,18,.85) 55%);border:1px solid rgba(158,140,255,.19);box-shadow:0 0 70px rgba(158,140,255,.12)}.constellation-core::before,.constellation-core::after{content:"";position:absolute;inset:-18px;border:1px solid rgba(158,140,255,.08);border-radius:50%;animation:ringSpin 14s linear infinite}.constellation-core::after{inset:-35px;border-style:dashed;animation-direction:reverse;animation-duration:22s}.constellation-core span,.constellation-core b{display:block;font:500 8px/1.3 "DM Mono",monospace;letter-spacing:.15em}.constellation-core span{color:var(--muted)}.constellation-core b{color:var(--gold);margin-top:7px}@keyframes ringSpin{to{transform:rotate(360deg)}}
.note-card{padding:24px;min-height:560px;display:flex;flex-direction:column}.note-card .message-copy{margin-top:auto;padding:40px 5px 10px}.note-card .message-copy p{padding:10px 0;margin:0;border-bottom:1px solid var(--line-soft)}.note-card .message-copy p:last-child{border:0;padding-top:21px}

/* replies */
.reply-module{margin-top:18px;border:1px solid var(--line);border-radius:24px;background:rgba(9,8,12,.64);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.reply-module:focus-within{border-color:rgba(158,140,255,.34);box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 0 4px rgba(158,140,255,.025)}
.reply-prompt{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.reply-prompt span,.reply-prompt b{font:500 8px/1.3 "DM Mono",monospace;letter-spacing:.14em}.reply-prompt span{color:var(--violet-2)}.reply-prompt b{font-weight:400;color:var(--muted)}
.reply-module textarea{display:block;width:100%;min-height:138px;resize:vertical;padding:22px 20px;border:0;outline:0;background:transparent;color:#eee9f0;font-size:15px;line-height:1.65;caret-color:var(--gold)}.reply-module textarea::placeholder{color:#4f4a56}.reply-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid var(--line-soft);font:400 8px/1 "DM Mono",monospace;letter-spacing:.1em;color:var(--dim)}.autosave{display:flex;align-items:center;gap:7px}.autosave i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(132,216,178,.4)}

/* treat */
.debt-terminal{min-height:560px;padding:32px;display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;align-items:center}.debt-ledger{height:100%;min-height:490px;display:flex;flex-direction:column;padding:28px;border:1px solid rgba(230,200,138,.12);border-radius:24px;background:radial-gradient(circle at 50% 20%,rgba(230,200,138,.06),transparent 35%),#09080b}.ledger-title{display:flex;justify-content:space-between}.ledger-title span,.ledger-title small{font:500 8px/1 "DM Mono",monospace;letter-spacing:.13em;color:var(--muted)}.ledger-title small{color:var(--dim)}.debt-ledger>strong{display:block;font:400 clamp(100px,12vw,170px)/.8 "DM Mono",monospace;letter-spacing:-.1em;color:var(--gold-2);margin:auto 0 10px;text-shadow:0 0 60px rgba(230,200,138,.1)}.ledger-unit{font:500 8px/1 "DM Mono",monospace;letter-spacing:.17em;color:var(--dim)}.ledger-slot{display:flex;align-items:center;gap:10px;margin-top:30px;padding:15px;border-top:1px solid var(--line-soft);font:400 8px/1 "DM Mono",monospace;letter-spacing:.08em;color:var(--muted)}.ledger-slot i{width:32px;height:2px;background:var(--gold);box-shadow:0 0 12px rgba(230,200,138,.3)}.ledger-slot.flash{animation:slotFlash .45s ease}@keyframes slotFlash{50%{background:rgba(230,200,138,.11)}}
.token-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;perspective:1000px}.debt-token{aspect-ratio:1.08;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(8,7,11,.68));cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:18px;text-align:left;box-shadow:0 18px 35px rgba(0,0,0,.2);transition:.45s var(--ease)}.debt-token:hover{transform:translateY(-7px) rotateX(3deg);border-color:rgba(230,200,138,.3)}.debt-token span,.debt-token i{font:500 7px/1 "DM Mono",monospace;letter-spacing:.13em;color:var(--dim);font-style:normal}.debt-token b{font-size:17px;font-weight:600;letter-spacing:-.04em}.debt-token i{color:var(--gold)}.debt-token.spent{opacity:.28;transform:scale(.94);pointer-events:none}.debt-token.spent i{color:var(--green)}.debt-token.special{border-color:rgba(158,140,255,.2);background:radial-gradient(circle at 60% 30%,rgba(158,140,255,.12),rgba(8,7,11,.7) 58%)}

/* founder */
.founder-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.founder-message{padding:26px;min-height:610px;display:flex;flex-direction:column}.founder-message .message-copy{margin:auto 8px 5px;max-width:780px}.equity-console{padding:26px;min-height:610px}.equity-orbit{display:grid;place-items:center;height:330px}.equity-ring{--equity:55.5;position:relative;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--equity)*1%),rgba(255,255,255,.05) 0);box-shadow:0 0 70px rgba(230,200,138,.08)}.equity-ring::after{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,rgba(158,140,255,.07),#0a090d 68%);border:1px solid rgba(255,255,255,.06)}.equity-ring div{position:relative;z-index:1;text-align:center}.equity-ring span,.equity-ring b{display:block}.equity-ring span{font:500 8px/1 "DM Mono",monospace;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}.equity-ring b{font:400 36px/1 "DM Mono",monospace;color:var(--gold-2)}
.equity-row{display:flex;justify-content:space-between;padding:12px 0;font:500 9px/1 "DM Mono",monospace;letter-spacing:.12em;color:var(--muted)}.equity-row b{color:#d9d4dc}.equity-row.captain b{color:var(--gold)}
#equitySlider{width:100%;appearance:none;height:3px;background:linear-gradient(90deg,var(--violet),var(--gold));border-radius:10px;outline:0;margin:10px 0}#equitySlider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#f1e8d5;border:5px solid #17131c;box-shadow:0 0 0 1px var(--gold),0 0 20px rgba(230,200,138,.3);cursor:pointer}#equitySlider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#f1e8d5;border:5px solid #17131c;box-shadow:0 0 0 1px var(--gold)}
.protection-clause{display:flex;align-items:center;gap:9px;margin-top:22px;padding:13px;border:1px solid rgba(132,216,178,.13);border-radius:12px;background:rgba(132,216,178,.035)}.protection-clause i{width:5px;height:5px;border-radius:50%;background:var(--green)}.protection-clause span,.protection-clause b{font:500 7px/1 "DM Mono",monospace;letter-spacing:.11em}.protection-clause span{color:var(--muted);flex:1}.protection-clause b{color:var(--green)}

/* trust */
.contract{padding:40px 42px 36px;background:linear-gradient(145deg,rgba(23,20,24,.93),rgba(9,8,11,.92));min-height:620px}.contract-watermark{position:absolute;right:-12px;top:42%;transform:rotate(-90deg) translateX(50%);transform-origin:right center;font:500 8px/1 "DM Mono",monospace;letter-spacing:.25em;color:rgba(230,200,138,.15)}.contract-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(230,200,138,.12)}.contract-head span,.contract-head b{font:500 8px/1 "DM Mono",monospace;letter-spacing:.15em;color:var(--muted)}.contract-head b{color:var(--gold)}.contract blockquote{max-width:780px;margin:50px 0 55px;font:600 clamp(28px,4vw,48px)/1.16 "Playfair Display",serif;letter-spacing:-.035em;color:#ebe4d8}.contract-rule{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:13px 0;border-top:1px solid var(--line-soft)}.contract-rule span{font:500 8px/1 "DM Mono",monospace;color:var(--gold)}.contract-rule p{margin:0;font-size:13px;color:var(--muted)}.contract-actions{display:flex;gap:10px;margin-top:34px}.ghost-action,.primary-action,.send-button,.deploy-button{border:1px solid var(--line);border-radius:15px;min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;transition:.35s var(--ease);font:500 9px/1 "DM Mono",monospace;letter-spacing:.11em}.ghost-action{background:rgba(255,255,255,.025);color:#c7c1c9}.primary-action{background:#ece6db;color:#0b090d;border-color:#ece6db;min-width:220px}.ghost-action:hover,.primary-action:hover,.send-button:hover,.deploy-button:hover{transform:translateY(-3px)}.primary-action:hover{box-shadow:0 18px 45px rgba(230,220,205,.12)}
.approval-stamp{position:absolute;right:43px;bottom:35px;opacity:0;transform:rotate(-8deg) scale(.5);border:2px solid rgba(132,216,178,.5);border-radius:8px;padding:10px 15px;font:500 11px/1 "DM Mono",monospace;letter-spacing:.12em;color:var(--green);transition:.6s var(--ease)}.approval-stamp.active{opacity:.82;transform:rotate(-8deg) scale(1)}
.signature-reveal{max-height:0;opacity:0;overflow:hidden;transition:max-height .9s var(--ease),opacity .6s ease,margin .6s ease;margin:0}.signature-reveal.active{max-height:440px;opacity:1;margin-top:28px}.signature-inner{border:1px solid rgba(230,200,138,.14);border-radius:20px;padding:18px;background:rgba(230,200,138,.025)}.signature-label,.signature-meta{display:flex;justify-content:space-between;align-items:center}.signature-label span,.signature-label b{font:500 8px/1 "DM Mono",monospace;letter-spacing:.13em;color:var(--muted)}.signature-label b{color:var(--green)}.signature-mask{margin:14px 0;overflow:hidden;border-radius:12px;clip-path:inset(0 100% 0 0);background:#d8d8bd}.signature-reveal.active .signature-mask{animation:signatureDraw 1.8s .25s var(--ease) forwards}.signature-mask img{width:100%}.signature-meta b,.signature-meta span{display:block}.signature-meta b{font:600 22px/1.2 "Playfair Display",serif}.signature-meta span,.signature-meta time{font:500 8px/1.4 "DM Mono",monospace;color:var(--muted);letter-spacing:.08em}@keyframes signatureDraw{to{clip-path:inset(0 0 0 0)}}

/* terminal */
.terminal-window{border-radius:24px;min-height:560px}.terminal-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.012)}.terminal-top>div{display:flex;gap:6px}.terminal-top i{width:7px;height:7px;border-radius:50%;background:#3a3540}.terminal-top span,.terminal-top b{font:500 8px/1 "DM Mono",monospace;letter-spacing:.11em;color:var(--dim)}.terminal-body{display:grid;grid-template-columns:.8fr 1.2fr;min-height:510px}.terminal-log{padding:40px 24px;border-right:1px solid var(--line-soft);font:400 10px/1.8 "DM Mono",monospace;color:#827b89}.terminal-log span{display:block;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.terminal-log i{display:inline-block;width:55px;font-style:normal;color:#4f4a54}.terminal-log span:last-child{color:var(--green)}.caret{animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}.terminal-message{display:flex;flex-direction:column;justify-content:center;padding:50px}.terminal-scene::before{background:radial-gradient(circle at 80% 50%,rgba(132,216,178,.025),transparent 30%)}

/* ideas */
.idea-cosmos{min-height:720px;position:relative;background:radial-gradient(circle at 50% 47%,rgba(129,103,223,.08),rgba(8,7,11,.78) 37%),linear-gradient(180deg,rgba(14,12,20,.8),rgba(7,6,9,.8))}.cosmos-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle,black,transparent 74%)}.idea-core{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(158,140,255,.19),rgba(10,8,14,.9) 60%);border:1px solid rgba(158,140,255,.18);box-shadow:0 0 80px rgba(158,140,255,.12)}.idea-core::before,.idea-core::after{content:"";position:absolute;inset:-44px;border:1px solid rgba(158,140,255,.1);border-radius:50%;animation:ringSpin 18s linear infinite}.idea-core::after{inset:-93px;border-style:dashed;border-color:rgba(230,200,138,.07);animation-duration:28s;animation-direction:reverse}.idea-core span{font:400 30px/1 "DM Mono",monospace;color:var(--gold-2)}.idea-core b{font:500 8px/1 "DM Mono",monospace;letter-spacing:.15em;color:var(--muted);margin-top:7px}.idea-core i{position:absolute;left:50%;top:-94px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px var(--gold)}
.idea-planet{position:absolute;z-index:3;width:130px;height:80px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(10,9,14,.8);text-align:left;padding:13px 14px;cursor:pointer;box-shadow:0 15px 30px rgba(0,0,0,.26);transition:.4s var(--ease)}.idea-planet:hover{transform:translateY(-6px) scale(1.03);border-color:rgba(158,140,255,.3);box-shadow:0 24px 50px rgba(0,0,0,.32),0 0 35px rgba(158,140,255,.05)}.idea-planet i,.idea-planet b,.idea-planet span{display:block;font-style:normal}.idea-planet i{font:500 7px/1 "DM Mono",monospace;color:var(--violet-2)}.idea-planet b{margin:10px 0 5px;font-size:13px}.idea-planet span{font:400 8px/1 "DM Mono",monospace;color:var(--dim)}.p1{left:9%;top:15%}.p2{right:10%;top:13%}.p3{left:17%;top:48%}.p4{right:12%;top:49%}.p5{left:43%;top:59%}.idea-message{position:absolute;z-index:2;left:26px;right:26px;bottom:22px;padding:25px 28px;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,transparent,rgba(7,6,10,.92) 18%);font-size:13px;line-height:1.7;max-height:245px;overflow:auto;scrollbar-width:thin}

/* letter */
.letter-card{min-height:650px;padding:42px 48px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(28,21,28,.86),rgba(9,7,11,.92));overflow:hidden}.letter-card::before{content:"";position:absolute;left:48px;top:42px;width:1px;height:calc(100% - 84px);background:linear-gradient(var(--gold),transparent 35%,rgba(255,255,255,.08));opacity:.4}.letter-year{position:absolute;left:75px;top:40px;font:500 clamp(110px,17vw,240px)/.8 "Manrope",sans-serif;letter-spacing:-.09em;color:rgba(255,255,255,.025);pointer-events:none}.letter-meta{position:absolute;left:83px;right:48px;top:42px;display:flex;justify-content:space-between}.letter-meta span,.letter-meta b{font:500 8px/1 "DM Mono",monospace;letter-spacing:.14em;color:var(--muted)}.letter-meta b{color:var(--gold)}.letter-copy{margin-left:36px;max-width:730px;font-size:clamp(17px,2vw,23px);line-height:1.62;color:#dcd5dc}.letter-copy .accent-line{font-size:1.35em;margin-top:30px}

/* timeline */
.timeline-card{min-height:590px;padding:42px;overflow:hidden}.timeline-track{position:absolute;left:7%;right:7%;top:154px;height:1px;background:rgba(255,255,255,.11)}.timeline-track i{display:block;height:100%;width:58%;background:linear-gradient(90deg,var(--violet),var(--gold));box-shadow:0 0 20px rgba(230,200,138,.15)}.timeline-years{position:absolute;left:6%;right:6%;top:110px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.timeline-years div{position:relative;text-align:center}.timeline-years div::after{content:"";display:block;width:9px;height:9px;border:3px solid #0b090e;border-radius:50%;background:#504a57;margin:17px auto 0;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.timeline-years .is-now::after{background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px rgba(230,200,138,.35)}.timeline-years b,.timeline-years span{display:block}.timeline-years b{font:500 14px/1 "DM Mono",monospace;color:#d9d3dc}.timeline-years span{font:500 7px/1 "DM Mono",monospace;letter-spacing:.11em;color:var(--dim);margin-top:7px}.infinity-symbol{position:absolute;right:3%;bottom:-15%;font:500 270px/1 "Playfair Display",serif;color:rgba(230,200,138,.025)}.timeline-copy{position:absolute;left:7%;bottom:54px;width:min(700px,66%);font-size:17px;line-height:1.7}.timeline-copy strong{font:500 9px/1 "DM Mono",monospace;color:var(--gold);letter-spacing:.13em}

/* classified */
.classified-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.classified-card{min-height:170px;padding:19px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.4s var(--ease)}.classified-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.2)}.classified-card span,.classified-card i{font:500 7px/1 "DM Mono",monospace;letter-spacing:.14em;color:var(--dim);font-style:normal}.classified-card b{font:500 clamp(18px,2vw,27px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em}.classified-card i{color:var(--gold)}.classified-card.redacted b{font-family:"DM Mono",monospace;letter-spacing:.12em;color:#605a64}.classified-card.unlocked{border-color:rgba(132,216,178,.14);background:radial-gradient(circle at 90% 10%,rgba(132,216,178,.07),rgba(10,9,13,.86) 42%)}.classified-card.unlocked i{color:var(--green)}.classified-message{margin-top:18px;padding:26px}.classified-message .message-copy{max-width:900px;padding:36px 8px 8px}

/* arrival */
.arrival-stage{height:min(760px,72vh);min-height:610px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(157,140,255,.14),transparent 26%),linear-gradient(180deg,#0b0912,#07060a)}.arrival-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(194,184,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(194,184,255,.04) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(black 55%,transparent 95%);transform:perspective(600px) rotateX(63deg) scale(1.45) translateY(29%);transform-origin:center bottom}.arrival-topline{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;z-index:5}.arrival-topline span,.arrival-topline b{font:500 8px/1 "DM Mono",monospace;letter-spacing:.13em;color:var(--muted)}.arrival-topline b{color:var(--violet-2)}
.arrival-beam{position:absolute;left:50%;top:-15%;transform:translateX(-50%);width:32%;height:95%;background:linear-gradient(180deg,rgba(194,184,255,.02),rgba(194,184,255,.14) 48%,rgba(230,200,138,.03));clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(5px)}
.arrival-rings{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);width:420px;height:130px}.arrival-rings i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(67deg);width:100%;height:100%;border:1px solid rgba(194,184,255,.18);border-radius:50%;animation:arrivalRing 3s ease-out infinite}.arrival-rings i:nth-child(2){width:70%;height:70%;animation-delay:.75s}.arrival-rings i:nth-child(3){width:42%;height:42%;animation-delay:1.5s}@keyframes arrivalRing{0%{opacity:0;transform:translate(-50%,-50%) rotateX(67deg) scale(.3)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotateX(67deg) scale(1.35)}}
.captain-drop{position:absolute;z-index:3;left:50%;top:50%;width:300px;height:420px;transform:translate(-50%,-50%);transform-style:preserve-3d}.captain-photo-shell{position:relative;width:100%;height:100%;filter:drop-shadow(0 30px 45px rgba(0,0,0,.45))}.captain-photo-shell img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.88) contrast(1.04)}.photo-glow{position:absolute;inset:8% 2% 2%;border-radius:48% 48% 35% 35%;background:radial-gradient(circle at 50% 40%,rgba(240,224,255,.22),rgba(164,136,255,.08) 45%,transparent 70%);filter:blur(14px);transform:scale(1.15)}.captain-drop.deploying{animation:captainArrival 3.9s var(--ease) both}@keyframes captainArrival{0%{opacity:0;transform:translate(-50%,-115%) scale(.78) rotateX(-15deg);filter:blur(14px)}42%{opacity:1;filter:blur(0);transform:translate(-50%,-48%) scale(1.04) rotateX(2deg)}62%{transform:translate(-50%,-54%) scale(.985)}100%{transform:translate(-50%,-50%) scale(1)}}
.arrival-data span{position:absolute;z-index:4;padding:10px 12px;border:1px solid rgba(255,255,255,.075);background:rgba(5,4,8,.38);font:500 7px/1 "DM Mono",monospace;letter-spacing:.12em;color:var(--muted);backdrop-filter:blur(8px)}.data-a{left:7%;top:30%}.data-b{right:8%;top:27%}.data-c{left:10%;bottom:23%}.data-d{right:7%;bottom:26%}.arrival-callout{position:absolute;z-index:5;left:50%;bottom:11%;transform:translateX(-50%) translateY(12px);display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid rgba(230,200,138,.18);border-radius:13px;background:rgba(9,7,12,.68);opacity:0;transition:.6s var(--ease);backdrop-filter:blur(12px)}.arrival-callout.show{opacity:1;transform:translateX(-50%) translateY(0)}.arrival-callout span{font:500 8px/1 "DM Mono",monospace;letter-spacing:.13em;color:var(--gold-2)}.arrival-callout b{color:var(--gold)}.deploy-button{position:absolute;z-index:6;right:22px;bottom:20px;background:rgba(12,10,16,.72);color:#dad4dd;border-color:rgba(255,255,255,.12);min-width:190px}.arrival-note{margin-top:18px;padding:26px}.arrival-note .message-copy{max-width:930px;padding:34px 8px 7px}

/* archive */
.archive{padding:24px;overflow:hidden}.archive-topline,.archive-bottom{display:flex;align-items:center;justify-content:space-between}.archive-topline{padding-bottom:18px;border-bottom:1px solid var(--line-soft)}.archive-topline>div:first-child span,.archive-topline>div:first-child b,.archive-bottom>span{display:block;font:500 8px/1 "DM Mono",monospace;letter-spacing:.12em}.archive-topline span{color:var(--muted)}.archive-topline b{color:#c8c2cb;margin-top:5px}.archive-index b,.archive-index span{font:400 20px/1 "DM Mono",monospace}.archive-index b{color:var(--gold)}.archive-index span{font-size:10px;color:var(--dim)}
.archive-stage{position:relative;height:620px;perspective:1400px;overflow:visible}.orbit-gallery{position:absolute;inset:0;transform-style:preserve-3d}.orbit-card{position:absolute;left:50%;top:50%;width:310px;height:450px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:24px;overflow:hidden;background:#0d0b10;box-shadow:0 30px 60px rgba(0,0,0,.48);cursor:pointer;transform-style:preserve-3d;transition:transform .82s var(--ease),opacity .55s ease,filter .55s ease,border-color .4s ease}.orbit-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .8s var(--ease),filter .5s ease}.orbit-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,2,5,.8) 100%);pointer-events:none}.orbit-card>span{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.orbit-card>span b{font:500 8px/1 "DM Mono",monospace;color:var(--gold)}.orbit-card.is-active{border-color:rgba(230,200,138,.32)}.orbit-card.is-active img{filter:saturate(.96) contrast(1.02)}.orbit-card.is-active:hover img{transform:scale(1.025)}.archive-nav{position:absolute;z-index:30;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:rgba(9,8,12,.72);backdrop-filter:blur(12px);cursor:pointer;color:#d9d3dc;font-size:18px;transition:.3s var(--ease)}.archive-nav:hover{transform:translateY(-50%) scale(1.08);border-color:rgba(230,200,138,.28);color:var(--gold)}.archive-nav.prev{left:10px}.archive-nav.next{right:10px}.archive-bottom{padding-top:18px;border-top:1px solid var(--line-soft)}.orbit-dots{display:flex;gap:7px}.orbit-dots button{width:18px;height:2px;padding:0;border:0;border-radius:3px;background:#3d3942;cursor:pointer;transition:.4s var(--ease)}.orbit-dots button.active{width:42px;background:var(--gold)}.archive-bottom>span{color:var(--dim)}

/* finale */
.transmission{min-height:690px;padding:40px;display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:1fr auto auto;gap:25px 55px;align-items:center;background:radial-gradient(circle at 22% 44%,rgba(158,140,255,.09),transparent 25%),linear-gradient(145deg,rgba(17,14,23,.9),rgba(8,7,11,.9))}.transmission-orbit{position:relative;width:310px;height:310px;display:grid;place-items:center;margin:auto}.transmission-orbit>i{position:absolute;inset:0;border:1px solid rgba(158,140,255,.13);border-radius:50%;animation:ringSpin 19s linear infinite}.transmission-orbit>i:nth-child(2){inset:30px;border-style:dashed;border-color:rgba(230,200,138,.12);animation-direction:reverse;animation-duration:27s}.transmission-orbit>i:nth-child(3){inset:62px;border-color:rgba(255,255,255,.06);animation-duration:12s}.transmission-orbit>i:nth-child(2)::after{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(230,200,138,.5)}.transmission-orbit div{text-align:center}.transmission-orbit span,.transmission-orbit b{display:block}.transmission-orbit span{font:400 58px/1 "DM Mono",monospace;letter-spacing:-.07em;color:var(--gold-2)}.transmission-orbit b{font:500 8px/1 "DM Mono",monospace;letter-spacing:.17em;color:var(--muted);margin-top:10px}.transmission-copy>span{font:500 8px/1 "DM Mono",monospace;letter-spacing:.15em;color:var(--violet-2)}.transmission-copy h3{margin:19px 0 18px;font:600 clamp(42px,5vw,64px)/.96 "Playfair Display",serif;letter-spacing:-.055em}.transmission-copy p{max-width:500px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.send-button{grid-column:1/-1;width:100%;height:72px;background:#eee7dc;color:#0c0a0d;border-color:#eee7dc;border-radius:18px;font-size:10px;padding:0 25px}.send-button:disabled{opacity:.52;cursor:not-allowed;transform:none}.form-status{grid-column:1/-1;min-height:18px;text-align:center;font:500 9px/1.5 "DM Mono",monospace;letter-spacing:.08em;color:var(--muted)}.form-status.success{color:var(--green)}.form-status.error{color:var(--danger)}.transmission-foot{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line-soft)}.transmission-foot span,.transmission-foot b{font:500 7px/1 "DM Mono",monospace;letter-spacing:.1em;color:var(--dim)}.transmission-foot span{display:flex;align-items:center;gap:8px}.transmission-foot i{width:5px;height:5px;border-radius:50%;background:var(--green)}.transmission-foot b{font-weight:400;color:var(--muted)}.honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* overlays */
.toast{position:fixed;z-index:180;left:50%;bottom:26px;transform:translate(-50%,18px);min-width:220px;max-width:calc(100vw - 40px);padding:13px 17px;border:1px solid var(--line);border-radius:13px;background:rgba(12,10,16,.88);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.36);font:500 8px/1.4 "DM Mono",monospace;letter-spacing:.09em;text-align:center;color:#d9d4dd;opacity:0;pointer-events:none;transition:.35s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}
.lightbox{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:5vh 5vw;background:rgba(3,2,5,.88);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transition:.4s ease}.lightbox.open{opacity:1;visibility:visible}.lightbox-frame{position:relative;width:min(820px,85vw);height:min(82vh,880px);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#09070b;box-shadow:0 40px 100px rgba(0,0,0,.6);transform:scale(.96) translateY(12px);transition:.55s var(--ease)}.lightbox.open .lightbox-frame{transform:none}.lightbox-frame img{width:100%;height:100%;object-fit:contain}.lightbox-caption{position:absolute;left:15px;right:15px;bottom:15px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(5,4,7,.65);backdrop-filter:blur(14px);font-size:11px;color:#d8d2db}.lightbox-close{position:absolute;right:24px;top:22px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(8,7,11,.66);color:#ddd7df;font-size:22px;cursor:pointer}

/* section environmental glows */
.wins-scene::after,.founder-scene::after,.ideas-scene::after,.arrival-scene::after,.archive-scene::after{content:"";position:absolute;z-index:-4;pointer-events:none;border-radius:50%;filter:blur(1px)}.wins-scene::after{width:700px;height:700px;right:-250px;top:12%;background:radial-gradient(circle,rgba(230,200,138,.045),transparent 65%)}.founder-scene::after{width:650px;height:650px;left:-280px;top:22%;background:radial-gradient(circle,rgba(158,140,255,.055),transparent 65%)}.ideas-scene::after{width:850px;height:850px;right:-340px;top:5%;background:radial-gradient(circle,rgba(115,92,219,.055),transparent 67%)}.arrival-scene::after{width:1000px;height:1000px;left:50%;top:4%;transform:translateX(-50%);background:radial-gradient(circle,rgba(158,140,255,.07),transparent 62%)}.archive-scene::after{width:820px;height:820px;left:-340px;top:10%;background:radial-gradient(circle,rgba(230,200,138,.045),transparent 65%)}

/* responsive */
@media(max-width:1100px){
  :root{--shell:min(100% - 84px,1080px)}
  .chapter-shell.wide{width:calc(100vw - 84px)}
  .hero{padding-left:72px;padding-right:50px}.hero-copy{width:58vw}.hero-hud{right:3vw;width:34vw}
  .wins-layout,.founder-layout{grid-template-columns:1fr}.note-card,.constellation-card,.founder-message,.equity-console{min-height:auto}.constellation-card{height:560px}.founder-message{padding-bottom:42px}.equity-console{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.equity-console .surface-label{grid-column:1/-1}.equity-orbit{grid-row:2/6}.protection-clause{grid-column:2}
  .idea-cosmos{min-height:760px}.p5{top:66%}
}

@media(max-width:820px){
  :root{--shell:calc(100vw - 36px);--radius:24px}
  .chapter-shell.wide{width:calc(100vw - 36px)}
  .command-bar{height:60px;padding:0 18px;grid-template-columns:1fr auto}.command-center{display:none}.wordmark{font-size:8px}.wordmark-mark{width:27px;height:27px}
  .chapter-rail{display:none}.cursor-halo{display:none}
  .scene{padding:92px 0 66px;min-height:auto}.chapter{min-height:100svh}.chapter::before{display:none}
  .chapter-head{grid-template-columns:42px 1fr;gap:14px;margin-bottom:28px}.chapter-index{grid-row:1}.head-meta{display:none}.chapter-head h2{font-size:clamp(36px,10.5vw,58px)}
  .hero{min-height:100svh;padding:92px 18px 68px;align-items:flex-end}.hero-copy{width:100%;padding:0 0 8vh}.hero h1{font-size:clamp(54px,15vw,92px);line-height:.86}.hero h1 .italic{margin-left:0;white-space:normal}.hero-lede{max-width:92%;font-size:13px;margin-top:24px}.hero-hud{display:none}.system-tag{margin-bottom:22px}.install-row{align-items:stretch;gap:12px;flex-direction:column}.install-button{width:100%;min-width:0}.hero-version{display:none}.scroll-cue{left:18px;bottom:22px}.hero-grid{background-size:44px 44px;transform:perspective(430px) rotateX(68deg) scale(1.75) translateY(24%)}
  .wins-layout,.founder-layout{display:block}.wins-layout>*+*,.founder-layout>*+*{margin-top:14px}.constellation-card{height:520px;padding:18px}.note-card{padding:18px}.note-card .message-copy{padding-top:30px}.achievement-node{width:88px;height:88px}.n-pg{left:3%}.n-uoft{left:43%;top:34%}.n-kpmg{right:14%;top:64%}.n-irec{right:2%}.constellation-core{width:100px;height:100px;left:50%;top:59%}
  .reply-module textarea{min-height:125px;font-size:16px}.reply-prompt{align-items:flex-start;gap:10px}.reply-prompt b{text-align:right}
  .debt-terminal{grid-template-columns:1fr;gap:18px;padding:18px}.debt-ledger{min-height:330px;padding:22px}.debt-ledger>strong{font-size:110px}.token-deck{grid-template-columns:repeat(2,1fr)}
  .founder-message{padding:20px}.founder-message .message-copy{margin-top:40px}.equity-console{display:block;padding:20px}.equity-orbit{height:280px}.equity-ring{width:190px;height:190px}
  .contract{padding:26px 22px}.contract blockquote{font-size:30px;margin:40px 0}.contract-actions{flex-direction:column}.primary-action{min-width:0}.approval-stamp{right:22px;bottom:22px}
  .terminal-body{grid-template-columns:1fr}.terminal-log{border-right:0;border-bottom:1px solid var(--line-soft);padding:24px 19px}.terminal-message{padding:34px 22px}
  .idea-cosmos{min-height:820px}.idea-core{width:120px;height:120px;top:35%}.idea-core::after{inset:-72px}.idea-planet{width:104px;height:72px;padding:10px}.p1{left:5%;top:10%}.p2{right:5%;top:11%}.p3{left:7%;top:39%}.p4{right:5%;top:41%}.p5{left:50%;transform:translateX(-50%);top:48%}.p5:hover{transform:translateX(-50%) translateY(-5px)}.idea-message{left:16px;right:16px;bottom:15px;max-height:310px;padding:20px 8px 10px;font-size:12px}
  .letter-card{min-height:650px;padding:28px 24px}.letter-card::before{left:24px}.letter-year{left:36px;top:80px;font-size:125px}.letter-meta{left:46px;right:24px}.letter-copy{margin-left:16px;font-size:17px}
  .timeline-card{min-height:700px;padding:22px}.timeline-track{top:150px;left:7%;right:7%}.timeline-years{left:4%;right:4%;top:112px}.timeline-years span{font-size:6px}.timeline-copy{left:24px;right:24px;bottom:34px;width:auto;font-size:15px}.infinity-symbol{font-size:180px;bottom:10%}
  .classified-board{grid-template-columns:1fr 1fr}.classified-card{min-height:145px}.classified-message{padding:20px}
  .arrival-stage{height:680px;min-height:680px}.captain-drop{width:260px;height:370px}.arrival-data span{font-size:6px}.data-a{left:4%;top:22%}.data-b{right:4%;top:24%}.data-c{left:5%;bottom:26%}.data-d{right:4%;bottom:29%}.deploy-button{left:18px;right:18px;bottom:18px;width:calc(100% - 36px)}.arrival-callout{bottom:17%;white-space:nowrap}.arrival-rings{width:310px}.arrival-note{padding:20px}
  .archive{padding:16px}.archive-stage{height:550px}.orbit-card{width:245px;height:380px}.archive-nav{width:44px;height:44px}.archive-nav.prev{left:0}.archive-nav.next{right:0}.archive-bottom>span{display:none}
  .transmission{display:flex;flex-direction:column;min-height:auto;padding:28px 20px;gap:28px}.transmission-orbit{width:240px;height:240px}.transmission-orbit span{font-size:48px}.transmission-copy h3{font-size:48px}.send-button{width:100%}.transmission-foot{width:100%;flex-direction:column;gap:11px;align-items:center;text-align:center}
  .lightbox{padding:70px 14px 20px}.lightbox-frame{width:100%;height:74vh}.lightbox-close{right:14px;top:14px}
}

@media(max-width:480px){
  .chapter-head h2{font-size:40px}.chapter-index{font-size:9px}.eyebrow{font-size:7px}.surface-label span,.surface-label b{font-size:7px}
  .hero h1{font-size:54px}.hero-lede{font-size:12px}.install-button{height:68px}
  .constellation-card{height:475px}.achievement-node{width:78px;height:78px}.achievement-node b{font-size:12px}.achievement-node span{font-size:6px}.n-uoft{left:40%}.n-kpmg{right:11%}.constellation-core{width:86px;height:86px}.constellation-core::after{inset:-25px}
  .debt-token{padding:14px}.debt-token b{font-size:15px}
  .contract blockquote{font-size:28px}.contract-rule{grid-template-columns:34px 1fr}.contract-rule p{font-size:11px}
  .terminal-log{font-size:8px}.terminal-message{font-size:15px}
  .idea-planet{width:92px}.p3{top:42%}.p4{top:43%}.p5{top:49%}.idea-message{max-height:330px}
  .timeline-years b{font-size:11px}.timeline-years span{font-size:5px}.timeline-copy{font-size:14px}
  .classified-board{gap:8px}.classified-card{padding:14px;min-height:125px}.classified-card b{font-size:16px}
  .arrival-stage{height:620px;min-height:620px}.captain-drop{width:230px;height:330px}.arrival-data span{display:none}.arrival-callout{font-size:7px}.arrival-topline span,.arrival-topline b{font-size:6px}
  .archive-stage{height:490px}.orbit-card{width:210px;height:330px}
}

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


/* --- Final merged additions: achievement wall + extra reply blocks --- */
.achievement-brandwall {
  margin-top: 1.25rem;
  padding: 1rem;
}
.brandwall-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: .95rem;
}
.brand-tile {
  position: relative;
  min-height: 198px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 40px rgba(0,0,0,.24);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .9rem;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.brand-tile:hover {
  transform: translateY(-4px);
  border-color: rgba(230,200,138,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 54px rgba(8,7,15,.38);
}
.brand-logo {
  height: 92px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  padding: .55rem;
}
.brand-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
}
.brand-logo-round img { max-height: 88px; }
.brand-logo-text span {
  font: 700 clamp(1.3rem, 2vw, 1.8rem)/1 var(--font-sans, 'Manrope', sans-serif);
  letter-spacing: .18em;
  color: #e7dbbc;
}
.brand-copy { display: grid; gap: .28rem; }
.brand-copy b { font-size: .98rem; }
.brand-copy span { color: rgba(233,229,244,.72); font-size: .82rem; }
.brand-tile-text {
  background: radial-gradient(circle at 25% 18%, rgba(230,200,138,.14), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
}
@media (max-width: 1100px) {
  .brandwall-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .brandwall-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-tile { min-height: 182px; }
}
@media (max-width: 520px) {
  .brandwall-grid { grid-template-columns: 1fr; }
}


/* =========================================================
   PEAK HEAVENFALL PASS — controlled spectacle, not effect soup
   ========================================================= */

/* Achievement badges: actual logos become dimensional museum pieces. */
.achievement-brandwall{
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -20%,rgba(230,200,138,.08),transparent 42%),
    radial-gradient(circle at 85% 35%,rgba(157,140,255,.07),transparent 36%),
    rgba(13,10,18,.52);
}
.brandwall-grid{perspective:1400px;transform-style:preserve-3d}
.brand-tile{
  overflow:hidden;
  isolation:isolate;
  transform-style:preserve-3d;
  will-change:transform;
}
.brand-tile::before{
  content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;
  background:radial-gradient(260px circle at var(--badge-x,50%) var(--badge-y,15%),rgba(255,255,255,.14),transparent 43%);
  opacity:.6;transition:opacity .25s ease;
}
.brand-tile::after{
  content:"VERIFIED";position:absolute;top:13px;right:13px;
  font:500 6px/1 "DM Mono",monospace;letter-spacing:.14em;color:rgba(230,200,138,.58);
  border:1px solid rgba(230,200,138,.13);border-radius:999px;padding:6px 7px;
}
.brand-tile:hover::before{opacity:1}
.brand-logo{transform:translateZ(24px);transition:transform .35s var(--ease)}
.brand-copy{transform:translateZ(15px)}
.brand-tile:hover .brand-logo{transform:translateZ(34px) scale(1.035)}
.brand-logo-light{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,247,250,.88));box-shadow:inset 0 1px 0 #fff}
.brand-logo-uoft{background:radial-gradient(circle at 50% 20%,rgba(228,235,255,.08),rgba(9,12,27,.28));padding:.35rem}
.brand-logo-uoft img{max-height:105px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25)) brightness(1.12)}
.brand-logo-light img{filter:none}
.brand-logo-text{position:relative;background:radial-gradient(circle at 50% 40%,rgba(230,200,138,.13),transparent 70%)}
.brand-logo-text::before{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:88px;color:rgba(230,200,138,.035)}

/* HEAVENFALL: a cinematic arrival with depth cues rather than a simple drop. */
.arrival-stage{
  background:
    radial-gradient(ellipse at 50% 13%,rgba(234,225,255,.16),transparent 24%),
    radial-gradient(circle at 50% 46%,rgba(157,140,255,.17),transparent 27%),
    radial-gradient(circle at 50% 72%,rgba(230,200,138,.06),transparent 30%),
    linear-gradient(180deg,#080710 0%,#0a0813 38%,#050508 100%);
}
.heaven-vault{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.95}
.heaven-vault i{position:absolute;left:50%;top:-22%;border-radius:50%;transform:translateX(-50%);filter:blur(2px);border:1px solid rgba(221,214,255,.07)}
.vault-a{width:78%;height:68%;box-shadow:0 0 130px rgba(183,166,255,.07) inset}
.vault-b{width:58%;height:50%;top:-14%!important;border-color:rgba(230,200,138,.06)!important}
.vault-c{width:36%;height:34%;top:-5%!important;box-shadow:0 0 90px rgba(255,255,255,.045) inset}
.heaven-clouds{position:absolute;inset:-4% -7% 0;z-index:2;pointer-events:none;overflow:hidden;filter:blur(.2px)}
.cloud{position:absolute;width:48%;height:38%;border-radius:50%;filter:blur(34px);opacity:.46;mix-blend-mode:screen;background:
  radial-gradient(ellipse at 28% 55%,rgba(230,223,255,.23),transparent 50%),
  radial-gradient(ellipse at 55% 42%,rgba(171,153,243,.18),transparent 52%),
  radial-gradient(ellipse at 72% 64%,rgba(244,235,214,.12),transparent 47%)}
.c1{left:-10%;top:4%;transform:rotate(9deg) scale(1.2)}
.c2{right:-12%;top:7%;transform:rotate(-10deg) scale(1.26)}
.c3{left:4%;top:25%;opacity:.2;transform:scale(1.05)}
.c4{right:4%;top:29%;opacity:.19;transform:scale(1.08)}
.heaven-rays{position:absolute;inset:-10% 0 0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.5}
.heaven-rays i{position:absolute;top:-8%;left:50%;width:10%;height:95%;transform-origin:50% 0;background:linear-gradient(180deg,rgba(245,240,255,.2),rgba(190,170,255,.055) 42%,transparent 83%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);filter:blur(9px)}
.heaven-rays i:nth-child(1){transform:translateX(-50%) rotate(-17deg);opacity:.32}
.heaven-rays i:nth-child(2){transform:translateX(-50%) rotate(-9deg);opacity:.52}
.heaven-rays i:nth-child(3){transform:translateX(-50%);opacity:.72}
.heaven-rays i:nth-child(4){transform:translateX(-50%) rotate(9deg);opacity:.52}
.heaven-rays i:nth-child(5){transform:translateX(-50%) rotate(17deg);opacity:.32}
.stardust{position:absolute;z-index:4;left:50%;top:13%;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.58;pointer-events:none;box-shadow:
 -170px 45px 0 rgba(255,255,255,.42), 120px 20px 0 rgba(241,225,255,.48), 210px 110px 0 rgba(230,200,138,.3),
 -245px 145px 0 rgba(201,187,255,.38), 75px 175px 0 rgba(255,255,255,.38), -90px 220px 0 rgba(230,200,138,.3),
 260px 245px 0 rgba(211,201,255,.32), -280px 310px 0 rgba(255,255,255,.25), 165px 355px 0 rgba(230,200,138,.26),
 -120px 405px 0 rgba(207,194,255,.34), 48px 455px 0 rgba(255,255,255,.27), 305px 425px 0 rgba(197,183,255,.28);
filter:drop-shadow(0 0 5px rgba(209,195,255,.75));animation:dustDrift 8s ease-in-out infinite alternate}
@keyframes dustDrift{to{transform:translate3d(12px,34px,0) scale(1.1);opacity:.8}}
.impact-bloom{position:absolute;z-index:2;left:50%;bottom:9.5%;width:340px;height:82px;border-radius:50%;transform:translateX(-50%) rotateX(68deg) scale(.3);background:radial-gradient(ellipse,rgba(241,225,179,.24),rgba(177,155,255,.13) 36%,transparent 70%);filter:blur(12px);opacity:0;pointer-events:none}
.aura-wings{position:absolute;z-index:-1;left:50%;top:36%;width:440px;height:230px;transform:translate(-50%,-50%);opacity:.1;filter:blur(2px);pointer-events:none}
.aura-wings i{position:absolute;top:15%;width:52%;height:74%;border-radius:70% 8% 70% 10%;border:1px solid rgba(236,228,255,.13);background:linear-gradient(130deg,rgba(226,216,255,.08),transparent 65%);filter:drop-shadow(0 0 30px rgba(183,164,255,.12))}
.aura-wings i:first-child{left:1%;transform:rotate(-22deg) skewY(-8deg)}
.aura-wings i:last-child{right:1%;transform:scaleX(-1) rotate(-22deg) skewY(-8deg)}
.captain-reflection{position:absolute;z-index:-2;left:50%;top:87%;width:70%;height:38%;object-fit:contain;object-position:center top;transform:translateX(-50%) scaleY(-1) perspective(500px) rotateX(70deg);transform-origin:center top;opacity:.075;filter:blur(6px) saturate(.3);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%);pointer-events:none}
.captain-photo-shell::after{content:"";position:absolute;left:15%;right:15%;bottom:2%;height:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 72%);filter:blur(7px);transform:translateY(55%) scaleX(.78)}

.arrival-stage.heavenfall-active .c1{animation:cloudOpenLeft 4.2s var(--ease) both}
.arrival-stage.heavenfall-active .c2{animation:cloudOpenRight 4.2s var(--ease) both}
.arrival-stage.heavenfall-active .c3{animation:cloudOpenLeft 4.4s var(--ease) .08s both}
.arrival-stage.heavenfall-active .c4{animation:cloudOpenRight 4.4s var(--ease) .08s both}
.arrival-stage.heavenfall-active .heaven-rays{animation:raysBloom 4s var(--ease) both}
.arrival-stage.heavenfall-active .impact-bloom{animation:impactBloom 1.35s ease-out 2.05s both}
.arrival-stage.heavenfall-active .aura-wings{animation:wingsReveal 2.1s var(--ease) 1.45s both}
.arrival-stage.heavenfall-active .stardust{animation:dustArrival 4s var(--ease) both}
@keyframes cloudOpenLeft{0%{transform:translateX(22%) scale(1.35);opacity:.78}58%,100%{transform:translateX(-25%) scale(1.08);opacity:.23}}
@keyframes cloudOpenRight{0%{transform:translateX(-22%) scale(1.35);opacity:.78}58%,100%{transform:translateX(25%) scale(1.08);opacity:.23}}
@keyframes raysBloom{0%{opacity:.08;filter:blur(18px)}45%{opacity:.72;filter:blur(4px)}100%{opacity:.42;filter:blur(8px)}}
@keyframes impactBloom{0%{opacity:0;transform:translateX(-50%) rotateX(68deg) scale(.15)}35%{opacity:.9}100%{opacity:.18;transform:translateX(-50%) rotateX(68deg) scale(1.25)}}
@keyframes wingsReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}50%{opacity:.25}100%{opacity:.11;transform:translate(-50%,-50%) scale(1)}}
@keyframes dustArrival{0%{opacity:.08;transform:translateY(-60px) scale(.7)}50%{opacity:.85}100%{opacity:.5;transform:translateY(34px) scale(1.05)}}

/* More organic descent: acceleration, air resistance, focus pull, landing settle. */
.captain-drop.deploying{animation:captainHeavenfall 4.15s cubic-bezier(.16,.84,.2,1) both}
@keyframes captainHeavenfall{
  0%{opacity:0;transform:translate(-50%,-132%) scale(.67) rotateX(-18deg) rotateZ(-1.8deg);filter:blur(20px) brightness(1.26)}
  18%{opacity:.48;filter:blur(10px) brightness(1.18)}
  45%{opacity:1;transform:translate(-50%,-58%) scale(.99) rotateX(1.5deg) rotateZ(.5deg);filter:blur(.6px) brightness(1.06)}
  63%{transform:translate(-50%,-47.5%) scale(1.035) rotateX(-1deg);filter:blur(0) brightness(1)}
  76%{transform:translate(-50%,-52%) scale(.992) rotateX(.5deg)}
  88%{transform:translate(-50%,-49.2%) scale(1.006)}
  100%{transform:translate(-50%,-50%) scale(1) rotateX(0) rotateZ(0)}
}

@media(max-width:760px){
  .heaven-rays i{width:16%}.cloud{width:70%;height:34%;filter:blur(28px)}
  .c1{left:-27%}.c2{right:-27%}.c3{left:-18%}.c4{right:-18%}
  .aura-wings{width:330px;height:190px}.impact-bloom{width:280px}.captain-reflection{width:82%}
}

@media(prefers-reduced-motion:reduce){
  .stardust,.heaven-clouds .cloud,.heaven-rays,.impact-bloom,.aura-wings{animation:none!important}
}


/* --- V8: new achievement sources supplied by user --- */
.n-iitb{right:24%;top:8%}
.brand-tile-wide{grid-column:span 2;min-height:198px}
.brand-logo-banner{height:98px;padding:0;background:#0c0f15;border:1px solid rgba(255,255,255,.07)}
.brand-logo-banner img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;filter:none}
.brand-tile-iitb{background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,rgba(16,19,27,.98),rgba(8,9,14,.95))}
.brand-tile-iitb::after{background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.075) 49%,transparent 70%)}
.brand-logo-uoft{background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.055),transparent 62%)}
.brand-logo-uoft img{max-width:100%;max-height:100%;filter:drop-shadow(0 14px 24px rgba(0,47,101,.22))}
@media(max-width:1100px){.n-iitb{right:25%;top:7%}.brand-tile-wide{grid-column:span 2}}
@media(max-width:760px){.n-iitb{right:18%;top:7%}.brand-tile-wide{grid-column:span 2}.brand-logo-banner{height:92px}}
@media(max-width:520px){.n-iitb{right:8%;top:9%}.brand-tile-wide{grid-column:span 1}.brand-logo-banner{height:88px}.brand-tile-iitb .brand-copy b{font-size:.92rem}}

/* ===== peak.css ===== */
/* =========================================================
   ADDON / CAPTAIN — PEAK CLOUDFLARE POLISH LAYER
   This file intentionally sits AFTER styles.css.
   It does not replace the story/content; it adds depth,
   cinematic motion, cute micro-interactions and smart fallbacks.
   ========================================================= */

:root{
  --peak-glow:rgba(175,153,255,.16);
  --peak-gold:rgba(243,223,176,.18);
  --peak-rose:rgba(239,171,201,.13);
  --peak-cyan:rgba(112,213,255,.10);
  --peak-depth:0 45px 120px rgba(0,0,0,.42);
}

html{scroll-padding-top:84px}
body{position:relative}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  opacity:.26;
  background-image:
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.7) 0 1px,transparent 1.4px),
    radial-gradient(circle at 76% 26%,rgba(230,200,138,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle at 34% 72%,rgba(194,184,255,.75) 0 1px,transparent 1.4px),
    radial-gradient(circle at 89% 81%,rgba(255,255,255,.55) 0 1px,transparent 1.3px);
  background-size:173px 173px,241px 241px,311px 311px,389px 389px;
  animation:peakStarDrift 26s linear infinite;
}
@keyframes peakStarDrift{to{transform:translate3d(-24px,18px,0)}}

.scene-wash{
  position:fixed;
  inset:-12%;
  z-index:-3;
  pointer-events:none;
  opacity:.78;
  filter:blur(12px) saturate(118%);
  transform:translateZ(0);
  transition:background 1.3s cubic-bezier(.19,1,.22,1),opacity .8s ease;
  background:
    radial-gradient(circle at 72% 24%,rgba(151,128,255,.10),transparent 29%),
    radial-gradient(circle at 18% 68%,rgba(230,200,138,.05),transparent 28%);
}
body[data-active-scene="wins"] .scene-wash{background:radial-gradient(circle at 78% 28%,rgba(128,158,255,.14),transparent 31%),radial-gradient(circle at 18% 66%,rgba(230,200,138,.07),transparent 25%)}
body[data-active-scene="treat"] .scene-wash{background:radial-gradient(circle at 18% 30%,rgba(223,169,106,.11),transparent 28%),radial-gradient(circle at 76% 72%,rgba(157,131,255,.10),transparent 27%)}
body[data-active-scene="founder"] .scene-wash{background:radial-gradient(circle at 76% 32%,rgba(230,200,138,.12),transparent 29%),radial-gradient(circle at 22% 75%,rgba(155,120,255,.10),transparent 28%)}
body[data-active-scene="trust"] .scene-wash{background:radial-gradient(circle at 22% 28%,rgba(132,216,178,.09),transparent 28%),radial-gradient(circle at 78% 70%,rgba(191,169,255,.09),transparent 28%)}
body[data-active-scene="terminal"] .scene-wash{background:radial-gradient(circle at 76% 26%,rgba(88,193,255,.09),transparent 28%),radial-gradient(circle at 18% 72%,rgba(166,145,255,.08),transparent 30%)}
body[data-active-scene="ideas"] .scene-wash{background:radial-gradient(circle at 50% 40%,rgba(155,128,255,.16),transparent 34%),radial-gradient(circle at 78% 74%,rgba(230,200,138,.06),transparent 22%)}
body[data-active-scene="banger"] .scene-wash{background:radial-gradient(circle at 16% 38%,rgba(240,170,198,.09),transparent 28%),radial-gradient(circle at 78% 68%,rgba(147,130,255,.08),transparent 28%)}
body[data-active-scene="infinity"] .scene-wash{background:radial-gradient(circle at 76% 38%,rgba(136,121,255,.12),transparent 30%),radial-gradient(circle at 20% 74%,rgba(230,200,138,.08),transparent 26%)}
body[data-active-scene="classified"] .scene-wash{background:radial-gradient(circle at 20% 36%,rgba(227,93,118,.06),transparent 26%),radial-gradient(circle at 78% 68%,rgba(117,99,180,.08),transparent 30%)}
body[data-active-scene="arrival"] .scene-wash{background:radial-gradient(circle at 50% 30%,rgba(220,207,255,.18),transparent 33%),radial-gradient(circle at 32% 74%,rgba(247,194,219,.08),transparent 28%),radial-gradient(circle at 72% 78%,rgba(230,200,138,.08),transparent 22%)}
body[data-active-scene="archive"] .scene-wash{background:radial-gradient(circle at 74% 32%,rgba(169,145,255,.11),transparent 30%),radial-gradient(circle at 16% 72%,rgba(230,200,138,.07),transparent 26%)}
body[data-active-scene="finale"] .scene-wash{background:radial-gradient(circle at 50% 42%,rgba(177,150,255,.15),transparent 34%),radial-gradient(circle at 50% 80%,rgba(230,200,138,.10),transparent 24%)}

/* command bar: extra controls without turning it into dashboard clutter */
.peak-controls{display:flex;align-items:center;gap:6px;margin-left:10px}
.peak-toggle{
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  color:#9e98a6;
  border-radius:999px;
  min-height:28px;
  padding:0 10px;
  font:500 7px/1 "DM Mono",monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  transition:.25s ease;
}
.peak-toggle:hover,.peak-toggle[aria-pressed="true"]{color:var(--gold-2);border-color:rgba(230,200,138,.28);background:rgba(230,200,138,.055);box-shadow:0 0 20px rgba(230,200,138,.06)}
.peak-vibe{display:flex;align-items:center;gap:7px;margin-left:5px;color:var(--dim);font:500 7px/1 "DM Mono",monospace;letter-spacing:.11em}
.peak-vibe-track{width:48px;height:2px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:10px}
.peak-vibe-track i{display:block;width:12%;height:100%;background:linear-gradient(90deg,var(--violet),var(--gold));box-shadow:0 0 10px rgba(194,184,255,.45);transition:width .7s var(--ease)}

/* premium surface depth / spectral reflection */
.surface,.reply-module,.brand-tile,.orbit-card,.install-button,.transmission{
  transform-style:preserve-3d;
  backface-visibility:hidden;
}
.surface{box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.025)}
.surface::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  opacity:0;
  background:linear-gradient(118deg,transparent 31%,rgba(255,255,255,.045) 47%,rgba(230,200,138,.035) 51%,transparent 68%);
  transform:translateX(-20%);
  transition:opacity .35s ease;
}
.surface:hover::before{opacity:.8}

/* hero is still clean, but feels like a designed 3D operating system */
.hero-holo-orbit{position:absolute;right:4.2vw;top:50%;width:min(36vw,520px);aspect-ratio:1;transform:translateY(-50%);z-index:1;pointer-events:none;perspective:900px;opacity:.72}
.hero-holo-orbit i{position:absolute;left:50%;top:50%;border:1px solid rgba(210,198,255,.08);border-radius:50%;transform-style:preserve-3d}
.hero-holo-orbit i:nth-child(1){width:92%;height:35%;transform:translate(-50%,-50%) rotate(-12deg);animation:heroOrbitA 11s linear infinite}
.hero-holo-orbit i:nth-child(2){width:72%;height:72%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(24deg);border-color:rgba(230,200,138,.07);animation:heroOrbitB 15s linear infinite reverse}
.hero-holo-orbit i:nth-child(3){width:51%;height:51%;transform:translate(-50%,-50%) rotateY(70deg) rotateZ(-16deg);animation:heroOrbitC 9s linear infinite}
.hero-holo-orbit::after{content:"";position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,rgba(194,184,255,.08),transparent 66%);filter:blur(10px);animation:heroCorePulse 3.8s ease-in-out infinite}
@keyframes heroOrbitA{to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes heroOrbitB{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(384deg)}}
@keyframes heroOrbitC{to{transform:translate(-50%,-50%) rotateY(70deg) rotateZ(344deg)}}
@keyframes heroCorePulse{50%{transform:scale(1.16);opacity:.55}}

/* magnetic hover / tactile depth */
.peak-magnetic{will-change:transform;transition:transform .32s var(--ease),filter .3s ease}
.peak-magnetic:active{transform:scale(.97)!important}

/* achievement wall upgrades */
.achievement-brandwall{overflow:visible}
.brand-tile{isolation:isolate;box-shadow:0 22px 60px rgba(0,0,0,.25)}
.brand-tile .brand-logo{position:relative;overflow:hidden}
.brand-tile .brand-logo::after{content:"";position:absolute;inset:-80% -60%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.17) 50%,transparent 60%);transform:translateX(-52%) rotate(5deg);transition:transform .75s var(--ease);pointer-events:none}
.brand-tile:hover .brand-logo::after{transform:translateX(52%) rotate(5deg)}
.brand-tile.peak-verified{border-color:rgba(132,216,178,.28);box-shadow:0 24px 74px rgba(0,0,0,.32),0 0 0 1px rgba(132,216,178,.08),0 0 40px rgba(132,216,178,.045)}
.brand-tile.peak-verified::after{opacity:.7}

/* flying treat token clone */
.peak-flying-token{position:fixed;z-index:360;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(230,200,138,.35);background:rgba(20,15,22,.92);color:var(--gold-2);font:600 9px/1 "DM Mono",monospace;letter-spacing:.08em;box-shadow:0 10px 35px rgba(0,0,0,.4),0 0 22px rgba(230,200,138,.10);pointer-events:none;transform:translate(-50%,-50%)}
.peak-slot-flare{position:fixed;z-index:359;width:16px;height:16px;border-radius:50%;background:#f3dfb0;box-shadow:0 0 0 8px rgba(243,223,176,.10),0 0 34px rgba(243,223,176,.38);pointer-events:none;animation:slotFlare .75s ease-out both}
@keyframes slotFlare{to{transform:scale(3.2);opacity:0}}

/* replies become little conversation capsules rather than plain textareas */
.reply-module{position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .35s ease,transform .35s var(--ease)}
.reply-module:focus-within{border-color:rgba(194,184,255,.24);box-shadow:0 26px 74px rgba(0,0,0,.31),0 0 42px rgba(158,140,255,.055);transform:translateY(-2px)}
.reply-module::after{content:"";position:absolute;right:-70px;top:-100px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(158,140,255,.07),transparent 68%);pointer-events:none}
.reaction-dock{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.045);margin-top:7px}
.reaction-label{margin-right:5px;color:var(--dim);font:500 7px/1 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.reaction-chip{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer;filter:saturate(.8);transition:.25s var(--ease)}
.reaction-chip:hover{transform:translateY(-3px) scale(1.06);border-color:rgba(230,200,138,.2);background:rgba(230,200,138,.045);filter:saturate(1.05)}
.reaction-chip.selected{border-color:rgba(230,200,138,.36);background:rgba(230,200,138,.08);box-shadow:0 0 20px rgba(230,200,138,.07);transform:translateY(-2px)}
.reply-module.has-reaction{border-color:rgba(230,200,138,.14)}

/* trust clause: a restrained cute extra, sourced from the earlier ultimate concept */
.pinky-promise-wrap{display:flex;align-items:center;gap:12px;margin-top:13px}
.pinky-promise-button{display:flex;align-items:center;gap:9px;border:1px dashed rgba(240,171,201,.23);border-radius:999px;background:rgba(240,171,201,.035);color:#c8b5bf;padding:10px 14px;cursor:pointer;font:500 8px/1 "DM Mono",monospace;letter-spacing:.11em;text-transform:uppercase;transition:.3s var(--ease)}
.pinky-promise-button:hover{transform:translateY(-2px);border-color:rgba(240,171,201,.42);color:#efd7e2;background:rgba(240,171,201,.06)}
.pinky-promise-button.locked{color:#f4dce7;border-style:solid;border-color:rgba(240,171,201,.38);box-shadow:0 0 28px rgba(240,171,201,.07)}
.pinky-promise-status{font:500 7px/1.3 "DM Mono",monospace;color:var(--dim);letter-spacing:.09em}

/* ideas: subtly volumetric planets */
.idea-planet{box-shadow:0 15px 45px rgba(0,0,0,.25),inset -12px -12px 25px rgba(0,0,0,.15),inset 8px 8px 18px rgba(255,255,255,.025)}
.idea-planet:hover{filter:brightness(1.08) saturate(1.08)}

/* arrival: cute callouts from the previous Ultimate version, now more premium */
.peak-compliment{position:absolute;z-index:8;padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(10,8,15,.48);backdrop-filter:blur(14px);color:rgba(239,235,244,.72);font:500 8px/1 "DM Mono",monospace;letter-spacing:.07em;box-shadow:0 12px 34px rgba(0,0,0,.18);pointer-events:none;opacity:0;transform:translateY(8px) scale(.96);animation:complimentFloat 6s ease-in-out infinite}
.peak-compliment.show{opacity:1;transform:none;transition:opacity .8s ease,transform 1s var(--ease)}
.peak-compliment.c1{left:6%;top:24%;animation-delay:-.5s}
.peak-compliment.c2{right:6%;top:31%;animation-delay:-2s}
.peak-compliment.c3{left:8%;bottom:19%;animation-delay:-3.5s}
.peak-compliment.c4{right:8%;bottom:23%;animation-delay:-5s}
@keyframes complimentFloat{50%{translate:0 -7px}}

/* archive: proper 3D floor / reflection */
.archive-stage::after{content:"";position:absolute;left:18%;right:18%;bottom:2%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(194,184,255,.08),rgba(230,200,138,.035) 34%,transparent 70%);filter:blur(12px);transform:perspective(500px) rotateX(62deg);pointer-events:none}
.orbit-card.is-active{box-shadow:0 32px 90px rgba(0,0,0,.46),0 0 0 1px rgba(230,200,138,.11),0 0 60px rgba(158,140,255,.07)}

/* final transmission feels like a payoff */
.transmission{overflow:hidden}
.transmission::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent,rgba(158,140,255,.035),transparent,rgba(230,200,138,.035),transparent);animation:finaleAura 18s linear infinite;pointer-events:none}
@keyframes finaleAura{to{transform:rotate(1turn)}}
.final-preview{display:inline-flex;align-items:center;gap:8px;margin-top:16px;border:0;background:none;color:var(--dim);padding:4px 0;cursor:pointer;font:500 7px/1 "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;transition:.25s ease}
.final-preview:hover{color:var(--gold-2)}

/* cinematic spark / ripple layer */
.peak-fx-layer{position:fixed;inset:0;z-index:500;pointer-events:none;overflow:hidden}
.peak-spark{position:absolute;left:0;top:0;display:block;will-change:transform,opacity;filter:drop-shadow(0 0 7px rgba(243,223,176,.35));animation:peakSpark .95s cubic-bezier(.18,.8,.22,1) forwards}
@keyframes peakSpark{0%{opacity:0;transform:translate3d(var(--x),var(--y),0) scale(.35) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate3d(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy)),0) scale(1.15) rotate(var(--rot))}}
.peak-ripple{position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid rgba(230,200,138,.42);box-shadow:0 0 28px rgba(158,140,255,.12);transform:translate(-50%,-50%);animation:peakRipple .8s ease-out forwards}
@keyframes peakRipple{to{width:110px;height:110px;opacity:0;border-color:rgba(194,184,255,.02)}}

/* floating comet companion: desktop only, very subtle */
.peak-comet{position:fixed;z-index:130;left:70%;top:48%;width:8px;height:8px;border-radius:50%;background:#f3dfb0;box-shadow:0 0 10px #f3dfb0,0 0 28px rgba(194,184,255,.44);pointer-events:none;opacity:0;transition:opacity .5s ease}
.peak-comet::after{content:"";position:absolute;right:4px;top:3px;width:40px;height:1px;transform-origin:right center;background:linear-gradient(90deg,transparent,rgba(194,184,255,.36),#f3dfb0);filter:blur(.15px)}
body.peak-ready .peak-comet{opacity:.7}

/* celebration lanterns */
.peak-lantern{position:fixed;z-index:490;width:18px;height:25px;border-radius:6px 6px 8px 8px;background:linear-gradient(#ffd99a,#e59a64);box-shadow:0 0 18px rgba(255,190,120,.35),inset 0 0 0 1px rgba(255,255,255,.2);pointer-events:none}
.peak-lantern::before{content:"";position:absolute;left:3px;right:3px;top:4px;height:1px;background:rgba(110,61,37,.35);box-shadow:0 7px rgba(110,61,37,.25),0 14px rgba(110,61,37,.22)}
.peak-lantern::after{content:"";position:absolute;left:50%;bottom:-4px;width:5px;height:5px;border-radius:50%;transform:translateX(-50%);background:#fff2ba;box-shadow:0 0 8px #ffd784}

/* motion/performance modes */
body.motion-lite *,body.motion-lite *::before,body.motion-lite *::after{scroll-behavior:auto!important}
body.motion-lite .ambient-noise{opacity:.02}
body.motion-lite .hero-holo-orbit i,body.motion-lite .hero-holo-orbit::after,body.motion-lite::before,body.motion-lite .peak-compliment,body.motion-lite .transmission::before{animation-play-state:paused!important}
body.motion-lite .cursor-halo,body.motion-lite .peak-comet{display:none!important}
body.lite-fx .peak-comet{display:none}
body.lite-fx .ambient-noise{opacity:.022}
body.lite-fx .surface{backdrop-filter:blur(14px) saturate(110%)}

@media(max-width:1100px){
  .hero-holo-orbit{right:2.5vw;width:42vw;opacity:.5}
  .peak-controls{margin-left:2px}
  .peak-vibe{display:none}
}
@media(max-width:820px){
  body::before{opacity:.18;animation:none}
  .scene-wash{opacity:.6}
  .hero-holo-orbit{width:78vw;right:-30vw;top:34%;opacity:.24}
  .peak-controls{position:fixed;right:15px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:150;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(7,6,10,.64);backdrop-filter:blur(16px)}
  .peak-toggle{min-height:30px;padding:0 9px;background:transparent}
  .peak-compliment{font-size:7px;padding:7px 9px;max-width:44vw;white-space:nowrap}
  .peak-compliment.c1{left:3%;top:19%}.peak-compliment.c2{right:3%;top:27%}.peak-compliment.c3{left:3%;bottom:16%}.peak-compliment.c4{right:3%;bottom:19%}
  .reaction-dock{gap:6px}.reaction-chip{width:32px;height:32px}
}
@media(max-width:520px){
  .peak-toggle{font-size:6.5px;padding:0 8px}
  .hero-holo-orbit{display:none}
  .peak-compliment.c3,.peak-compliment.c4{display:none}
  .pinky-promise-wrap{align-items:flex-start;flex-direction:column;gap:7px}
}
@media(hover:none),(pointer:coarse){
  .peak-comet{display:none}
  .surface:hover::before{opacity:0}
}
@media(prefers-reduced-motion:reduce){
  body::before,.hero-holo-orbit i,.hero-holo-orbit::after,.peak-compliment,.transmission::before{animation:none!important}
  .peak-comet{display:none!important}
  .peak-fx-layer{display:none!important}
}

/* no-CDN / no-WebGL visual fallback: still looks intentional */
.fallback-core{position:absolute;right:8vw;top:50%;z-index:1;width:min(32vw,440px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;perspective:900px;opacity:.78;transition:opacity .35s ease}
.fallback-core .fc-glow{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(158,140,255,.18),rgba(230,200,138,.06) 38%,transparent 72%);filter:blur(14px);animation:fcPulse 3.2s ease-in-out infinite}
.fallback-core .fc-crystal{position:absolute;left:50%;top:50%;width:37%;height:42%;transform:translate(-50%,-50%) rotate(7deg);clip-path:polygon(50% 0,90% 19%,100% 62%,68% 100%,25% 92%,0 55%,12% 18%);background:conic-gradient(from 35deg,#171026,#5c4a8f,#20152f,#8d75c7,#2d2241,#e6c88a,#171026);box-shadow:0 0 50px rgba(158,140,255,.16);animation:fcCrystal 8s ease-in-out infinite}
.fallback-core .fc-crystal::after{content:"";position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(125deg,rgba(255,255,255,.14),rgba(255,255,255,.01) 35%,rgba(0,0,0,.28) 75%);mix-blend-mode:screen}
.fallback-core .fc-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(194,184,255,.13);border-radius:50%;transform-style:preserve-3d}
.fallback-core .r1{width:70%;height:24%;transform:translate(-50%,-50%) rotate(-15deg);animation:fcRingA 9s linear infinite}
.fallback-core .r2{width:84%;height:84%;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(28deg);border-color:rgba(230,200,138,.10);animation:fcRingB 14s linear infinite reverse}
.fallback-core .r3{width:58%;height:58%;transform:translate(-50%,-50%) rotateY(70deg) rotateZ(-8deg);animation:fcRingC 11s linear infinite}
.fallback-core .fc-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#f3dfb0;box-shadow:0 0 12px rgba(243,223,176,.6);animation:fcDot 5s linear infinite}
@keyframes fcPulse{50%{transform:scale(1.16);opacity:.65}}
@keyframes fcCrystal{50%{transform:translate(-50%,-50%) rotate(-7deg) scale(1.04);filter:hue-rotate(8deg)}}
@keyframes fcRingA{to{transform:translate(-50%,-50%) rotate(345deg)}}
@keyframes fcRingB{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(388deg)}}
@keyframes fcRingC{to{transform:translate(-50%,-50%) rotateY(70deg) rotateZ(352deg)}}
@keyframes fcDot{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(145px)}100%{transform:translate(-50%,-50%) rotate(360deg) translateX(145px)}}
@media(max-width:820px){.fallback-core{right:-23vw;top:36%;width:76vw;opacity:.28}}
@media(max-width:520px){.fallback-core{display:none}}
@media(prefers-reduced-motion:reduce){.fallback-core *{animation:none!important}}

/* ===== contract-peak.css ===== */
/* =========================================================
   ADDON / CAPTAIN — REAL CONTRACT EXPERIENCE
   Presentation-grade document styling, zero-build / Netlify safe.
   ========================================================= */

.trust-scene{--paper:#f4efe4;--paper-2:#ebe3d3;--ink:#181512;--ink-soft:#5e574e;--legal-gold:#9f7b3f;--legal-green:#2d7052}
.contract-stage{position:relative;margin-top:8px;padding:78px 38px 44px;perspective:1600px;isolation:isolate}
.contract-desk-glow{position:absolute;inset:0;border-radius:44px;background:radial-gradient(circle at 50% 26%,rgba(237,220,183,.09),transparent 42%),radial-gradient(circle at 10% 82%,rgba(158,140,255,.06),transparent 32%);filter:blur(3px);pointer-events:none}
.contract-folder{position:absolute;left:3%;right:3%;top:26px;height:210px;border:1px solid rgba(230,200,138,.12);border-radius:24px 24px 14px 14px;background:linear-gradient(145deg,#121016,#09080c 62%,#0f0c12);box-shadow:0 28px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.035);transform:translateZ(-35px) rotateX(2deg);overflow:hidden}
.contract-folder::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 35%,rgba(230,200,138,.035),transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);pointer-events:none}
.folder-tab{position:absolute;left:34px;top:0;transform:translateY(-1px);height:42px;min-width:260px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(230,200,138,.16);border-bottom-color:rgba(230,200,138,.08);border-radius:11px 11px 0 0;background:#121016;font:500 7px/1 "DM Mono",monospace;letter-spacing:.13em;color:#8f8894}.folder-tab b{color:#e1c784;font-weight:500}.folder-code{position:absolute;left:34px;bottom:28px;font:500 7px/1 "DM Mono",monospace;letter-spacing:.17em;color:#5d5862}
.contract-paperclip{position:absolute;z-index:5;right:8%;top:58px;width:36px;height:94px;border:3px solid rgba(209,190,156,.48);border-bottom:0;border-radius:18px 18px 7px 7px;transform:rotate(8deg) translateZ(18px);box-shadow:0 7px 12px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.16);pointer-events:none}.contract-paperclip::after{content:"";position:absolute;left:7px;top:9px;width:16px;height:70px;border:2px solid rgba(209,190,156,.42);border-bottom:0;border-radius:12px 12px 5px 5px}.contract-paperclip i{position:absolute;right:-5px;top:20px;width:7px;height:28px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(182,160,126,.18));filter:blur(.2px);opacity:.55}

.contract.contract-paper{position:relative;z-index:3;min-height:0;padding:0;background:linear-gradient(135deg,var(--paper) 0%,#f8f4ea 45%,var(--paper-2) 100%);color:var(--ink);border-radius:5px;box-shadow:0 70px 150px rgba(0,0,0,.54),0 18px 42px rgba(0,0,0,.31),0 0 0 1px rgba(61,46,25,.13);transform:rotateX(.7deg) translateZ(12px);overflow:hidden;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.contract.contract-paper:hover{transform:rotateX(0deg) translateY(-3px) translateZ(16px);box-shadow:0 84px 170px rgba(0,0,0,.58),0 22px 50px rgba(0,0,0,.33),0 0 0 1px rgba(61,46,25,.16)}
.contract.contract-paper::before,.contract.contract-paper::after{content:"";position:absolute;pointer-events:none;z-index:0}
.contract.contract-paper::before{inset:0;background:radial-gradient(circle at 19% 7%,rgba(255,255,255,.72),transparent 24%),linear-gradient(90deg,rgba(80,60,28,.03),transparent 4% 96%,rgba(80,60,28,.035));mix-blend-mode:soft-light}
.contract.contract-paper::after{left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#7a5c32,#d5ba7a,#7a5c32);opacity:.7}
.paper-grain{position:absolute;inset:0;z-index:0;opacity:.17;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.16'/%3E%3C/svg%3E")}
.contract.contract-paper>*:not(.paper-grain):not(.contract-watermark):not(.contract-ribbon):not(.approval-stamp):not(.wax-seal){position:relative;z-index:2}
.contract.contract-paper .contract-watermark{position:absolute;z-index:1;left:50%;right:auto;top:48%;transform:translate(-50%,-50%);font:600 310px/1 "Playfair Display",serif;letter-spacing:-.09em;color:rgba(67,54,35,.033);pointer-events:none}
.contract-ribbon{position:absolute;z-index:4;right:-44px;top:28px;width:170px;height:30px;display:grid;place-items:center;transform:rotate(40deg);background:#192018;color:#dfe8d6;box-shadow:0 5px 18px rgba(0,0,0,.16);font:500 7px/1 "DM Mono",monospace;letter-spacing:.18em}

.legal-masthead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:34px 42px 24px;border-bottom:2px solid rgba(31,25,18,.86)}
.legal-seal{width:58px;height:58px;border:1px solid rgba(70,53,27,.44);border-radius:50%;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 0 4px rgba(159,123,63,.09);color:#6d512b}.legal-seal span{font:700 17px/1 "Playfair Display",serif}.legal-seal small{font:500 6px/1 "DM Mono",monospace;letter-spacing:.14em;margin-top:3px}
.legal-titleblock>span,.legal-status span,.legal-meta-grid span,.legal-kicker,.legal-section-number,.legal-section-head span,.legal-section-head b,.sig-role,.sig-foot,.legal-document-control{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em}
.legal-titleblock>span{display:block;font-size:7px;font-weight:500;color:#6f675d;margin-bottom:7px}.legal-titleblock h3{margin:0;font:600 clamp(30px,4.1vw,48px)/.98 "Playfair Display",serif;letter-spacing:-.035em;color:#161310}.legal-titleblock p{margin:8px 0 0;font:500 9px/1 "DM Mono",monospace;letter-spacing:.12em;color:#8a6d3e;text-transform:uppercase}
.legal-status{text-align:right}.legal-status span{display:block;font-size:6px;color:#777066}.legal-status b{display:inline-block;margin-top:7px;padding:6px 8px;border:1px solid rgba(94,79,56,.28);font:600 7px/1 "DM Mono",monospace;letter-spacing:.09em;color:#554a3c;background:rgba(255,255,255,.22)}
.contract-paper.is-active .legal-status b,.contract-paper.is-signed .legal-status b{border-color:rgba(45,112,82,.28);color:var(--legal-green);background:rgba(45,112,82,.045)}

.legal-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(48,39,27,.24);background:rgba(103,83,51,.035)}
.legal-meta-grid>div{padding:14px 18px;border-right:1px solid rgba(48,39,27,.17)}.legal-meta-grid>div:last-child{border-right:0}.legal-meta-grid span{display:block;font-size:5.8px;color:#81786d;margin-bottom:5px}.legal-meta-grid b{display:block;font:600 8px/1.2 "DM Mono",monospace;letter-spacing:.04em;color:#28231d}

.legal-section{display:grid;grid-template-columns:86px 1fr;gap:0;border-bottom:1px solid rgba(48,39,27,.21)}
.legal-section-number{padding:30px 18px;border-right:1px solid rgba(48,39,27,.21);font-size:7px;color:#8c7d68;text-align:center}
.legal-section>div:last-child{padding:28px 34px}
.legal-kicker{display:block;font-size:6.5px;color:#8f7957;margin-bottom:14px}
.contract.contract-paper blockquote{max-width:none;margin:0;padding:0 0 0 22px;border-left:2px solid rgba(159,123,63,.58);font:600 clamp(22px,2.8vw,34px)/1.3 "Playfair Display",serif;letter-spacing:-.022em;color:#1a1713}
.legal-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid rgba(48,39,27,.22)}.legal-section-head span,.legal-section-head b{font-size:6.6px;color:#776d60}.legal-section-head b{color:#886b3b;font-weight:500}
.contract.contract-paper .contract-rule{display:grid;grid-template-columns:56px 1fr 70px;gap:12px;align-items:center;padding:15px 0;border-top:0;border-bottom:1px dotted rgba(48,39,27,.25)}.contract.contract-paper .contract-rule:last-child{border-bottom:0}.contract.contract-paper .contract-rule span{font:600 8px/1 "DM Mono",monospace;color:#886b3b}.contract.contract-paper .contract-rule p{margin:0;font:500 13px/1.55 "Manrope",sans-serif;color:#302a23}.contract.contract-paper .contract-rule i{font:500 5.8px/1 "DM Mono",monospace;letter-spacing:.11em;color:#aaa094;text-align:right;font-style:normal}.contract-paper.is-active .contract-rule i{color:#376c55}.contract-paper.is-active .contract-rule i::after{content:" ✓";font-weight:700}
.legal-ack-copy{margin:0;font:500 11px/1.65 "Manrope",sans-serif;color:#5d554b}

.contract-signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(48,39,27,.22)}
.signature-party{position:relative;min-height:178px;padding:24px 34px 22px}.signature-party:first-child{border-right:1px solid rgba(48,39,27,.22)}.sig-role{display:block;font-size:6px;color:#897e70;margin-bottom:35px}.sig-line{position:relative;border-top:1px solid rgba(37,31,24,.5);padding-top:9px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sig-line b{font:600 18px/1 "Playfair Display",serif;color:#191612}.sig-line span{font:500 6px/1 "DM Mono",monospace;letter-spacing:.08em;color:#756d64;text-transform:uppercase}.sig-line.prefilled b{font-style:italic;color:#29231d}.sig-foot{display:flex;justify-content:space-between;gap:16px;margin-top:13px;font-size:5.7px;color:#847a6d}.sig-foot b{font-weight:500;color:#5c5143}.sig-foot time{font:500 5.7px/1 "DM Mono",monospace;letter-spacing:.06em;color:#5c5143}
.captain-signature-party .signature-reveal{position:absolute;left:34px;right:34px;top:35px;height:86px;max-height:none;margin:0;overflow:visible;opacity:.055;transition:opacity .42s ease}.captain-signature-party .signature-reveal.active{max-height:none;margin:0;opacity:1}.captain-signature-party .signature-inner{position:relative;height:100%;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;isolation:isolate}.signature-stroke{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--sign-progress,0%)) 0 0);will-change:clip-path}.signature-stroke img{width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:multiply;filter:contrast(1.04) saturate(.9);opacity:.94;user-select:none}.signature-stroke-main{clip-path:inset(0 calc(100% - var(--sign-progress,0%)) 22% 0)}.signature-stroke-underline{clip-path:inset(64% calc(100% - var(--sign-progress,0%)) 0 0)}.signature-pen{position:absolute;z-index:6;left:0;top:50%;width:34px;height:34px;display:grid;place-items:center;opacity:0;transform:translate(-44%,-58%) rotate(-34deg) scale(.78);transform-origin:55% 60%;filter:drop-shadow(0 7px 7px rgba(25,19,14,.25));pointer-events:none;will-change:transform,opacity}.signature-pen span{display:block;font-size:25px;line-height:1;transform:rotate(12deg)}.signature-pen i{position:absolute;right:-1px;bottom:2px;width:5px;height:5px;border-radius:50%;background:#1d5747;box-shadow:0 0 0 3px rgba(29,87,71,.08),0 0 12px rgba(29,87,71,.22)}.signature-reveal.signature-writing .signature-pen{opacity:1}.signature-ink-dot{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#2a705d 0 26%,rgba(42,112,93,.38) 28% 48%,transparent 62%);opacity:0;transform:translate(-50%,-50%);filter:blur(.15px);pointer-events:none}.signature-reveal.signature-writing .signature-ink-dot{opacity:.58}.signature-finish-charm{position:absolute;z-index:5;right:-5px;top:-5px;color:#b05f82;font:700 18px/1 "Playfair Display",serif;opacity:0;transform:translateY(8px) rotate(15deg) scale(.25);text-shadow:0 3px 12px rgba(176,95,130,.18);pointer-events:none}.signature-reveal.signature-finished .signature-finish-charm{animation:signatureHeartPop .72s cubic-bezier(.18,.9,.18,1.45) forwards}.contract-paper.is-signing .captain-signature-party{background:linear-gradient(180deg,rgba(45,112,82,.008),rgba(45,112,82,.025))}.contract-paper.is-signed .captain-signature-party{background:linear-gradient(180deg,rgba(45,112,82,.012),rgba(45,112,82,.045))}.contract-paper.is-signed #signatureStateText{color:#2d7052;font-weight:600}.signature-confetti{position:absolute;z-index:8;left:var(--cx);top:var(--cy);font:600 var(--cs,10px)/1 "Playfair Display",serif;color:var(--cc,#b05f82);pointer-events:none;animation:signatureConfetti .9s cubic-bezier(.18,.8,.2,1) forwards}@keyframes signatureHeartPop{0%{opacity:0;transform:translateY(8px) rotate(15deg) scale(.25)}55%{opacity:1;transform:translateY(-2px) rotate(-8deg) scale(1.2)}100%{opacity:.78;transform:translateY(0) rotate(-4deg) scale(1)}}@keyframes signatureConfetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.05) rotate(var(--dr))}}
.contract-paper.is-signed .captain-signature-party{background:linear-gradient(180deg,rgba(45,112,82,.012),rgba(45,112,82,.045))}.contract-paper.is-signed #signatureStateText{color:#2d7052;font-weight:600}

.legal-actions{display:flex;gap:10px;margin:0;padding:22px 34px 24px;background:rgba(88,70,42,.035)}
.contract-paper .legal-action-secondary,.contract-paper .legal-action-primary{min-height:50px;border-radius:4px;box-shadow:none;font:600 7px/1 "DM Mono",monospace;letter-spacing:.12em}
.contract-paper .legal-action-secondary{border:1px solid rgba(54,45,33,.34);background:transparent;color:#393128;flex:1}.contract-paper .legal-action-secondary:hover{background:rgba(31,25,18,.04);border-color:rgba(54,45,33,.52)}
.contract-paper .legal-action-primary{border:1px solid #1b1916;background:#1b1916;color:#f5efe2;flex:1;min-width:0}.contract-paper .legal-action-primary:hover{background:#28231d;box-shadow:0 12px 26px rgba(44,34,23,.14)}.contract-paper.is-signed .legal-action-primary{background:#2f654d;border-color:#2f654d}

.legal-document-control{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 34px 12px;border-top:1px solid rgba(255,255,255,.35);font-size:5.6px;color:#8f867a;background:#e9e1d1}

.contract-paper .approval-stamp{position:absolute;z-index:6;right:39px;bottom:105px;width:112px;height:112px;padding:0;border:2px solid rgba(42,112,79,.64);border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;opacity:0;transform:rotate(-11deg) scale(.35);color:#2d7052;background:rgba(244,239,228,.72);box-shadow:inset 0 0 0 5px rgba(42,112,79,.08);transition:.62s cubic-bezier(.18,.9,.2,1.25);pointer-events:none}.contract-paper .approval-stamp::before,.contract-paper .approval-stamp::after{content:"";position:absolute;border:1px dashed rgba(42,112,79,.48);border-radius:50%;inset:6px}.contract-paper .approval-stamp::after{inset:14px;border-style:solid;opacity:.32}.contract-paper .approval-stamp span,.contract-paper .approval-stamp small{font:600 6px/1 "DM Mono",monospace;letter-spacing:.13em}.contract-paper .approval-stamp b{margin:5px 0;font:800 15px/1 "DM Mono",monospace;letter-spacing:.08em}.contract-paper .approval-stamp.active{opacity:.78;transform:rotate(-11deg) scale(1)}
.wax-seal{position:absolute;z-index:7;left:50%;bottom:92px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 30%,#9d4860,#682b3f 56%,#3b1421);box-shadow:0 9px 18px rgba(37,16,24,.27),inset 0 0 0 2px rgba(255,228,218,.16),inset 0 0 0 7px rgba(38,9,18,.13);color:#f0c7cf;transform:translate(-50%,26px) scale(.15) rotate(-18deg);opacity:0;transition:.75s cubic-bezier(.18,.9,.18,1.4);pointer-events:none}.wax-seal span{font:700 15px/1 "Playfair Display",serif;text-shadow:0 1px 0 rgba(0,0,0,.24)}.wax-seal i{position:absolute;width:1px;height:28px;top:52px;background:linear-gradient(#70283f,transparent);opacity:.35}.contract-paper.is-signed .wax-seal{opacity:.96;transform:translate(-50%,0) scale(1) rotate(-5deg)}.contract-paper.is-signing .wax-seal{opacity:0!important;transform:translate(-50%,28px) scale(.12) rotate(-18deg)!important}

.contract-paper.contract-ceremony{animation:contractCeremony 1.1s var(--ease) both}.contract-paper.signature-seal-drop .wax-seal{animation:waxSealDrop .88s cubic-bezier(.18,.9,.18,1.35) both}@keyframes waxSealDrop{0%{opacity:0;transform:translate(-50%,-28px) scale(1.22) rotate(12deg)}55%{opacity:1;transform:translate(-50%,5px) scale(.92) rotate(-8deg)}100%{opacity:.96;transform:translate(-50%,0) scale(1) rotate(-5deg)}}
@keyframes contractCeremony{0%{transform:rotateX(.7deg) translateZ(12px)}35%{transform:rotateX(0) translateY(-10px) translateZ(28px);box-shadow:0 92px 190px rgba(0,0,0,.62),0 0 70px rgba(230,200,138,.09)}100%{transform:rotateX(0) translateZ(16px)}}
.contract-stage::after{content:"PRIVATE / CAPTAIN ONLY";position:absolute;right:14px;top:50%;transform:rotate(90deg) translateY(-50%);transform-origin:right top;font:500 5.8px/1 "DM Mono",monospace;letter-spacing:.2em;color:rgba(255,255,255,.16)}

@media(max-width:820px){
  .contract-stage{padding:58px 2px 24px}.contract-folder{left:-4px;right:-4px;top:14px;height:170px}.folder-tab{left:16px;min-width:220px}.folder-code{left:16px;bottom:22px;font-size:5.5px}
  .contract.contract-paper{border-radius:3px;transform:none}.contract.contract-paper:hover{transform:none}.contract.contract-paper .contract-watermark{font-size:210px}
  .legal-masthead{grid-template-columns:auto 1fr;gap:14px;padding:26px 18px 18px}.legal-seal{width:46px;height:46px}.legal-titleblock h3{font-size:31px}.legal-status{grid-column:1/-1;text-align:left;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(48,39,27,.18);padding-top:12px}
  .legal-meta-grid{grid-template-columns:1fr 1fr}.legal-meta-grid>div:nth-child(2){border-right:0}.legal-meta-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(48,39,27,.17)}
  .legal-section{grid-template-columns:54px 1fr}.legal-section-number{padding:24px 10px}.legal-section>div:last-child{padding:23px 17px}.contract.contract-paper blockquote{font-size:25px;padding-left:15px}
  .contract.contract-paper .contract-rule{grid-template-columns:42px 1fr}.contract.contract-paper .contract-rule i{display:none}.contract.contract-paper .contract-rule p{font-size:12px}
  .contract-signature-grid{grid-template-columns:1fr}.signature-party{min-height:160px;padding:21px 18px}.signature-party:first-child{border-right:0;border-bottom:1px solid rgba(48,39,27,.22)}.captain-signature-party .signature-reveal{left:18px;right:18px;top:31px;height:82px}.contract-paperclip{right:10px;top:43px;transform:scale(.78) rotate(8deg)}
  .legal-actions{padding:18px;flex-direction:column}.contract-paper .legal-action-secondary,.contract-paper .legal-action-primary{width:100%}.legal-document-control{padding:10px 18px;font-size:5px;gap:6px}.legal-document-control span:nth-child(2){display:none}
  .contract-paper .approval-stamp{right:18px;bottom:168px;width:86px;height:86px}.contract-paper .approval-stamp b{font-size:12px}.wax-seal{left:auto;right:27px;bottom:88px;width:50px;height:50px;transform:translate(0,20px) scale(.15) rotate(-18deg)}.contract-paper.is-signed .wax-seal{transform:translate(0,0) scale(1) rotate(-5deg)}
  .contract-stage::after{display:none}
}
@media(max-width:480px){
  .contract-stage{padding-top:52px}.legal-titleblock h3{font-size:28px}.legal-titleblock>span{font-size:5.7px}.legal-meta-grid>div{padding:12px}.contract.contract-paper blockquote{font-size:22px}.legal-section-head{align-items:flex-start}.legal-section-head b{display:none}.sig-line{align-items:flex-start;flex-direction:column}.sig-line span{font-size:5.5px}.contract-paper .approval-stamp{bottom:169px;width:78px;height:78px}.contract-paper .approval-stamp span,.contract-paper .approval-stamp small{font-size:5px}.contract-paper .approval-stamp b{font-size:10px}.contract-ribbon{right:-52px;top:24px}
}
@media(prefers-reduced-motion:reduce){.contract-paper.contract-ceremony,.contract-paper.signature-seal-drop .wax-seal,.signature-reveal.signature-finished .signature-finish-charm{animation:none}.wax-seal,.approval-stamp{transition:none!important}.signature-pen,.signature-ink-dot{display:none!important}.signature-finish-charm{opacity:.72!important;transform:none!important}}

/* ===== final-boss.css ===== */
/*
  ADDON / CAPTAIN — FINAL BOSS PASS
  One continuous world, grounded 3D, real supplied marks, no decorative floaters.
*/

:root{
  --void:#030207;
  --ink:#07060b;
  --ink-2:#0c0912;
  --ivory:#f7efd9;
  --champagne:#e7c98a;
  --violet:#ad93ff;
  --violet-soft:#d6caff;
  --electric:#7857ff;
  --line:rgba(255,255,255,.095);
  --line-warm:rgba(231,201,138,.22);
  --panel:rgba(13,10,19,.72);
  --panel-deep:rgba(6,4,10,.92);
  --ease-peak:cubic-bezier(.18,.84,.18,1);
  --scene-progress:0;
}

html{background:var(--void);scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 700px at 78% -8%,rgba(119,80,255,.14),transparent 65%),
    linear-gradient(180deg,#020104 0%,#06040a 38%,#030207 100%);
  color:#f8f2e8;
  overflow-x:clip;
  text-rendering:optimizeLegibility;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.026) 50%,transparent calc(50% + .5px)),
    repeating-linear-gradient(90deg,transparent 0 11.11%,rgba(255,255,255,.018) 11.11% calc(11.11% + 1px));
  mask-image:linear-gradient(to bottom,#000 0 26%,transparent 86%);
}

::selection{background:rgba(173,147,255,.34);color:#fff}

/* The ambient system stays architectural. Nothing decorative floats around the cursor. */
.peak-comet,.peak-lantern{display:none!important}
.ambient-noise{opacity:.17!important;mix-blend-mode:soft-light}
.cursor-halo{width:360px!important;height:360px!important;opacity:.34!important;filter:blur(42px)!important}

#space{
  opacity:.92;
  filter:saturate(1.08) contrast(1.05);
}

.command-bar{
  top:max(12px,env(safe-area-inset-top));
  left:clamp(12px,2.4vw,38px);
  right:clamp(12px,2.4vw,38px);
  width:auto;
  min-height:58px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(11,8,17,.76),rgba(4,3,7,.62));
  box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  transition:transform .5s var(--ease-peak),background .5s ease,border-color .5s ease;
}
.command-bar.scrolled{background:rgba(5,3,9,.88);border-color:rgba(231,201,138,.13)}
.wordmark-mark{
  width:34px;height:34px;border-radius:11px;
  border-color:rgba(231,201,138,.28)!important;
  box-shadow:inset 0 0 18px rgba(173,147,255,.08),0 10px 30px rgba(0,0,0,.28);
}
.command-center{letter-spacing:.18em!important;color:rgba(255,255,255,.47)!important}
.reply-counter{min-width:70px;border-radius:12px!important;background:rgba(255,255,255,.035)!important}

.chapter-rail{
  left:auto;
  right:8px;
  width:104px;
  box-sizing:border-box;
  padding:14px 6px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:18px;
  background:rgba(6,4,10,.54);
  backdrop-filter:blur(16px);
}
.chapter-rail .rail-line{left:15px}
.chapter-rail .rail-dot{gap:8px}
.rail-dot{transform-origin:right center}
.rail-dot.is-active{transform:translateX(-4px)}

.hero{
  min-height:100svh;
  isolation:isolate;
  perspective:1800px;
  background:
    radial-gradient(800px 640px at 76% 50%,rgba(123,83,255,.095),transparent 65%),
    linear-gradient(180deg,rgba(3,2,6,.05),rgba(3,2,6,.68) 86%,var(--void));
}
.hero::after{
  content:"";
  position:absolute;
  left:clamp(22px,6vw,92px);
  right:clamp(22px,6vw,92px);
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--line-warm),rgba(173,147,255,.28),transparent);
}
.hero-grid{opacity:.32!important;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.hero-aura{animation:none!important;filter:blur(80px)!important}

.hero-copy{
  width:min(760px,calc(100% - 44px));
  left:clamp(22px,7vw,112px)!important;
  top:auto!important;
  transform:translateZ(90px)!important;
}
.system-tag{
  width:max-content;
  padding:8px 12px;
  border-left:2px solid var(--champagne);
  background:linear-gradient(90deg,rgba(231,201,138,.07),transparent);
  letter-spacing:.22em!important;
}
.hero h1{
  max-width:820px;
  margin-top:24px!important;
  font-size:clamp(58px,7.1vw,118px)!important;
  line-height:.82!important;
  letter-spacing:-.066em!important;
  text-wrap:balance;
  filter:drop-shadow(0 26px 50px rgba(0,0,0,.38));
}
.hero h1 .line:first-child{color:#fffaf0}
.hero h1 .italic{
  margin-left:.32em!important;
  color:transparent!important;
  background:linear-gradient(110deg,var(--champagne),#fff4cd 42%,var(--violet-soft) 76%,var(--violet));
  -webkit-background-clip:text;background-clip:text;
}
.hero-lede{max-width:560px!important;font-size:clamp(14px,1.25vw,18px)!important;color:rgba(255,255,255,.62)!important}
.install-row{margin-top:34px!important}
.install-button{
  min-width:min(315px,100%);
  border-radius:16px!important;
  border-color:rgba(231,201,138,.26)!important;
  background:linear-gradient(110deg,rgba(231,201,138,.08),rgba(173,147,255,.06))!important;
  box-shadow:0 26px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);
  transform:translateZ(40px);
}
.install-button:hover{transform:translateY(-4px) translateZ(60px)!important;border-color:rgba(231,201,138,.48)!important}

/* CSS fallback uses the real AddOn/Captain mark; WebGL replaces it when ready. */
.hero-logo-fallback{
  position:absolute;
  z-index:2;
  top:50%;right:clamp(8%,11vw,16%);
  width:clamp(220px,28vw,460px);
  aspect-ratio:1;
  display:grid;place-items:center;
  transform:translateY(-50%);
  perspective:1200px;
  pointer-events:none;
  transition:opacity .7s ease,filter .7s ease;
}
.hero-logo-fallback.reveal-now{animation:none!important;opacity:.92}
.hero-copy.reveal-now,.hero-hud.reveal-now{animation-duration:.9s!important;animation-delay:.04s!important}
.hero-logo-depth{
  position:relative;
  width:68%;aspect-ratio:1;
  transform-style:preserve-3d;
  transform:rotateX(10deg) rotateY(-17deg);
  filter:drop-shadow(0 45px 55px rgba(0,0,0,.52));
}
.hero-logo-depth::before{
  content:"";position:absolute;inset:-18%;border:1px solid rgba(231,201,138,.16);border-radius:50%;
  transform:translateZ(-34px) rotateX(70deg);box-shadow:0 0 70px rgba(173,147,255,.08);
}
.hero-logo-depth img{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(28px);border-radius:26%;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.hero-logo-depth i{position:absolute;inset:3%;border:1px solid rgba(173,147,255,.16);border-radius:28%;transform:translateZ(var(--z))}
.hero-logo-depth i:nth-of-type(1){--z:12px}.hero-logo-depth i:nth-of-type(2){--z:0px}.hero-logo-depth i:nth-of-type(3){--z:-12px}
.hero-logo-fallback>span{position:absolute;bottom:1%;font:500 8px/1 "DM Mono",monospace;letter-spacing:.24em;color:rgba(255,255,255,.36)}
body.webgl-logo-ready .hero-logo-fallback{opacity:.06;filter:blur(3px)}

.hero-hud{right:clamp(24px,7vw,110px)!important;bottom:clamp(48px,8vh,94px)!important;width:clamp(230px,25vw,390px)!important}
.hud-axis{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:rgba(255,255,255,.48);font:500 7px/1 "DM Mono",monospace;letter-spacing:.2em}
.hud-axis i{height:1px;background:linear-gradient(90deg,var(--champagne),rgba(173,147,255,.25))}
.hud-axis b{color:var(--champagne);font-size:10px}
.hud-caption{margin-top:10px!important;border-top:0!important;color:rgba(255,255,255,.32)!important}

.experience{position:relative;z-index:3}
.experience-lock{backdrop-filter:blur(24px)!important}

.chapter{
  position:relative;
  overflow:clip;
  border-top:1px solid rgba(255,255,255,.045);
  perspective:1800px;
  transform-style:preserve-3d;
}
.chapter::before{
  content:attr(data-scene);
  position:absolute;
  top:80px;right:clamp(34px,9vw,150px);
  color:rgba(255,255,255,.018);
  font:700 clamp(72px,13vw,210px)/.8 Manrope,sans-serif;
  letter-spacing:-.08em;
  text-transform:uppercase;
  pointer-events:none;
  transform:translateZ(-80px);
}
.chapter-shell{position:relative;z-index:1}
.chapter-head{
  align-items:end!important;
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.075);
  transform-style:preserve-3d;
}
.chapter-index{
  width:58px!important;height:58px!important;border-radius:50%!important;
  border-color:rgba(231,201,138,.22)!important;
  background:radial-gradient(circle,rgba(231,201,138,.07),transparent 72%)!important;
  box-shadow:inset 0 0 28px rgba(173,147,255,.035);
}
.chapter-head h2{font-size:clamp(40px,5.4vw,82px)!important;letter-spacing:-.055em!important;line-height:.92!important}
.chapter-head h2 em{color:var(--champagne)!important}
.head-meta{border-left:1px solid rgba(255,255,255,.1);padding-left:16px!important}

/* Existing modules become cinematic planes instead of generic rounded cards. */
.surface,.reply-module{
  border-color:rgba(255,255,255,.09)!important;
  border-radius:22px!important;
  background:
    linear-gradient(140deg,rgba(255,255,255,.036),transparent 34%),
    linear-gradient(180deg,rgba(13,10,19,.79),rgba(6,4,10,.83))!important;
  box-shadow:
    0 38px 90px rgba(0,0,0,.27),
    inset 0 1px rgba(255,255,255,.045),
    inset 0 -1px rgba(0,0,0,.35)!important;
  transform-style:preserve-3d;
}
.surface::after{
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(173,147,255,.085),transparent 55%)!important;
}
.surface-label{letter-spacing:.16em!important}

.reveal{
  opacity:0;
  transform:translate3d(0,58px,-55px) rotateX(4deg)!important;
  transform-origin:50% 100%;
  transition:opacity .9s ease,transform 1.15s var(--ease-peak)!important;
}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) rotateX(0)!important}

/* CHAPTER 01 — the logos themselves are the scene. */
.wins-scene{
  background:
    radial-gradient(900px 660px at 72% 42%,rgba(78,111,255,.09),transparent 67%),
    linear-gradient(180deg,var(--void),#06050a 52%,var(--void));
}
.logo-runway{
  position:relative;
  min-height:clamp(720px,78vw,980px);
  margin-top:clamp(38px,7vw,92px);
  padding:clamp(28px,4vw,58px) 0 54px;
  border-top:1px solid var(--line-warm);
  border-bottom:1px solid rgba(255,255,255,.075);
  isolation:isolate;
  perspective:1700px;
  overflow:clip;
}
.logo-runway::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.035) 50%,transparent 50.1%),
    repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.035) calc(25% - 1px) 25%);
  mask-image:linear-gradient(to bottom,transparent,#000 18% 83%,transparent);
}
.logo-runway::after{
  content:"";position:absolute;left:6%;right:6%;bottom:74px;height:34%;z-index:-1;
  background:radial-gradient(ellipse at center,rgba(173,147,255,.11),transparent 67%);
  transform:perspective(900px) rotateX(68deg);filter:blur(5px);
}
.runway-copy{width:min(520px,82%);margin-left:clamp(2px,3vw,46px)}
.runway-copy>span{font:500 8px/1 "DM Mono",monospace;letter-spacing:.22em;color:var(--champagne)}
.runway-copy h3{margin:16px 0 10px;font:600 clamp(28px,4vw,56px)/.98 "Playfair Display",serif;letter-spacing:-.035em}
.runway-copy p{max-width:460px;color:rgba(255,255,255,.52);font-size:13px;line-height:1.75}

.logo-flight-deck{
  position:absolute;
  inset:clamp(210px,23vw,290px) 1% 92px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
  gap:clamp(8px,1.6vw,26px);
  transform-style:preserve-3d;
}
.logo-monument{
  --rx:0deg;--ry:0deg;--tz:0px;--focus:0;
  position:relative;
  height:100%;min-height:420px;
  display:flex;align-items:center;justify-content:center;
  padding:48px 10px 110px;
  border:0;background:transparent;color:inherit;
  cursor:pointer;isolation:isolate;
  transform-style:preserve-3d;
  transform:
    perspective(1300px)
    translate3d(0,calc(var(--enter,0) * -8px),calc(var(--tz) + var(--focus) * 48px))
    rotateX(var(--rx)) rotateY(var(--ry));
  transition:filter .5s ease,transform .65s var(--ease-peak);
  -webkit-tap-highlight-color:transparent;
}
.logo-monument::before{
  content:"";position:absolute;left:50%;bottom:62px;width:1px;height:86px;
  background:linear-gradient(to bottom,rgba(231,201,138,.72),transparent);
  transform:translateX(-50%) rotateX(-18deg) translateZ(-20px);
  transform-origin:bottom;
}
.logo-monument::after{
  content:"";position:absolute;left:14%;right:14%;bottom:54px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,201,138,.7),transparent);
  box-shadow:0 0 22px rgba(173,147,255,.2);
  transform:rotateX(66deg) translateZ(-16px);
}
.logo-monument img{
  position:relative;z-index:2;display:block;
  width:min(86%,250px);height:clamp(130px,17vw,245px);object-fit:contain;
  transform:translateZ(54px);
  filter:drop-shadow(0 34px 32px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(173,147,255,.07));
  transition:transform .65s var(--ease-peak),filter .55s ease;
  backface-visibility:hidden;
}
.logo-monument:hover,.logo-monument:focus-visible{--focus:1;z-index:4;outline:none;filter:saturate(1.08)}
.logo-monument.is-selected{--focus:1;z-index:4}
.logo-monument.is-selected .logo-caption b{color:var(--champagne)}
.logo-monument.logo-load-error{opacity:.25;filter:grayscale(1)}
.logo-monument:hover img,.logo-monument:focus-visible img{transform:translateZ(76px) scale(1.055);filter:drop-shadow(0 42px 38px rgba(0,0,0,.58)) drop-shadow(0 0 30px rgba(173,147,255,.17))}
.logo-index{position:absolute;top:24px;left:50%;transform:translateX(-50%) translateZ(28px);font:500 8px/1 "DM Mono",monospace;letter-spacing:.16em;color:rgba(255,255,255,.36)}
.logo-caption{position:absolute;left:0;right:0;bottom:2px;display:grid;gap:8px;text-align:center;transform:translateZ(34px)}
.logo-caption b{font:600 14px/1 Manrope,sans-serif;letter-spacing:.11em;color:#fff}
.logo-caption small{font:500 7px/1 "DM Mono",monospace;letter-spacing:.18em;color:rgba(255,255,255,.38)}
.logo-pg{--tz:22px}.logo-pg img{width:min(74%,205px)}
.logo-uoft{--tz:-8px}.logo-uoft img{width:min(99%,285px)}
.logo-kpmg{--tz:12px}.logo-kpmg img{width:min(92%,260px)}
.logo-irec{--tz:-14px}.logo-irec img{width:min(99%,285px)}
.logo-uoft img,.logo-kpmg img{filter:brightness(1.72) saturate(1.08) drop-shadow(0 0 1px rgba(255,255,255,.72)) drop-shadow(0 34px 32px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(66,131,255,.16))}
.logo-uoft:hover img,.logo-uoft:focus-visible img,.logo-kpmg:hover img,.logo-kpmg:focus-visible img{filter:brightness(1.86) saturate(1.1) drop-shadow(0 0 1px rgba(255,255,255,.8)) drop-shadow(0 42px 38px rgba(0,0,0,.58)) drop-shadow(0 0 32px rgba(66,131,255,.25))}
.runway-baseline{position:absolute;left:1%;right:1%;bottom:49px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;color:rgba(255,255,255,.32);font:500 7px/1 "DM Mono",monospace;letter-spacing:.19em}
.runway-baseline i{height:1px;background:linear-gradient(90deg,rgba(173,147,255,.04),rgba(231,201,138,.34),rgba(173,147,255,.04))}
.runway-baseline b{color:var(--champagne);font-size:14px}

.chapter-ledger{
  display:grid;grid-template-columns:minmax(180px,.7fr) 2fr;
  gap:clamp(28px,6vw,90px);
  margin:clamp(42px,7vw,88px) 0 28px;
  padding:clamp(28px,4vw,48px) 0;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.chapter-ledger-label{display:flex;flex-direction:column;gap:10px;font:500 8px/1 "DM Mono",monospace;letter-spacing:.18em;color:rgba(255,255,255,.36)}
.chapter-ledger-label b{color:var(--champagne);font-size:9px}
.chapter-ledger-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.chapter-ledger-copy p{margin:0;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:clamp(13px,1.3vw,16px);color:rgba(255,255,255,.72)}
.chapter-ledger-copy .accent-line{grid-column:1/-1;color:var(--champagne)}

.current-orbit{
  position:relative;
  display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.25fr) minmax(220px,.75fr);
  align-items:center;gap:clamp(24px,5vw,76px);
  margin:28px 0 clamp(42px,6vw,76px);
  padding:clamp(26px,4vw,48px) 0;
  border-top:1px solid rgba(107,151,255,.17);
  border-bottom:1px solid rgba(107,151,255,.17);
  perspective:1200px;
}
.current-orbit::before{content:"";position:absolute;left:25%;right:17%;top:50%;height:80%;transform:translateY(-50%) rotateX(68deg);background:radial-gradient(ellipse,rgba(62,104,224,.09),transparent 65%);filter:blur(12px);pointer-events:none}
.current-orbit-meta{display:flex;flex-direction:column;gap:10px;font:500 8px/1.5 "DM Mono",monospace;letter-spacing:.14em;color:rgba(255,255,255,.38)}
.current-orbit-meta b{color:#8fb2ff;font-size:7px}
.current-orbit img{position:relative;width:100%;max-height:160px;object-fit:contain;transform:translateZ(34px) rotateX(2deg);filter:drop-shadow(0 28px 28px rgba(0,0,0,.42));border-radius:10px}
.current-orbit-copy{display:flex;flex-direction:column;gap:8px}.current-orbit-copy b{font:600 clamp(16px,1.8vw,23px)/1.12 Manrope,sans-serif}.current-orbit-copy span{font:500 8px/1 "DM Mono",monospace;letter-spacing:.15em;color:rgba(255,255,255,.38)}

/* Other chapters get grounded depth and stronger hierarchy. */
.debt-terminal,.founder-board,.contract-folder,.terminal-window,.idea-universe,.letter-card,.timeline-card,.classified-message,.arrival-stage,.archive,.transmission{margin-top:clamp(28px,5vw,58px)!important}
.debt-token{border-radius:16px!important;transform-style:preserve-3d;box-shadow:0 18px 40px rgba(0,0,0,.22)!important}
.debt-token:hover{transform:translateY(-5px) rotateX(7deg) translateZ(22px)!important}
.contract-folder{filter:drop-shadow(0 44px 60px rgba(0,0,0,.3));transform-style:preserve-3d}
.contract-paper{box-shadow:0 42px 82px rgba(0,0,0,.32),0 3px 0 rgba(0,0,0,.16)!important}
.arrival-stage{min-height:clamp(620px,72vw,900px)!important}
.captain-photo-shell{filter:drop-shadow(0 40px 42px rgba(0,0,0,.35))}
.archive{overflow:hidden}
.orbit-card{box-shadow:0 38px 55px rgba(0,0,0,.34)!important}

.reply-module{
  position:relative;
  margin-top:clamp(28px,4vw,48px)!important;
  padding:18px 18px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(8,6,12,.74))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)!important;
}
.reply-module::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--champagne),transparent);opacity:.32}
.reply-prompt{padding-bottom:12px!important}.reply-prompt b{font-size:13px!important}
.reply-module textarea{
  min-height:118px!important;
  border-radius:14px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(0,0,0,.18)!important;
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease!important;
}
.reply-module textarea:focus{border-color:rgba(231,201,138,.3)!important;box-shadow:0 0 0 4px rgba(231,201,138,.035)!important;transform:translateZ(12px)}
.reaction-chip{border-radius:50%!important;background:transparent!important;border-color:rgba(255,255,255,.085)!important}

.send-button{border-radius:16px!important;box-shadow:0 28px 65px rgba(91,61,196,.18)!important}
.transmission{isolation:isolate}

@media (max-width:980px){
  .hero-copy{left:clamp(20px,5vw,52px)!important;width:min(690px,calc(100% - 40px))}
  .hero-logo-fallback{right:4%;opacity:.48;width:38vw}
  .hero-hud{right:26px!important}
  .logo-runway{min-height:900px}
  .logo-flight-deck{inset:260px 0 92px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:10px 20px}
  .logo-monument{min-height:0;padding:30px 8px 74px}
  .logo-monument::before{bottom:47px;height:50px}.logo-monument::after{bottom:43px}
  .logo-monument img{height:155px;max-width:290px}
  .logo-caption{bottom:0}
  .current-orbit{grid-template-columns:1fr 1.3fr}.current-orbit-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end}
}

@media (max-width:720px){
  body::before{opacity:.6}
  .command-bar{top:max(8px,env(safe-area-inset-top));left:8px;right:8px;min-height:52px;border-radius:15px;padding-inline:10px!important}
  .wordmark>span:last-child,.command-center{display:none!important}
  .chapter-rail{display:none!important}
  .hero{min-height:100svh;padding-bottom:80px}
  .hero-copy{top:auto!important;left:20px!important;width:calc(100% - 40px);transform:none!important}
  .hero h1{font-size:clamp(54px,17vw,86px)!important;line-height:.84!important}
  .hero h1 .italic{margin-left:0!important;white-space:normal!important}
  .hero-lede{max-width:92%!important}
  .hero-logo-fallback.reveal-now{top:26%;right:-16%;width:72vw;opacity:.13!important;filter:blur(.2px)}
  body.webgl-logo-ready .hero-logo-fallback{opacity:.035}
  .hero-hud{left:20px!important;right:20px!important;bottom:36px!important;width:auto!important}
  .scroll-cue{display:none!important}
  .chapter::before{top:54px;right:14px;font-size:26vw}
  .chapter-head{grid-template-columns:46px 1fr!important;gap:14px!important;padding-bottom:18px}
  .chapter-index{width:44px!important;height:44px!important}
  .head-meta{display:none!important}
  .chapter-head h2{font-size:clamp(36px,11vw,58px)!important}
  .logo-runway{min-height:820px;margin-top:34px;padding-top:28px}
  .runway-copy{width:92%;margin-left:0}.runway-copy h3{font-size:34px}.runway-copy p{font-size:12px}
  .logo-flight-deck{inset:245px 0 78px;gap:4px 8px}
  .logo-monument{padding:20px 2px 64px}
  .logo-monument img{height:128px;width:96%}
  .logo-pg img{width:76%}.logo-uoft img{width:100%}.logo-irec img{width:100%}
  .logo-index{top:8px}.logo-caption b{font-size:11px}.logo-caption small{font-size:6px;letter-spacing:.12em}
  .logo-monument::before{height:38px;bottom:39px}.logo-monument::after{bottom:37px;left:4%;right:4%}
  .runway-baseline{bottom:32px}.runway-baseline span{display:none}
  .chapter-ledger{grid-template-columns:1fr;gap:20px}.chapter-ledger-copy{grid-template-columns:1fr}.chapter-ledger-copy .accent-line{grid-column:auto}
  .current-orbit{grid-template-columns:1fr;gap:22px}.current-orbit-meta b{max-width:260px}.current-orbit img{max-height:130px}.current-orbit-copy{grid-column:auto;display:flex}
  .surface,.reply-module{border-radius:18px!important}
  .reply-module{padding:14px!important}.reply-module textarea{min-height:110px!important}
  .arrival-stage{min-height:620px!important}
}

@media (max-width:420px){
  .hero h1{font-size:15.7vw!important}
  .install-button{min-width:0;width:100%}
  .hero-version{display:none!important}
  .logo-runway{min-height:790px}
  .logo-flight-deck{inset:238px -4px 76px}
  .logo-monument img{height:112px}
  .chapter-ledger-copy p{font-size:13px}
}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.visible,.logo-monument,.logo-monument img,.hero-logo-depth,.install-button{transform:none!important;transition:none!important}
  .hero-logo-fallback{opacity:.24}
}

body.final-boss-lite .logo-monument{transition-duration:.3s!important}
body.final-boss-lite .hero-logo-depth{transform:rotateX(7deg) rotateY(-10deg)!important}

/* ===== extreme.css ===== */
/* =========================================================
   ADDON / CAPTAIN — EXTREME CINEMA LAYER
   Pure CSS transforms + small observers: static-host safe,
   mobile-aware, and deliberately tied to real story objects.
   ========================================================= */

:root{
  --cinema-gold:#efdca6;
  --cinema-violet:#b9a9ff;
  --cinema-ink:#17130f;
  --cinema-paper:#f3ead9;
  --cinema-paper-2:#e7dbc4;
}

/* ---------- global chapter direction ---------- */
.cinema-extreme .chapter{isolation:isolate;--cinema-x:0;--cinema-y:0;--chapter-focus:0}
.cinema-extreme .chapter-head{transition:opacity .7s ease,transform .9s var(--ease)}
.cinema-extreme .chapter:not(.is-cinematic-seen) .chapter-head{opacity:.52;transform:translateY(18px)}
.cinema-extreme .chapter.is-cinematic-seen .chapter-head{opacity:1;transform:translateY(0)}
.cinema-extreme .chapter-head h2 em{position:relative;display:inline-block}
.cinema-extreme .chapter-head h2 em::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:linear-gradient(90deg,transparent,var(--cinema-gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s .18s var(--ease);opacity:.6}
.cinema-extreme .chapter.is-cinematic-live .chapter-head h2 em::after{transform:scaleX(1)}

.chapter-cinema-hud{position:absolute;z-index:8;top:clamp(120px,10vw,178px);right:max(18px,calc((100vw - 1360px)/2));width:112px;display:flex;align-items:center;gap:10px;pointer-events:none;opacity:.35;transition:opacity .5s ease,transform .7s var(--ease);transform:translateX(8px)}
.is-cinematic-live>.chapter-cinema-hud{opacity:.82;transform:translateX(0)}
.chapter-cinema-hud>i{width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--scene-accent,var(--cinema-gold)));box-shadow:0 0 12px color-mix(in srgb,var(--scene-accent,var(--cinema-gold)) 55%,transparent)}
.chapter-cinema-hud>span{display:flex;flex-direction:column;gap:5px;font:500 6px/1 "DM Mono",monospace;letter-spacing:.16em;color:rgba(255,255,255,.33)}
.chapter-cinema-hud b{font-weight:500;color:var(--scene-accent,var(--cinema-gold))}
.chapter-cinema-hud small{font:500 5.5px/1 "DM Mono",monospace;letter-spacing:.12em;color:rgba(255,255,255,.2)}

.cinema-extreme .reply-module{overflow:hidden;transform:translateZ(0);transition:border-color .45s ease,box-shadow .45s ease,transform .45s var(--ease)}
.cinema-extreme .reply-module::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--scene-accent,var(--cinema-gold)),transparent);transform:scaleY(0);transition:transform .5s var(--ease);opacity:.72}
.cinema-extreme .reply-module:focus-within{border-color:color-mix(in srgb,var(--scene-accent,var(--cinema-gold)) 32%,transparent);box-shadow:0 26px 80px rgba(0,0,0,.25),0 0 42px color-mix(in srgb,var(--scene-accent,var(--cinema-gold)) 6%,transparent);transform:translateY(-2px)}
.cinema-extreme .reply-module:focus-within::before{transform:scaleY(1)}

/* ---------- 00 / real-mark boot ---------- */
.cinema-extreme .hero-logo-fallback::after{content:"";position:absolute;left:50%;bottom:7%;width:72%;height:16%;transform:translateX(-50%) rotateX(72deg);border:1px solid rgba(230,200,138,.12);border-radius:50%;background:radial-gradient(ellipse,rgba(230,200,138,.09),transparent 68%);filter:blur(3px);animation:coreGround 3.8s ease-in-out infinite}
@keyframes coreGround{50%{transform:translateX(-50%) rotateX(72deg) scale(1.08);opacity:.55}}

/* ---------- 01 / real-logo runway ---------- */
.cinema-extreme .logo-runway{overflow:hidden;isolation:isolate}
.cinema-extreme .logo-runway::after{content:"";position:absolute;z-index:0;left:-22%;right:-22%;bottom:1.5%;height:26%;background:linear-gradient(90deg,transparent,rgba(230,200,138,.045),transparent);transform:perspective(700px) rotateX(71deg);filter:blur(4px);pointer-events:none}
.cinema-extreme .logo-runway.is-live .runway-baseline i{box-shadow:0 0 26px rgba(230,200,138,.22)}

/* ---------- 02 / physical debt terminal ---------- */
.cinema-extreme .debt-terminal{perspective:1500px;box-shadow:0 52px 120px rgba(0,0,0,.33)}
.cinema-extreme .debt-ledger{transform:rotateY(var(--cinema-ry-soft,0deg)) rotateX(var(--cinema-rx-soft,0deg)) translateZ(16px);transition:transform .35s ease}
.cinema-extreme .token-deck{transform-style:preserve-3d}
.cinema-extreme .debt-token{transform:translateZ(0);transition:transform .36s var(--ease),border-color .3s ease,filter .3s ease}
.cinema-extreme .debt-token:hover,.cinema-extreme .debt-token:focus-visible{transform:translateY(-7px) translateZ(24px) rotateX(-2deg);filter:brightness(1.08)}
.cinema-extreme .debt-token.spent{transform:translateY(5px) translateZ(-10px) scale(.97)}
.cinema-extreme .ledger-slot::after{content:"";position:absolute;inset:-4px;border:1px solid transparent;border-radius:11px;transition:border-color .3s ease,box-shadow .3s ease}
.cinema-extreme .ledger-slot.flash::after{border-color:rgba(230,200,138,.38);box-shadow:0 0 26px rgba(230,200,138,.18)}

/* ---------- 03 / boardroom ---------- */
.cinema-extreme .founder-layout{perspective:1500px}
.cinema-extreme .founder-message{transform:rotateY(var(--cinema-ry,0deg)) rotateX(var(--cinema-rx,0deg)) translateZ(10px)}
.cinema-extreme .equity-console{transform:rotateY(var(--cinema-ry-soft,0deg)) rotateX(var(--cinema-rx-soft,0deg)) translateZ(22px);box-shadow:0 42px 100px rgba(0,0,0,.31),0 0 60px rgba(166,146,255,.045);transition:transform .35s ease}
.cinema-extreme .equity-ring::after{content:"LIVE CAP TABLE";position:absolute;left:50%;bottom:10%;transform:translateX(-50%);font:500 5.5px/1 "DM Mono",monospace;letter-spacing:.18em;color:rgba(255,255,255,.26)}
.cinema-extreme .equity-console input[type="range"]::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(230,200,138,.08),0 0 24px rgba(230,200,138,.2)}

/* ---------- 04 / contract execution theatre ---------- */
.cinema-extreme .contract-stage{padding-top:92px;--contract-x:0;--contract-y:0}
.cinema-extreme .contract-desk-glow{background:radial-gradient(circle at calc(50% + var(--contract-light-x,0%)) calc(24% + var(--contract-light-y,0%)),rgba(244,224,183,.15),transparent 39%),radial-gradient(circle at 12% 86%,rgba(158,140,255,.075),transparent 31%);transition:background-position .3s ease}
.contract-ceremony-console{position:relative;z-index:7;width:min(820px,94%);margin:0 auto 30px;padding:15px 18px 16px;display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:center;gap:10px;border:1px solid rgba(230,200,138,.13);border-radius:18px;background:linear-gradient(180deg,rgba(18,15,20,.94),rgba(8,7,10,.88));box-shadow:0 22px 60px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(18px)}
.ceremony-title{grid-column:1/-1;margin-bottom:5px;font:500 6px/1 "DM Mono",monospace;letter-spacing:.2em;color:rgba(255,255,255,.28)}
.ceremony-step{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;opacity:.34;transition:opacity .4s ease,transform .45s var(--ease)}
.ceremony-step>i{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;font:500 6px/1 "DM Mono",monospace;color:#8e8791;font-style:normal;transition:.4s ease}
.ceremony-step>b{font:500 7px/1 "DM Mono",monospace;letter-spacing:.13em;color:#e5dfe7}
.ceremony-step>small{margin-top:4px;font:500 5.5px/1 "DM Mono",monospace;letter-spacing:.06em;color:#6d6871}
.ceremony-step.is-current,.ceremony-step.is-done{opacity:1;transform:translateY(-1px)}
.ceremony-step.is-current>i{border-color:rgba(230,200,138,.48);color:#efdca6;box-shadow:0 0 20px rgba(230,200,138,.12)}
.ceremony-step.is-done>i{border-color:rgba(80,153,113,.45);background:rgba(45,112,82,.2);color:#a9dfc4}
.ceremony-line{height:1px;background:rgba(255,255,255,.075);overflow:hidden}.ceremony-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b4965d,#66b68e);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.contract-stage[data-contract-progress="ink"] .ceremony-line:first-of-type i,.contract-stage[data-contract-progress="archive"] .ceremony-line i{transform:scaleX(1)}
.cinema-extreme .contract-folder{top:126px;transform:translate3d(var(--contract-tx,0px),var(--contract-ty,0px),-35px) rotateX(2deg)}
.cinema-extreme .contract-paper{transform:rotateX(var(--contract-rx,.55deg)) rotateY(var(--contract-ry,0deg)) translateZ(16px);box-shadow:0 82px 180px rgba(0,0,0,.58),0 18px 42px rgba(0,0,0,.3),0 0 0 1px rgba(61,46,25,.13)!important}
.cinema-extreme .contract-paper.is-signing{box-shadow:0 96px 210px rgba(0,0,0,.64),0 0 85px rgba(230,200,138,.11),0 0 0 1px rgba(61,46,25,.13)!important}
.cinema-extreme .contract-paper.is-signing::before{background:radial-gradient(290px circle at var(--paper-x,68%) var(--paper-y,74%),rgba(255,255,255,.94),rgba(252,238,194,.22) 31%,transparent 66%),linear-gradient(90deg,rgba(80,60,28,.03),transparent 4% 96%,rgba(80,60,28,.035))}
.signature-verification{position:absolute;z-index:7;left:34px;right:34px;top:112px;height:21px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding-top:7px;border-top:1px solid rgba(45,112,82,.17);font:500 5.2px/1 "DM Mono",monospace;letter-spacing:.07em;color:#81766b;opacity:.62;overflow:hidden}
.signature-verification>i{width:5px;height:5px;border-radius:50%;background:#9b8d7b;box-shadow:0 0 0 3px rgba(155,141,123,.08)}
.signature-verification>b{font-weight:600;color:#746a5e}
.contract-paper.is-signing .signature-verification::after{content:"";position:absolute;left:-18%;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,rgba(42,112,79,.28),transparent);animation:signatureScan .8s linear infinite}
.contract-paper.is-signing .signature-verification>i{background:#c18b37;box-shadow:0 0 9px rgba(193,139,55,.4)}
.contract-paper.is-signed .signature-verification{color:#376c55;opacity:1}.contract-paper.is-signed .signature-verification>i{background:#2d7052;box-shadow:0 0 0 3px rgba(45,112,82,.1),0 0 11px rgba(45,112,82,.28)}.contract-paper.is-signed .signature-verification>b{color:#2d7052}
@keyframes signatureScan{to{left:110%}}

/* Luxury CSS pen: no fabricated logo/image and no emoji rendering variance. */
.signature-pen{width:72px!important;height:32px!important;filter:drop-shadow(0 8px 7px rgba(25,19,14,.28))!important}
.signature-pen>.luxury-pen{position:absolute!important;left:2px;top:9px;width:62px!important;height:12px!important;border-radius:7px 3px 3px 7px!important;background:linear-gradient(180deg,#f1bfd1 0%,#b86f91 43%,#713950 48%,#a85e7e 72%,#eab1c5 100%)!important;box-shadow:inset 0 0 0 1px rgba(74,27,48,.45),inset 0 1px rgba(255,255,255,.55)!important;transform:none!important}
.signature-pen>.luxury-pen::before{content:"";position:absolute;right:-13px;top:1px;border-left:14px solid #c59a67;border-top:5px solid transparent;border-bottom:5px solid transparent;filter:drop-shadow(1px 0 rgba(52,35,25,.5))}
.signature-pen>.luxury-pen::after{content:"";position:absolute;right:-17px;top:4px;border-left:5px solid #183f35;border-top:2px solid transparent;border-bottom:2px solid transparent}
.luxury-pen>b{position:absolute;left:8px;top:-3px;width:31px;height:3px;border-radius:4px;background:linear-gradient(90deg,#775267,#efd2dd,#8f6078);box-shadow:0 1px 2px rgba(0,0,0,.22)}
.luxury-pen>em{position:absolute;right:8px;top:1px;width:13px;height:10px;border-left:1px solid rgba(61,23,39,.38);border-right:1px solid rgba(255,255,255,.23);font-size:0}
.luxury-pen>small{position:absolute;left:5px;top:2px;width:3px;height:8px;border-radius:2px;background:rgba(255,255,255,.35)}
.signature-pen>i{right:-2px!important;bottom:8px!important;width:4px!important;height:4px!important}

/* ---------- 05 / terminal ---------- */
.cinema-extreme .terminal-window{overflow:hidden;box-shadow:0 48px 120px rgba(0,0,0,.34),0 0 60px rgba(105,207,160,.035)}
.cinema-extreme .terminal-window::after{content:"";position:absolute;z-index:5;left:0;right:0;top:-18%;height:18%;background:linear-gradient(180deg,transparent,rgba(132,216,178,.05),rgba(132,216,178,.12),transparent);pointer-events:none;opacity:0}
.cinema-extreme .terminal-scene.is-cinematic-live .terminal-window::after{animation:terminalScan 3.4s .35s var(--ease) both}
.cinema-extreme .terminal-log span{opacity:.25;transform:translateX(-9px);transition:opacity .45s ease,transform .45s var(--ease)}
.cinema-extreme .terminal-scene.is-cinematic-live .terminal-log span{opacity:1;transform:translateX(0)}
.cinema-extreme .terminal-scene.is-cinematic-live .terminal-log span:nth-child(2){transition-delay:.16s}.cinema-extreme .terminal-scene.is-cinematic-live .terminal-log span:nth-child(3){transition-delay:.32s}.cinema-extreme .terminal-scene.is-cinematic-live .terminal-log span:nth-child(4){transition-delay:.48s}
@keyframes terminalScan{0%{top:-18%;opacity:0}12%{opacity:1}100%{top:104%;opacity:0}}

/* ---------- 06 / idea universe ---------- */
.cinema-extreme .idea-cosmos{perspective:1400px;box-shadow:0 55px 140px rgba(0,0,0,.33),0 0 80px rgba(133,109,255,.04)}
.cinema-extreme .idea-core{transform:translate(-50%,-50%) translateZ(36px) rotateX(var(--cinema-rx,0deg)) rotateY(var(--cinema-ry,0deg));transition:transform .32s ease}
.cinema-extreme .idea-planet{transform-style:preserve-3d;transition:filter .35s ease,box-shadow .35s ease}
.cinema-extreme .idea-planet:hover,.cinema-extreme .idea-planet:focus-visible{filter:brightness(1.15);box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 28px rgba(183,165,255,.1)}
.cinema-extreme .ideas-scene.is-cinematic-live .idea-core>i{box-shadow:0 0 46px rgba(179,159,255,.23)}

/* ---------- 07 / sealed personal letter ---------- */
.letter-theatre{position:relative;min-height:880px;margin-top:clamp(28px,5vw,58px);perspective:1800px;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:32px;background:radial-gradient(circle at 50% 20%,rgba(236,213,171,.09),transparent 29%),radial-gradient(circle at 15% 85%,rgba(165,142,255,.055),transparent 31%),linear-gradient(145deg,#100c11,#070609 68%);box-shadow:0 58px 150px rgba(0,0,0,.42)}
.letter-stage-light{position:absolute;z-index:0;left:50%;top:-8%;width:72%;height:84%;transform:translateX(-50%);clip-path:polygon(37% 0,63% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,241,210,.12),rgba(230,200,138,.025) 56%,transparent);filter:blur(11px);opacity:.72;pointer-events:none}
.letter-envelope{position:absolute;z-index:6;left:50%;top:47%;width:min(520px,74%);aspect-ratio:1.62;transform:translate(-50%,-50%) rotateX(4deg) rotateZ(-1.2deg) translateZ(70px);transform-style:preserve-3d;filter:drop-shadow(0 44px 46px rgba(0,0,0,.52));transition:transform 1.05s var(--ease),opacity .7s ease}
.envelope-back,.envelope-front,.envelope-flap{position:absolute;inset:0;border:1px solid rgba(83,59,36,.27);border-radius:4px;background:linear-gradient(145deg,#eee1cc,#d5c2a6)}
.envelope-back::after{content:"";position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.envelope-front{z-index:4;border:0;background:linear-gradient(32deg,#d2bfa2 0 49.5%,transparent 50%),linear-gradient(-32deg,#e1cfb3 0 49.5%,transparent 50%),linear-gradient(180deg,transparent 0 45%,#d9c5a7 46%);clip-path:polygon(0 34%,50% 78%,100% 34%,100% 100%,0 100%);box-shadow:inset 0 -1px rgba(76,52,31,.18)}
.envelope-flap{z-index:5;transform-origin:50% 0;transform:rotateX(0deg);clip-path:polygon(0 0,100% 0,50% 72%);background:linear-gradient(160deg,#f2e5d0,#d5bea0);backface-visibility:visible;transition:transform .86s var(--ease),z-index 0s .43s}
.envelope-letter-preview{position:absolute;z-index:2;left:5%;right:5%;top:7%;height:86%;padding:25px;color:#3b3127;background:linear-gradient(145deg,#faf5e9,#e8deca);border:1px solid rgba(73,56,36,.17);box-shadow:0 -12px 25px rgba(0,0,0,.12);transition:transform 1s .38s var(--ease);transform:translateY(14%)}
.envelope-letter-preview span,.envelope-letter-preview b{display:block}.envelope-letter-preview span{font:500 6px/1 "DM Mono",monospace;letter-spacing:.18em;color:#766b5e}.envelope-letter-preview b{margin-top:24px;font:600 78px/.8 Manrope,sans-serif;letter-spacing:-.08em;color:rgba(47,39,31,.07)}
.envelope-address{position:absolute;z-index:6;left:8%;bottom:12%;display:flex;flex-direction:column;color:#42372b}.envelope-address span{font:500 5px/1 "DM Mono",monospace;letter-spacing:.18em;color:#87735d}.envelope-address b{margin:6px 0;font:600 clamp(22px,3vw,34px)/1 "Playfair Display",serif;font-style:italic}.envelope-address small{font:500 5.5px/1 "DM Mono",monospace;letter-spacing:.1em;color:#766653}
.envelope-seal{position:absolute;z-index:8;left:50%;top:59%;width:66px;height:66px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-7deg);border-radius:50%;background:radial-gradient(circle at 34% 26%,#c36b86,#853b55 54%,#4e1e31);color:#f0c7d2;box-shadow:0 12px 20px rgba(50,14,28,.32),inset 0 0 0 2px rgba(255,230,236,.16),inset 0 0 0 8px rgba(48,9,22,.13);transition:opacity .28s .08s ease,transform .65s var(--ease)}
.envelope-seal::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,221,231,.34);border-radius:50%}.envelope-seal span{font:700 18px/1 "Playfair Display",serif}.envelope-seal i,.envelope-seal b{position:absolute;inset:0;border-radius:50%;border-left:1px solid transparent;transition:transform .6s var(--ease),opacity .4s ease}.envelope-seal i{clip-path:inset(0 50% 0 0)}.envelope-seal b{clip-path:inset(0 0 0 50%)}

.cinema-extreme .letter-theatre .letter-card{position:absolute;z-index:3;left:7%;right:7%;top:6%;min-height:760px;margin:0;padding:58px 64px 50px;justify-content:flex-end;overflow:hidden;border-radius:5px!important;border-color:rgba(87,64,37,.18)!important;background:linear-gradient(135deg,var(--cinema-paper),#fbf4e7 46%,var(--cinema-paper-2))!important;color:var(--cinema-ink);box-shadow:0 75px 150px rgba(0,0,0,.58),0 0 0 1px rgba(87,64,37,.18)!important;transform:translate3d(0,47%, -220px) rotateX(12deg) scale(.76);transform-origin:center bottom;opacity:.06;transition:transform 1.25s .28s var(--ease),opacity .6s .32s ease}
.cinema-extreme .letter-card::before{left:58px;top:48px;height:calc(100% - 96px);background:linear-gradient(#916f3c,rgba(145,111,60,.14) 35%,transparent);opacity:.5}
.cinema-extreme .letter-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.14'/%3E%3C/svg%3E")!important}
.cinema-extreme .letter-year{left:84px;top:48px;color:rgba(57,44,30,.045)}
.cinema-extreme .letter-meta{left:92px;right:62px;top:49px;z-index:3}.cinema-extreme .letter-meta span{color:#7e7468}.cinema-extreme .letter-meta b{color:#8f6d38}
.cinema-extreme .letter-copy{position:relative;z-index:3;margin-left:38px;color:#3a322a;font-family:"Playfair Display",serif;font-size:clamp(19px,2.15vw,27px);line-height:1.62}
.cinema-extreme .letter-copy p{opacity:.14;transform:translateY(13px);transition:opacity .7s ease,transform .8s var(--ease)}
.cinema-extreme .letter-copy .accent-line{color:#7a3d55;font-style:italic}
.letter-stamp{position:absolute;z-index:3;right:55px;top:82px;width:72px;height:86px;display:grid;place-items:center;align-content:center;border:1px solid rgba(109,76,38,.4);color:#815c35;transform:rotate(4deg);opacity:.62}.letter-stamp::before,.letter-stamp::after{content:"";position:absolute;inset:5px;border:1px dashed rgba(109,76,38,.33)}.letter-stamp span{font:700 18px/1 "Playfair Display",serif}.letter-stamp small{margin-top:7px;font:500 5px/1 "DM Mono",monospace;letter-spacing:.17em}
.letter-foot{position:absolute;z-index:3;left:92px;right:62px;bottom:29px;display:flex;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid rgba(62,48,31,.15);font:500 5.8px/1 "DM Mono",monospace;letter-spacing:.12em;color:#8a7b69}.letter-foot b{font-weight:500;color:#72543c}
.letter-paper-edge{position:absolute;z-index:2;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#99784c,#e0cba9,#927046);opacity:.47}
.letter-fold{position:absolute;z-index:2;pointer-events:none}.letter-fold-a{left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(85,61,35,.08) 12% 86%,transparent);box-shadow:1px 0 rgba(255,255,255,.36)}.letter-fold-b{left:0;right:0;top:48%;height:1px;background:linear-gradient(90deg,transparent,rgba(85,61,35,.07),transparent);box-shadow:0 1px rgba(255,255,255,.34)}
.letter-open-control{position:absolute;z-index:12;left:50%;bottom:32px;transform:translateX(-50%);width:min(330px,calc(100% - 44px));height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:1px solid rgba(230,200,138,.25);border-radius:999px;background:rgba(7,6,9,.84);backdrop-filter:blur(16px);color:#ece2cf;box-shadow:0 18px 50px rgba(0,0,0,.4);font:500 7px/1 "DM Mono",monospace;letter-spacing:.15em;transition:bottom .8s var(--ease),background .3s ease,color .3s ease}
.letter-open-control:hover{background:#ece2cf;color:#161117}.letter-open-control b{font-size:14px}

.letter-theatre.is-opening .envelope-flap,.letter-theatre.is-open .envelope-flap{z-index:1;transform:rotateX(-178deg)}
.letter-theatre.is-opening .envelope-seal,.letter-theatre.is-open .envelope-seal{opacity:0;transform:translate(-50%,-50%) rotate(-28deg) scale(1.55)}
.letter-theatre.is-opening .envelope-letter-preview,.letter-theatre.is-open .envelope-letter-preview{transform:translateY(-48%)}
.letter-theatre.is-opening .letter-envelope,.letter-theatre.is-open .letter-envelope{transform:translate(-50%,92%) rotateX(-9deg) rotateZ(1deg) translateZ(-140px) scale(.7);opacity:.08}
.cinema-extreme .letter-theatre.is-opening .letter-card,.cinema-extreme .letter-theatre.is-open .letter-card{transform:translate3d(0,0,75px) rotateX(0) scale(1);opacity:1}
.cinema-extreme .letter-theatre.is-open .letter-copy p{opacity:1;transform:translateY(0)}
.cinema-extreme .letter-theatre.is-open .letter-copy p:nth-child(1){transition-delay:.58s}.cinema-extreme .letter-theatre.is-open .letter-copy p:nth-child(2){transition-delay:.82s}.cinema-extreme .letter-theatre.is-open .letter-copy p:nth-child(3){transition-delay:1.05s}
.letter-theatre.is-open .letter-open-control{bottom:15px;height:40px;width:230px;background:rgba(19,14,17,.84);color:#cabead;opacity:.88}

/* ---------- 08 / time runway ---------- */
.cinema-extreme .timeline-card{perspective:1300px;box-shadow:0 50px 125px rgba(0,0,0,.34)}
.cinema-extreme .timeline-track{overflow:visible}.cinema-extreme .timeline-track i{width:0;transition:width 2.2s .25s var(--ease)}
.cinema-extreme .infinity-scene.is-cinematic-live .timeline-track i{width:100%}
.cinema-extreme .timeline-years>div{opacity:.26;transform:translateY(8px);transition:opacity .45s ease,transform .55s var(--ease)}
.cinema-extreme .infinity-scene.is-cinematic-live .timeline-years>div{opacity:1;transform:translateY(0)}
.cinema-extreme .infinity-scene.is-cinematic-live .timeline-years>div:nth-child(2){transition-delay:.25s}.cinema-extreme .infinity-scene.is-cinematic-live .timeline-years>div:nth-child(3){transition-delay:.5s}.cinema-extreme .infinity-scene.is-cinematic-live .timeline-years>div:nth-child(4){transition-delay:.75s}.cinema-extreme .infinity-scene.is-cinematic-live .timeline-years>div:nth-child(5){transition-delay:1s}
.cinema-extreme .timeline-years>div::before{content:"";position:absolute;left:50%;top:56px;width:1px;height:250px;background:linear-gradient(rgba(230,200,138,.12),transparent);transform:scaleY(0);transform-origin:top;transition:transform .8s var(--ease)}
.cinema-extreme .infinity-scene.is-cinematic-live .timeline-years>div::before{transform:scaleY(1)}

/* ---------- 09 / classified scanner ---------- */
.cinema-extreme .classified-board{position:relative;overflow:hidden;padding:1px}
.cinema-extreme .classified-board::after{content:"CLEARANCE SCAN / CAPTAIN EYES ONLY";position:absolute;z-index:7;left:0;right:0;top:-42px;height:40px;padding:10px 14px;border-bottom:1px solid rgba(183,163,255,.18);background:linear-gradient(180deg,rgba(183,163,255,.04),rgba(183,163,255,.11),transparent);font:500 5.8px/1 "DM Mono",monospace;letter-spacing:.18em;color:rgba(208,197,255,.45);pointer-events:none;opacity:0}
.cinema-extreme .celebrity-scene.is-cinematic-live .classified-board::after{animation:clearanceScan 3.1s .3s var(--ease) both}
.cinema-extreme .classified-card{transform-style:preserve-3d}.cinema-extreme .classified-card.is-inspected{border-color:rgba(230,200,138,.3);box-shadow:inset 0 0 0 1px rgba(230,200,138,.07),0 16px 45px rgba(0,0,0,.24)}
@keyframes clearanceScan{0%{top:-42px;opacity:0}12%{opacity:1}100%{top:calc(100% + 3px);opacity:0}}

/* ---------- 10 / full heavenfall film ---------- */
.cinema-extreme .arrival-stage{--paari-x:0;--paari-y:0;perspective:1600px;box-shadow:0 70px 170px rgba(0,0,0,.46),0 0 100px rgba(169,145,255,.055);transform-style:preserve-3d}
.arrival-letterbox{position:absolute;z-index:20;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#030204;color:rgba(255,255,255,.33);font:500 6px/1 "DM Mono",monospace;letter-spacing:.16em;pointer-events:none;transition:transform 1.1s var(--ease),opacity .8s ease}.arrival-letterbox b{font-weight:500;color:#b96781}.letterbox-top{top:0}.letterbox-bottom{bottom:0}
.arrival-stage.heavenfall-active .letterbox-top{transform:translateY(-100%);opacity:.35}.arrival-stage.heavenfall-active .letterbox-bottom{transform:translateY(100%);opacity:.35}
.paari-camera{position:absolute;z-index:3;inset:0;transform-style:preserve-3d;transform:rotateX(var(--paari-rx,0deg)) rotateY(var(--paari-ry,0deg)) translate3d(var(--paari-tx,0px),var(--paari-ty,0px),30px);transition:transform .26s ease;pointer-events:none}
.celestial-portal{position:absolute;z-index:2;left:50%;top:46%;width:min(520px,64vw);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(var(--paari-portal-rx,0deg)) rotateY(var(--paari-portal-ry,0deg));transform-style:preserve-3d;opacity:.2;transition:opacity .8s ease;pointer-events:none}
.celestial-portal>i{position:absolute;inset:0;border:1px solid rgba(223,214,255,.13);border-radius:50%;box-shadow:inset 0 0 70px rgba(181,159,255,.045),0 0 50px rgba(181,159,255,.035)}.celestial-portal>i:nth-child(2){inset:11%;border-style:dashed;transform:rotate(30deg)}.celestial-portal>i:nth-child(3){inset:23%;border-color:rgba(230,200,138,.12)}.celestial-portal>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 96px/1 "Playfair Display",serif;color:rgba(255,255,255,.025)}
.arrival-stage.heavenfall-active .celestial-portal{opacity:.72;animation:portalDepth 4.15s var(--ease) both}.arrival-stage.heavenfall-active .celestial-portal>i:first-child{animation:ringSpin 14s linear infinite}.arrival-stage.heavenfall-active .celestial-portal>i:nth-child(2){animation:ringSpin 10s linear infinite reverse}
@keyframes portalDepth{0%{transform:translate(-50%,-50%) rotateX(var(--paari-portal-rx,0deg)) rotateY(var(--paari-portal-ry,0deg)) scale(.25) rotateZ(-32deg);filter:blur(14px)}50%{filter:blur(0)}100%{transform:translate(-50%,-50%) rotateX(var(--paari-portal-rx,0deg)) rotateY(var(--paari-portal-ry,0deg)) scale(1) rotateZ(0);filter:blur(0)}}
.landing-pedestal{position:absolute;z-index:2;left:50%;bottom:7.8%;width:360px;height:92px;transform:translateX(-50%) perspective(520px) rotateX(67deg);border:1px solid rgba(230,200,138,.14);border-radius:50%;background:radial-gradient(ellipse,rgba(230,200,138,.08),rgba(166,143,255,.04) 38%,transparent 68%);box-shadow:0 0 50px rgba(230,200,138,.05);opacity:.38;pointer-events:none}.landing-pedestal i{position:absolute;inset:18%;border:1px dashed rgba(218,206,255,.14);border-radius:50%}.landing-pedestal i:nth-child(2){inset:34%;border-style:solid}.landing-pedestal span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(-67deg);font:500 5px/1 "DM Mono",monospace;letter-spacing:.19em;color:rgba(255,255,255,.3)}
.arrival-stage.heavenfall-active .landing-pedestal{animation:pedestalLock 1.25s 2.1s var(--ease) both}@keyframes pedestalLock{0%{opacity:.08;transform:translateX(-50%) perspective(520px) rotateX(67deg) scale(.35)}70%{opacity:.8}100%{opacity:.4;transform:translateX(-50%) perspective(520px) rotateX(67deg) scale(1)}}
.arrival-sequence{position:absolute;z-index:12;left:22px;top:78px;width:176px;display:grid;gap:7px;pointer-events:none}.arrival-sequence>div{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(5,4,8,.38);backdrop-filter:blur(9px);opacity:.32;transition:opacity .35s ease,border-color .35s ease,transform .4s var(--ease)}.arrival-sequence i{grid-row:1/3;font:500 7px/1 "DM Mono",monospace;color:#756e7e;font-style:normal;align-self:center}.arrival-sequence span,.arrival-sequence b{font:500 5.5px/1 "DM Mono",monospace;letter-spacing:.1em;color:#aaa3b1}.arrival-sequence b{margin-top:4px;color:#706a77}.arrival-sequence>div.is-active{opacity:1;transform:translateX(4px);border-color:rgba(196,181,255,.28)}.arrival-sequence>div.is-done{opacity:.75}.arrival-sequence>div.is-done i,.arrival-sequence>div.is-done b{color:#d9c78d}
.cinema-extreme .arrival-topline{top:22px}.cinema-extreme .arrival-callout{box-shadow:0 18px 55px rgba(0,0,0,.38),0 0 30px rgba(230,200,138,.07)}
.cinema-extreme .arrival-note{position:relative;overflow:hidden;border-color:rgba(183,164,255,.12);background:radial-gradient(circle at 80% 12%,rgba(240,171,201,.06),transparent 30%),linear-gradient(145deg,rgba(17,13,21,.9),rgba(8,7,11,.94))}
.cinema-extreme .arrival-note::after{content:"AASMAAN SE UTTRI HUI PAARI";position:absolute;right:-8px;bottom:-13px;font:600 clamp(30px,5.4vw,74px)/1 Manrope,sans-serif;letter-spacing:-.065em;color:rgba(255,255,255,.018);pointer-events:none}

/* ---------- 11 / archive camera ---------- */
.cinema-extreme .archive{box-shadow:0 55px 145px rgba(0,0,0,.37)}
.cinema-extreme .archive-stage::before{content:"MEMORY CAMERA / ORBIT LOCK";position:absolute;z-index:40;left:50%;top:21px;transform:translateX(-50%);font:500 5.5px/1 "DM Mono",monospace;letter-spacing:.17em;color:rgba(255,255,255,.22);pointer-events:none}
.cinema-extreme .orbit-card.is-active{box-shadow:0 42px 100px rgba(0,0,0,.55),0 0 48px rgba(230,200,138,.07)}

/* ---------- 13 / anchored send impact (no floating lanterns) ---------- */
.cinema-extreme .transmission{position:relative;overflow:hidden;box-shadow:0 64px 160px rgba(0,0,0,.42)}
.transmission-path{position:absolute;z-index:0;left:8%;top:50%;width:35%;height:1px;pointer-events:none;transform:translateY(-50%)}.transmission-path>i{position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(185,169,255,.24),rgba(230,200,138,.24),transparent);transform-origin:left;animation:dataPath 2.8s ease-in-out infinite}.transmission-path>i:nth-child(2){transform:rotate(18deg);animation-delay:.45s}.transmission-path>i:nth-child(3){transform:rotate(-18deg);animation-delay:.9s}@keyframes dataPath{0%,100%{opacity:.1;clip-path:inset(0 100% 0 0)}50%{opacity:.7;clip-path:inset(0 0 0 0)}}
.transmission.finale-impact::after{content:"";position:absolute;z-index:8;left:50%;top:50%;width:120px;height:120px;border:1px solid rgba(230,200,138,.38);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none;animation:finalImpact 1.25s ease-out both}.transmission.finale-impact .transmission-orbit{animation:orbitImpact 1.05s var(--ease) both}@keyframes finalImpact{18%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(8)}}@keyframes orbitImpact{42%{transform:scale(1.08);filter:brightness(1.25)}100%{transform:scale(1);filter:none}}

/* ---------- device/performance modes ---------- */
body.final-boss-lite .chapter-cinema-hud,body.motion-lite .chapter-cinema-hud{display:none}
body.final-boss-lite .debt-ledger,body.final-boss-lite .founder-message,body.final-boss-lite .equity-console,body.final-boss-lite .contract-paper,body.final-boss-lite .paari-camera{transform:none!important}
body.final-boss-lite .celestial-portal>i,body.motion-lite .celestial-portal>i{animation-play-state:paused!important}

@media(max-width:980px){
  .chapter-cinema-hud{display:none}
  .cinema-extreme .contract-stage{padding-top:70px}
  .contract-ceremony-console{width:100%;grid-template-columns:1fr 34px 1fr 34px 1fr;padding:13px 12px}.ceremony-line{min-width:0}.ceremony-step{grid-template-columns:20px 1fr;column-gap:6px}.ceremony-step>i{width:20px;height:20px}.ceremony-step>b{font-size:6px}.ceremony-step>small{font-size:5px}
  .cinema-extreme .contract-folder{top:104px}
  .cinema-extreme .letter-theatre .letter-card{left:4%;right:4%;padding:52px 44px 48px}.letter-theatre{min-height:820px}.letter-stamp{right:38px}.letter-foot{left:72px;right:42px}
  .arrival-sequence{width:150px}.arrival-sequence>div{padding:7px 8px}
}

@media(max-width:760px){
  .cinema-extreme .debt-ledger,.cinema-extreme .founder-message,.cinema-extreme .equity-console{transform:none}
  .contract-ceremony-console{margin-bottom:22px;gap:6px}.ceremony-title{text-align:center}.ceremony-step{display:flex;flex-direction:column;text-align:center;gap:4px}.ceremony-step>i{flex:none}.ceremony-step>small{display:none}
  .cinema-extreme .contract-folder{top:98px}
  .signature-verification{left:18px;right:18px;top:111px;font-size:4.7px}.signature-verification span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .letter-theatre{min-height:760px;border-radius:24px}.letter-envelope{width:84%;top:45%}.cinema-extreme .letter-theatre .letter-card{left:3%;right:3%;top:4%;min-height:670px;padding:92px 25px 52px}.cinema-extreme .letter-card::before{left:24px;top:34px;height:calc(100% - 68px)}.cinema-extreme .letter-year{left:37px;top:62px;font-size:110px}.cinema-extreme .letter-meta{left:44px;right:24px;top:34px}.cinema-extreme .letter-copy{margin-left:15px;font-size:17px;line-height:1.55}.cinema-extreme .letter-copy .accent-line{font-size:1.25em}.letter-stamp{right:24px;top:63px;width:58px;height:68px}.letter-foot{left:44px;right:24px;bottom:24px}.letter-foot span{display:none}.letter-open-control{bottom:24px}
  .arrival-letterbox{height:44px;padding:0 15px}.arrival-sequence{left:12px;right:12px;top:63px;width:auto;grid-template-columns:repeat(3,1fr);gap:5px}.arrival-sequence>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:7px 3px}.arrival-sequence i{font-size:6px}.arrival-sequence span{font-size:4.6px}.arrival-sequence b{font-size:4.5px}.celestial-portal{width:390px}.landing-pedestal{width:270px}.paari-camera{transform:translate3d(0,0,20px)}
  .cinema-extreme .arrival-callout{bottom:17.5%;max-width:calc(100% - 28px);white-space:normal;text-align:center}.cinema-extreme .arrival-callout span{line-height:1.35}
  .transmission-path{left:50%;top:28%;width:42%;transform:translate(-50%,-50%) rotate(90deg)}
}

@media(max-width:480px){
  .letter-theatre{min-height:720px}.cinema-extreme .letter-theatre .letter-card{min-height:630px;padding-top:84px}.cinema-extreme .letter-copy{font-size:15.5px;line-height:1.53}.letter-stamp{width:48px;height:57px}.letter-stamp span{font-size:14px}.letter-stamp small{font-size:4px}.envelope-seal{width:55px;height:55px}.envelope-address small{display:none}
  .contract-ceremony-console{grid-template-columns:1fr 15px 1fr 15px 1fr}.ceremony-line{width:15px}.ceremony-step>b{font-size:5.4px}
  .arrival-sequence b{display:none}.celestial-portal{width:330px}.arrival-letterbox span{font-size:5px}.arrival-letterbox b{font-size:5px}
}

@media(prefers-reduced-motion:reduce){
  .cinema-extreme *, .cinema-extreme *::before, .cinema-extreme *::after{scroll-behavior:auto}
  .cinema-extreme .hero-logo-fallback::after,.cinema-extreme .terminal-window::after,.cinema-extreme .classified-board::after,.celestial-portal,.celestial-portal>i,.landing-pedestal,.transmission-path>i,.transmission.finale-impact::after,.transmission.finale-impact .transmission-orbit{animation:none!important}
  .cinema-extreme .chapter:not(.is-cinematic-seen) .chapter-head,.cinema-extreme .terminal-log span,.cinema-extreme .timeline-years>div,.cinema-extreme .letter-copy p{opacity:1;transform:none}
  .letter-theatre.is-opening .letter-envelope,.letter-theatre.is-open .letter-envelope{opacity:0}.cinema-extreme .letter-theatre .letter-card{transition:none}.cinema-extreme .letter-theatre.is-open .letter-card{transform:none;opacity:1}
}

/* ===== cute-heaven.css ===== */
/* =========================================================
   ADDON / CAPTAIN — GORGEOUS CUTE-LUXE COLOUR + REAL CLOUD PASS
   Loaded last on purpose. Colour is luminous, never sugary;
   motion remains attached to real story objects.
   ========================================================= */

:root{
  --void:#080510;
  --ink:#0e0917;
  --ink-2:#160d22;
  --panel:rgba(24,15,36,.76);
  --panel-deep:rgba(10,6,18,.91);
  --text:#fff9ff;
  --muted:#bcb2c9;
  --dim:#80758d;
  --ivory:#fff7ea;
  --champagne:#f5d99e;
  --gold:#f5d99e;
  --gold-2:#fff0c4;
  --violet:#c6adff;
  --violet-2:#e3d8ff;
  --violet-soft:#eee8ff;
  --electric:#a882ff;
  --rose:#f4b5d2;
  --rose-soft:#ffd9e9;
  --pearl:#fffaff;
  --sky:#b9ddff;
  --mint:#bcecd8;
  --green:#aee8cf;
  --line:rgba(243,225,255,.15);
  --line-soft:rgba(243,225,255,.085);
  --line-warm:rgba(245,217,158,.25);
  --shadow:0 30px 95px rgba(4,1,12,.42);
  color-scheme:dark;
}

html{background:#080510}
body{
  background:
    radial-gradient(900px 680px at 83% 3%,rgba(182,139,255,.22),transparent 62%),
    radial-gradient(780px 620px at 8% 19%,rgba(246,165,205,.13),transparent 62%),
    radial-gradient(900px 720px at 55% 58%,rgba(114,174,255,.07),transparent 68%),
    linear-gradient(180deg,#080510 0%,#11091b 38%,#090611 73%,#06040c 100%);
  color:var(--text);
}
body::before{
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(237,224,255,.045) 50%,transparent calc(50% + .5px)),
    repeating-linear-gradient(90deg,transparent 0 11.11%,rgba(229,211,255,.022) 11.11% calc(11.11% + 1px));
  opacity:.72;
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:-4;pointer-events:none;
  background:
    radial-gradient(46% 38% at 77% 18%,rgba(205,178,255,.08),transparent 72%),
    radial-gradient(38% 32% at 20% 68%,rgba(255,185,218,.055),transparent 74%);
}
::selection{background:rgba(244,181,210,.38);color:#fff}

.scene-wash{opacity:.78!important;filter:saturate(1.16)!important}
body[data-active-scene="boot"] .scene-wash{background:radial-gradient(circle at 78% 25%,rgba(199,165,255,.18),transparent 30%),radial-gradient(circle at 22% 62%,rgba(247,183,215,.1),transparent 27%)!important}
body[data-active-scene="wins"] .scene-wash,body[data-active-scene="patch"] .scene-wash{background:radial-gradient(circle at 20% 24%,rgba(245,217,158,.12),transparent 29%),radial-gradient(circle at 76% 70%,rgba(198,173,255,.13),transparent 30%)!important}
body[data-active-scene="treat"] .scene-wash{background:radial-gradient(circle at 18% 30%,rgba(247,183,215,.13),transparent 29%),radial-gradient(circle at 78% 72%,rgba(245,217,158,.09),transparent 27%)!important}
body[data-active-scene="founder"] .scene-wash{background:radial-gradient(circle at 75% 24%,rgba(198,173,255,.15),transparent 29%),radial-gradient(circle at 20% 78%,rgba(247,183,215,.09),transparent 26%)!important}
body[data-active-scene="trust"] .scene-wash{background:radial-gradient(circle at 28% 28%,rgba(255,233,202,.1),transparent 31%),radial-gradient(circle at 76% 72%,rgba(244,181,210,.11),transparent 28%)!important}
body[data-active-scene="terminal"] .scene-wash{background:radial-gradient(circle at 72% 24%,rgba(188,236,216,.1),transparent 29%),radial-gradient(circle at 16% 72%,rgba(198,173,255,.09),transparent 27%)!important}
body[data-active-scene="ideas"] .scene-wash{background:radial-gradient(circle at 50% 34%,rgba(177,143,255,.17),transparent 32%),radial-gradient(circle at 80% 74%,rgba(185,221,255,.09),transparent 25%)!important}
body[data-active-scene="banger"] .scene-wash{background:radial-gradient(circle at 22% 28%,rgba(247,183,215,.13),transparent 29%),radial-gradient(circle at 76% 68%,rgba(245,217,158,.08),transparent 27%)!important}
body[data-active-scene="infinity"] .scene-wash{background:radial-gradient(circle at 76% 22%,rgba(185,221,255,.11),transparent 29%),radial-gradient(circle at 20% 73%,rgba(198,173,255,.1),transparent 27%)!important}
body[data-active-scene="classified"] .scene-wash{background:radial-gradient(circle at 70% 30%,rgba(198,173,255,.13),transparent 30%),radial-gradient(circle at 18% 72%,rgba(247,183,215,.09),transparent 27%)!important}
body[data-active-scene="arrival"] .scene-wash{background:radial-gradient(circle at 50% 25%,rgba(229,215,255,.22),transparent 34%),radial-gradient(circle at 28% 76%,rgba(247,183,215,.1),transparent 29%),radial-gradient(circle at 74% 74%,rgba(245,217,158,.075),transparent 25%)!important}
body[data-active-scene="archive"] .scene-wash{background:radial-gradient(circle at 18% 30%,rgba(245,217,158,.08),transparent 28%),radial-gradient(circle at 76% 68%,rgba(198,173,255,.13),transparent 30%)!important}
body[data-active-scene="finale"] .scene-wash{background:radial-gradient(circle at 50% 42%,rgba(198,173,255,.17),transparent 35%),radial-gradient(circle at 50% 80%,rgba(245,217,158,.09),transparent 24%)!important}

#space{opacity:.82;filter:saturate(1.42) brightness(1.08)}
.ambient-noise{opacity:.11!important;mix-blend-mode:soft-light}
.cursor-halo{
  opacity:.42!important;
  background:radial-gradient(circle,rgba(232,211,255,.13),rgba(247,183,215,.065) 31%,transparent 69%)!important;
}
.scroll-progress i{
  background:linear-gradient(90deg,#a98aff,#f1b7d5,#ffe6ae,#b7dcff)!important;
  box-shadow:0 0 20px rgba(221,193,255,.44)!important;
}

/* Pearl-plum command shell. */
.command-bar{
  border-color:rgba(238,222,255,.15)!important;
  background:linear-gradient(115deg,rgba(25,13,38,.82),rgba(13,8,24,.7) 48%,rgba(35,17,39,.68))!important;
  box-shadow:0 24px 76px rgba(3,1,10,.34),inset 0 1px rgba(255,255,255,.08)!important;
}
.command-bar.scrolled{background:rgba(13,7,22,.9)!important;border-color:rgba(240,216,255,.18)!important}
.wordmark{color:#fff8ff!important}
.wordmark-mark{
  color:#fff0c4!important;border-color:rgba(246,216,157,.42)!important;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.14),rgba(187,145,255,.08) 62%,transparent)!important;
  box-shadow:inset 0 0 22px rgba(196,169,255,.13),0 0 28px rgba(242,183,215,.08)!important;
}
.status-dot{background:var(--mint)!important;box-shadow:0 0 0 5px rgba(188,236,216,.08),0 0 18px rgba(188,236,216,.5)!important}
.reply-counter>span{color:var(--rose-soft)!important}
.chapter-rail{background:rgba(15,8,25,.63)!important;border-color:rgba(236,220,255,.12)!important;box-shadow:0 22px 68px rgba(2,1,8,.32)}
.rail-dot b{color:#9e91ad}.rail-dot.is-active b{color:var(--champagne)!important}.rail-dot.is-active::before{background:linear-gradient(180deg,var(--rose),var(--violet))!important;box-shadow:0 0 14px rgba(207,177,255,.58)!important}

/* Hero gets visible colour without losing premium contrast. */
.hero{
  background:
    radial-gradient(680px 620px at 78% 46%,rgba(190,153,255,.20),transparent 64%),
    radial-gradient(600px 470px at 29% 37%,rgba(246,171,209,.095),transparent 66%),
    radial-gradient(900px 620px at 56% 92%,rgba(132,190,255,.065),transparent 68%),
    linear-gradient(180deg,rgba(8,5,16,.08),rgba(8,5,16,.72) 88%,#080510)!important;
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:conic-gradient(from 220deg at 73% 49%,transparent,rgba(255,206,228,.045),rgba(208,184,255,.08),transparent 38%);
  mask-image:radial-gradient(circle at 73% 49%,#000,transparent 64%);
}
.system-tag{border-color:var(--rose)!important;background:linear-gradient(90deg,rgba(247,183,215,.12),rgba(196,169,255,.04),transparent)!important;color:#d9cede!important}
.hero h1 .line:first-child{color:#fffaff!important;text-shadow:0 14px 44px rgba(13,5,25,.3)}
.hero h1 .italic{
  background:linear-gradient(102deg,#ffd39f 0%,#fff2ca 28%,#ffc8e0 57%,#d8c4ff 78%,#b9dcff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  filter:drop-shadow(0 12px 38px rgba(208,155,255,.13));
}
.hero-lede{color:rgba(252,242,255,.72)!important}
.install-button{
  border-color:rgba(244,181,210,.34)!important;
  background:linear-gradient(112deg,rgba(249,190,219,.13),rgba(190,159,255,.12),rgba(249,220,166,.07))!important;
  box-shadow:0 28px 75px rgba(5,1,13,.4),inset 0 1px rgba(255,255,255,.12),0 0 40px rgba(201,169,255,.055)!important;
}
.install-button:hover{border-color:rgba(255,220,236,.62)!important;box-shadow:0 34px 86px rgba(4,1,11,.46),0 0 46px rgba(232,178,211,.1)!important}
.install-progress{background:linear-gradient(90deg,rgba(244,181,210,.18),rgba(198,173,255,.2),rgba(245,217,158,.17))!important}
.hero-logo-depth::before{border-color:rgba(244,181,210,.25)!important;box-shadow:0 0 90px rgba(190,153,255,.14)!important}
.hero-logo-depth img{box-shadow:0 0 0 1px rgba(255,236,248,.17),0 26px 90px rgba(173,129,255,.15)!important}
.hero-logo-depth i{border-color:rgba(205,184,255,.24)!important}
.hud-axis i{background:linear-gradient(90deg,var(--rose),var(--violet),var(--sky))!important}
.hud-axis b{color:var(--rose-soft)!important}

/* Chapters and modules: coloured glass, not muddy black cards. */
.chapter{border-color:rgba(229,211,255,.065)!important}
.chapter::before{color:rgba(238,221,255,.025)!important}
.chapter-head{border-color:rgba(235,219,255,.105)!important}
.chapter-index{
  color:var(--rose-soft)!important;border-color:rgba(244,181,210,.28)!important;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.1),rgba(205,170,255,.09) 52%,transparent 74%)!important;
  box-shadow:inset 0 0 30px rgba(205,173,255,.075),0 0 32px rgba(244,181,210,.035)!important;
}
.chapter-head h2{color:#fffaff!important}
.chapter-head h2 em{
  color:transparent!important;
  background:linear-gradient(105deg,#ffdca9,#ffc9df 48%,#cdb8ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
.eyebrow{color:#bfb2cd!important}.head-meta b{color:#e8dcf0!important}
.chapter-cinema-hud>i{background:linear-gradient(90deg,transparent,var(--rose),var(--violet))!important}
.chapter-cinema-hud b{color:var(--rose-soft)!important}

.surface,.reply-module{
  border-color:rgba(234,216,255,.13)!important;
  background:
    radial-gradient(520px 210px at 88% 0%,rgba(235,173,211,.075),transparent 66%),
    radial-gradient(480px 240px at 8% 100%,rgba(173,142,255,.075),transparent 68%),
    linear-gradient(145deg,rgba(31,18,45,.83),rgba(13,8,23,.88))!important;
  box-shadow:0 34px 100px rgba(3,1,10,.34),inset 0 1px rgba(255,255,255,.06)!important;
}
.surface-label span,.reply-prompt b{color:#b9afc4!important}.surface-label b,.reply-prompt span{color:#d7c8ff!important}
.message-copy{color:#e8dfeb!important}
.reply-module:focus-within{border-color:rgba(244,181,210,.34)!important;box-shadow:0 28px 90px rgba(3,1,10,.38),0 0 46px rgba(217,169,255,.07)!important}
.reaction-chip{border-color:rgba(235,219,255,.11)!important;background:rgba(224,200,255,.035)!important}
.reaction-chip:hover,.reaction-chip.selected{border-color:rgba(244,181,210,.32)!important;background:linear-gradient(145deg,rgba(244,181,210,.1),rgba(198,173,255,.08))!important}

.debt-ledger,.terminal-window,.idea-cosmos,.archive,.transmission,.classified-message,.timeline-card{
  border-color:rgba(235,217,255,.13)!important;
}
.debt-ledger{background:radial-gradient(circle at 50% 17%,rgba(247,183,215,.09),transparent 37%),linear-gradient(180deg,#140b1d,#0a0711)!important}
.debt-token{background:linear-gradient(145deg,rgba(244,181,210,.075),rgba(188,155,255,.06),rgba(11,7,19,.86))!important;border-color:rgba(238,220,255,.13)!important}
.equity-ring{background:conic-gradient(#f4b5d2 calc(var(--equity)*.55%),#c6adff calc(var(--equity)*1%),rgba(255,255,255,.06) 0)!important}
.idea-core{background:radial-gradient(circle,#fff5fc 0 3%,#d3beff 5%,rgba(174,139,255,.28) 19%,rgba(22,11,35,.92) 54%)!important;box-shadow:0 0 90px rgba(193,154,255,.2)!important}
.terminal-window{background:linear-gradient(155deg,rgba(17,12,27,.96),rgba(8,7,14,.98))!important;box-shadow:0 45px 125px rgba(3,1,9,.4),0 0 70px rgba(167,223,205,.045)!important}
.classified-card.unlocked{border-color:rgba(188,236,216,.2)!important}.classified-card.redacted{border-color:rgba(244,181,210,.12)!important}
.timeline-track i{background:linear-gradient(90deg,var(--rose),var(--violet),var(--sky))!important}
.archive{background:radial-gradient(circle at 50% 18%,rgba(195,166,255,.105),transparent 34%),linear-gradient(180deg,#140c20,#090612)!important}
.orbit-card.is-active{border-color:rgba(255,217,235,.26)!important;box-shadow:0 44px 110px rgba(3,1,10,.55),0 0 58px rgba(224,175,255,.105)!important}
.transmission{background:radial-gradient(circle at 20% 46%,rgba(247,183,215,.085),transparent 31%),radial-gradient(circle at 78% 52%,rgba(185,221,255,.075),transparent 32%),linear-gradient(145deg,#160d22,#080510)!important}
.send-button,.deploy-button,.primary-action{
  background:linear-gradient(104deg,#fff0c9 0%,#ffd2e5 42%,#d9c8ff 78%,#c2e2ff 100%)!important;
  color:#160b1d!important;border-color:rgba(255,255,255,.5)!important;
  box-shadow:0 18px 55px rgba(160,115,218,.2),inset 0 1px #fff!important;
}
.send-button:hover,.deploy-button:hover,.primary-action:hover{filter:brightness(1.04) saturate(1.05);box-shadow:0 24px 68px rgba(166,116,226,.27),0 0 34px rgba(249,190,219,.16)!important}

/* Keep the paper/contract realistic; only their stages receive cuter light. */
.contract-desk-glow{background:radial-gradient(circle at 68% 22%,rgba(255,222,190,.18),transparent 35%),radial-gradient(circle at 12% 84%,rgba(215,185,255,.12),transparent 31%),radial-gradient(circle at 89% 79%,rgba(249,183,214,.075),transparent 24%)!important}
.contract-ceremony-console{border-color:rgba(244,181,210,.18)!important;background:linear-gradient(145deg,rgba(34,18,37,.93),rgba(12,8,19,.91))!important}
.letter-theatre{background:radial-gradient(circle at 50% 18%,rgba(255,222,183,.14),transparent 30%),radial-gradient(circle at 10% 86%,rgba(208,174,255,.11),transparent 32%),radial-gradient(circle at 90% 74%,rgba(250,186,216,.08),transparent 28%),linear-gradient(145deg,#1b1022,#0b0711 68%)!important;border-color:rgba(246,219,238,.13)!important}
.envelope-seal{background:radial-gradient(circle at 34% 24%,#ed9bbd,#a34570 54%,#5d2240)!important;box-shadow:0 14px 26px rgba(70,18,48,.36),inset 0 0 0 2px rgba(255,234,242,.2),inset 0 0 0 8px rgba(67,13,41,.14)!important}
.letter-open-control{border-color:rgba(244,181,210,.32)!important;background:linear-gradient(100deg,rgba(34,17,39,.92),rgba(22,13,34,.9))!important;color:#ffeef7!important}
.letter-open-control:hover{background:linear-gradient(105deg,#ffd7e8,#e1d2ff)!important;color:#1c0e25!important}

/* =========================================================
   TRUE HEAVENFALL: Paari travels through photographic clouds.
   The same transparent asset is split into physical depth planes.
   ========================================================= */
.arrival-scene{
  --scene-accent:#f2b6d4;
  background:
    radial-gradient(60% 38% at 50% 22%,rgba(213,192,255,.12),transparent 68%),
    radial-gradient(44% 30% at 50% 70%,rgba(251,187,219,.07),transparent 72%);
}
.arrival-stage{
  min-height:820px!important;height:min(88vh,900px)!important;
  overflow:hidden!important;isolation:isolate;
  background:
    radial-gradient(ellipse at 50% -2%,rgba(255,251,255,.31),transparent 20%),
    radial-gradient(ellipse at 50% 22%,rgba(211,190,255,.3),transparent 38%),
    radial-gradient(circle at 50% 57%,rgba(183,146,255,.2),transparent 33%),
    radial-gradient(circle at 50% 82%,rgba(248,185,216,.105),transparent 31%),
    linear-gradient(180deg,#1c1330 0%,#140d25 36%,#0d0918 74%,#080610 100%)!important;
  border-color:rgba(238,219,255,.19)!important;
  box-shadow:0 75px 190px rgba(3,1,11,.52),0 0 120px rgba(187,148,255,.11),inset 0 1px rgba(255,255,255,.08)!important;
}
.arrival-stage::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(112deg,transparent 28%,rgba(255,232,247,.045) 46%,transparent 66%),
    radial-gradient(circle at 50% 24%,rgba(255,255,255,.16),transparent 22%);
  mix-blend-mode:screen;
}
.arrival-grid{opacity:.09!important;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.heaven-vault{z-index:1!important;opacity:.72!important}.heaven-vault i{border-color:rgba(240,228,255,.13)!important}
.heaven-clouds{z-index:3!important;opacity:.38}.cloud{opacity:.21!important;filter:blur(38px)!important}
.heaven-rays{z-index:4!important;opacity:.64!important}.heaven-rays i{background:linear-gradient(180deg,rgba(255,250,255,.34),rgba(230,209,255,.11) 40%,rgba(251,200,225,.04) 66%,transparent 88%)!important}
.arrival-beam{z-index:3!important;background:linear-gradient(180deg,rgba(255,252,255,.19),rgba(212,190,255,.075) 44%,transparent 90%)!important;filter:blur(8px)!important}

.real-cloud-gate{position:absolute;inset:-7% -10% -4%;z-index:6;pointer-events:none;overflow:hidden;transform-style:preserve-3d}
.real-cloud{
  position:absolute;left:50%;top:0;width:120%;height:82%;max-width:none;object-fit:cover;object-position:50% 38%;
  transform:translateX(-50%) translateZ(0) scale(1.15);transform-origin:50% 28%;
  filter:brightness(1.07) saturate(.9) drop-shadow(0 34px 45px rgba(6,2,16,.38));
  will-change:transform,opacity,filter;user-select:none;
}
.cloud-back{z-index:1;opacity:.68;filter:brightness(.82) saturate(.78) blur(2px) drop-shadow(0 42px 48px rgba(3,1,10,.5));transform:translateX(-50%) translateY(-6%) scale(1.28)}
.cloud-left{z-index:4;clip-path:inset(0 50% 0 0);opacity:.98;object-position:50% 33%}
.cloud-right{z-index:4;clip-path:inset(0 0 0 50%);opacity:.98;object-position:50% 33%}
.cloud-front{z-index:8;top:45%;height:60%;opacity:.84;object-position:50% 68%;transform:translateX(-50%) scale(1.2);filter:brightness(1.02) saturate(.86) blur(.35px) drop-shadow(0 -20px 40px rgba(12,5,23,.24));mask-image:linear-gradient(to bottom,transparent 0,#000 15% 72%,transparent 100%)}
.cloud-sunwell{position:absolute;z-index:3;left:50%;top:13%;width:38%;height:42%;transform:translateX(-50%) scale(.35);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.58),rgba(255,230,247,.2) 26%,rgba(211,185,255,.12) 48%,transparent 73%);filter:blur(18px);opacity:0;will-change:transform,opacity}

.paari-camera{z-index:7!important}
.captain-drop{filter:drop-shadow(0 28px 42px rgba(7,2,18,.48))}
.captain-photo-shell{filter:saturate(1.06) brightness(1.04)}
.captain-photo-shell::before{content:"";position:absolute;inset:5% 10% 2%;z-index:-1;border-radius:48%;background:radial-gradient(circle at 50% 42%,rgba(255,235,246,.3),rgba(198,168,255,.14) 48%,transparent 72%);filter:blur(28px)}
.stardust{z-index:9!important;filter:drop-shadow(0 0 7px rgba(244,204,226,.9))!important}
.celestial-portal{z-index:2!important}.celestial-portal>i{border-color:rgba(244,211,234,.18)!important;box-shadow:inset 0 0 90px rgba(201,173,255,.07),0 0 62px rgba(224,185,255,.055)!important}
.impact-bloom{z-index:9!important;background:radial-gradient(ellipse,rgba(255,234,247,.38),rgba(213,180,255,.2) 36%,rgba(245,217,158,.08) 56%,transparent 72%)!important}
.landing-pedestal{z-index:8!important;border-color:rgba(255,215,234,.23)!important;background:radial-gradient(ellipse,rgba(255,214,234,.13),rgba(199,169,255,.08) 38%,transparent 68%)!important}
.arrival-sequence>div{border-color:rgba(238,222,255,.12)!important;background:rgba(19,10,31,.48)!important}.arrival-sequence>div.is-active{border-color:rgba(244,181,210,.42)!important;box-shadow:0 0 34px rgba(221,174,255,.08)}
.arrival-sequence>div.is-done i,.arrival-sequence>div.is-done b{color:#ffe7b8!important}
.arrival-topline{color:#d9cde5!important}.arrival-topline b{color:#ffd4e7!important}
.arrival-callout{border-color:rgba(255,215,235,.32)!important;background:linear-gradient(105deg,rgba(42,21,49,.82),rgba(22,13,37,.86))!important;color:#fff1f8!important}
.cinema-extreme .arrival-note{border-color:rgba(244,181,210,.18)!important;background:radial-gradient(circle at 82% 14%,rgba(247,183,215,.11),transparent 32%),radial-gradient(circle at 12% 90%,rgba(194,164,255,.08),transparent 32%),linear-gradient(145deg,rgba(29,16,39,.94),rgba(12,8,20,.96))!important}

/* Closed sky: clouds overlap the centre. Open sky: they part while Paari passes through. */
.arrival-stage.heavenfall-active .cloud-back{animation:cloudBackBreathe 4.65s cubic-bezier(.2,.78,.2,1) both}
.arrival-stage.heavenfall-active .cloud-left{animation:realCloudOpenLeft 4.65s cubic-bezier(.2,.78,.2,1) both}
.arrival-stage.heavenfall-active .cloud-right{animation:realCloudOpenRight 4.65s cubic-bezier(.2,.78,.2,1) both}
.arrival-stage.heavenfall-active .cloud-front{animation:realCloudFront 4.65s cubic-bezier(.2,.78,.2,1) both}
.arrival-stage.heavenfall-active .cloud-sunwell{animation:cloudSunwell 4.4s cubic-bezier(.18,.82,.2,1) both}
.captain-drop.deploying{animation:paariThroughRealClouds 4.55s cubic-bezier(.16,.84,.2,1) both!important}

@keyframes realCloudOpenLeft{
  0%,8%{opacity:1;transform:translateX(-43%) translateY(2%) scale(1.24);filter:brightness(.88) saturate(.8) blur(1.5px) drop-shadow(0 34px 45px rgba(6,2,16,.42))}
  27%{opacity:1;transform:translateX(-47%) translateY(0) scale(1.2);filter:brightness(1.02) saturate(.9) blur(0) drop-shadow(0 34px 45px rgba(6,2,16,.36))}
  62%{opacity:.88;transform:translateX(-67%) translateY(-4%) scale(1.08);filter:brightness(1.07) saturate(.9) blur(.25px) drop-shadow(0 34px 45px rgba(6,2,16,.34))}
  100%{opacity:.88;transform:translateX(-72%) translateY(-5%) scale(1.05);filter:brightness(1.07) saturate(.9) blur(.3px) drop-shadow(0 34px 45px rgba(6,2,16,.3))}
}
@keyframes realCloudOpenRight{
  0%,8%{opacity:1;transform:translateX(-57%) translateY(2%) scale(1.24);filter:brightness(.88) saturate(.8) blur(1.5px) drop-shadow(0 34px 45px rgba(6,2,16,.42))}
  27%{opacity:1;transform:translateX(-53%) translateY(0) scale(1.2);filter:brightness(1.02) saturate(.9) blur(0) drop-shadow(0 34px 45px rgba(6,2,16,.36))}
  62%{opacity:.88;transform:translateX(-33%) translateY(-4%) scale(1.08);filter:brightness(1.07) saturate(.9) blur(.25px) drop-shadow(0 34px 45px rgba(6,2,16,.34))}
  100%{opacity:.88;transform:translateX(-28%) translateY(-5%) scale(1.05);filter:brightness(1.07) saturate(.9) blur(.3px) drop-shadow(0 34px 45px rgba(6,2,16,.3))}
}
@keyframes cloudBackBreathe{
  0%{opacity:.86;transform:translateX(-50%) translateY(-7%) scale(1.34);filter:brightness(.72) saturate(.7) blur(4px)}
  44%{opacity:.72;filter:brightness(.95) saturate(.82) blur(2px)}
  100%{opacity:.5;transform:translateX(-50%) translateY(-12%) scale(1.19);filter:brightness(.83) saturate(.76) blur(3px)}
}
@keyframes realCloudFront{
  0%,22%{opacity:.94;transform:translateX(-50%) translateY(18%) scale(1.3);filter:brightness(.9) saturate(.8) blur(2.2px)}
  48%{opacity:.84;transform:translateX(-50%) translateY(4%) scale(1.17);filter:brightness(1.01) saturate(.88) blur(.5px)}
  100%{opacity:.64;transform:translateX(-50%) translateY(15%) scale(1.1);filter:brightness(1.03) saturate(.88) blur(.65px)}
}
@keyframes cloudSunwell{
  0%{opacity:0;transform:translateX(-50%) scale(.25)}
  22%{opacity:.85}
  47%{opacity:1;transform:translateX(-50%) scale(1.1)}
  100%{opacity:.34;transform:translateX(-50%) scale(1.42)}
}
@keyframes paariThroughRealClouds{
  0%{opacity:0;transform:translate(-50%,-155%) scale(.54) rotateX(-18deg);filter:blur(24px) brightness(1.55) saturate(.65)}
  15%{opacity:.18;transform:translate(-50%,-132%) scale(.61) rotateX(-11deg);filter:blur(16px) brightness(1.42) saturate(.75)}
  30%{opacity:.62;transform:translate(-50%,-104%) scale(.74) rotateX(-5deg);filter:blur(8px) brightness(1.28) saturate(.9)}
  48%{opacity:1;transform:translate(-50%,-72%) scale(.91) rotateX(1.5deg);filter:blur(1.8px) brightness(1.12) saturate(1.02)}
  67%{transform:translate(-50%,-47%) scale(1.04) rotateX(-1deg);filter:blur(0) brightness(1.05) saturate(1.08)}
  79%{transform:translate(-50%,-53%) scale(.985) rotateX(.5deg)}
  90%{transform:translate(-50%,-49%) scale(1.008)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0);filter:blur(0) brightness(1.03) saturate(1.06)}
}

/* Click feedback uses the new palette and stays local. */
.peak-spark{filter:drop-shadow(0 0 8px rgba(244,181,210,.52))!important}
.peak-ripple{border-color:rgba(221,194,255,.32)!important;box-shadow:0 0 22px rgba(244,181,210,.09)!important}
.peak-slot-flare{background:radial-gradient(circle,rgba(255,232,246,.8),rgba(202,174,255,.28) 35%,transparent 70%)!important}
.toast{border-color:rgba(244,181,210,.22)!important;background:rgba(23,11,32,.9)!important;color:#fff1f8!important}
.lightbox{background:rgba(8,4,14,.9)!important}.lightbox-frame{border-color:rgba(239,218,255,.18)!important;box-shadow:0 44px 130px rgba(3,1,10,.72),0 0 70px rgba(191,149,255,.08)!important}

@media(max-width:760px){
  .arrival-stage{min-height:700px!important;height:700px!important}
  .real-cloud-gate{inset:-5% -28% -5%}
  .real-cloud{width:154%;height:76%;object-position:50% 38%}
  .cloud-front{top:47%;height:56%;width:166%}
  .cloud-sunwell{top:17%;width:58%;height:38%}
  .chapter-head h2{font-size:clamp(38px,11vw,66px)!important}
}
@media(max-width:480px){
  .arrival-stage{min-height:650px!important;height:650px!important}
  .real-cloud-gate{inset:-3% -42% -6%}
  .real-cloud{width:184%;height:72%;object-position:50% 40%}
  .cloud-front{width:190%;top:48%}
  .surface,.reply-module{border-radius:20px!important}
}

@media(prefers-reduced-motion:reduce){
  .arrival-stage.heavenfall-active .real-cloud,.arrival-stage.heavenfall-active .cloud-sunwell,.captain-drop.deploying{animation:none!important}
  .cloud-left{transform:translateX(-68%) scale(1.06);opacity:.74}.cloud-right{transform:translateX(-32%) scale(1.06);opacity:.74}.cloud-front{opacity:.58}.cloud-sunwell{opacity:.42;transform:translateX(-50%) scale(1)}
  .captain-drop{opacity:1!important;transform:translate(-50%,-50%)!important;filter:none!important}
}

/* =========================================================
   FINAL PALETTE — PEARL DAYLIGHT / POWDER LILAC / PETAL BLUSH
   A complete tonal reset: luminous, cute and calm. Deep plum
   is reserved for readable ink and cinematic contrast only.
   ========================================================= */
:root{
  --void:#f8f4fb;
  --ink:#2d2238;
  --ink-2:#493656;
  --panel:rgba(255,255,255,.72);
  --panel-deep:rgba(255,252,255,.92);
  --text:#30243a;
  --muted:#74677f;
  --dim:#9a8ca5;
  --ivory:#fffaf0;
  --champagne:#c79a55;
  --gold:#c79a55;
  --gold-2:#865f29;
  --violet:#9e82c8;
  --violet-2:#745994;
  --violet-soft:#eee6fb;
  --electric:#aa8bdd;
  --rose:#dc91b5;
  --rose-soft:#f7d4e4;
  --pearl:#fffdfd;
  --sky:#a8cce8;
  --mint:#9bcfbe;
  --green:#72b79e;
  --line:rgba(76,53,91,.13);
  --line-soft:rgba(76,53,91,.075);
  --line-warm:rgba(194,145,83,.2);
  --shadow:0 30px 86px rgba(79,55,102,.13);
  color-scheme:light;
}

html{background:#f8f4fb!important}
body{
  color:var(--text)!important;
  background:
    radial-gradient(900px 720px at 89% 4%,rgba(203,188,241,.66),transparent 64%),
    radial-gradient(760px 670px at 3% 21%,rgba(250,205,225,.58),transparent 65%),
    radial-gradient(900px 760px at 84% 56%,rgba(190,222,246,.42),transparent 69%),
    radial-gradient(850px 650px at 18% 82%,rgba(255,225,202,.32),transparent 68%),
    linear-gradient(180deg,#fffafd 0%,#f5effa 37%,#f4f1fb 70%,#fff9fb 100%)!important;
}
body::before{
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(93,67,109,.04) 50%,transparent calc(50% + .5px)),
    repeating-linear-gradient(90deg,transparent 0 11.11%,rgba(93,67,109,.025) 11.11% calc(11.11% + 1px))!important;
  opacity:.46!important;
}
body::after{
  background:
    radial-gradient(45% 36% at 78% 18%,rgba(188,167,228,.18),transparent 73%),
    radial-gradient(38% 32% at 17% 68%,rgba(248,190,218,.14),transparent 74%)!important;
}
::selection{background:rgba(222,145,181,.28)!important;color:#342440!important}
#space{opacity:.11!important;filter:saturate(.6) contrast(.75)!important;mix-blend-mode:multiply}
.ambient-noise{opacity:.035!important;mix-blend-mode:multiply!important}
.cursor-halo{opacity:.52!important;background:radial-gradient(circle,rgba(182,153,218,.15),rgba(239,173,204,.08) 31%,transparent 68%)!important}
.scene-wash{opacity:.72!important;filter:saturate(.82)!important;mix-blend-mode:multiply}
.scroll-progress{background:rgba(255,255,255,.48)!important}.scroll-progress i{background:linear-gradient(90deg,#9e82c8,#df91b7,#e8bf7d,#9fcbe9)!important;box-shadow:0 0 18px rgba(157,121,194,.25)!important}

/* The command shell becomes a floating strip of pearl glass. */
.command-bar{
  border-color:rgba(91,63,108,.13)!important;
  background:linear-gradient(118deg,rgba(255,255,255,.82),rgba(248,240,253,.78) 48%,rgba(255,243,248,.78))!important;
  box-shadow:0 18px 58px rgba(78,54,98,.12),inset 0 1px rgba(255,255,255,.94)!important;
}
.command-bar.scrolled{background:rgba(255,252,255,.9)!important;border-color:rgba(91,63,108,.15)!important;box-shadow:0 16px 52px rgba(73,51,91,.14)!important}
.wordmark{color:#382a43!important}.wordmark-mark{
  color:#4f3861!important;border-color:rgba(123,88,146,.19)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,226,252,.9) 55%,rgba(255,222,236,.82))!important;
  box-shadow:inset 0 1px #fff,0 8px 24px rgba(113,79,137,.15)!important;
  text-shadow:none!important;
}
.command-center,.reply-counter small{color:#84758e!important}.reply-counter>span{color:#8a5c98!important}
.status-dot{background:#80bda8!important;box-shadow:0 0 0 5px rgba(128,189,168,.12),0 0 16px rgba(99,167,144,.32)!important}
.chapter-rail{background:rgba(255,252,255,.78)!important;border-color:rgba(84,59,99,.12)!important;box-shadow:0 18px 55px rgba(70,49,86,.12)!important}
.rail-line{background:rgba(75,52,89,.08)!important}.rail-dot b{color:#9b8aa4!important}.rail-dot span{color:#776881!important}.rail-dot.is-active b{color:#845b91!important}.rail-dot.is-active::before{background:linear-gradient(180deg,#e19cbb,#a88bd2)!important;box-shadow:0 0 14px rgba(166,130,203,.34)!important}

/* Hero: airy editorial daylight with a physical content lens. */
.hero{
  background:
    radial-gradient(680px 590px at 76% 45%,rgba(196,177,233,.46),transparent 65%),
    radial-gradient(620px 500px at 27% 32%,rgba(251,207,226,.4),transparent 66%),
    radial-gradient(760px 520px at 57% 91%,rgba(178,216,242,.27),transparent 70%),
    linear-gradient(180deg,rgba(255,252,255,.74),rgba(244,237,249,.58) 88%,rgba(247,242,250,.95))!important;
}
.hero::before{background:conic-gradient(from 220deg at 73% 49%,transparent,rgba(255,255,255,.34),rgba(191,170,229,.22),transparent 38%)!important}
.system-tag{border-color:rgba(203,118,161,.3)!important;background:linear-gradient(90deg,rgba(250,209,228,.65),rgba(231,216,248,.28),transparent)!important;color:#755f7d!important}
.hero h1 .line:first-child{color:#32243e!important;text-shadow:0 12px 38px rgba(92,65,110,.08)!important}
.hero h1 .italic{
  background:linear-gradient(102deg,#9a6542 0%,#be7a6f 28%,#bd668f 55%,#8968ad 78%,#6088a8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  filter:drop-shadow(0 8px 20px rgba(138,96,158,.08))!important;
}
.hero-lede{color:#6e6079!important}.hero-version small{color:#a091aa!important}.hero-version b{color:#6c5b76!important}
.install-button{
  color:#3c2c47!important;border-color:rgba(127,91,147,.18)!important;
  background:linear-gradient(112deg,rgba(255,255,255,.86),rgba(246,222,236,.72),rgba(228,216,249,.76),rgba(211,234,249,.66))!important;
  box-shadow:0 22px 56px rgba(87,61,105,.14),inset 0 1px rgba(255,255,255,.94)!important;
}
.install-button:hover{border-color:rgba(177,104,145,.35)!important;box-shadow:0 28px 68px rgba(90,63,109,.18),0 0 34px rgba(226,155,190,.15)!important}
.install-progress{background:linear-gradient(90deg,rgba(233,160,195,.3),rgba(177,147,218,.3),rgba(155,201,233,.28))!important}
.install-icon{color:#8e69a5!important;border-color:rgba(119,84,139,.16)!important;background:rgba(255,255,255,.54)!important}
.hero-logo-fallback>span,.hud-caption,.hud-axis span{color:#807087!important}.hud-axis b{color:#96688f!important}.hud-axis i{background:linear-gradient(90deg,#df9ab9,#a589cf,#9ecae8)!important}
.hero-logo-depth::before{border-color:rgba(139,99,158,.16)!important;box-shadow:0 0 110px rgba(185,150,218,.24)!important;background:radial-gradient(circle,rgba(255,255,255,.48),transparent 69%)!important}
.hero-logo-depth img{box-shadow:0 0 0 1px rgba(255,255,255,.8),0 30px 80px rgba(95,66,116,.2)!important;filter:saturate(.95) drop-shadow(0 18px 24px rgba(102,71,120,.15))!important}
.hero-logo-depth i{border-color:rgba(129,93,150,.17)!important}
.scroll-cue{color:#94859f!important}.scroll-cue i{background:linear-gradient(90deg,#aa8eb8,transparent)!important}.scroll-cue i::after{background:#c582a4!important}

/* Editorial chapter typography and quiet separators. */
.chapter{border-color:rgba(77,53,91,.055)!important;background-color:transparent!important}
.chapter::before{color:rgba(94,67,110,.035)!important}.chapter-head{border-color:rgba(78,55,92,.1)!important}.head-meta{border-color:rgba(78,55,92,.11)!important}
.chapter-index{color:#8c658f!important;border-color:rgba(157,108,157,.2)!important;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(238,224,249,.64))!important;box-shadow:inset 0 1px #fff,0 10px 28px rgba(92,63,108,.1)!important}
.chapter-head h2{color:#34263f!important}.chapter-head h2 em{color:transparent!important;background:linear-gradient(105deg,#a16f44,#c66f98 48%,#8266a8)!important;-webkit-background-clip:text!important;background-clip:text!important}
.eyebrow{color:#7e6f88!important}.head-meta span{color:#9d8fa5!important}.head-meta b{color:#6b5a75!important}
.chapter-cinema-hud>i{background:linear-gradient(90deg,transparent,#dc93b4,#a58bcd)!important}.chapter-cinema-hud b{color:#8b688f!important}

/* Milk-glass modules; content remains grounded inside each chapter. */
.surface,.reply-module{
  color:#33263e!important;border-color:rgba(83,58,98,.12)!important;
  background:
    radial-gradient(520px 250px at 90% 0%,rgba(250,211,229,.3),transparent 67%),
    radial-gradient(500px 260px at 7% 100%,rgba(216,201,242,.34),transparent 69%),
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(250,246,252,.74))!important;
  box-shadow:0 30px 82px rgba(75,52,93,.12),inset 0 1px rgba(255,255,255,.95),inset 0 -1px rgba(89,62,103,.04)!important;
}
.surface::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(182,149,214,.12),transparent 56%)!important}
.surface-label span,.reply-prompt b{color:#76677f!important}.surface-label b,.reply-prompt span{color:#835f91!important}.message-copy{color:#4b3d55!important}.message-copy .soft{color:#8e8097!important}.accent-line{color:#9a557f!important}
.reply-module:focus-within{border-color:rgba(181,111,154,.3)!important;box-shadow:0 28px 76px rgba(78,54,95,.14),0 0 0 4px rgba(209,144,179,.08)!important}
.reply-module textarea{color:#3f3149!important;caret-color:#a45f89!important}.reply-module textarea::placeholder{color:#a697ae!important}.reply-prompt,.reply-foot{border-color:rgba(81,57,95,.08)!important}.reply-foot{color:#918298!important}
.reaction-chip{color:#64566d!important;border-color:rgba(85,61,99,.11)!important;background:rgba(255,255,255,.5)!important}.reaction-chip:hover,.reaction-chip.selected{border-color:rgba(197,119,160,.28)!important;background:linear-gradient(145deg,rgba(250,218,233,.74),rgba(232,220,250,.72))!important}

/* Chapter 01 keeps logos separate — only the runway itself receives light. */
.wins-scene{background:radial-gradient(900px 660px at 74% 42%,rgba(172,198,237,.25),transparent 67%),linear-gradient(180deg,transparent,rgba(245,239,249,.52),transparent)!important}
.logo-runway{border-top-color:rgba(190,139,79,.22)!important;border-bottom-color:rgba(81,57,95,.09)!important}
.logo-runway::before{background:linear-gradient(90deg,transparent 49.9%,rgba(87,62,101,.045) 50%,transparent 50.1%),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(87,62,101,.04) calc(25% - 1px) 25%)!important}
.logo-runway::after{background:radial-gradient(ellipse at center,rgba(161,129,196,.17),transparent 67%)!important}
.runway-copy>span{color:#9b6c3e!important}.runway-copy h3{color:#3b2c45!important}.runway-copy p{color:#75677d!important}
.logo-monument img{filter:drop-shadow(0 28px 24px rgba(68,46,82,.2)) drop-shadow(0 0 20px rgba(164,132,197,.07))!important}.logo-monument:hover img,.logo-monument:focus-visible img{filter:drop-shadow(0 34px 28px rgba(68,46,82,.23)) drop-shadow(0 0 28px rgba(162,127,197,.15))!important}
.logo-uoft img,.logo-kpmg img{filter:brightness(1.08) saturate(1.03) drop-shadow(0 28px 24px rgba(68,46,82,.2))!important}.logo-uoft:hover img,.logo-kpmg:hover img,.logo-uoft:focus-visible img,.logo-kpmg:focus-visible img{filter:brightness(1.08) saturate(1.06) drop-shadow(0 34px 28px rgba(68,46,82,.24))!important}
.logo-index{color:#9c8da4!important}.logo-caption b{color:#43344d!important}.logo-caption small{color:#8d7e95!important}.logo-monument::before{background:linear-gradient(to bottom,rgba(194,145,83,.55),transparent)!important}.logo-monument::after{background:linear-gradient(90deg,transparent,rgba(176,127,87,.48),transparent)!important;box-shadow:0 0 22px rgba(159,127,194,.15)!important}.runway-baseline{color:#96879f!important}.runway-baseline i{background:linear-gradient(90deg,rgba(160,129,193,.04),rgba(194,145,83,.28),rgba(160,129,193,.04))!important}.runway-baseline b{color:#996c39!important}
.chapter-ledger{border-color:rgba(84,59,98,.1)!important}.chapter-ledger-label{color:#95869e!important}.chapter-ledger-label b,.chapter-ledger-copy .accent-line{color:#986b3b!important}.chapter-ledger-copy p{color:#5d4e66!important;border-color:rgba(84,59,98,.08)!important}
.current-orbit{border-color:rgba(104,143,190,.16)!important}.current-orbit-meta{color:#8b7d94!important}.current-orbit-meta b{color:#6687ad!important}.current-orbit-copy b{color:#44354e!important}.current-orbit-copy span{color:#8c7e94!important}

/* Treat, boardroom and query spaces stay playful without black panels. */
.debt-terminal{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,237,249,.72))!important}.debt-ledger{background:radial-gradient(circle at 50% 17%,rgba(249,207,226,.48),transparent 40%),linear-gradient(180deg,#fffafd,#f3eafb)!important;border-color:rgba(153,107,144,.16)!important}.debt-ledger>strong{color:#835f92!important;text-shadow:0 12px 32px rgba(133,95,151,.12)!important}.ledger-title span,.ledger-title small,.ledger-unit,.ledger-slot{color:#87798f!important}.debt-token{color:#42334c!important;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(240,229,249,.8),rgba(251,225,238,.7))!important;border-color:rgba(92,65,108,.13)!important;box-shadow:0 14px 35px rgba(77,54,92,.1)!important}.debt-token i{color:#a06b3e!important}.debt-token.special{background:radial-gradient(circle at 60% 30%,rgba(190,162,224,.35),rgba(255,250,255,.87) 62%)!important}
.founder-message,.equity-console{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(242,232,249,.72))!important}.equity-ring{background:conic-gradient(#df93b7 calc(var(--equity)*.55%),#a78bd0 calc(var(--equity)*1%),rgba(91,63,106,.08) 0)!important;box-shadow:0 18px 52px rgba(104,74,122,.14)!important}.equity-ring::after{background:radial-gradient(circle,rgba(255,255,255,.96),#f3eafb 70%)!important;border-color:rgba(98,69,113,.1)!important}.equity-ring span{color:#796b82!important}.equity-ring b{color:#765487!important}.equity-row{color:#7d6f86!important}.equity-row b{color:#54455d!important}.equity-row.captain b{color:#996a39!important}.protection-clause{background:rgba(207,237,227,.56)!important;border-color:rgba(91,157,133,.17)!important;color:#567466!important}

/* Real paper stays tactile; the surrounding desks become blush daylight. */
.contract-stage{background:radial-gradient(circle at 66% 20%,rgba(255,232,210,.66),transparent 36%),radial-gradient(circle at 10% 86%,rgba(216,195,241,.5),transparent 33%),radial-gradient(circle at 90% 77%,rgba(250,205,226,.45),transparent 29%)!important}
.contract-ceremony-console{border-color:rgba(111,79,124,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(240,228,247,.82))!important;box-shadow:0 20px 55px rgba(84,59,99,.12)!important;color:#5b4964!important}
.contract-folder{filter:saturate(.83) brightness(1.25)}
.contract-paper{box-shadow:0 48px 110px rgba(91,63,106,.2),0 2px 1px rgba(90,62,101,.08)!important}.legal-seal span,.wax-seal span,.envelope-seal span,.letter-stamp span{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;letter-spacing:0!important}
.letter-theatre{background:radial-gradient(circle at 50% 18%,rgba(255,232,207,.6),transparent 32%),radial-gradient(circle at 9% 86%,rgba(215,191,242,.48),transparent 34%),radial-gradient(circle at 91% 74%,rgba(250,199,224,.43),transparent 31%),linear-gradient(145deg,#f7edf6,#ebe1f3 68%)!important;border-color:rgba(109,76,121,.12)!important;box-shadow:0 34px 90px rgba(82,58,96,.15)!important}.letter-card.surface{color:#49363d!important;background:linear-gradient(145deg,rgba(255,252,241,.98),rgba(250,241,224,.98))!important;border-color:rgba(144,112,83,.16)!important;box-shadow:0 38px 80px rgba(89,61,83,.18),inset 0 1px #fff!important}.letter-card .message-copy,.letter-copy{color:#5a4547!important}.letter-year{color:rgba(123,91,80,.055)!important}.letter-meta span,.letter-foot span{color:#8b756e!important}.letter-meta b,.letter-foot b{color:#946345!important}.letter-open-control{border-color:rgba(157,100,134,.24)!important;background:linear-gradient(100deg,rgba(255,255,255,.88),rgba(245,218,233,.88),rgba(228,216,248,.88))!important;color:#503a5c!important;box-shadow:0 18px 46px rgba(88,61,104,.13)!important}.letter-open-control:hover{background:linear-gradient(105deg,#fff5f9,#eadffc)!important;color:#3c2b46!important}

/* Query terminal and idea universe use blueberry-milk twilight, not black. */
.terminal-window{background:linear-gradient(155deg,#594a68,#43374f)!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 36px 85px rgba(67,47,78,.2),0 0 60px rgba(165,211,197,.08)!important}.terminal-window .message-copy,.terminal-window .terminal-message{color:#fff8ff!important}.terminal-log span{color:#dcd1e3!important}.terminal-log i{color:#b9e3d4!important}.terminal-top{border-color:rgba(255,255,255,.12)!important;color:#e8ddec!important}.terminal-top span{color:#d8cadf!important}
.idea-cosmos{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.42),rgba(211,196,235,.66) 27%,rgba(233,222,245,.88) 59%),linear-gradient(180deg,#f9f5fc,#e8dcf3)!important}.cosmos-grid{background-image:linear-gradient(rgba(86,62,99,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(86,62,99,.045) 1px,transparent 1px)!important}.idea-core{background:radial-gradient(circle,#fff 0 4%,#e4d5f5 7%,rgba(180,151,214,.45) 23%,rgba(123,91,151,.88) 62%)!important;border-color:rgba(102,72,121,.18)!important;box-shadow:0 0 90px rgba(145,109,178,.26)!important}.idea-core span{color:#fff8ff!important}.idea-core b{color:#eadff1!important}.idea-planet{color:#41324b!important;background:rgba(255,255,255,.76)!important;border-color:rgba(82,58,96,.12)!important;box-shadow:0 13px 32px rgba(79,55,94,.12)!important}.idea-planet i{color:#8665a0!important}.idea-planet span{color:#887a90!important}.idea-message{color:#493b53!important;border-color:rgba(83,58,96,.09)!important;background:linear-gradient(180deg,transparent,rgba(249,245,252,.95) 18%)!important}

/* Timeline, classified, memories and finale share the pearl system. */
.timeline-card,.classified-message,.archive,.transmission{background:radial-gradient(circle at 82% 8%,rgba(215,233,247,.44),transparent 34%),radial-gradient(circle at 8% 92%,rgba(246,209,227,.4),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.86),rgba(241,232,248,.74))!important}
.timeline-track{background:rgba(73,51,86,.12)!important}.timeline-years b{color:#5c4c65!important}.timeline-years span{color:#95869d!important}.timeline-years div::after{border-color:#f6effa!important;background:#b5a8bb!important;box-shadow:0 0 0 1px rgba(80,57,93,.14)!important}.timeline-years .is-now::after{background:#d891b3!important;box-shadow:0 0 0 1px #d891b3,0 0 18px rgba(202,124,162,.28)!important}.infinity-symbol{color:rgba(137,99,153,.055)!important}.timeline-copy strong{color:#986a3a!important}
.classified-card{color:#43344d!important}.classified-card span,.classified-card i{color:#8f8097!important}.classified-card.redacted{background:linear-gradient(145deg,rgba(250,245,251,.84),rgba(235,225,242,.7))!important}.classified-card.redacted b{color:#9b8da2!important}.classified-card.unlocked{border-color:rgba(92,158,135,.18)!important;background:radial-gradient(circle at 90% 10%,rgba(180,226,210,.5),rgba(255,255,255,.82) 47%)!important}.classified-card.unlocked i{color:#548e79!important}
.archive-topline,.archive-bottom{border-color:rgba(82,58,96,.09)!important}.archive-topline span,.archive-bottom>span{color:#81738a!important}.archive-topline b{color:#5e4e67!important}.archive-index b{color:#9b6a3a!important}.archive-index span{color:#9a8ca2!important}.orbit-card{background:#eadff0!important;border-color:rgba(78,55,91,.15)!important;box-shadow:0 28px 58px rgba(73,50,87,.22)!important}.orbit-card::after{background:linear-gradient(180deg,transparent 50%,rgba(44,31,52,.7) 100%)!important}.orbit-card.is-active{border-color:rgba(184,126,91,.3)!important;box-shadow:0 40px 90px rgba(71,48,85,.25),0 0 44px rgba(193,145,211,.16)!important}.archive-nav{background:rgba(255,255,255,.82)!important;color:#5c466b!important;border-color:rgba(84,60,98,.14)!important;box-shadow:0 12px 28px rgba(77,53,91,.13)!important}.archive-nav:hover{color:#a0683a!important;border-color:rgba(172,117,77,.26)!important}.orbit-dots button{background:#cbbfd0!important}.orbit-dots button.active{background:#bd7e9d!important}
.transmission-copy>span{color:#805f98!important}.transmission-copy h3{color:#3d2d48!important}.transmission-copy p{color:#76687e!important}.transmission-orbit span{color:#865f91!important}.transmission-orbit b{color:#807188!important}.transmission-orbit>i{border-color:rgba(122,89,144,.18)!important}.transmission-orbit>i:nth-child(2){border-color:rgba(191,139,81,.19)!important}.transmission-orbit>i:nth-child(3){border-color:rgba(87,61,100,.09)!important}.transmission-foot{border-color:rgba(81,57,95,.09)!important}.transmission-foot span,.transmission-foot b{color:#887a90!important}

/* Heavenfall keeps cinematic depth, but now feels like lavender daylight. */
.arrival-stage{
  background:
    radial-gradient(ellipse at 50% -2%,rgba(255,255,255,.78),transparent 22%),
    radial-gradient(ellipse at 50% 23%,rgba(239,224,255,.66),transparent 40%),
    radial-gradient(circle at 50% 57%,rgba(199,171,232,.38),transparent 35%),
    radial-gradient(circle at 50% 84%,rgba(248,194,220,.24),transparent 34%),
    radial-gradient(ellipse at 50% 108%,rgba(255,241,249,.58),transparent 48%),
    linear-gradient(180deg,#dcd1ef 0%,#c6b6dc 37%,#a894c3 72%,#77678f 100%)!important;
  border-color:rgba(102,73,119,.17)!important;
  box-shadow:0 60px 150px rgba(77,54,94,.24),0 0 100px rgba(172,136,207,.18),inset 0 1px rgba(255,255,255,.72)!important;
  overflow:clip!important;
  perspective:none!important;
  transform-style:flat!important;
}
.arrival-stage::before{background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.23) 46%,transparent 66%),radial-gradient(circle at 50% 24%,rgba(255,255,255,.48),transparent 23%)!important}
.real-cloud{filter:brightness(1.12) saturate(.75) drop-shadow(0 28px 40px rgba(75,53,89,.18))!important}.cloud-back{filter:brightness(.95) saturate(.7) blur(2px) drop-shadow(0 36px 44px rgba(70,48,84,.22))!important}.cloud-front{filter:brightness(1.13) saturate(.74) blur(.35px) drop-shadow(0 -20px 36px rgba(76,52,91,.14))!important}
.paari-camera{inset:0!important;transform:none!important;transform-style:flat!important;transition:none!important}
.cloud-front{top:37%!important;width:138%!important;height:78%!important;object-position:50% 76%!important}
.landing-pedestal{border-color:rgba(255,238,248,.42)!important;background:radial-gradient(ellipse,rgba(255,239,248,.34),rgba(203,177,230,.16) 42%,transparent 70%)!important;box-shadow:0 0 70px rgba(255,232,246,.22)!important}
.captain-drop{filter:drop-shadow(0 28px 42px rgba(68,45,82,.28))!important}.arrival-topline{color:#594a66!important}.arrival-topline b{color:#744f7a!important}.arrival-data span{background:rgba(255,255,255,.46)!important;border-color:rgba(81,57,95,.12)!important;color:#594b62!important}.arrival-sequence>div{border-color:rgba(78,55,92,.12)!important;background:rgba(255,255,255,.42)!important;color:#574760!important}.arrival-sequence>div.is-active{border-color:rgba(174,103,145,.35)!important;background:rgba(255,246,251,.62)!important;box-shadow:0 0 30px rgba(174,110,149,.13)!important}.arrival-sequence>div.is-done i,.arrival-sequence>div.is-done b{color:#805a37!important}.arrival-callout{border-color:rgba(138,87,124,.24)!important;background:linear-gradient(105deg,rgba(255,249,252,.82),rgba(233,221,247,.8))!important;color:#503b5b!important;box-shadow:0 16px 42px rgba(73,49,88,.16)!important}.arrival-callout span{color:#5a4265!important}.deploy-button{background:linear-gradient(105deg,rgba(255,255,255,.9),rgba(242,219,233,.88),rgba(225,216,245,.86))!important;color:#4c3857!important;border-color:rgba(91,63,106,.16)!important}.cinema-extreme .arrival-note{background:radial-gradient(circle at 82% 14%,rgba(250,208,228,.38),transparent 35%),radial-gradient(circle at 12% 90%,rgba(214,196,239,.38),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.85),rgba(244,236,249,.8))!important;border-color:rgba(88,62,102,.11)!important}

/* Click feedback and overlays inherit the calm jewel tones. */
.peak-spark{filter:drop-shadow(0 0 8px rgba(205,119,161,.42))!important}.peak-ripple{border-color:rgba(155,115,190,.28)!important;box-shadow:0 0 20px rgba(204,123,164,.12)!important}.peak-slot-flare{background:radial-gradient(circle,rgba(255,255,255,.88),rgba(193,162,222,.34) 35%,transparent 70%)!important}
.toast{border-color:rgba(100,70,114,.14)!important;background:rgba(255,250,254,.92)!important;color:#4d3a57!important;box-shadow:0 18px 50px rgba(72,49,86,.18)!important}.lightbox{background:rgba(50,35,60,.84)!important}.lightbox-frame{border-color:rgba(255,255,255,.3)!important;background:#f3eaf6!important;box-shadow:0 40px 110px rgba(42,28,50,.5)!important}.lightbox-caption{background:rgba(255,250,254,.78)!important;color:#4e3c57!important;border-color:rgba(84,59,98,.13)!important}.lightbox-close{background:rgba(255,255,255,.8)!important;color:#533f5e!important;border-color:rgba(84,59,98,.14)!important}

@media(max-width:760px){
  .command-bar{background:rgba(255,252,255,.9)!important}
  .chapter-rail{background:rgba(255,252,255,.88)!important}
  .hero{background:radial-gradient(500px 500px at 62% 34%,rgba(206,187,237,.5),transparent 68%),radial-gradient(440px 430px at 18% 28%,rgba(251,207,226,.44),transparent 68%),linear-gradient(180deg,#fffafd,#f2ebf8)!important}
  .idea-message{background:linear-gradient(180deg,transparent,rgba(249,245,252,.97) 16%)!important}
}

/* =========================================================
   TAP-OUT ENGINE — anchored, object-specific and phone-safe
   Every burst belongs to the control that created it. The
   animation uses transform + opacity only so it stays crisp.
   ========================================================= */
.peak-fx-layer{z-index:9999!important;contain:strict;display:block}
.tap-bloom{
  position:absolute;width:0;height:0;display:block;pointer-events:none;
  isolation:isolate;transform:translateZ(0);will-change:transform,opacity;
}
.tap-pop-core{
  position:absolute;z-index:4;left:0;top:0;width:46px;height:46px;
  display:grid;place-items:center;border:1px solid rgba(112,77,132,.18);border-radius:16px;
  color:#684c77;background:linear-gradient(145deg,#fff,#f8dfea 42%,#e4daf8 72%,#d9edf8);
  box-shadow:0 16px 36px rgba(72,48,88,.22),inset 0 1px rgba(255,255,255,.96),0 0 0 7px rgba(255,255,255,.34);
  font:700 18px/1 "Apple Color Emoji","Segoe UI Emoji","Playfair Display",serif;
  transform:translate(-50%,-50%) scale(.16) rotate(-14deg);
  animation:tapCoreOut 1.05s cubic-bezier(.16,.88,.2,1.18) forwards;
}
.tap-bloom.is-strong .tap-pop-core{width:54px;height:54px;border-radius:18px;font-size:21px}
.tap-shock{
  position:absolute;z-index:1;left:0;top:0;width:30px;height:30px;border-radius:50%;
  border:2px solid rgba(171,111,158,.48);box-shadow:0 0 0 1px rgba(255,255,255,.42),0 0 28px rgba(143,109,190,.2);
  transform:translate(-50%,-50%) scale(.35);opacity:.72;animation:tapShockOut .96s cubic-bezier(.16,.74,.22,1) forwards;
}
.tap-shock-b{border-color:rgba(106,154,192,.36);animation-delay:.1s}
.tap-pop-petal{
  position:absolute;z-index:3;left:0;top:0;width:10px;height:7px;border-radius:70% 30% 70% 30%;
  background:var(--petal);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 4px 12px color-mix(in srgb,var(--petal) 42%,transparent);
  opacity:.3;transform:translate(-50%,-50%) rotate(var(--a)) translateX(5px) scale(.2);
  animation:tapPetalOut 1.02s var(--delay) cubic-bezier(.16,.82,.2,1) forwards;
}
.tap-pop-label{
  position:absolute;z-index:7;left:0;top:-57px;min-width:max-content;max-width:210px;
  padding:9px 12px;border:1px solid rgba(100,68,117,.16);border-radius:999px;
  color:#594161;background:rgba(255,252,255,.96);box-shadow:0 14px 34px rgba(69,46,82,.17),inset 0 1px #fff;
  font:600 7px/1 "DM Mono",monospace;letter-spacing:.13em;text-align:center;white-space:nowrap;
  transform:translate(-50%,12px) scale(.88);opacity:.42;
  animation:tapLabelOut 1.18s .03s cubic-bezier(.16,.82,.2,1) forwards;
}
.tap-pop-label.below{top:42px}
.tap-bloom-cloud .tap-pop-core{background:linear-gradient(145deg,#fff,#e8e0fa,#d8eef9)}
.tap-bloom-letter .tap-pop-core{background:linear-gradient(145deg,#fffdf8,#fbdce8,#eadcf8)}
.tap-bloom-ink .tap-pop-core{background:linear-gradient(145deg,#fffdf8,#e3f0e8,#e2d9f4)}
.tap-bloom-logo .tap-pop-core{background:linear-gradient(145deg,#fff,#f9e5c6,#ead8f5)}
@keyframes tapCoreOut{
  0%{opacity:.68;transform:translate(-50%,-50%) scale(.16) rotate(-14deg)}
  28%{opacity:1;transform:translate(-50%,-64%) scale(1.13) rotate(5deg)}
  54%{opacity:1;transform:translate(-50%,-58%) scale(.96) rotate(-2deg)}
  78%{opacity:1;transform:translate(-50%,-68%) scale(1.02) rotate(0)}
  100%{opacity:0;transform:translate(-50%,-92%) scale(.74) rotate(8deg)}
}
@keyframes tapShockOut{0%{opacity:.88;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(5.6)}}
@keyframes tapPetalOut{
  0%{opacity:.3;transform:translate(-50%,-50%) rotate(var(--a)) translateX(5px) scale(.2)}
  20%{opacity:1}
  68%{opacity:.94}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--d)) scale(.92)}
}
@keyframes tapLabelOut{
  0%{opacity:.42;transform:translate(-50%,12px) scale(.88)}
  20%,65%{opacity:1;transform:translate(-50%,0) scale(1)}
  100%{opacity:0;transform:translate(-50%,-9px) scale(.96)}
}
@keyframes tapObjectPop{0%,100%{scale:1}36%{scale:1.045}62%{scale:.992}}
@keyframes logoTapEject{0%,100%{scale:1}38%{scale:1.13}67%{scale:.985}}
@keyframes lensTapEject{0%,100%{scale:1}38%{scale:1.18}64%{scale:.97}}
.tap-popped{animation:tapObjectPop .56s cubic-bezier(.16,.84,.2,1)!important}
.logo-monument.tap-popped img{animation:logoTapEject .62s cubic-bezier(.16,.88,.2,1.2)!important}
.hero-logo-fallback.lens-activated .hero-logo-depth{animation:lensTapEject .9s cubic-bezier(.16,.88,.2,1.15)!important}
.hero-logo-fallback{
  pointer-events:auto!important;cursor:pointer;touch-action:manipulation;outline:none;
  -webkit-tap-highlight-color:transparent;
}
.envelope-seal{pointer-events:auto!important;cursor:pointer;touch-action:manipulation}
.hero-logo-fallback:focus-visible .hero-logo-depth{outline:2px solid rgba(161,104,151,.52);outline-offset:14px;border-radius:28%}

/* =========================================================
   iOS / ANDROID MOTION BUDGET
   One real-logo CSS-3D renderer replaces stacked WebGL on
   phones; glass and clouds keep depth without costly blur.
   ========================================================= */
html{overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
body{touch-action:pan-y;-webkit-tap-highlight-color:transparent}
body.webgl-mobile-fallback #space{display:none!important}
body.webgl-mobile-fallback .hero-logo-fallback,
body.webgl-mobile-fallback.webgl-logo-ready .hero-logo-fallback{
  opacity:.92!important;filter:none!important;
}
body.mobile-fx .ambient-noise,body.mobile-fx .cursor-halo,body.mobile-fx .hero-holo-orbit{display:none!important}
body.mobile-fx .surface,body.mobile-fx .reply-module,body.mobile-fx .command-bar,body.mobile-fx .chapter-rail,
body.mobile-fx .peak-controls{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.mobile-fx .surface::after{display:none!important}
body.mobile-fx .chapter:not(.is-cinematic-live) *,
body.mobile-fx .chapter:not(.is-cinematic-live)::before,
body.mobile-fx .chapter:not(.is-cinematic-live)::after,
body.mobile-fx .chapter:not(.is-cinematic-live) *::before,
body.mobile-fx .chapter:not(.is-cinematic-live) *::after{animation-play-state:paused!important}
body.mobile-fx .peak-fx-layer{display:block!important}
body.mobile-fx .hero-logo-depth{animation:mobileLensBreath 5.4s ease-in-out infinite;will-change:transform;filter:none!important}
body.mobile-fx .hero-logo-depth img{filter:saturate(.96)!important}
body.mobile-fx .hero-logo-fallback.lens-activated .hero-logo-depth{animation:lensTapEject .9s cubic-bezier(.16,.88,.2,1.15)!important}
@keyframes mobileLensBreath{
  0%,100%{transform:rotateX(8deg) rotateY(-14deg) translate3d(0,0,0)}
  50%{transform:rotateX(12deg) rotateY(-7deg) translate3d(0,-7px,0)}
}

@media(max-width:820px){
  .peak-fx-layer{display:block!important}
  .tap-pop-core{width:48px;height:48px;font-size:19px}
  .tap-bloom.is-strong .tap-pop-core{width:56px;height:56px}
  .tap-pop-label{font-size:6.5px;max-width:190px;padding:9px 11px}
  .hero-logo-fallback.reveal-now{top:27%!important;right:-9%!important;width:67vw!important;opacity:.9!important;filter:none!important}
  .peak-toggle,.archive-nav,.reaction-chip,.deploy-button,.letter-open-control,.send-button,.legal-action-primary{min-height:44px}
  .logo-monument{touch-action:manipulation}
  .logo-monument:hover,.logo-monument:focus-visible{--focus:0}
  .logo-monument.is-selected{--focus:.72}
  .logo-monument.tap-popped{--focus:1}
  .real-cloud{will-change:transform,opacity!important;filter:brightness(1.06) saturate(.78)!important}
  .cloud-back{filter:brightness(.92) saturate(.72)!important}
  .cloud-front{filter:brightness(1.08) saturate(.76)!important}
  .cloud-sunwell{filter:none!important;will-change:transform,opacity!important}
  .captain-drop,.captain-photo-shell{filter:none!important;will-change:transform,opacity!important}
  .captain-photo-shell::before{filter:none!important;opacity:.48}
  .arrival-stage.heavenfall-active .cloud-back{animation:cloudBackMobile 4.15s cubic-bezier(.2,.78,.2,1) both!important}
  .arrival-stage.heavenfall-active .cloud-left{animation:cloudLeftMobile 4.15s cubic-bezier(.2,.78,.2,1) both!important}
  .arrival-stage.heavenfall-active .cloud-right{animation:cloudRightMobile 4.15s cubic-bezier(.2,.78,.2,1) both!important}
  .arrival-stage.heavenfall-active .cloud-front{animation:cloudFrontMobile 4.15s cubic-bezier(.2,.78,.2,1) both!important}
  .captain-drop.deploying{animation:paariMobile 4.1s cubic-bezier(.16,.84,.2,1) both!important}
}
@keyframes cloudLeftMobile{
  0%,8%{opacity:1;transform:translateX(-43%) translateY(2%) scale(1.22)}
  30%{opacity:1;transform:translateX(-47%) translateY(0) scale(1.18)}
  68%,100%{opacity:.83;transform:translateX(-70%) translateY(-4%) scale(1.05)}
}
@keyframes cloudRightMobile{
  0%,8%{opacity:1;transform:translateX(-57%) translateY(2%) scale(1.22)}
  30%{opacity:1;transform:translateX(-53%) translateY(0) scale(1.18)}
  68%,100%{opacity:.83;transform:translateX(-30%) translateY(-4%) scale(1.05)}
}
@keyframes cloudBackMobile{
  0%{opacity:.82;transform:translateX(-50%) translateY(-7%) scale(1.3)}
  48%{opacity:.68}
  100%{opacity:.5;transform:translateX(-50%) translateY(-12%) scale(1.18)}
}
@keyframes cloudFrontMobile{
  0%,20%{opacity:.91;transform:translateX(-50%) translateY(17%) scale(1.27)}
  52%{opacity:.8;transform:translateX(-50%) translateY(4%) scale(1.16)}
  100%{opacity:.58;transform:translateX(-50%) translateY(14%) scale(1.08)}
}
@keyframes paariMobile{
  0%{opacity:0;transform:translate(-50%,-150%) scale(.58) rotate(-2deg)}
  18%{opacity:.2;transform:translate(-50%,-128%) scale(.64) rotate(-1deg)}
  34%{opacity:.68;transform:translate(-50%,-100%) scale(.76)}
  52%{opacity:1;transform:translate(-50%,-70%) scale(.92)}
  70%{transform:translate(-50%,-47%) scale(1.035)}
  82%{transform:translate(-50%,-53%) scale(.986)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

@supports(-webkit-touch-callout:none){
  body.platform-ios{min-height:-webkit-fill-available}
  body.platform-ios .command-bar{padding-top:max(10px,env(safe-area-inset-top))}
  body.platform-ios .peak-controls{bottom:calc(12px + env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
  .tap-bloom{display:none!important}
  .tap-popped,.logo-monument.tap-popped img,.hero-logo-fallback.lens-activated .hero-logo-depth{animation:none!important}
}

/* ===== director-cut.css ===== */
/* =========================================================
   ADDON / CAPTAIN — DIRECTOR'S CUT
   A final orchestration layer: every cue is attached to the
   real chapter object that owns it. No decorative floaters.
   ========================================================= */

:root{
  --dc-ink:#37273f;
  --dc-ink-soft:#67566f;
  --dc-rose:#ce7fa5;
  --dc-lilac:#9275be;
  --dc-sky:#79a9ce;
  --dc-mint:#79b59f;
  --dc-peach:#d99d76;
  --dc-cream:#fffaf2;
  --dc-ease:cubic-bezier(.18,.86,.2,1);
  --dc-spring:cubic-bezier(.16,.92,.2,1.16);
}

body.director-cut-ready{
  background:
    radial-gradient(980px 760px at 92% 1%,rgba(193,177,235,.68),transparent 64%),
    radial-gradient(820px 700px at 0 20%,rgba(250,199,224,.62),transparent 64%),
    radial-gradient(960px 760px at 93% 57%,rgba(176,218,246,.48),transparent 69%),
    radial-gradient(850px 680px at 10% 88%,rgba(255,220,197,.36),transparent 68%),
    linear-gradient(180deg,#fffafd 0%,#f5eef9 36%,#f2f2fb 69%,#fff9fb 100%)!important;
}

/* Architectural 3D background: three structural planes, one throttled driver. */
.depth-world{
  --depth-x:0deg;--depth-y:0deg;--depth-x-inverse:0deg;--depth-y-soft:0deg;
  --depth-far-x:0px;--depth-far-y:0px;--depth-floor-x:0px;--depth-floor-y:0px;--depth-gate-y:0px;--depth-horizon-y:0px;
  position:fixed;inset:0;z-index:-4;overflow:hidden;pointer-events:none;perspective:1100px;contain:strict;
  opacity:.72;transition:opacity .5s ease;
}
.depth-world::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 46%,transparent 0 34%,rgba(121,84,145,.045) 67%,rgba(94,64,113,.08) 100%);
}
.depth-plane{position:absolute;left:50%;top:50%;transform-style:preserve-3d;will-change:transform}
.depth-grid-far{
  width:170vw;height:120vh;
  background-image:linear-gradient(rgba(113,82,133,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(113,82,133,.07) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 28%,#000 70%,transparent 98%);
  transform:translate3d(calc(-50% + var(--depth-far-x)),calc(-54% + var(--depth-far-y)),-210px) rotateX(calc(58deg + var(--depth-y))) rotateZ(var(--depth-x));
}
.depth-grid-floor{
  top:70%;width:190vw;height:95vh;
  background-image:linear-gradient(rgba(147,100,151,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(110,145,173,.075) 1px,transparent 1px);
  background-size:86px 62px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
  transform:translate3d(calc(-50% + var(--depth-floor-x)),calc(-34% + var(--depth-floor-y)),-70px) rotateX(calc(72deg + var(--depth-y))) rotateZ(var(--depth-x-inverse));
  transform-origin:center top;
}
.depth-gate{
  width:min(76vw,1180px);height:64vh;border:1px solid rgba(117,83,137,.09);border-radius:54px;
  box-shadow:inset 0 0 0 24px rgba(255,255,255,.018),inset 0 0 0 25px rgba(117,83,137,.035);
  transform:translate3d(-50%,calc(-50% + var(--depth-gate-y)),-120px) rotateX(var(--depth-y-soft)) rotateY(var(--depth-x-inverse));
}
.depth-gate::before,.depth-gate::after{content:"";position:absolute;border:1px solid rgba(139,99,158,.075);border-radius:inherit}
.depth-gate::before{inset:8% 7%;}.depth-gate::after{inset:17% 14%;border-color:rgba(107,151,182,.065)}
.depth-horizon{
  position:absolute;left:8%;right:8%;top:54%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(208,126,166,.2),rgba(127,113,188,.22),rgba(107,166,200,.18),transparent);
  transform:translateY(var(--depth-horizon-y));box-shadow:0 0 28px rgba(149,111,179,.08);
}
.depth-world.is-awake{animation:depthWorldIn 1.2s var(--dc-ease) both}
@keyframes depthWorldIn{from{opacity:0;transform:scale(1.035)}to{opacity:.72;transform:none}}
body[data-active-scene="healing"] .scene-wash{
  background:radial-gradient(circle at 34% 42%,rgba(241,171,179,.2),transparent 31%),radial-gradient(circle at 76% 62%,rgba(145,190,174,.18),transparent 32%)!important;
}

/* Quiet colour identity for each chapter. */
#patch-notes{--dc-a:206,127,165;--dc-b:121,169,206}
#treat-debt{--dc-a:222,148,178;--dc-b:213,157,107}
#founder{--dc-a:143,113,188;--dc-b:205,123,162}
#trust-clause{--dc-a:206,145,103;--dc-b:127,181,159}
#trading{--dc-a:104,168,146;--dc-b:126,154,203}
#ideas{--dc-a:140,111,193;--dc-b:115,174,211}
#banger{--dc-a:211,120,162;--dc-b:220,159,112}
#infinity{--dc-a:112,164,205;--dc-b:142,119,191}
#celebrity{--dc-a:135,112,179;--dc-b:205,126,163}
#angel{--dc-a:210,132,174;--dc-b:135,172,214}
#captain-archive{--dc-a:193,137,96;--dc-b:143,112,188}
#healing{--dc-a:205,126,143;--dc-b:104,176,148}
#finale{--dc-a:142,111,190;--dc-b:209,133,167}

.director-cut-ready .chapter{
  background:
    radial-gradient(760px 520px at 88% 17%,rgba(var(--dc-b,143,112,188),.105),transparent 70%),
    radial-gradient(660px 520px at 8% 82%,rgba(var(--dc-a,207,127,165),.09),transparent 72%)!important;
}

.director-cut-ready .chapter-head{
  margin-bottom:26px!important;
  position:relative;
}
.director-cut-ready .chapter-head::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,rgba(var(--dc-a),.62),rgba(var(--dc-b),.38) 45%,transparent 86%);
  transform:scaleX(.18);transform-origin:left;
  transition:transform 1.15s var(--dc-ease);
}
.director-cut-ready .chapter.is-cinematic-live .chapter-head::after{transform:scaleX(1)}
.director-cut-ready .chapter-index{
  display:grid!important;place-items:center!important;padding:0!important;
  border:1px solid rgba(var(--dc-a),.23)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(var(--dc-a),.11))!important;
  box-shadow:inset 0 1px #fff,0 12px 32px rgba(var(--dc-a),.1)!important;
}
.director-cut-ready .chapter-head h2 em{
  background:linear-gradient(105deg,rgb(var(--dc-a)),rgb(var(--dc-b)))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}

/* The chapter director strip is part of the chapter, never a floating overlay. */
.chapter-director-strip{
  position:relative;z-index:5;
  display:grid;grid-template-columns:auto minmax(0,1fr) minmax(130px,190px);
  align-items:center;gap:14px;
  min-height:58px;margin:0 0 24px;padding:10px 13px 10px 11px;
  border:1px solid rgba(84,59,99,.105);border-radius:16px;
  background:linear-gradient(110deg,rgba(255,255,255,.72),rgba(var(--dc-a),.055),rgba(var(--dc-b),.06));
  box-shadow:0 14px 34px rgba(74,51,90,.075),inset 0 1px rgba(255,255,255,.9);
  opacity:.58;transform:translate3d(0,10px,0);
  transition:opacity .55s ease,transform .7s var(--dc-ease),border-color .35s ease,box-shadow .35s ease;
  overflow:hidden;
}
.chapter-director-strip::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(180deg,rgb(var(--dc-a)),rgb(var(--dc-b)));
}
.chapter-director-strip::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgb(var(--dc-a)),rgb(var(--dc-b)),transparent);
  transform:scaleX(var(--dc-progress,.08));transform-origin:left;
  transition:transform 1s var(--dc-ease);
}
.is-cinematic-live .chapter-director-strip,
.chapter-director-strip.is-touched{
  opacity:1;transform:none;border-color:rgba(var(--dc-a),.17);
  box-shadow:0 17px 40px rgba(74,51,90,.09),inset 0 1px rgba(255,255,255,.96);
}
.chapter-director-seal{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid rgba(79,56,93,.09)}
.chapter-director-seal>i{
  width:9px;height:9px;border-radius:50%;background:rgb(var(--dc-a));
  box-shadow:0 0 0 5px rgba(var(--dc-a),.1);transition:transform .4s var(--dc-spring),box-shadow .4s ease;
}
.chapter-director-seal>b,.chapter-director-copy small,.chapter-director-meter>b{
  font:600 7px/1.2 "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase;
}
.chapter-director-seal>b{color:#7b6b83;white-space:nowrap}
.chapter-director-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.chapter-director-copy small{color:#9b8da3;font-size:6.5px}
.chapter-director-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4c3a55;font:600 10px/1.25 "Manrope",sans-serif;letter-spacing:.01em}
.chapter-director-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.chapter-director-meter>span{height:4px;border-radius:99px;background:rgba(74,51,89,.085);overflow:hidden}
.chapter-director-meter>span>i{display:block;width:var(--dc-percent,8%);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--dc-a)),rgb(var(--dc-b)));transition:width .8s var(--dc-ease)}
.chapter-director-meter>b{color:#88798f}
.chapter-director-strip.is-touched .chapter-director-seal>i{transform:scale(1.18);box-shadow:0 0 0 6px rgba(var(--dc-a),.12),0 0 20px rgba(var(--dc-a),.25)}
.chapter-director-strip.is-touched .chapter-director-seal>b{color:rgb(var(--dc-a))}

/* Hero specification row: a grounded promise for the experience. */
.director-boot-specs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
  width:min(640px,100%);margin-top:20px;
}
.director-boot-specs>span{
  min-height:56px;padding:10px 11px;border:1px solid rgba(91,65,106,.1);border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(237,225,248,.36));
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 24px rgba(86,61,102,.06);
}
.director-boot-specs b,.director-boot-specs small{display:block}
.director-boot-specs b{color:#5e466a;font:650 9px/1.15 "DM Mono",monospace;letter-spacing:.08em}
.director-boot-specs small{margin-top:7px;color:#8b7b94;font:500 6.5px/1.3 "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.director-build-mark{margin-left:2px;padding:5px 8px;border:1px solid rgba(134,95,155,.1);border-radius:999px;background:rgba(255,255,255,.5);color:#84688f!important;white-space:nowrap}

/* All impact graphics remain clipped to—or immediately around—the tapped object. */
.director-object{position:relative!important;isolation:isolate}
.director-impact{
  position:absolute;z-index:30;left:var(--dc-x,50%);top:var(--dc-y,50%);width:0;height:0;
  pointer-events:none;overflow:visible;contain:layout style;
}
.director-impact i{
  position:absolute;left:0;top:0;width:22px;height:22px;border:1.5px solid rgba(var(--dc-a,206,127,165),.52);border-radius:50%;
  transform:translate(-50%,-50%) scale(.3);opacity:0;
  animation:dcImpactRing .72s var(--dc-ease) forwards;
}
.director-impact i:nth-child(2){border-color:rgba(var(--dc-b,121,169,206),.46);animation-delay:.08s}
.director-impact b{
  position:absolute;left:0;top:-34px;min-width:max-content;padding:7px 9px;border:1px solid rgba(84,59,98,.12);border-radius:999px;
  background:rgba(255,252,255,.96);box-shadow:0 10px 26px rgba(70,48,84,.13);color:#584161;
  font:600 6px/1 "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;
  transform:translate(-50%,8px);opacity:0;animation:dcImpactLabel .72s .04s var(--dc-ease) forwards;
}
@keyframes dcImpactRing{15%{opacity:.9}100%{opacity:0;transform:translate(-50%,-50%) scale(4.8)}}
@keyframes dcImpactLabel{20%,65%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-9px)}}

/* 01 / real logo runway. */
.director-cut-ready .logo-monument.is-selected .logo-caption b{color:rgb(var(--dc-a))!important}
.director-cut-ready .logo-monument.is-selected::after{height:2px!important;background:linear-gradient(90deg,transparent,rgb(var(--dc-a)),rgb(var(--dc-b)),transparent)!important}
.director-cut-ready .logo-monument.is-selected img{transform:translate3d(0,-10px,34px) scale(1.055)!important}

/* 02 / physical debt settlement. */
.debt-token.dc-settled{border-color:rgba(var(--dc-a),.28)!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(var(--dc-a),.16))!important}
.debt-token.dc-settled::after{content:"SETTLED ✓";color:rgb(var(--dc-a));font:650 6px/1 "DM Mono",monospace;letter-spacing:.12em}
.ledger-slot.dc-received{box-shadow:inset 0 0 0 1px rgba(var(--dc-a),.14),0 0 28px rgba(var(--dc-a),.12)}

/* 03 / boardroom. */
.equity-console.dc-negotiating{border-color:rgba(var(--dc-a),.24)!important}
.equity-console.dc-negotiating .equity-ring{scale:1.035;transition:scale .32s var(--dc-spring)}

/* 04 / contract. */
.contract-stage[data-contract-progress="archive"] .chapter-director-strip{--dc-progress:1}

/* 05 / an actual query control attached to the terminal. */
.terminal-run{
  margin-left:auto;min-height:34px;padding:0 11px;border:1px solid rgba(220,235,229,.22);border-radius:9px;
  background:rgba(255,255,255,.075);color:#eef8f4;cursor:pointer;
  font:600 6.5px/1 "DM Mono",monospace;letter-spacing:.13em;
  transition:background .25s ease,transform .3s var(--dc-spring),border-color .25s ease;
}
.terminal-run:hover,.terminal-run:focus-visible{background:rgba(183,231,215,.15);border-color:rgba(192,239,224,.34);transform:translateY(-1px)}
.terminal-window.dc-querying{border-color:rgba(163,224,202,.34)!important}
.terminal-window.dc-querying .terminal-log span{animation:dcTerminalLine .5s var(--dc-ease) both}
.terminal-window.dc-querying .terminal-log span:nth-child(2){animation-delay:.12s}.terminal-window.dc-querying .terminal-log span:nth-child(3){animation-delay:.24s}.terminal-window.dc-querying .terminal-log span:nth-child(4){animation-delay:.36s}
@keyframes dcTerminalLine{from{opacity:.12;transform:translateX(-8px)}to{opacity:1;transform:none}}

/* 06 / selected idea stays physically tied to the core. */
.idea-planet.dc-selected{z-index:9!important;border-color:rgba(var(--dc-a),.36)!important;box-shadow:0 18px 42px rgba(var(--dc-a),.16)!important;transform:translateY(-6px) scale(1.055)!important}
.idea-core-selection{position:absolute;left:50%;top:69%;transform:translateX(-50%);max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f7eefc;font:600 5.5px/1 "DM Mono",monospace;letter-spacing:.1em}

/* 08 / milestones become touchable objects instead of passive labels. */
.timeline-years .director-milestone{cursor:pointer;outline:none;border-radius:12px;transition:transform .35s var(--dc-spring),background .3s ease,box-shadow .3s ease}
.timeline-years .director-milestone:hover,.timeline-years .director-milestone:focus-visible{transform:translateY(-5px);background:rgba(255,255,255,.5);box-shadow:0 12px 28px rgba(82,57,98,.09)}
.timeline-years .director-milestone.dc-selected{transform:translateY(-7px) scale(1.035);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(var(--dc-b),.12));box-shadow:0 16px 34px rgba(var(--dc-b),.13)}
.timeline-years .director-milestone.dc-selected b{color:rgb(var(--dc-b))!important}

/* 09 / the scanner belongs only to the inspected clearance item. */
.classified-card.is-inspected{overflow:hidden!important;border-color:rgba(var(--dc-a),.3)!important;transform:translateY(-5px)!important;box-shadow:0 20px 46px rgba(var(--dc-a),.13)!important}
.classified-card.is-inspected::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgb(var(--dc-a)),transparent);animation:dcLocalScan .8s var(--dc-ease) both}
@keyframes dcLocalScan{from{top:0;opacity:0}18%{opacity:1}to{top:100%;opacity:0}}

/* 10 / cloud motion remains photographic and only runs during Heavenfall. */
.real-cloud,.captain-drop{will-change:auto!important}
.arrival-stage.heavenfall-active .real-cloud,.captain-drop.deploying{will-change:transform,opacity!important}

/* 11 / every supplied photo is fully visible—no face or outfit is cropped. */
.orbit-card{
  display:flex!important;flex-direction:column;padding:10px 10px 0!important;
  background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(234,221,241,.9))!important;
}
.orbit-card::after{display:none!important}
.orbit-card img{
  flex:1;min-height:0;width:100%!important;height:calc(100% - 54px)!important;padding:4px;
  object-fit:contain!important;object-position:center center!important;border-radius:17px;
  background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.92),rgba(227,215,237,.76));
  filter:saturate(.98) contrast(1.01)!important;transform:none!important;
}
.orbit-card>span{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  min-height:54px;padding:0 7px;display:flex!important;align-items:center!important;color:#4d3b57!important;
}
.orbit-card>span b{color:#97643a!important}
.orbit-card.is-active{outline:1px solid rgba(var(--dc-a),.28);outline-offset:5px}
.orbit-card.is-active:hover img{transform:none!important}
.lightbox-frame{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:10px;padding:12px!important;background:#f4ebf7!important}
.lightbox-frame img{min-height:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:16px;background:#fff}
.lightbox-caption{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important}

/* 12 / gentle wound-to-bandage care ritual. No gore and no floating pieces. */
.healing-scene{
  background:radial-gradient(760px 560px at 20% 42%,rgba(242,172,179,.15),transparent 67%),radial-gradient(720px 540px at 84% 62%,rgba(137,191,170,.14),transparent 69%)!important;
}
.healing-stage{
  padding:26px;overflow:hidden!important;
  background:radial-gradient(circle at 8% 10%,rgba(255,223,218,.48),transparent 34%),radial-gradient(circle at 94% 88%,rgba(204,234,223,.52),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,238,244,.82))!important;
}
.healing-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(91,63,104,.09)}
.healing-topline>div:first-child span,.healing-topline>div:first-child b{display:block;font:600 7px/1.25 "DM Mono",monospace;letter-spacing:.14em}
.healing-topline>div:first-child span{color:#8c6a76}.healing-topline>div:first-child b{margin-top:6px;color:#5c495f}
.healing-vitals{display:flex;align-items:center;gap:9px;color:#a56773;font:600 7px/1 "DM Mono",monospace;letter-spacing:.11em}
.healing-vitals>i{width:8px;height:8px;border-radius:50%;background:#d8848f;box-shadow:0 0 0 5px rgba(216,132,143,.11);transition:background .45s ease,box-shadow .45s ease}
.healing-stage.is-healed .healing-vitals{color:#4f8a75}.healing-stage.is-healed .healing-vitals>i{background:#6fb497;box-shadow:0 0 0 5px rgba(111,180,151,.12),0 0 18px rgba(95,166,137,.22)}
.healing-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:20px;align-items:stretch;margin-top:20px}
.skin-canvas{
  position:relative;isolation:isolate;min-height:390px;overflow:hidden;border:1px solid rgba(137,89,99,.12);border-radius:26px;
  background:radial-gradient(circle at 50% 42%,rgba(255,246,237,.95),rgba(246,201,190,.72) 42%,rgba(221,158,154,.62) 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.75),inset 0 -28px 70px rgba(146,83,91,.08),0 24px 58px rgba(105,70,86,.11);
}
.skin-canvas::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;
  background-image:radial-gradient(circle,rgba(126,75,83,.13) 0 1px,transparent 1.4px);background-size:23px 23px;
  mask-image:radial-gradient(circle at center,#000,transparent 74%);
}
.skin-light{position:absolute;left:8%;top:3%;width:58%;height:38%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.52),transparent 72%);transform:rotate(-12deg)}
.wound-aura{position:absolute;left:50%;top:50%;width:280px;height:160px;border-radius:50%;background:radial-gradient(ellipse,rgba(194,73,91,.18),rgba(209,100,113,.08) 42%,transparent 73%);transform:translate(-50%,-50%);transition:opacity .65s ease,scale .8s var(--dc-ease)}
.wound-line{
  position:absolute;left:50%;top:50%;width:174px;height:18px;transform:translate(-50%,-50%) rotate(-7deg);border-radius:61% 39% 58% 42%;
  background:linear-gradient(180deg,#a95866,#c56f78 38%,#8e4654 55%,#d68a8e 76%,#ad5d6a);box-shadow:0 2px 0 rgba(255,220,211,.48),0 9px 20px rgba(127,57,70,.14);
  clip-path:polygon(0 49%,11% 29%,22% 55%,33% 31%,44% 58%,56% 32%,68% 61%,81% 34%,100% 52%,82% 70%,68% 54%,56% 74%,44% 54%,33% 73%,22% 51%,11% 68%);
  transition:opacity .48s ease,transform .75s var(--dc-ease),filter .45s ease;
}
.wound-line>i{position:absolute;top:50%;width:2px;height:27px;background:rgba(113,60,67,.24);border-radius:99px;transform:translateY(-50%) rotate(24deg)}
.wound-line>i:nth-child(1){left:26%}.wound-line>i:nth-child(2){left:50%;transform:translateY(-50%) rotate(-20deg)}.wound-line>i:nth-child(3){left:74%}
.healed-line{position:absolute;left:50%;top:50%;width:0;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#c98d8e 16% 84%,transparent);transform:translate(-50%,-50%) rotate(-7deg);opacity:0;transition:width .8s .32s var(--dc-ease),opacity .5s .28s ease}
.applied-bandage{
  position:absolute;z-index:6;left:50%;top:50%;width:210px;height:68px;border:1px solid rgba(131,91,64,.16);border-radius:22px;
  background:linear-gradient(145deg,#f4d6aa,#e8bb82 48%,#f2cfa0);box-shadow:0 18px 34px rgba(104,67,57,.18),inset 0 1px rgba(255,255,255,.7);
  transform:translate(82%,115%) rotate(15deg) scale(.72);opacity:0;pointer-events:none;
}
.applied-bandage::before,.bandage-object::before{content:"";position:absolute;left:50%;top:50%;width:72px;height:52px;border:1px solid rgba(124,84,58,.11);border-radius:14px;background:linear-gradient(145deg,#fff0cf,#efd0a4);transform:translate(-50%,-50%);box-shadow:inset 0 1px rgba(255,255,255,.72)}
.applied-bandage>i,.bandage-object>i{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(124,85,62,.22)}
.applied-bandage>i:nth-of-type(1),.bandage-object>i:nth-of-type(1){left:18px;top:18px}.applied-bandage>i:nth-of-type(2),.bandage-object>i:nth-of-type(2){left:31px;bottom:16px}.applied-bandage>i:nth-of-type(3),.bandage-object>i:nth-of-type(3){right:31px;top:17px}.applied-bandage>i:nth-of-type(4),.bandage-object>i:nth-of-type(4){right:18px;bottom:17px}
.applied-bandage .bandage-pad{position:absolute;left:50%;top:50%;width:46px;height:30px;border-radius:9px;background:rgba(221,176,124,.28);transform:translate(-50%,-50%)}
.healing-rings{position:absolute;z-index:4;left:50%;top:50%;width:0;height:0;pointer-events:none}.healing-rings>i{position:absolute;left:0;top:0;width:70px;height:70px;border:1px solid rgba(94,161,137,.28);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0}
.care-label{position:absolute;color:rgba(84,57,87,.56);font:600 6px/1 "DM Mono",monospace;letter-spacing:.13em}.care-label-a{left:18px;top:18px}.care-label-b{right:18px;bottom:18px;color:#a06570;transition:color .45s ease}.healing-stage.is-healed .care-label-b{color:#4d846f}
.bandage-dock{display:flex;flex-direction:column;justify-content:space-between;min-height:390px;padding:22px;border:1px solid rgba(89,63,101,.1);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(222,239,232,.6));box-shadow:inset 0 1px rgba(255,255,255,.92)}
.bandage-dock>span>b,.bandage-dock>span>small{display:block;font:600 7px/1.25 "DM Mono",monospace;letter-spacing:.12em}.bandage-dock>span>b{color:#6f5c72}.bandage-dock>span>small{margin-top:7px;color:#9a899d}
.apply-bandage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;width:100%;min-height:235px;padding:18px;border:1px solid rgba(123,87,99,.14);border-radius:22px;background:radial-gradient(circle at 50% 32%,rgba(255,245,224,.75),transparent 48%),linear-gradient(160deg,rgba(255,255,255,.82),rgba(241,222,213,.66));cursor:pointer;box-shadow:0 18px 42px rgba(89,62,99,.1),inset 0 1px #fff;transition:transform .35s var(--dc-spring),box-shadow .35s ease,border-color .35s ease}
.apply-bandage:hover,.apply-bandage:focus-visible{transform:translateY(-5px);border-color:rgba(181,117,131,.24);box-shadow:0 24px 54px rgba(91,62,101,.14),inset 0 1px #fff}
.bandage-object{position:relative;width:152px;height:52px;border:1px solid rgba(131,91,64,.15);border-radius:18px;background:linear-gradient(145deg,#f5d9af,#e7ba80 48%,#f1d0a2);box-shadow:0 13px 24px rgba(103,68,59,.15),inset 0 1px rgba(255,255,255,.75);transform:rotate(-7deg);transition:transform .4s var(--dc-spring)}
.apply-bandage:hover .bandage-object{transform:rotate(-3deg) translateY(-3px) scale(1.03)}
.bandage-object>span{position:absolute;left:50%;top:50%;width:40px;height:26px;border-radius:8px;background:rgba(220,176,124,.26);transform:translate(-50%,-50%)}
.bandage-action b,.bandage-action small{display:block}.bandage-action b{color:#644b62;font:700 8px/1 "DM Mono",monospace;letter-spacing:.13em}.bandage-action small{margin-top:8px;color:#9a7d86;font:600 6px/1 "DM Mono",monospace;letter-spacing:.09em}
.healing-copy{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:12px 28px;margin-top:22px;padding:22px 6px 4px;border-top:1px solid rgba(89,63,101,.09)}
.healing-copy>span{grid-row:1/4;color:#9b6a76;font:600 7px/1.25 "DM Mono",monospace;letter-spacing:.13em}.healing-copy h3{margin:0;color:#49364d;font-size:clamp(24px,3vw,42px);line-height:1;letter-spacing:-.045em}.healing-copy p{margin:2px 0 0;color:#695a6e;font-size:14px;line-height:1.7}.healing-copy .healing-soft{color:#8a7b8d;font-size:12px}
.healing-stage.is-healing .applied-bandage{animation:dcBandageApply 1.08s var(--dc-ease) both}
.healing-stage.is-healed .applied-bandage{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}
.healing-stage.is-healed .wound-aura{opacity:0;scale:.5}.healing-stage.is-healed .wound-line{opacity:0;transform:translate(-50%,-50%) rotate(-7deg) scaleX(.18);filter:saturate(.5)}
.healing-stage.is-healed .healed-line{width:155px;opacity:.48}
.healing-stage.is-healing .healing-rings>i,.healing-stage.is-healed.just-healed .healing-rings>i{animation:dcHealingRing 1s .62s var(--dc-ease) forwards}.healing-stage.is-healing .healing-rings>i:nth-child(2){animation-delay:.74s}.healing-stage.is-healing .healing-rings>i:nth-child(3){animation-delay:.86s}
.healing-stage.is-healed .apply-bandage{border-color:rgba(93,161,136,.2);background:radial-gradient(circle at 50% 32%,rgba(224,244,236,.75),transparent 48%),linear-gradient(160deg,rgba(255,255,255,.85),rgba(217,237,229,.68))}
@keyframes dcBandageApply{0%{opacity:0;transform:translate(82%,115%) rotate(15deg) scale(.72)}18%{opacity:1}66%{transform:translate(-50%,-74%) rotate(-3deg) scale(1.08)}83%{transform:translate(-50%,-44%) rotate(-10deg) scale(.96)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}
@keyframes dcHealingRing{14%{opacity:.68}100%{opacity:0;transform:translate(-50%,-50%) scale(4.6)}}

/* 13 / charge is attached to the transmission object. */
.transmission.dc-charged{border-color:rgba(var(--dc-a),.24)!important;box-shadow:0 36px 92px rgba(76,52,94,.14),0 0 0 5px rgba(var(--dc-a),.045)!important}
.transmission.dc-charged .send-button{transform:translateY(-2px);box-shadow:0 22px 56px rgba(var(--dc-a),.2),inset 0 1px #fff!important}

/* Accessibility and input ergonomics. */
.director-cut-ready :is(button,a,[role="button"],input,textarea):focus-visible{
  outline:2px solid rgba(132,91,155,.52)!important;outline-offset:4px!important;
}
.director-cut-ready button{touch-action:manipulation}
.director-cut-ready textarea{scroll-margin-bottom:calc(24px + env(safe-area-inset-bottom))}

/* Phones render only nearby chapters and use interaction-triggered depth. */
@media(max-width:820px){
  body.director-mobile{background:linear-gradient(180deg,#fffafd,#f3ecf8 46%,#f4f3fb 72%,#fff9fb)!important}
  .director-mobile .depth-world{opacity:.48}.director-mobile .depth-grid-far{background-size:92px 92px}.director-mobile .depth-grid-floor{background-size:104px 76px}.director-mobile .depth-gate{width:88vw;height:58vh;border-radius:38px}
  .director-boot-specs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin-top:16px}
  .director-boot-specs>span{min-height:52px;padding:9px 10px}
  .chapter-director-strip{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:56px;padding:9px 11px;margin-bottom:18px}
  .chapter-director-meter{grid-column:1/-1;grid-template-columns:1fr auto;padding-left:1px}
  .chapter-director-copy b{font-size:9px}.chapter-director-copy small{font-size:6px}
  .chapter-director-seal>b{display:none}.chapter-director-seal{padding:0 9px 0 3px}
  .chapter-director-seal>i{width:8px;height:8px}
  .terminal-run{min-width:82px;min-height:36px}
  .timeline-years .director-milestone{min-height:48px;padding:8px 3px}
  .healing-stage{padding:18px}.healing-visual{grid-template-columns:1fr}.skin-canvas{min-height:330px}.bandage-dock{min-height:auto;padding:16px}.apply-bandage{min-height:150px;flex-direction:row}.healing-copy{grid-template-columns:1fr;gap:12px}.healing-copy>span{grid-row:auto}.applied-bandage{width:184px;height:62px}.wound-line{width:150px}
  .director-impact b{font-size:5.5px;padding:6px 8px}
  .director-mobile .surface,.director-mobile .reply-module{box-shadow:0 18px 48px rgba(75,52,93,.1),inset 0 1px rgba(255,255,255,.93)!important}
  .director-mobile .chapter.is-cinematic-live :is(.surface,.reply-module){box-shadow:0 24px 62px rgba(75,52,93,.13),inset 0 1px rgba(255,255,255,.96)!important}
  .director-mobile .chapter:not(.is-cinematic-live) .chapter-director-strip{opacity:.38}
  @supports(content-visibility:auto){
    .director-mobile .chapter{content-visibility:auto;contain-intrinsic-size:auto 1180px}
  }
}

@media(max-width:520px){
  .director-build-mark{display:none}
  .director-boot-specs{gap:6px}.director-boot-specs>span{border-radius:12px}
  .chapter-director-strip{border-radius:14px}
  .chapter-director-copy b{font-size:8px}
  .terminal-top{gap:7px}.terminal-run{padding:0 8px;font-size:5.7px}
  .healing-topline{align-items:flex-start}.healing-vitals{max-width:130px;text-align:right}.skin-canvas{min-height:285px;border-radius:21px}.wound-aura{width:230px;height:135px}.apply-bandage{min-height:135px;gap:12px}.bandage-object{width:130px;height:46px}.healing-copy h3{font-size:27px}.healing-copy p{font-size:13px}.applied-bandage{width:166px;height:56px}
}

body.director-paused *,body.director-paused *::before,body.director-paused *::after{animation-play-state:paused!important}
body.motion-lite .director-impact,body.lite-fx .director-impact{display:none}
body.motion-lite .chapter-director-strip,body.lite-fx .chapter-director-strip{transform:none}

@media(prefers-reduced-motion:reduce){
  .chapter-director-strip,.chapter-head::after,.chapter-director-meter>span>i{transition:none!important;transform:none!important}
  .director-impact{display:none!important}
  .terminal-window.dc-querying .terminal-log span,.classified-card.is-inspected::after{animation:none!important}
  .idea-planet.dc-selected,.timeline-years .director-milestone.dc-selected,.logo-monument.is-selected img{transform:none!important}
  .healing-stage.is-healing .applied-bandage,.healing-stage.is-healing .healing-rings>i{animation:none!important}.healing-stage.is-healed .applied-bandage{opacity:1;transform:translate(-50%,-50%) rotate(-8deg)}
  .depth-world{--depth-x:0deg!important;--depth-y:0deg!important;--depth-scroll:0px!important;animation:none!important}
}

/* ===== care-trail.css ===== */
/* ADDON / CAPTAIN — CARE TRAIL / V7 */
:root{
  --care-rose:199,119,153;--care-lilac:151,123,194;--care-sky:126,182,214;
  --care-mint:116,174,151;--care-ink:#49384f;--care-paper:#fffaf4;
  --care-ease:cubic-bezier(.16,1,.3,1);--care-spring:cubic-bezier(.16,1.2,.28,1);
  --care-progress:0;
}

.care-aurora-layer{position:fixed;z-index:-3;inset:-12%;pointer-events:none;overflow:hidden;opacity:0;perspective:900px;transition:opacity 1.2s ease}
.care-aurora-layer::before{content:"";position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 130deg,rgba(var(--care-rose),.1),rgba(var(--care-lilac),.13),rgba(var(--care-sky),.1),rgba(var(--care-mint),.09),rgba(var(--care-rose),.1));filter:blur(72px);transform:translateZ(-90px) rotateX(60deg) scale(1.15)}
.care-aurora-layer>i{position:absolute;border:1px solid rgba(var(--care-lilac),.11);border-radius:50%;transform-style:preserve-3d}
.care-aurora-layer>i:nth-child(1){width:70vw;height:70vw;left:-14vw;top:10vh;transform:rotateX(70deg) rotateZ(24deg) translateZ(-70px)}
.care-aurora-layer>i:nth-child(2){width:54vw;height:54vw;right:-9vw;bottom:-11vh;transform:rotateX(66deg) rotateZ(-20deg) translateZ(-40px)}
.care-aurora-layer>b{position:absolute;left:var(--care-progress-position,12%);top:16%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 32px rgba(var(--care-rose),.6),0 0 90px rgba(var(--care-lilac),.4);transition:left .9s var(--care-ease)}
body.care-trail-active .care-aurora-layer{opacity:.72}

.care-command-progress{display:none;align-items:center;gap:7px;min-height:29px;padding:0 9px;border:1px solid rgba(var(--care-rose),.18);border-radius:999px;background:rgba(255,255,255,.48);color:#76617d;font:600 6px/1 "DM Mono",monospace;letter-spacing:.09em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.9);transition:transform .25s ease,border-color .25s ease}
body.care-trail-active .care-command-progress{display:flex}
.care-command-progress:hover,.care-command-progress:focus-visible{transform:translateY(-1px);border-color:rgba(var(--care-rose),.36)}
.care-command-progress>i{width:6px;height:6px;border-radius:50%;background:rgb(var(--care-rose));box-shadow:0 0 0 4px rgba(var(--care-rose),.1)}
.care-command-progress>b{color:#a26386}

.care-console-shell{position:fixed;z-index:420;inset:0;display:grid;place-items:center;padding:22px;visibility:hidden;opacity:0;transition:visibility 0s .45s,opacity .35s ease}
.care-console-shell.is-open{visibility:visible;opacity:1;transition-delay:0s}
.care-console-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(39,27,47,.28);backdrop-filter:blur(16px) saturate(.88);cursor:default}
.care-console{position:relative;isolation:isolate;width:min(760px,calc(100vw - 38px));max-height:min(780px,calc(100svh - 34px));overflow:auto;padding:18px;border:1px solid rgba(255,255,255,.86);border-radius:32px;background:radial-gradient(circle at 86% 12%,rgba(221,205,244,.78),transparent 30%),radial-gradient(circle at 8% 90%,rgba(255,213,226,.65),transparent 35%),linear-gradient(145deg,rgba(255,253,251,.97),rgba(242,234,248,.95));box-shadow:0 50px 130px rgba(52,34,63,.3),inset 0 1px #fff;transform:translateY(26px) rotateX(-5deg) scale(.94);transform-origin:50% 30%;transition:transform .58s var(--care-spring)}
.care-console-shell.is-open .care-console{transform:translateY(0) rotateX(0) scale(1)}
.care-console::before{content:"";position:absolute;z-index:-1;inset:7px;border:1px solid rgba(117,85,130,.09);border-radius:25px;pointer-events:none}
.care-console-glass{position:absolute;z-index:-1;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.care-console-glass>i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.32}.care-console-glass>i:nth-child(1){width:190px;height:190px;right:-60px;top:-75px;background:radial-gradient(circle,rgba(var(--care-sky),.35),transparent 70%)}.care-console-glass>i:nth-child(2){width:160px;height:160px;left:-40px;bottom:-60px;background:radial-gradient(circle,rgba(var(--care-rose),.35),transparent 70%)}.care-console-glass>i:nth-child(3){left:9%;right:9%;top:51%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--care-lilac),.25),transparent)}
.care-console-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 14px;border-bottom:1px solid rgba(91,61,105,.09)}
.care-console-head>span{display:flex;align-items:center;gap:9px;color:#86718c;font:600 7px/1 "DM Mono",monospace;letter-spacing:.13em}.care-console-head>span>i{width:7px;height:7px;border-radius:50%;background:#78ad98;box-shadow:0 0 0 5px rgba(120,173,152,.1)}
.care-console-head>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(91,61,105,.11);border-radius:50%;background:rgba(255,255,255,.55);color:#6d5974;font-size:19px;cursor:pointer}
.care-console-title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:28px 16px 24px}
.care-lens-object{position:relative;display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(var(--care-lilac),.18);border-radius:30px;background:radial-gradient(circle at 38% 30%,#fff,rgba(237,223,246,.86));font-size:36px;box-shadow:0 22px 44px rgba(84,56,100,.14),inset 0 1px #fff;transform:rotate(-5deg)}
.care-lens-object>i{position:absolute;inset:10px;border:1px solid rgba(var(--care-rose),.16);border-radius:24px}.care-lens-object>i:nth-child(2){inset:22px;border-color:rgba(var(--care-sky),.22)}
.care-console-title small{color:#a26f8a;font:700 7px/1 "DM Mono",monospace;letter-spacing:.14em}.care-console-title h2{margin:7px 0 5px;color:var(--care-ink);font:600 clamp(35px,5vw,62px)/.94 "Playfair Display",serif;letter-spacing:-.045em}.care-console-title p{margin:0;color:#78677d;font-size:13px;line-height:1.5}

.care-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(91,61,105,.09);border-radius:23px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.care-socket{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:142px;padding:12px;border:1px solid transparent;border-radius:17px;background:rgba(249,245,251,.55);color:#79677d;text-align:left;cursor:pointer;overflow:hidden;transition:transform .35s var(--care-spring),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.care-socket::after{content:"";position:absolute;inset:auto 10px 9px;height:2px;border-radius:99px;background:rgba(98,76,106,.08);transform-origin:left}.care-socket.is-found::after{background:linear-gradient(90deg,rgb(var(--care-rose)),rgb(var(--care-lilac)));animation:careTraceIn .65s var(--care-ease) both}
.care-socket:hover,.care-socket:focus-visible{transform:translateY(-5px);border-color:rgba(var(--care-lilac),.17);background:rgba(255,255,255,.8);box-shadow:0 15px 34px rgba(80,54,92,.1)}
.care-socket>span{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.care-socket>span>i{display:grid;place-items:center;width:37px;height:37px;border:1px dashed rgba(104,80,113,.22);border-radius:50%;color:#9c8aa1;font-style:normal;font-size:15px;transition:.4s var(--care-spring)}.care-socket>span>b{color:#b1a2b4;font:500 6px/1 "DM Mono",monospace}.care-socket>em{margin-top:14px;color:#5e4b64;font:700 8px/1 "DM Mono",monospace;letter-spacing:.12em;font-style:normal}.care-socket>small{margin-top:7px;color:#948498;font:500 6px/1.45 "DM Mono",monospace;letter-spacing:.04em}
.care-socket.is-found{border-color:rgba(var(--care-mint),.22);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(220,241,231,.62))}.care-socket.is-found>span>i{border-style:solid;border-color:rgba(var(--care-mint),.3);background:rgba(var(--care-mint),.12);color:#4e8a72;box-shadow:0 0 0 5px rgba(var(--care-mint),.06);transform:rotate(8deg) scale(1.05)}
@keyframes careTraceIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.care-console-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 5px 2px}.care-progress-copy span,.care-progress-copy b{display:block}.care-progress-copy span{color:#a66d89;font:700 7px/1 "DM Mono",monospace;letter-spacing:.12em}.care-progress-copy b{margin-top:7px;color:#837287;font:500 7px/1.35 "DM Mono",monospace;letter-spacing:.03em}.care-main-action{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:204px;min-height:54px;padding:0 18px;border:1px solid rgba(var(--care-lilac),.2);border-radius:16px;background:linear-gradient(135deg,#5d4668,#8b658f 58%,#ad7898);color:#fff;box-shadow:0 18px 36px rgba(88,60,98,.2),inset 0 1px rgba(255,255,255,.18);cursor:pointer;transition:transform .3s var(--care-spring),box-shadow .3s ease}.care-main-action:hover,.care-main-action:focus-visible{transform:translateY(-3px);box-shadow:0 23px 45px rgba(88,60,98,.25),inset 0 1px rgba(255,255,255,.18)}.care-main-action span{font:700 7px/1 "DM Mono",monospace;letter-spacing:.12em}.care-main-action b{font-size:15px}

.care-live{position:fixed;z-index:460;left:50%;top:calc(76px + env(safe-area-inset-top));display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:11px 15px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,250,252,.88);box-shadow:0 20px 60px rgba(65,43,76,.22),inset 0 1px #fff;backdrop-filter:blur(14px);color:#5c4962;opacity:0;pointer-events:none;transform:translate(-50%,-15px) scale(.94)}
.care-live.is-showing{animation:careLive 2.2s var(--care-ease) both}.care-live>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(var(--care-rose),.11);color:#a86787;font-style:normal}.care-live>span{font:700 7px/1.25 "DM Mono",monospace;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes careLive{0%{opacity:0;transform:translate(-50%,-15px) scale(.94)}12%,80%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-8px) scale(.98)}}

.care-earned-tag{position:absolute!important;z-index:38!important;right:14px!important;top:14px!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;height:auto!important;min-height:35px!important;padding:5px 9px 5px 6px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:999px!important;background:rgba(255,250,252,.88)!important;box-shadow:0 12px 30px rgba(62,42,72,.17),inset 0 1px #fff!important;color:#644f68!important;pointer-events:none!important;backdrop-filter:blur(10px);animation:careTagIn .72s var(--care-spring) both!important;transform:none}
.care-earned-tag>i{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:50%!important;background:rgba(var(--care-rose),.11)!important;color:#a76585!important;font-style:normal!important}.care-earned-tag>span{position:static!important;display:block!important;min-height:0!important;padding:0!important;color:inherit!important}.care-earned-tag small,.care-earned-tag b{display:block!important;font-family:"DM Mono",monospace!important;line-height:1!important;letter-spacing:.08em!important}.care-earned-tag small{color:#a18ea4!important;font-size:5px!important}.care-earned-tag b{margin-top:4px!important;color:#614d66!important;font-size:6px!important}
@keyframes careTagIn{from{opacity:0;transform:translateY(-12px) rotate(-6deg) scale(.72)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
.care-target-earned{position:relative}.care-target-hint{animation:careTargetHint 1.3s var(--care-ease) both}@keyframes careTargetHint{0%,100%{filter:none}45%{filter:drop-shadow(0 0 22px rgba(var(--care-rose),.45))}}

.care-burst{position:fixed;z-index:455;width:0;height:0;pointer-events:none}.care-burst>i{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:#e4a8c1;box-shadow:0 0 9px currentColor;animation:careParticle .92s var(--care-ease) forwards}.care-burst-paper>i{width:8px;height:5px;border-radius:1px;background:#f2ddbd}.care-burst-thread>i{width:12px;height:2px;border-radius:99px;background:#c58b9a}.care-burst-photo>i{width:4px;height:4px;background:#cab0d9}.care-burst-ink>i{width:6px;height:3px;border-radius:50%;background:#74516c}.care-burst>i:nth-child(2n){background:#a995d0}.care-burst>i:nth-child(3n){background:#a2cbbb}
@keyframes careParticle{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.4)}18%{opacity:1}100%{opacity:0;transform:translate(var(--care-x),var(--care-y)) rotate(var(--care-r)) scale(.1)}}

body.care-console-open{overflow:hidden}.care-paused *,.care-paused *::before,.care-paused *::after{animation-play-state:paused!important}

@media(max-width:820px){
  .care-command-progress span{display:none}.care-command-progress{padding:0 8px}
  .care-console-shell{padding:10px;align-items:end}.care-console{width:100%;max-height:calc(100svh - 18px);padding:14px;border-radius:28px 28px 18px 18px;transform:translateY(70px) scale(.98)}
  .care-console-title{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:22px 6px 18px}.care-lens-object{width:68px;height:68px;border-radius:23px;font-size:28px}.care-console-title h2{font-size:39px}.care-console-title p{font-size:11px}
  .care-route{grid-template-columns:repeat(5,112px);overflow-x:auto;scroll-snap-type:x mandatory;padding:8px}.care-socket{scroll-snap-align:start;min-height:126px}
  .care-console-foot{grid-template-columns:1fr;padding-top:14px}.care-main-action{width:100%;min-width:0}.care-progress-copy{padding:0 3px}
  .care-earned-tag{right:9px!important;top:9px!important}.care-live{top:calc(64px + env(safe-area-inset-top))}
  .care-aurora-layer{opacity:.42!important}.care-aurora-layer::before{filter:blur(56px)}
}
@media(max-width:520px){.care-console-title small{font-size:6px}.care-console-title h2{font-size:35px}.care-console-head>span{font-size:6px}.care-live>span{max-width:250px}.care-earned-tag>span{display:none!important}.care-earned-tag{padding:5px!important}}
@media(prefers-reduced-motion:reduce){.care-console,.care-socket,.care-main-action,.care-earned-tag,.care-aurora-layer{transition:none!important;animation:none!important}.care-burst{display:none!important}.care-live.is-showing{animation:none!important;opacity:1;transform:translate(-50%,0)}.care-target-hint{animation:none!important}}

/* MEMORY ORBIT / physical backs */
.care-photo-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin:14px auto 0}
.care-photo-controls>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:212px;min-height:47px;padding:0 15px;border:1px solid rgba(var(--care-lilac),.19);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(237,226,245,.77));box-shadow:0 14px 30px rgba(72,50,84,.1),inset 0 1px #fff;color:#5d4963;cursor:pointer;transition:transform .3s var(--care-spring),box-shadow .3s ease}
.care-photo-controls>button:hover,.care-photo-controls>button:focus-visible{transform:translateY(-3px);box-shadow:0 19px 38px rgba(72,50,84,.14),inset 0 1px #fff}.care-photo-controls>button span{font:700 7px/1 "DM Mono",monospace;letter-spacing:.12em}.care-photo-controls>button b{font-size:18px;color:#a36b8b}.care-photo-controls>small{color:#97879a;font:500 6px/1 "DM Mono",monospace;letter-spacing:.07em}
.orbit-card{perspective:900px!important;transform-style:preserve-3d!important}
.orbit-card img,.orbit-card>span:not(.care-photo-note){backface-visibility:hidden;transition:opacity .38s ease,transform .62s var(--care-ease),filter .45s ease!important}
.orbit-card .care-photo-note{position:absolute!important;z-index:9!important;inset:10px 10px 54px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:15px!important;width:auto!important;height:auto!important;min-height:0!important;padding:22px!important;border:1px solid rgba(143,102,119,.13)!important;border-radius:17px!important;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.86),transparent 35%),linear-gradient(148deg,#fff9ec,#f4e1da 62%,#ead0d4)!important;color:#6b4e61!important;text-align:center!important;opacity:0;transform:rotateY(180deg) scale(.9)!important;backface-visibility:hidden;pointer-events:none;box-shadow:inset 0 1px rgba(255,255,255,.86)!important;transition:opacity .34s ease,transform .62s var(--care-ease)!important}
.care-photo-note::before{content:"";position:absolute;inset:11px;border:1px dashed rgba(132,86,106,.16);border-radius:12px}.care-photo-note small{color:#ac748e;font:600 6px/1 "DM Mono",monospace;letter-spacing:.12em}.care-photo-note b{max-width:230px;color:#654b5e!important;font:italic 600 clamp(16px,1.65vw,24px)/1.25 "Playfair Display",serif!important;letter-spacing:-.02em!important}.care-photo-note i{color:#a18a99;font:500 8px/1.3 "DM Mono",monospace;font-style:normal}
.orbit-card.is-note-side img,.orbit-card.is-note-side>span:not(.care-photo-note){opacity:0!important;transform:rotateY(-180deg) scale(.9)!important;filter:blur(2px)!important}.orbit-card.is-note-side .care-photo-note{opacity:1!important;transform:rotateY(0) scale(1)!important}.orbit-card.is-note-side{outline-color:rgba(var(--care-rose),.34)!important}

/* SECRET NOTE / triple-tap lens */
.care-lens-object[role="button"]{cursor:pointer}.care-lens-object.is-tapped{animation:careLensTap .38s var(--care-spring)}@keyframes careLensTap{50%{transform:rotate(2deg) scale(.92);box-shadow:0 8px 20px rgba(84,56,100,.12),inset 0 1px #fff}}
.care-secret-shell{position:fixed;z-index:540;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:visibility 0s .4s,opacity .32s ease}.care-secret-shell.is-open{visibility:visible;opacity:1;transition-delay:0s}.care-secret-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(47,31,51,.35);backdrop-filter:blur(18px);cursor:default}
.care-secret-note{position:relative;isolation:isolate;width:min(680px,calc(100vw - 34px));padding:22px 26px 25px;border:1px solid rgba(255,255,255,.9);border-radius:4px 28px 8px 24px;background:radial-gradient(circle at 88% 6%,rgba(226,199,214,.34),transparent 28%),linear-gradient(145deg,#fffaf0,#f8eee5 66%,#f3e3e6);box-shadow:0 54px 140px rgba(54,36,57,.38),inset 0 1px #fff;transform:translateY(26px) rotate(-2deg) scale(.94);transition:transform .58s var(--care-spring)}.care-secret-shell.is-open .care-secret-note{transform:translateY(0) rotate(-.7deg) scale(1)}
.care-secret-note::before{content:"";position:absolute;z-index:-1;inset:9px;border:1px solid rgba(126,87,103,.12);border-radius:2px 21px 5px 18px;pointer-events:none}.care-secret-note::after{content:"";position:absolute;right:-4px;top:35%;width:34px;height:62px;background:linear-gradient(90deg,rgba(179,137,155,.24),rgba(255,255,255,.7));clip-path:polygon(0 0,100% 13%,62% 100%,5% 78%)}
.care-secret-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid rgba(122,84,100,.11)}.care-secret-top>span{color:#9a7888;font:600 7px/1 "DM Mono",monospace;letter-spacing:.12em}.care-secret-top>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(113,77,94,.12);border-radius:50%;background:rgba(255,255,255,.55);color:#74566a;font-size:19px;cursor:pointer}
.care-secret-kicker{display:block;margin-top:26px;color:#ae718b;font:700 7px/1 "DM Mono",monospace;letter-spacing:.15em}.care-secret-note h2{margin:10px 0 15px;color:#5b4154;font:italic 600 clamp(40px,7vw,70px)/.92 "Playfair Display",serif;letter-spacing:-.05em}.care-secret-note>p{max-width:570px;margin:0;color:#735e6c;font:500 15px/1.8 Manrope,sans-serif}.care-secret-stamps{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.care-secret-stamps span{padding:8px 10px;border:1px solid rgba(146,91,117,.15);border-radius:999px;background:rgba(255,255,255,.46);color:#a06e84;font:700 6px/1 "DM Mono",monospace;letter-spacing:.09em}.care-secret-signoff{display:flex;align-items:center;gap:11px;margin-top:22px;padding-top:15px;border-top:1px dashed rgba(127,87,105,.14)}.care-secret-signoff>i{flex:1;height:1px;background:linear-gradient(90deg,rgba(144,95,117,.22),transparent)}.care-secret-signoff>span{color:#8e7785;font:italic 600 13px/1 "Playfair Display",serif}.care-secret-signoff>b{font-size:17px}
body.care-secret-open{overflow:hidden}

/* CLOUD DELIVERY / sky stage */
.care-skyfall{position:fixed;z-index:520;inset:0;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;transition:visibility 0s .65s,opacity .48s ease}.care-skyfall.is-open{visibility:visible;opacity:1;transition-delay:0s}.care-sky-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(56,43,71,.28);backdrop-filter:blur(18px) saturate(.88);cursor:default}
.care-sky-stage{position:relative;isolation:isolate;width:min(1180px,calc(100vw - 30px));height:min(870px,calc(100svh - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.84);border-radius:34px;background:radial-gradient(circle at 50% 8%,#fff 0 9%,rgba(236,226,247,.93) 34%,rgba(220,230,245,.92) 65%,rgba(248,230,237,.95));box-shadow:0 60px 160px rgba(55,39,68,.38),inset 0 1px #fff;transform:translateY(25px) scale(.96);transition:transform .7s var(--care-spring)}.care-skyfall.is-open .care-sky-stage{transform:translateY(0) scale(1)}
.care-sky-depth{position:absolute;z-index:-3;inset:0;perspective:700px;overflow:hidden}.care-sky-depth>i{position:absolute;border:1px solid rgba(var(--care-lilac),.12);border-radius:50%}.care-sky-depth>i:nth-child(1){width:74%;height:74%;left:13%;top:7%;transform:rotateX(66deg)}.care-sky-depth>i:nth-child(2){width:54%;height:54%;left:23%;top:17%;transform:rotateX(66deg)}.care-sky-depth>i:nth-child(3){width:34%;height:34%;left:33%;top:27%;transform:rotateX(66deg)}
.care-sky-clouds{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.care-cloud{position:absolute;display:block;max-width:none;filter:saturate(.78) brightness(1.08) contrast(.92);mix-blend-mode:screen;opacity:.92;transform-origin:center;will-change:auto}.care-cloud-back{left:50%;top:-18%;width:120%;height:72%;object-fit:cover;transform:translateX(-50%) scale(1.12)}.care-cloud-left{left:-18%;top:12%;width:82%;height:82%;object-fit:cover;transform:translateX(18%) rotate(5deg) scale(1.12)}.care-cloud-right{right:-18%;top:9%;width:82%;height:84%;object-fit:cover;transform:translateX(-18%) rotate(-4deg) scale(1.12)}.care-cloud-front{left:50%;bottom:-35%;width:116%;height:70%;object-fit:cover;transform:translateX(-50%) scale(1.13)}
.care-skyfall.is-descending .care-cloud{will-change:transform,opacity}.care-skyfall.is-descending .care-cloud-left{animation:careCloudPartLeft 2.3s var(--care-ease) both}.care-skyfall.is-descending .care-cloud-right{animation:careCloudPartRight 2.3s var(--care-ease) both}.care-skyfall.is-descending .care-cloud-back{animation:careCloudBack 2.3s var(--care-ease) both}.care-skyfall.is-descending .care-cloud-front{animation:careCloudFront 2.3s var(--care-ease) both}
@keyframes careCloudPartLeft{to{opacity:.7;transform:translateX(-8%) rotate(1deg) scale(1.02)}}@keyframes careCloudPartRight{to{opacity:.7;transform:translateX(8%) rotate(-1deg) scale(1.02)}}@keyframes careCloudBack{to{opacity:.68;transform:translateX(-50%) translateY(-8%) scale(1.03)}}@keyframes careCloudFront{to{opacity:.74;transform:translateX(-50%) translateY(10%) scale(1.04)}}
.care-sky-head{position:absolute;z-index:22;left:20px;right:20px;top:17px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:0 0 13px;border-bottom:1px solid rgba(90,68,105,.1)}.care-sky-head>span{display:flex;align-items:center;gap:9px;color:#765f82;font:700 7px/1 "DM Mono",monospace;letter-spacing:.12em}.care-sky-head>span>i{width:7px;height:7px;border-radius:50%;background:#73ad95;box-shadow:0 0 0 5px rgba(115,173,149,.1)}.care-sky-head>b{color:#a06a8a;font:700 7px/1 "DM Mono",monospace;letter-spacing:.1em}.care-sky-head>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(92,67,106,.11);border-radius:50%;background:rgba(255,255,255,.6);color:#654e70;font-size:19px;cursor:pointer}
.care-delivery-copy{position:absolute;z-index:7;left:clamp(24px,5vw,64px);top:106px;width:min(48%,530px);opacity:0;transform:translateY(18px);transition:opacity .7s 1.35s ease,transform .8s 1.35s var(--care-ease)}.care-skyfall.is-descending .care-delivery-copy{opacity:1;transform:translateY(0)}.care-delivery-copy>small{color:#9f6d8a;font:700 7px/1 "DM Mono",monospace;letter-spacing:.13em}.care-delivery-copy h2{margin:12px 0 10px;color:#493951;font:600 clamp(42px,5.6vw,74px)/.92 "Playfair Display",serif;letter-spacing:-.055em}.care-delivery-copy h2 em{color:#87618c;font-style:italic}.care-delivery-copy p{max-width:430px;margin:0;color:#78677e;font-size:13px;line-height:1.6}
.care-courier{position:absolute;z-index:5;right:clamp(38px,8vw,112px);top:90px;width:310px;height:380px;opacity:0;transform:translate3d(0,-78%,140px) rotateX(-12deg) scale(.48);filter:blur(4px);transform-style:preserve-3d;will-change:auto}.care-courier>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 42px rgba(83,61,98,.22));border-radius:40%}.care-courier-aura{position:absolute;z-index:1;left:50%;top:49%;width:240px;height:300px;transform:translate(-50%,-50%)}.care-courier-aura>i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;box-shadow:0 0 50px rgba(var(--care-lilac),.22)}.care-courier-aura>i:nth-child(2){inset:24px;border-color:rgba(var(--care-rose),.25)}.care-courier-aura>i:nth-child(3){inset:52px;border-color:rgba(var(--care-sky),.3)}.care-courier-envelope{position:absolute;z-index:4;left:50%;bottom:22px;display:grid;place-items:center;width:118px;height:76px;border:1px solid rgba(115,80,96,.18);border-radius:5px;background:linear-gradient(145deg,#fff9e9,#ead8c6);box-shadow:0 18px 35px rgba(79,55,91,.2);transform:translateX(-50%) rotate(-4deg)}.care-courier-envelope::before,.care-courier-envelope::after{content:"";position:absolute;inset:0;clip-path:polygon(0 0,50% 58%,100% 0);background:#f3e3d4}.care-courier-envelope::after{clip-path:polygon(0 100%,50% 45%,100% 100%);background:#f8ecdf}.care-courier-envelope>b{position:relative;z-index:3;color:#9c6d84;font:700 5px/1 "DM Mono",monospace;letter-spacing:.1em}.care-courier-envelope>i{position:absolute;z-index:4;left:50%;top:45%;width:17px;height:17px;border-radius:50%;background:#9c6683;transform:translate(-50%,-50%);box-shadow:inset 0 1px rgba(255,255,255,.25)}
.care-skyfall.is-descending .care-courier{will-change:transform,opacity,filter;animation:careCourierDescend 2.35s var(--care-ease) both}@keyframes careCourierDescend{0%{opacity:0;transform:translate3d(0,-78%,140px) rotateX(-12deg) scale(.48);filter:blur(5px)}24%{opacity:1}72%{transform:translate3d(0,4%,12px) rotateX(1deg) scale(1.04);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:blur(0)}}
.care-skyfall.is-settled .care-cloud,.care-skyfall.is-settled .care-courier{will-change:auto}

.care-sky-envelope{position:absolute;z-index:12;left:50%;bottom:54px;width:min(520px,47vw);height:304px;opacity:0;transform:translate(-50%,42px) rotateX(-8deg) scale(.9);transform-style:preserve-3d;perspective:1000px;transition:opacity .6s ease,transform .8s var(--care-spring);--ribbon-x:0px;--ribbon-percent:0%}.care-skyfall.is-delivered .care-sky-envelope{opacity:1;transform:translate(-50%,0) rotateX(0) scale(1)}
.care-envelope-back{position:absolute;z-index:1;inset:0;border:1px solid rgba(114,82,96,.18);border-radius:13px;background:linear-gradient(145deg,#f6e7d7,#e6cdbf);box-shadow:0 30px 70px rgba(70,47,79,.22),inset 0 1px rgba(255,255,255,.7)}.care-envelope-front{position:absolute;z-index:7;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:23px;border:1px solid rgba(117,80,97,.14);border-radius:13px;background:linear-gradient(155deg,#f7ebdf,#e8d1c5);clip-path:polygon(0 25%,50% 66%,100% 25%,100% 100%,0 100%);transform-origin:50% 100%;transition:transform .9s .18s var(--care-ease),opacity .65s .25s ease}.care-envelope-front>span{color:#9b7184;font:700 6px/1 "DM Mono",monospace;letter-spacing:.13em}.care-envelope-front>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#9b6883;box-shadow:0 8px 18px rgba(102,68,87,.22),inset 0 1px rgba(255,255,255,.22);font-size:16px}.care-envelope-flap{position:absolute;z-index:8;left:0;right:0;top:0;height:57%;border-radius:13px 13px 0 0;background:linear-gradient(160deg,#fff6e9,#ead5c6);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .9s var(--care-ease),z-index 0s .45s}.care-skyfall.is-letter-open .care-envelope-flap{z-index:0;transform:rotateX(178deg)}.care-skyfall.is-letter-open .care-envelope-front{opacity:.82;transform:translateY(55%) rotateX(-8deg)}
.care-ribbon-track{position:absolute;z-index:10;left:42px;right:42px;top:50%;height:58px;transform:translateY(-50%);touch-action:none}.care-ribbon-silk{position:absolute;left:-42px;right:-42px;top:15px;height:28px;background:linear-gradient(180deg,#c986a4,#a66387 50%,#d49cb3);box-shadow:0 7px 16px rgba(96,62,83,.19),inset 0 1px rgba(255,255,255,.3);overflow:hidden}.care-ribbon-silk::after{content:"";position:absolute;left:0;top:0;width:var(--ribbon-percent);height:100%;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.5));transition:width .08s linear}.care-ribbon-silk>i{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.28)}.care-ribbon-handle{position:absolute;z-index:2;left:0;top:0;display:flex;align-items:center;justify-content:space-between;width:58px;height:58px;padding:0 9px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:radial-gradient(circle at 35% 28%,#c48ba7,#8d577b);box-shadow:0 13px 27px rgba(91,56,78,.29),inset 0 1px rgba(255,255,255,.3);color:#fff;cursor:grab;transform:translateX(var(--ribbon-x));transition:transform .22s var(--care-ease)}.care-skyfall.is-ribbon-dragging .care-ribbon-handle{cursor:grabbing;transition:none}.care-ribbon-handle span{font:700 5px/1 "DM Mono",monospace;letter-spacing:.08em}.care-ribbon-handle b{font-size:13px}.care-skyfall.is-letter-open .care-ribbon-track{opacity:0;pointer-events:none;transition:opacity .35s ease}

.care-ink-letter{position:absolute;z-index:4;left:32px;right:32px;top:18px;min-height:390px;padding:27px 31px 31px;border:1px solid rgba(117,80,97,.12);border-radius:7px;background:radial-gradient(circle at 84% 8%,rgba(229,195,211,.28),transparent 25%),linear-gradient(145deg,#fffcf3,#f7eee3);box-shadow:0 20px 50px rgba(70,48,78,.18),inset 0 1px #fff;transform:translateY(84px) scale(.9);opacity:0;transition:transform 1.05s .38s var(--care-ease),opacity .6s .3s ease}.care-skyfall.is-letter-open .care-ink-letter{opacity:1;transform:translateY(-235px) scale(1)}.care-ink-letter::before{content:"";position:absolute;inset:11px;border:1px dashed rgba(119,82,99,.11);border-radius:4px;pointer-events:none}.care-ink-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(118,82,98,.1)}.care-ink-meta span,.care-ink-meta b{color:#9b7184;font:700 6px/1 "DM Mono",monospace;letter-spacing:.11em}.care-ink-kicker{display:block;margin-top:20px;color:#a06a86;font:700 7px/1 "DM Mono",monospace;letter-spacing:.14em}.care-ink-copy{margin-top:14px}.care-ink-copy p{margin:0 0 11px;color:#604a5d;font:italic 600 15px/1.58 "Playfair Display",serif}.care-ink-copy span{opacity:0;filter:blur(2px);transform:translateY(3px);display:inline-block}.care-skyfall.is-writing .care-ink-copy span{animation:careInkWord .42s var(--care-ease) forwards;animation-delay:calc(var(--care-word) * 66ms)}.care-skyfall.is-written .care-ink-copy span{opacity:1;filter:none;transform:none;animation:none}.care-ink-sign{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:12px;border-top:1px dashed rgba(118,82,98,.13);opacity:0;transition:opacity .5s ease}.care-skyfall.is-written .care-ink-sign{opacity:1}.care-ink-sign span{color:#a18b98;font:600 6px/1 "DM Mono",monospace;letter-spacing:.1em}.care-ink-sign b{color:#805f75;font:italic 600 13px/1 "Playfair Display",serif}.care-writing-pen{position:absolute;right:20px;bottom:18px;display:block;font-size:22px;opacity:0;transform:translate(-280px,-190px) rotate(-16deg)}.care-writing-pen>i{position:absolute;right:20px;bottom:3px;width:46px;height:2px;background:linear-gradient(90deg,transparent,#8f6079);transform:rotate(-9deg);transform-origin:right}.care-skyfall.is-writing .care-writing-pen{animation:careWritingPen 3.2s .8s linear both}.care-skyfall.is-written .care-writing-pen{opacity:.72;transform:translate(0,0) rotate(-8deg)}
@keyframes careInkWord{to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes careWritingPen{0%{opacity:0;transform:translate(-280px,-190px) rotate(-16deg)}8%{opacity:1}28%{transform:translate(-28px,-190px) rotate(-8deg)}32%{transform:translate(-280px,-128px) rotate(-16deg)}52%{transform:translate(-12px,-128px) rotate(-8deg)}56%{transform:translate(-280px,-67px) rotate(-16deg)}78%{transform:translate(-8px,-67px) rotate(-8deg)}82%{transform:translate(-220px,-16px) rotate(-14deg)}100%{opacity:.72;transform:translate(0,0) rotate(-8deg)}}

.care-keepsake-panel{position:absolute;z-index:20;left:clamp(22px,4vw,54px);right:clamp(22px,4vw,54px);bottom:24px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:21px;padding:12px 14px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:rgba(255,250,252,.88);box-shadow:0 24px 62px rgba(68,47,78,.19),inset 0 1px #fff;backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translateY(24px);transition:opacity .65s ease,transform .75s var(--care-ease)}.care-skyfall.is-written .care-keepsake-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.care-keepsake-preview{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;width:150px;height:88px;padding:11px;border:1px solid rgba(116,81,98,.12);border-radius:13px;background:linear-gradient(145deg,#fff9f3,#eee4f4);box-shadow:0 9px 20px rgba(72,49,83,.1);transform:rotate(-3deg)}.care-keepsake-preview span{color:#9c6e87;font:700 5px/1 "DM Mono",monospace;letter-spacing:.08em}.care-keepsake-preview small{grid-column:1/-1;color:#604c65;font:700 7px/1 "DM Mono",monospace;letter-spacing:.05em}.care-keepsake-preview b{grid-column:1/-1;color:#9d7395;font-size:10px;letter-spacing:4px}.care-keepsake-preview i{position:absolute;right:8px;bottom:6px;color:#9c8794;font:italic 600 7px/1 "Playfair Display",serif}.care-keepsake-panel>div:nth-child(2)>span{color:#a36d89;font:700 6px/1 "DM Mono",monospace;letter-spacing:.12em}.care-keepsake-panel h3{margin:4px 0 2px;color:#56425c;font-size:20px;letter-spacing:-.03em}.care-keepsake-panel p{margin:0;color:#857489;font-size:10px;line-height:1.45}.care-keepsake-panel>button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:210px;min-height:51px;padding:0 15px;border:1px solid rgba(var(--care-lilac),.18);border-radius:15px;background:linear-gradient(135deg,#5a4565,#956b91);color:#fff;box-shadow:0 15px 32px rgba(79,53,90,.2),inset 0 1px rgba(255,255,255,.16);cursor:pointer;transition:transform .3s var(--care-spring)}.care-keepsake-panel>button:hover,.care-keepsake-panel>button:focus-visible{transform:translateY(-3px)}.care-keepsake-panel>button:disabled{opacity:.65;cursor:wait;transform:none}.care-keepsake-panel>button span{font:700 6px/1 "DM Mono",monospace;letter-spacing:.1em}.care-keepsake-panel>button b{font-size:16px}
body.care-sky-open{overflow:hidden}

/* Aurora depth responds only when pointer or scroll changes. */
.care-aurora-layer::before{translate:var(--care-motion-x,0) var(--care-motion-y,0);rotate:var(--care-tilt,0deg);transition:translate .18s ease-out,rotate .18s ease-out}
.care-aurora-layer>i:nth-child(1){translate:var(--care-far-x,0px) var(--care-far-y,0px)}.care-aurora-layer>i:nth-child(2){translate:var(--care-near-x,0px) var(--care-near-y,0px)}

@media(max-width:820px){
  .care-photo-controls{flex-direction:column;gap:8px}.care-photo-controls>button{width:min(100%,280px)}.care-photo-note b{font-size:18px!important}
  .care-secret-shell{padding:10px;align-items:end}.care-secret-note{width:100%;padding:17px 18px 21px;border-radius:24px 24px 8px 8px;transform:translateY(65px) rotate(-1deg) scale(.98)}.care-secret-note h2{font-size:46px}.care-secret-note>p{font-size:14px;line-height:1.65}.care-secret-stamps{gap:5px}
  .care-skyfall{padding:0}.care-sky-stage{width:100%;height:100svh;border:0;border-radius:0;overflow-y:auto;overflow-x:hidden}.care-sky-head{position:fixed;z-index:31;left:12px;right:12px;top:calc(9px + env(safe-area-inset-top));padding:8px 9px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:rgba(255,255,255,.68);backdrop-filter:blur(12px)}.care-sky-head>span{font-size:5.5px}.care-sky-head>b{display:none}.care-sky-head>button{width:31px;height:31px}
  .care-delivery-copy{position:relative;left:auto;top:auto;width:auto;padding:calc(88px + env(safe-area-inset-top)) 20px 0;text-align:center}.care-delivery-copy h2{font-size:clamp(44px,13vw,64px)}.care-delivery-copy p{margin-inline:auto;font-size:12px}.care-courier{position:relative;right:auto;top:auto;width:235px;height:285px;margin:0 auto -22px}.care-courier-envelope{width:92px;height:61px;bottom:16px}
  .care-sky-envelope{position:relative;left:auto;bottom:auto;width:min(92vw,470px);height:274px;margin:0 auto 305px;transform:translateY(38px) rotateX(-7deg) scale(.92)}.care-skyfall.is-delivered .care-sky-envelope{transform:translateY(0) rotateX(0) scale(1)}.care-ribbon-track{left:28px;right:28px}.care-ribbon-silk{left:-28px;right:-28px}.care-ink-letter{left:17px;right:17px;min-height:390px;padding:24px 22px}.care-skyfall.is-letter-open .care-ink-letter{transform:translateY(-215px) scale(1)}.care-ink-copy p{font-size:14px}.care-writing-pen{display:none}
  .care-keepsake-panel{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:96px minmax(0,1fr);margin:-245px 14px calc(22px + env(safe-area-inset-bottom));gap:13px;padding:11px}.care-keepsake-preview{width:96px;height:76px}.care-keepsake-panel>button{grid-column:1/-1;width:100%;min-width:0}.care-keepsake-panel h3{font-size:17px}.care-keepsake-panel p{font-size:9px}
  .care-cloud-left{left:-46%;width:118%}.care-cloud-right{right:-46%;width:118%}.care-cloud-front{bottom:-14%;height:54%}
}
@media(max-width:520px){.care-secret-note h2{font-size:40px}.care-secret-stamps span{font-size:5px}.care-sky-envelope{margin-bottom:320px}.care-keepsake-panel{margin-top:-270px}.care-envelope-front{padding:18px}.care-ribbon-handle{width:54px;height:54px}.care-ribbon-track{height:54px}.care-ink-letter{min-height:405px}.care-ink-copy p{font-size:13.5px}.care-delivery-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){
  .care-secret-note,.care-sky-stage,.care-sky-envelope,.care-delivery-copy,.care-courier,.care-cloud,.care-ink-letter,.care-envelope-front,.care-envelope-flap,.care-keepsake-panel{animation:none!important;transition:none!important}
  .care-skyfall.is-open .care-delivery-copy,.care-skyfall.is-open .care-courier{opacity:1!important;transform:none!important;filter:none!important}.care-skyfall.is-open .care-sky-envelope{opacity:1!important}.care-ink-copy span{opacity:1!important;filter:none!important;transform:none!important}.care-writing-pen{display:none!important}
}

/* ===== iphone-apex.css ===== */
/* =========================================================
   ADDON / CAPTAIN — IPHONE FEATURE PARITY
   Same objects and scenes; Safari-friendly compositor path.
   Large blur/backdrop/blend passes become baked gradients,
   opacity and transform so nothing meaningful disappears.
   ========================================================= */

html.iphone-apex{
  --iphone-vh:100dvh;
  --iphone-vw:100vw;
  --iphone-vv-top:0px;
  --iphone-keyboard:0px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-padding-top:calc(72px + env(safe-area-inset-top));
}

body.iphone-apex-ready{
  min-height:var(--iphone-vh);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overscroll-behavior-x:none;
  -webkit-tap-highlight-color:transparent;
}

body.iphone-apex-ready button,
body.iphone-apex-ready a,
body.iphone-apex-ready [role="button"]{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation;
}

body.iphone-apex-ready textarea,
body.iphone-apex-ready input,
body.iphone-apex-ready select{
  font-size:16px!important;
}

body.iphone-apex-ready .archive-stage{touch-action:pan-y pinch-zoom}
body.iphone-apex-ready .care-ribbon-track,
body.iphone-apex-ready .care-ribbon-handle,
body.iphone-apex-ready .install-button{touch-action:none!important}

/* A static-raster aurora replaces several hidden mobile blur/noise layers. */
.iphone-atmosphere{
  position:fixed;
  z-index:-4;
  inset:-12%;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
  transform:translate3d(0,0,0);
  isolation:isolate;
}
.iphone-atmosphere::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(42% 38% at 17% 17%,rgba(250,199,224,.38),transparent 73%),
    radial-gradient(45% 42% at 84% 24%,rgba(198,181,229,.4),transparent 75%),
    radial-gradient(48% 40% at 52% 82%,rgba(190,222,225,.26),transparent 76%),
    linear-gradient(145deg,#fbf6fb,#eee5f5 48%,#f8eaf1);
  transform:translate3d(0,0,0) scale(1.04);
  animation:iphoneAuroraDrift 16s ease-in-out infinite alternate;
  will-change:transform,opacity;
}
.iphone-atmosphere::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.13;
  background-image:
    repeating-linear-gradient(117deg,rgba(90,62,103,.08) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(27deg,rgba(255,255,255,.42) 0 1px,transparent 1px 11px);
  background-size:17px 19px,23px 29px;
}
.iphone-atmosphere>i{
  position:absolute;
  border:1px solid rgba(130,95,150,.1);
  border-radius:50%;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.iphone-atmosphere>i:nth-child(1){width:68vw;height:68vw;left:-29vw;top:16%;animation:iphoneOrbitOne 18s linear infinite}
.iphone-atmosphere>i:nth-child(2){width:52vw;height:52vw;right:-22vw;top:45%;border-color:rgba(194,126,161,.12);animation:iphoneOrbitTwo 23s linear infinite}
.iphone-atmosphere>i:nth-child(3){width:85vw;height:34vw;left:8vw;bottom:1%;border-color:rgba(112,173,157,.1);animation:iphoneOrbitOne 27s linear infinite reverse}
.iphone-atmosphere>b{
  position:absolute;
  left:0;right:0;top:39%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,104,158,.16),rgba(213,155,182,.19),transparent);
}
@keyframes iphoneAuroraDrift{0%{transform:translate3d(-1.4%,-.6%,0) scale(1.04)}100%{transform:translate3d(1.8%,1.1%,0) scale(1.065)}}
@keyframes iphoneOrbitOne{to{transform:rotate(360deg) translate3d(0,0,0)}}
@keyframes iphoneOrbitTwo{to{transform:rotate(-360deg) translate3d(0,0,0)}}

body.iphone-is-scrolling .iphone-atmosphere::before,
body.iphone-is-scrolling .iphone-atmosphere>i,
body.iphone-page-hidden .iphone-atmosphere::before,
body.iphone-page-hidden .iphone-atmosphere>i{animation-play-state:paused!important}

/* Transform-only hero orbit replaces the phone-hidden holographic blur orbit. */
.iphone-hero-orbit{
  position:absolute;
  z-index:-1;
  right:-12vw;
  top:20%;
  width:min(78vw,540px);
  aspect-ratio:1;
  pointer-events:none;
  perspective:900px;
  opacity:.72;
  transform:translate3d(0,0,0);
}
.iphone-hero-orbit>i,
.iphone-hero-orbit>b,
.iphone-hero-orbit>span{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  transform-style:preserve-3d;
  will-change:transform;
}
.iphone-hero-orbit>i:nth-child(1){width:86%;height:32%;border:1px solid rgba(147,105,169,.2);animation:iphoneHeroRingA 10s linear infinite}
.iphone-hero-orbit>i:nth-child(2){width:62%;height:62%;border:1px solid rgba(203,137,170,.22);animation:iphoneHeroRingB 14s linear infinite reverse}
.iphone-hero-orbit>b{width:13px;height:13px;background:radial-gradient(circle at 35% 28%,#fff,#d892b4 54%,#8c699f);box-shadow:0 0 0 7px rgba(255,255,255,.26),0 8px 20px rgba(99,67,116,.18);animation:iphoneHeroNode 8s linear infinite}
.iphone-hero-orbit>span{width:44%;height:44%;border:1px dashed rgba(103,160,150,.18);animation:iphoneHeroRingB 19s linear infinite}
@keyframes iphoneHeroRingA{from{transform:translate(-50%,-50%) rotate(-12deg)}to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes iphoneHeroRingB{from{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes iphoneHeroNode{from{transform:translate(-50%,-50%) rotate(0) translateX(38vw) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(38vw) rotate(-360deg)}}

/* Baked glass: same lavender/rose depth without live backdrop sampling. */
body.iphone-apex-ready .surface,
body.iphone-apex-ready .command-bar,
body.iphone-apex-ready .chapter-rail,
body.iphone-apex-ready .peak-controls,
body.iphone-apex-ready .care-console,
body.iphone-apex-ready .care-sky-head,
body.iphone-apex-ready .care-keepsake-panel{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.iphone-apex-ready .scene-wash{
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.72!important;
}
body.iphone-apex-ready .reveal{filter:none!important;-webkit-filter:none!important}
body.iphone-apex-ready .reveal-now{animation-name:iphoneHeroIn!important}
@keyframes iphoneHeroIn{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
body.iphone-apex-ready .care-aurora-layer::before{
  filter:none!important;
  -webkit-filter:none!important;
  background:
    radial-gradient(44% 38% at 24% 27%,rgba(var(--care-rose),.17),transparent 73%),
    radial-gradient(46% 42% at 79% 32%,rgba(var(--care-lilac),.18),transparent 74%),
    radial-gradient(42% 36% at 55% 78%,rgba(var(--care-sky),.14),transparent 75%)!important;
}
body.iphone-apex-ready .fallback-core .fc-glow,
body.iphone-apex-ready .care-console-glass>i{filter:none!important;-webkit-filter:none!important}
body.iphone-apex-ready .surface{
  background:
    linear-gradient(138deg,rgba(255,255,255,.9),rgba(246,237,250,.82) 48%,rgba(250,231,241,.8))!important;
  border-color:rgba(95,65,111,.13)!important;
  box-shadow:0 22px 58px rgba(77,52,92,.13),inset 0 1px rgba(255,255,255,.96)!important;
}
body.iphone-apex-ready .command-bar{
  top:var(--iphone-vv-top);
  padding-top:env(safe-area-inset-top);
  background:linear-gradient(180deg,rgba(255,251,254,.96),rgba(242,232,248,.92))!important;
  border-color:rgba(86,59,101,.1)!important;
}
body.iphone-apex-ready .peak-controls{
  bottom:calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,224,246,.94))!important;
  box-shadow:0 10px 28px rgba(72,48,87,.15),inset 0 1px #fff;
}

/* All scenes remain; Safari can skip paint/layout work only while offscreen. */
@supports(content-visibility:auto){
  body.iphone-apex-ready .chapter{
    content-visibility:auto;
    contain-intrinsic-size:auto 940px;
  }
}
body.iphone-apex-ready .chapter:not(.iphone-in-range) *,
body.iphone-apex-ready .chapter:not(.iphone-in-range)::before,
body.iphone-apex-ready .chapter:not(.iphone-in-range)::after{
  animation-play-state:paused!important;
}

/* Real assets keep their full look; expensive per-pixel filters become halos. */
body.iphone-apex-ready .real-cloud,
body.iphone-apex-ready .care-cloud,
body.iphone-apex-ready .captain-drop,
body.iphone-apex-ready .care-courier,
body.iphone-apex-ready .care-courier>img,
body.iphone-apex-ready .captain-photo-shell{
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}
body.iphone-apex-ready .care-sky-clouds::after{
  content:"";
  position:absolute;
  inset:7% 5% 12%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.86),rgba(219,205,238,.2) 45%,transparent 72%);
  opacity:.74;
  pointer-events:none;
  transform:translate3d(0,0,0);
}
body.iphone-apex-ready .care-courier-aura::before{
  content:"";
  position:absolute;
  inset:14%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.68),rgba(224,191,218,.18) 48%,transparent 73%);
  box-shadow:0 0 55px rgba(137,107,164,.17);
}
body.iphone-apex-ready .care-sky-backdrop{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:radial-gradient(circle at 50% 35%,rgba(121,92,139,.2),rgba(61,43,74,.58))!important;
}
body.iphone-apex-ready .care-sky-stage{
  height:var(--iphone-vh)!important;
  max-height:var(--iphone-vh)!important;
}
body.iphone-apex-ready .care-skyfall.is-descending .care-courier{
  animation:iphoneCourierDescend 2.35s var(--care-ease) both!important;
  will-change:transform,opacity!important;
}
@keyframes iphoneCourierDescend{
  0%{opacity:0;transform:translate3d(0,-78%,0) rotateX(-10deg) scale(.5)}
  24%{opacity:.92}
  72%{opacity:1;transform:translate3d(0,4%,0) rotateX(1deg) scale(1.035)}
  100%{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1)}
}

/* Keep the moving pen on iPhone; word reveal uses no blur. */
body.iphone-apex-ready .care-ink-copy span{filter:none!important;-webkit-filter:none!important}
body.iphone-apex-ready .care-skyfall.is-writing .care-ink-copy span{
  animation-name:iphoneInkWord!important;
  animation-duration:.38s!important;
}
body.iphone-apex-ready .care-writing-pen{
  display:block!important;
  right:14px;
  bottom:14px;
  font-size:19px;
}
body.iphone-apex-ready .care-skyfall.is-writing .care-writing-pen{
  animation:iphoneWritingPen 3.2s .8s linear both!important;
}
@keyframes iphoneInkWord{0%{opacity:0;transform:translate3d(0,4px,0) scale(.985)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes iphoneWritingPen{
  0%{opacity:0;transform:translate3d(-240px,-170px,0) rotate(-16deg)}
  8%{opacity:.9}
  25%{transform:translate3d(-90px,-142px,0) rotate(-10deg)}
  46%{transform:translate3d(-215px,-88px,0) rotate(-15deg)}
  68%{transform:translate3d(-65px,-50px,0) rotate(-8deg)}
  88%{opacity:.9;transform:translate3d(-145px,-12px,0) rotate(-12deg)}
  100%{opacity:.72;transform:translate3d(0,0,0) rotate(-8deg)}
}

/* 3D paper/photo reliability on WebKit. */
body.iphone-apex-ready .orbit-card,
body.iphone-apex-ready .photo-face,
body.iphone-apex-ready .photo-back,
body.iphone-apex-ready .contract-paper,
body.iphone-apex-ready .care-envelope-front,
body.iphone-apex-ready .care-envelope-flap,
body.iphone-apex-ready .care-ink-letter,
body.iphone-apex-ready .hero-logo-depth{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}
body.iphone-apex-ready .care-ribbon-handle{
  transform:translate3d(var(--ribbon-x),0,0)!important;
}
body.iphone-apex-ready .care-skyfall.is-ribbon-dragging .care-ribbon-handle{
  transition:none!important;
}

/* Visual tactile feedback substitutes for unavailable navigator.vibrate. */
.iphone-tactile-layer{position:fixed;z-index:900;inset:0;overflow:hidden;pointer-events:none;contain:strict}
.iphone-touch-echo{position:absolute;width:0;height:0;animation:iphoneEchoLife .82s ease-out forwards}
.iphone-touch-echo>i,.iphone-touch-echo>b{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%)}
.iphone-touch-echo>i{width:48px;height:48px;border:1px solid rgba(163,105,150,.42);animation:iphoneEchoRing .78s cubic-bezier(.16,.78,.22,1) both}
.iphone-touch-echo>b{width:13px;height:13px;background:radial-gradient(circle at 35% 28%,#fff,#e4a8c3 58%,#9770aa);box-shadow:0 0 0 6px rgba(255,255,255,.32);animation:iphoneEchoCore .62s cubic-bezier(.16,.84,.22,1) both}
.iphone-touch-logo>i{border-color:rgba(186,132,75,.48)}.iphone-touch-logo>b{background:radial-gradient(circle at 35% 28%,#fff,#f1cf90 58%,#a77952)}
.iphone-touch-thread>i{border-style:dashed;border-color:rgba(180,111,133,.48)}.iphone-touch-thread>b{border-radius:5px;background:linear-gradient(145deg,#fff,#e8abbc,#b7798e)}
.iphone-touch-photo>i{border-color:rgba(128,105,173,.48)}.iphone-touch-photo>b{border-radius:3px;background:linear-gradient(145deg,#fff,#cab5e3,#8c73aa)}
.iphone-touch-paper>i{border-color:rgba(166,125,88,.45)}.iphone-touch-paper>b{border-radius:2px;background:linear-gradient(145deg,#fffdf5,#ead6ba,#b8936f)}
.iphone-touch-ink>i{border-color:rgba(103,67,94,.48)}.iphone-touch-ink>b{width:16px;height:8px;background:linear-gradient(90deg,#5a4059,#a07192)}
.iphone-touch-cloud>i{border-color:rgba(127,163,184,.48)}.iphone-touch-cloud>b{background:linear-gradient(145deg,#fff,#dce9f3,#cbbbe0)}
.iphone-edge-pulse{position:absolute;inset:0;border:2px solid rgba(176,113,151,.24);box-shadow:inset 0 0 55px rgba(176,113,151,.13);animation:iphoneEdgePulse .82s ease-out both}
.iphone-edge-pulse.iphone-touch-logo{border-color:rgba(187,137,78,.3);box-shadow:inset 0 0 58px rgba(205,153,91,.14)}
.iphone-edge-pulse.iphone-touch-thread{border-color:rgba(187,116,139,.3)}
.iphone-edge-pulse.iphone-touch-photo{border-color:rgba(137,109,181,.3)}
.iphone-edge-pulse.iphone-touch-paper{border-color:rgba(174,132,93,.28)}
.iphone-edge-pulse.iphone-touch-ink{border-color:rgba(102,70,97,.32)}
.iphone-edge-pulse.iphone-touch-cloud{border-color:rgba(124,170,193,.34);box-shadow:inset 0 0 76px rgba(161,204,220,.18)}
.iphone-edge-pulse.is-strong{animation-duration:1.05s;border-width:3px}
body.iphone-apex-ready .iphone-pressed{transform:translate3d(0,1px,0) scale(.985)!important;transition:transform .09s ease-out!important}
@keyframes iphoneEchoLife{0%,74%{opacity:1}100%{opacity:0}}
@keyframes iphoneEchoRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(.22)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}
@keyframes iphoneEchoCore{0%{opacity:.7;transform:translate(-50%,-50%) scale(.2)}42%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}100%{opacity:0;transform:translate(-50%,-50%) scale(.72)}}
@keyframes iphoneEdgePulse{0%{opacity:0;transform:scale(.995)}28%{opacity:1}100%{opacity:0;transform:scale(1.008)}}

/* Particle count remains unchanged; each particle uses a composited fill. */
body.iphone-apex-ready .care-burst>i,
body.iphone-apex-ready .peak-spark{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
}
body.iphone-apex-ready .care-burst>i{background:radial-gradient(circle,#fff 0 18%,#d995b3 30%,#9b79b7 75%,transparent 78%)}

@media(max-width:520px){
  .iphone-hero-orbit{right:-21vw;top:23%;width:84vw;opacity:.64}
  @keyframes iphoneHeroNode{from{transform:translate(-50%,-50%) rotate(0) translateX(37vw) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(37vw) rotate(-360deg)}}
  body.iphone-apex-ready .care-writing-pen{right:10px;bottom:11px;font-size:17px}
}

@media(prefers-reduced-motion:reduce){
  .iphone-atmosphere::before,.iphone-atmosphere>i,.iphone-hero-orbit>*{animation:none!important}
  .iphone-touch-echo,.iphone-edge-pulse{display:none!important}
}

/* ===== safari-chronos.css ===== */
/* ADDON / CAPTAIN — Safari Chronos Engine V10
   Same scenes/effects; fewer simultaneous Safari paint/compositor costs. */

html.safari-chronos{scroll-behavior:auto}
body.safari-chronos-ready .chapter-shell{
  isolation:isolate;
}

/* Release compositor allocations completely for scenes that cannot be seen. */
body.safari-chronos-ready .chapter:not(.chrono-prewarm) *,
body.safari-chronos-ready .chapter:not(.chrono-prewarm)::before,
body.safari-chronos-ready .chapter:not(.chrono-prewarm)::after,
body.safari-chronos-ready .chapter:not(.chrono-prewarm) *::before,
body.safari-chronos-ready .chapter:not(.chrono-prewarm) *::after{
  animation-play-state:paused!important;
  will-change:auto!important;
}

/* A visible scene gets its full 3D motion. Neighbours are decoded/warm but idle. */
body.safari-chronos-ready .chapter.chrono-prewarm:not(.chrono-live) *,
body.safari-chronos-ready .chapter.chrono-prewarm:not(.chrono-live)::before,
body.safari-chronos-ready .chapter.chrono-prewarm:not(.chrono-live)::after,
body.safari-chronos-ready .chapter.chrono-prewarm:not(.chrono-live) *::before,
body.safari-chronos-ready .chapter.chrono-prewarm:not(.chrono-live) *::after{
  animation-play-state:paused!important;
}

/* Kinetic scrolling itself supplies motion. Preserve the live 3D architectural
   depth plane, but pause competing continuous loops until the finger settles. */
body.safari-chronos-ready.chrono-scrolling .chapter.chrono-live *,
body.safari-chronos-ready.chrono-scrolling .chapter.chrono-live::before,
body.safari-chronos-ready.chrono-scrolling .chapter.chrono-live::after,
body.safari-chronos-ready.chrono-scrolling .iphone-atmosphere::before,
body.safari-chronos-ready.chrono-scrolling .iphone-atmosphere>i,
body.safari-chronos-ready.chrono-scrolling .iphone-hero-orbit>*{
  animation-play-state:paused!important;
}

/* Full-screen blend compositing is one of WebKit's most expensive paths.
   The same chapter-tinted wash is rendered as a normal translucent layer. */
body.safari-chronos-ready .scene-wash{
  mix-blend-mode:normal!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* Keep 3D transforms on the live scene, but don't pin hundreds of stale layers. */
body.safari-chronos-ready .chapter:not(.chrono-live) [style*="will-change"],
body.safari-chronos-ready .chapter:not(.chrono-live) .real-cloud,
body.safari-chronos-ready .chapter:not(.chrono-live) .captain-drop,
body.safari-chronos-ready .chapter:not(.chrono-live) .logo-monument img,
body.safari-chronos-ready .chapter:not(.chrono-live) .orbit-card{
  will-change:auto!important;
}

/* Signature stays identical, but pen/dot motion is transform-only in V10. */
body.safari-chronos-ready .signature-pen,
body.safari-chronos-ready .signature-ink-dot{
  will-change:transform,opacity!important;
}

/* Responsive cloud source wrapper has no box of its own. */
.real-cloud-gate picture{display:contents}

/* Hidden/parked page state should consume no animation time. */
body.safari-chronos-ready.chrono-hidden *,
body.safari-chronos-ready.iphone-page-hidden *{
  animation-play-state:paused!important;
}

/* Focus visibility for VoiceOver/keyboard users; no change to normal visuals. */
body.safari-chronos-ready :focus-visible{
  outline:2px solid rgba(151,105,170,.58);
  outline-offset:3px;
}

/* ===== runtime-guard.css ===== */
/* Runtime-only performance policy; no content/effects are deleted. */
.runtime-hidden *, .runtime-hidden *::before, .runtime-hidden *::after { animation-play-state: paused !important; }
.runtime-touch img { -webkit-user-drag: none; }
.runtime-efficient .ambient-noise { opacity: .7; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}

/* ===== mobile-rescue.css ===== */
/* ADDON / CAPTAIN — MOBILE RESCUE V11
   Same authored experience, but mobile browsers never have to paint/composite
   the entire 13-chapter world at boot. The visible chapter keeps its motion. */

html.mobile-rescue { scroll-behavior:auto; }

/* The WebGL canvas is intentionally replaced by the existing real-logo CSS 3D
   fallback on touch/mobile. Doing this before first paint prevents a GPU spike. */
html.mobile-rescue #space,
html.mobile-rescue .ambient-noise,
html.mobile-rescue .cursor-halo,
html.mobile-rescue .hero-holo-orbit { display:none !important; }

/* The old lock blurred the whole Experience subtree. On mobile that can force a
   huge offscreen raster/compositor surface. Keep the same dim locked state but
   never filter the long document. */
html.mobile-rescue .experience.is-locked {
  filter:none !important;
  -webkit-filter:none !important;
  opacity:.17 !important;
}

/* While locked, none of the 13 chapters needs to be painted yet. The lock copy
   remains visible because it is a sibling before the chapter sections. */
@supports (content-visibility:hidden) {
  html.mobile-rescue .experience.is-locked .chapter {
    content-visibility:hidden !important;
    contain-intrinsic-size:1180px !important;
  }
}
html.mobile-rescue .experience.is-locked .chapter *,
html.mobile-rescue .experience.is-locked .chapter *::before,
html.mobile-rescue .experience.is-locked .chapter *::after {
  animation-play-state:paused !important;
}

/* Once unlocked, Chromium/WebKit may skip far-away chapters while preserving
   their scroll geometry. The currently visible chapter still renders normally. */
@supports (content-visibility:auto) {
  html.mobile-rescue .experience:not(.is-locked) .chapter {
    content-visibility:auto;
    contain-intrinsic-size:auto 1180px;
  }
}

/* Mobile compositor budget: same colours/depth, cheaper implementation. */
html.mobile-rescue .scene-wash {
  mix-blend-mode:normal !important;
  filter:none !important;
  -webkit-filter:none !important;
}
html.mobile-rescue :is(.surface,.reply-module,.command-bar,.chapter-rail,.peak-controls,.hud-card) {
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html.mobile-rescue .hero-aura { filter:none !important; -webkit-filter:none !important; }

/* Do not keep stale GPU layers for chapters that are not currently live. */
html.mobile-rescue .chapter:not(.is-cinematic-live) *,
html.mobile-rescue .chapter:not(.is-cinematic-live) *::before,
html.mobile-rescue .chapter:not(.is-cinematic-live) *::after {
  will-change:auto !important;
}

/* Scrolling itself is motion. Pause background CSS loops while a finger is
   moving; interaction animations resume immediately after the gesture ends. */
html.mobile-rescue body.chrono-scrolling .chapter.chrono-live *,
html.mobile-rescue body.iphone-is-scrolling .chapter.is-cinematic-live * {
  animation-play-state:paused !important;
}

/* Keep the important hero lens tactile and visibly 3D. */
html.mobile-rescue .hero-logo-depth {
  transform:rotateX(8deg) rotateY(-14deg) translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media (prefers-reduced-motion:reduce) {
  html.mobile-rescue *, html.mobile-rescue *::before, html.mobile-rescue *::after {
    scroll-behavior:auto !important;
  }
}

/* ===== ios-v15.css ===== */
/* ADDON / CAPTAIN — V15 FULL MOTION / iOS Safari surgical layer
   Design policy: keep the authored 3D scenes, chapter motion and interactions.
   Only the fragile compositor combinations are replaced on iOS. */

html.ios-v15 {
  scroll-behavior: auto;
  min-height: 100%;
}
html.ios-v15 body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: static;
}

/* Keep the hero reveal cinematic, but never blur the actual text/logo layer.
   Safari can drop a layer when filter + transform + opacity animate together. */
html.ios-v15 .reveal-now {
  animation-name: iosV15HeroIn !important;
  animation-duration: 1.05s !important;
  animation-timing-function: var(--ease) !important;
  animation-fill-mode: both !important;
}
@keyframes iosV15HeroIn {
  from { opacity: 0; transform: translate3d(0,24px,0); }
  to   { opacity: 1; transform: translate3d(0,0,0); }
}

/* Chapter reveals still move/fade exactly as a reveal; only filter blur is removed. */
html.ios-v15 .reveal {
  filter: none !important;
  -webkit-filter: none !important;
  transition-property: opacity, transform !important;
}

/* Do not rasterize/blurring the complete 13-chapter subtree while locked.
   The original opacity/lock/ceremony stays; the expensive full-document filter doesn't. */
html.ios-v15 .experience.is-locked {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: .17 !important;
}

/* Preserve all authored 3D transforms and lens animation. */
html.ios-v15 .hero-logo-fallback,
html.ios-v15 .hero-logo-depth,
html.ios-v15 .hero-holo-orbit,
html.ios-v15 .logo-monument,
html.ios-v15 .orbit-card,
html.ios-v15 .achievement-node {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Safari compatibility for existing glass materials. */
html.ios-v15 .hud-card,
html.ios-v15 .surface,
html.ios-v15 .reply-module,
html.ios-v15 .command-bar,
html.ios-v15 .chapter-rail,
html.ios-v15 .toast,
html.ios-v15 .lightbox,
html.ios-v15 .lightbox-caption {
  -webkit-backdrop-filter: var(--ios-v15-glass, none);
}

/* Emergency state is applied only if the intro genuinely stalls. It does not
   affect the normal animation path. */
html.ios-v15.ios-v15-force-visible .hero .reveal-now {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  -webkit-filter: none !important;
}
html.ios-v15.ios-v15-force-visible .hero-copy,
html.ios-v15.ios-v15-force-visible .hero-logo-fallback,
html.ios-v15.ios-v15-force-visible .hero-hud {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Never let a stale rescue/scroll class from BFCache lock the document root. */
html.ios-v15:not(.modal-open) body:not(.lightbox-open) {
  touch-action: pan-y pinch-zoom;
}

/* Keep normal motion preference semantics. */
@media (prefers-reduced-motion: reduce) {
  html.ios-v15 { scroll-behavior:auto !important; }
}

/* ===== cloudflare-apex.css ===== */
/* ADDON / CAPTAIN — CLOUDFLARE APEX V16
   Final delivery + compositor polish. Loaded last so it can improve runtime
   behavior without changing the authored story or chapter layout. */

:root{
  --apex-focus:rgba(243,223,176,.92);
  --apex-focus-soft:rgba(158,140,255,.38);
}

html{font-synthesis:none}
body.cf-apex{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Inputs feel native and immediate on touch while preserving scroll gestures. */
button,a,[role="button"],input[type="range"]{touch-action:manipulation}
textarea,input{caret-color:var(--gold-2)}

/* Keyboard quality: highly visible, luxury-styled focus without noisy outlines on taps. */
:where(button,a,textarea,input,[role="button"],[tabindex]):focus-visible{
  outline:2px solid var(--apex-focus)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 6px var(--apex-focus-soft),0 18px 54px rgba(0,0,0,.22)!important;
}

/* Prevent off-screen infinite loops from consuming compositor/GPU time.  The
   chapter wakes well before it reaches the viewport, so nothing appears frozen. */
body.cf-apex .chapter.apex-dormant *,
body.cf-apex .chapter.apex-dormant *::before,
body.cf-apex .chapter.apex-dormant *::after{
  animation-play-state:paused!important;
}

/* Extra optical fidelity only on devices that are actively rendering full FX. */
@media (hover:hover) and (pointer:fine){
  body.cf-apex:not(.motion-lite):not(.lite-fx) .install-button,
  body.cf-apex:not(.motion-lite):not(.lite-fx) .send-button{
    box-shadow:0 18px 58px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.025) inset,0 0 44px rgba(158,140,255,.055);
  }
  body.cf-apex:not(.motion-lite):not(.lite-fx) .surface:hover{
    border-color:rgba(255,255,255,.145);
  }
}

/* The WebGL logo fallback remains visually intentional if a GPU context is lost. */
body.webgl-context-lost #space{opacity:0;transition:opacity .3s ease}
body.webgl-context-lost .hero-logo-fallback{opacity:1!important;visibility:visible!important}

/* Small-screen polish: sharper text and calmer compositing without deleting FX. */
@media (max-width:820px){
  .chapter-head h2,.hero h1{text-wrap:balance}
  .message-copy,.healing-copy p,.transmission-copy p{text-wrap:pretty}
  .orbit-card,.logo-monument,.install-button,.send-button{backface-visibility:hidden;-webkit-backface-visibility:hidden}
}

/* On sustained main-thread pressure, sacrifice only non-essential glass/noise,
   never story content, interaction, 3D positioning, or scene choreography. */
body.apex-runtime-pressure .ambient-noise{opacity:.018!important}
body.apex-runtime-pressure .scene-wash{filter:blur(7px) saturate(110%)!important}

@media (prefers-reduced-motion:reduce){
  body.cf-apex .chapter.apex-dormant *,body.cf-apex .chapter.apex-dormant *::before,body.cf-apex .chapter.apex-dormant *::after{animation-play-state:paused!important}
}