:root{color-scheme:dark;--gold:#ffdc70;--ink:#050508;--lavender:#d9b6ff;--muted:#97929f;--line:rgba(255,234,180,.15)}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#f5effb;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overscroll-behavior:none}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
button:disabled{opacity:.35;cursor:default}
button{transition:background .2s,border-color .2s,transform .2s}
button:hover:not(:disabled){background-color:rgba(255,221,124,.12);border-color:rgba(255,221,124,.5)}
button:active:not(:disabled){transform:scale(.96)}
[hidden]{display:none!important}
#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}
.screen{position:fixed;inset:0;z-index:5}
#intro{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(21,11,31,.60),rgba(5,5,8,.94));padding:24px;overflow:auto}
.intro-card{text-align:center;max-width:560px}
.eyebrow{color:#b4a4c4;letter-spacing:.32em;font-size:10px;font-weight:500;text-transform:uppercase}
.intro-symbol{display:block;width:74px;height:74px;margin:0 auto 38px;border-radius:50%;background:#010102;box-shadow:0 0 0 2px #fff4ba,0 0 12px #ffc929,0 0 35px #ffbd244d,inset 0 0 12px #ffdc711a;transform:rotate(-15deg);position:relative}
.intro-symbol:after{content:"";position:absolute;inset:26px -28px;border:3px solid #ffdf78;border-radius:50%;box-shadow:0 0 14px #ffd23199;transform:rotate(-4deg)}
.intro-card h1{font:400 clamp(42px,11vw,86px)/1.2 Georgia,serif;letter-spacing:.15em;padding-left:.15em;color:#e9ceff;text-shadow:0 0 32px #b961f955;margin:18px 0}
.intro-copy{color:#b2a9bb;font:400 17px/1.9 Georgia,serif;margin:20px 0 32px}
.primary{border:1px solid #efd38b66;border-radius:999px;padding:13px 24px;background:linear-gradient(125deg,#ffdc7924,#ffbd320d);color:#ffe6a1;font-size:12px;letter-spacing:.03em}
.intro-card small{display:block;margin-top:22px;color:var(--muted);font-size:11px}
#experience{pointer-events:none}
#experience button{pointer-events:auto}
.denisse-header{position:absolute;top:max(26px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:90%;text-align:center;z-index:2}
.denisse-header .eyebrow{font-size:9px;letter-spacing:.38em;margin:0 0 12px}
.denisse-header h2{margin:0;padding-left:.19em;font:400 clamp(38px,5.7vw,74px)/1 Georgia,serif;letter-spacing:.19em;color:#e4c3ff;text-shadow:0 0 10px #cc85ff44,0 0 36px #b250ff44}
.denisse-header .dedication{font:italic 13px/1.5 Georgia,serif;color:#a497ae;margin:13px 0 0}
.denisse-header h2,.intro-card h1{color:#df9aff;font-weight:600;text-shadow:0 0 2px #fbe7ff,0 0 7px #db8bff,0 0 18px #b538ff,0 0 38px #9d14eea6,0 0 66px #8507d76b}
.denisse-header:before{content:"";position:absolute;inset:-10px 12% -18px;z-index:-1;background:radial-gradient(ellipse,#9518db20,transparent 70%);pointer-events:none}
.corner{position:absolute;top:32px;left:32px;font-size:9px;letter-spacing:.22em;color:#a99b83;display:flex;align-items:center;gap:10px}
.corner b{color:var(--gold);font-size:18px;font-weight:400}
.sound{position:absolute;right:28px;top:25px;border:1px solid var(--line);border-radius:24px;background:#0b09128c;padding:10px 14px;color:#b6acbf;font-size:10px;letter-spacing:.08em}
.sound[aria-pressed=true]{color:var(--gold)}
.view-controls{position:absolute;right:24px;top:46%;display:grid;justify-items:center;gap:8px;z-index:4}
.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:#09080dc7;color:#e4d8b9;font-size:19px;backdrop-filter:blur(10px)}
.view-controls output{font-size:9px;color:#a59aab;font-variant-numeric:tabular-nums;letter-spacing:.06em;margin:1px 0}
.scene-caption{position:absolute;left:30px;bottom:155px;color:#c6a65c;font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:9px}
.scene-caption:before{content:"";width:5px;height:5px;background:#ffdf73;border-radius:50%;box-shadow:0 0 9px #ffd044}
.footer{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 48px));text-align:center;pointer-events:none}
.quote{font:italic 15px/1.65 Georgia,serif;color:#d2c1dd;margin:0 auto 18px;max-width:560px;text-wrap:balance}
.toolbar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.toolbar .subtle{border:1px solid var(--line);border-radius:999px;padding:12px 15px;background:#0a080fc4;color:#c3b7cb;font-size:11px;backdrop-filter:blur(8px)}
.toolbar .subtle[aria-pressed=true]{border-color:#eed78580;color:#ffe6a1;background:#c49d311c}
.toolbar .primary{backdrop-filter:blur(8px)}
.help{font-size:10px;color:#958b9f;margin:15px 0 0;letter-spacing:.035em}
.mobile-help{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.notice{position:absolute;left:50%;top:155px;transform:translateX(-50%);max-width:90%;border:1px solid var(--line);border-radius:20px;padding:9px 16px;background:#13101be8;color:#f2dfb7;font-size:12px;pointer-events:none;text-align:center}
@media(max-width:900px){.corner{display:none}.sound{right:16px;top:18px;padding:9px 11px}.sound span{display:none}.denisse-header{top:30px}.denisse-header .eyebrow{font-size:8px}.scene-caption{left:20px;font-size:8px}.view-controls{right:14px}.denisse-header h2{font-size:52px}}
@media(max-width:600px){.denisse-header{top:max(24px,env(safe-area-inset-top))}.denisse-header h2{font-size:clamp(30px,9vw,48px);letter-spacing:.17em}.denisse-header .eyebrow{font-size:7px;letter-spacing:.25em;margin-bottom:10px}.denisse-header .dedication{font-size:11px;margin-top:10px}.sound{top:auto;bottom:177px;right:12px;width:36px;height:36px;padding:0}.view-controls{right:12px;top:40%;gap:6px}.icon-button{width:34px;height:34px;font-size:17px}.footer{width:calc(100% - 30px);bottom:max(16px,env(safe-area-inset-bottom))}.quote{font-size:13px;line-height:1.55;margin-bottom:13px;max-width:350px}.toolbar{gap:6px}.toolbar .primary{padding:11px 17px;font-size:11px}.toolbar .subtle{padding:11px 12px;font-size:10px}.toolbar #moreBtn{font-size:0;width:37px;padding:8px}.toolbar #moreBtn:before{content:"✦";font-size:16px}.help{font-size:9px;margin-top:12px}.desktop-help{display:none}.mobile-help{display:inline}.scene-caption{bottom:177px;left:17px;letter-spacing:.13em}.notice{top:127px;font-size:11px}.intro-copy{font-size:16px}.intro-card small{font-size:10px}}
@media(max-height:510px){.denisse-header{top:13px}.denisse-header h2{font-size:30px}.denisse-header .eyebrow{margin-bottom:6px;font-size:7px}.denisse-header .dedication{display:none}.footer{bottom:10px}.quote{display:none}.help{margin-top:8px}.scene-caption{bottom:78px}.sound{top:14px;bottom:auto}.view-controls{top:30%}.notice{top:85px}.intro-symbol{width:50px;height:50px;margin-bottom:18px}.intro-symbol:after{inset:18px -22px}.intro-copy{margin:10px 0 15px}.intro-card h1{font-size:38px;margin:10px 0}.intro-card small{margin-top:12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}