:root{color-scheme:dark;--ink: #fff8ec;--muted: #dfcdb7;--gold: #d8a03b;--gold-bright: #f3c86c;--teal: #72dfd0;--rose: #d78cae;--deep: #110c0a;--panel: rgba(23, 16, 13, .74);--line: rgba(239, 210, 159, .24)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#100b09;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit}.experience-shell{min-height:100vh;background:radial-gradient(circle at 48% 16%,rgba(243,200,108,.2),transparent 26%),radial-gradient(circle at 18% 78%,rgba(114,223,208,.13),transparent 32%),radial-gradient(circle at 82% 78%,rgba(215,140,174,.12),transparent 34%),linear-gradient(145deg,#24150e,#130d0a 52%,#070504)}.experience-shell[data-mode=voice]{background:radial-gradient(circle at 50% 18%,rgba(114,223,208,.22),transparent 28%),radial-gradient(circle at 16% 82%,rgba(243,200,108,.12),transparent 32%),linear-gradient(145deg,#102322,#130d0a 55%,#070504)}.experience-shell[data-mode=secret]{background:radial-gradient(circle at 50% 18%,rgba(215,140,174,.18),transparent 30%),radial-gradient(circle at 82% 78%,rgba(243,200,108,.14),transparent 32%),linear-gradient(145deg,#241326,#150d12 55%,#070504)}.experience-shell[data-mode=collection]{background:radial-gradient(circle at 50% 14%,rgba(243,200,108,.19),transparent 30%),radial-gradient(circle at 20% 76%,rgba(114,223,208,.12),transparent 30%),radial-gradient(circle at 80% 74%,rgba(141,165,217,.12),transparent 32%),linear-gradient(145deg,#211710,#111113 58%,#070504)}.experience-stage{position:relative;display:grid;min-height:100vh;place-items:center;padding:clamp(16px,4vw,42px);isolation:isolate}.experience-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.experience-canvas canvas{display:block;width:100%;height:100%}.mode-switcher{position:fixed;top:14px;left:50%;z-index:5;display:flex;max-width:calc(100vw - 24px);padding:6px;gap:4px;transform:translate(-50%);border:1px solid rgba(239,210,159,.22);border-radius:999px;background:#100b09b8;box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-switcher a{min-width:76px;padding:9px 12px;border-radius:999px;color:#f5dfbd;font-size:.8rem;font-weight:900;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap}.mode-switcher a.is-active{color:#211306;background:linear-gradient(135deg,#f4ce78,#d99a32)}.is-live .mode-switcher{display:none}.story-panel{position:relative;z-index:2;width:min(620px,calc(100vw - 72px));margin-top:min(24vh,220px);padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#261b13cc,#120d0ac7),var(--panel);box-shadow:0 30px 90px #00000073,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:0;overflow:hidden}.story-panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,rgba(243,200,108,.28),transparent 38%),linear-gradient(315deg,rgba(114,223,208,.16),transparent 36%);opacity:.72}.memory-photo-frame{position:relative;width:min(270px,62vw);margin:0 0 18px;padding:8px;border:1px solid rgba(243,200,108,.34);border-radius:16px;background:linear-gradient(135deg,#fff8ec24,#ffffff0a),#100b0980;box-shadow:0 20px 52px #00000052}.memory-photo-frame:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:11px;pointer-events:none;box-shadow:inset 0 0 0 1px #fff8ec24}.memory-photo-frame img{display:block;width:100%;aspect-ratio:4 / 3;border-radius:11px;object-fit:cover}.eyebrow{margin:0 0 10px;color:var(--gold-bright);font-size:.76rem;font-weight:950;letter-spacing:0;text-transform:uppercase}h1{max-width:13ch;margin:0;color:#fff8ec;font-size:clamp(2.3rem,6vw,4.65rem);line-height:.96;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance}.experience-shell[data-mode=collection] h1{max-width:15ch;font-size:clamp(2.25rem,5.2vw,4.25rem)}.subtitle{margin:14px 0 0;color:#f4dfbd;font-size:clamp(1rem,2vw,1.18rem);font-weight:850;overflow-wrap:anywhere}.experience-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.experience-meta span{display:grid;gap:1px;min-width:min(160px,100%);padding:10px 12px;border:1px solid rgba(239,210,159,.18);border-radius:12px;background:#fff8ec14}.experience-meta strong{color:var(--gold-bright);font-size:.72rem;text-transform:uppercase}.experience-meta em{color:#fff8ec;font-style:normal;font-weight:850}.experience-chapters{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.experience-chapters span{padding:7px 10px;border:1px solid rgba(239,210,159,.18);border-radius:999px;background:#fff8ec14;color:#f5dfbd;font-size:.75rem;font-weight:900}.story-copy{margin:16px 0 0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.08rem);line-height:1.68;overflow-wrap:anywhere}.experience-artifact{position:relative;display:grid;gap:8px;margin-top:18px;padding:16px;border:1px solid rgba(239,210,159,.18);border-radius:16px;background:linear-gradient(135deg,#fff8ec1f,#fff8ec0a),#ffffff09;overflow:hidden}.experience-artifact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(243,200,108,.18),transparent 30%)}.experience-artifact>*{position:relative;z-index:1}.experience-artifact span{width:fit-content;padding:5px 9px;border-radius:999px;background:#f3c86c26;color:var(--gold-bright);font-size:.7rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.experience-artifact h2{margin:0;color:#fff8ec;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.1;letter-spacing:0;text-wrap:balance}.experience-artifact p{margin:0;color:var(--muted);line-height:1.58}.artifact-bars{display:flex;align-items:end;gap:5px;min-height:30px;margin-top:4px}.artifact-bars span{display:block;width:18px;min-height:8px;padding:0;border-radius:999px;background:linear-gradient(180deg,#f4ce78,#d99a32);transform-origin:bottom;animation:artifactPulse 1.7s ease-in-out infinite;animation-delay:calc(var(--bar-index) * -.11s)}.experience-shell[data-mode=voice] .artifact-bars span{background:linear-gradient(180deg,#8cf5df,#29bda7)}.experience-shell[data-mode=secret] .experience-artifact{border-color:#ff765247;background:radial-gradient(circle at 80% 18%,rgba(255,118,82,.16),transparent 34%),linear-gradient(135deg,#45121ea3,#fff8ec0b)}.experience-shell[data-mode=secret] .artifact-bars span{background:linear-gradient(180deg,#ffcf73,#d5452f)}.experience-shell[data-mode=collection] .artifact-bars span{background:linear-gradient(180deg,#f4ce78,#77d6c8)}@keyframes artifactPulse{0%,to{height:9px;opacity:.64}50%{height:28px;opacity:1}}.experience-journey{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:16px;margin-top:18px;padding:14px;border:1px solid rgba(239,210,159,.22);border-radius:18px;background:linear-gradient(135deg,#fff8ec1a,#fff8ec09),#0403022e}.journey-media{display:grid;min-height:210px;place-items:center;border:1px solid rgba(239,210,159,.18);border-radius:14px;background:radial-gradient(circle at 50% 20%,rgba(243,200,108,.14),transparent 32%),#0000002e;overflow:hidden}.journey-media img{display:block;width:100%;height:100%;max-height:310px;object-fit:cover}.journey-media iframe{display:block;width:100%;aspect-ratio:16 / 9;min-height:210px;border:0}.journey-content{display:grid;align-content:center;gap:10px;min-width:0}.journey-step{margin:0;color:var(--gold-bright);font-size:.72rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.journey-content h2{margin:0;color:#fff8ec;font-size:clamp(1.35rem,3vw,2rem);line-height:1.06;letter-spacing:0;overflow-wrap:anywhere}.journey-content p{margin:0;color:var(--muted);line-height:1.58;overflow-wrap:anywhere}.journey-thumbs{display:flex;flex-wrap:wrap;gap:7px}.journey-thumbs button{width:46px;height:46px;padding:0;border:2px solid transparent;border-radius:10px;background:#fff8ec1a;overflow:hidden;cursor:pointer}.journey-thumbs button.is-active{border-color:var(--gold-bright)}.journey-thumbs img{display:block;width:100%;height:100%;object-fit:cover}.journey-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.journey-button{min-height:42px;padding:0 18px;border:1px solid rgba(243,200,108,.32);border-radius:999px;color:#fff8ec;background:#fff8ec14;font-weight:950;cursor:pointer}.journey-button.primary{color:#201206;border-color:transparent;background:linear-gradient(135deg,#f1c56b,#d69225)}.journey-button:disabled{cursor:not-allowed;opacity:.45}.journey-symbol{display:grid;width:min(190px,70%);aspect-ratio:1;place-items:center;border:1px solid rgba(243,200,108,.28);border-radius:50%;background:radial-gradient(circle,rgba(243,200,108,.24),transparent 58%),#fff8ec14;color:var(--gold-bright);font-weight:950;text-transform:uppercase}.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}.story-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:999px;color:#201206;background:linear-gradient(135deg,#f1c56b,#d69225);box-shadow:0 16px 38px #d8a03b47;font-weight:950;cursor:pointer}.story-button[hidden]{display:none}.story-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid rgba(243,200,108,.36);border-radius:999px;color:#fff8ec;background:#fff8ec14;font-weight:950;text-decoration:none}.story-link-button[hidden]{display:none}.story-link-button-top{width:fit-content;margin-top:12px}.story-button:focus-visible,.story-link-button:focus-visible{outline:3px solid rgba(255,232,184,.85);outline-offset:4px}.status-text{min-height:1.4em;margin:0;color:var(--teal);font-size:.92rem;font-weight:800}.status-text a{color:#fff8ec;text-decoration-thickness:2px;text-underline-offset:4px}.fallback-note{margin:16px 0 0;color:#f0dcae;font-size:.9rem}.no-script-story{min-height:100vh;padding:32px;background:#130d0a;color:var(--ink)}.is-fallback .experience-canvas{opacity:.22;background:radial-gradient(circle at 50% 30%,rgba(216,160,59,.28),transparent 34%),linear-gradient(145deg,#2a170f,#0c0806)}.is-expanded .story-panel{margin-top:0}@media (max-width: 780px){.experience-stage{align-items:end;justify-items:stretch;width:100vw;padding:74px 14px 14px;overflow:hidden}.is-live .experience-stage{padding-top:18px}.mode-switcher{overflow-x:auto;justify-content:flex-start;width:calc(100vw - 20px);border-radius:18px}.mode-switcher a{flex:0 0 auto}.story-panel{justify-self:center;width:min(330px,calc(100vw - 48px));max-width:min(330px,calc(100vw - 48px));margin-top:auto;border-radius:16px}.memory-photo-frame{width:min(220px,68vw)}h1{max-width:10ch;font-size:2.35rem;line-height:1}}@media (max-width: 420px){.story-panel{width:min(320px,calc(100vw - 42px));max-width:min(320px,calc(100vw - 42px));margin-right:auto;margin-left:auto;padding:18px}h1{max-width:9ch;font-size:2.1rem}.action-row{align-items:stretch;flex-direction:column}.story-button,.story-link-button,.story-link-button-top,.experience-chapters span,.experience-meta span{width:100%}.experience-journey{grid-template-columns:1fr}.journey-media{min-height:190px}.journey-controls,.journey-button{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}}