*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;overflow:hidden;background:#0e0e0e;font-family:Georgia,Times New Roman,serif;color:#e8e4df}#app{width:100%;height:100%;position:relative}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0e0e0e;transition:opacity .8s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-trace{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.loading-svg{width:clamp(160px,35vw,280px);height:auto;overflow:visible}.trace-path{fill:none;stroke:#e8e4df40;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;animation:trace-draw 2.8s cubic-bezier(.4,0,.2,1) forwards}.trace-glow{fill:none;stroke:#e8e4df0f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;filter:blur(3px);animation:trace-draw 2.8s cubic-bezier(.4,0,.2,1) forwards}.trace-node{fill:#e8e4df59;opacity:0;animation:node-appear .6s ease 1.4s forwards,node-pulse 2.4s ease-in-out 2s infinite}.loading-title{font-family:Lora,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(.75rem,1.2vw,1rem);letter-spacing:.3em;color:#e8e4df00;animation:title-emerge 1.8s ease 1.2s forwards}@keyframes trace-draw{to{stroke-dashoffset:0}}@keyframes node-appear{to{opacity:1}}@keyframes node-pulse{0%,to{fill:#e8e4df40}50%{fill:#e8e4df8c}}@keyframes title-emerge{to{color:#e8e4df66}}.scene-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1a1816,#12100e)}.scene-canvas{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.scene-stage.buffering:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:2px solid rgba(232,228,223,.15);border-top-color:#e8e4df99;border-radius:50%;animation:buffer-spin .8s linear infinite;z-index:8;pointer-events:none}@keyframes buffer-spin{to{transform:rotate(360deg)}}.trace-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .6s ease}.effects-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.narration-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.narration-line:not(.narration-line--positioned){position:absolute;bottom:10%;left:5%;right:5%;text-align:center}.narration-line{font-family:Lora,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(1rem,2.5vw,1.75rem);line-height:1.7;letter-spacing:.03em;text-align:center;color:#e8e4dfe0;text-shadow:0 0 20px rgba(232,228,223,.15),0 0 40px rgba(232,228,223,.06),0 1px 3px rgba(0,0,0,.6);filter:blur(0px);opacity:0}.play-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#e8e4df99;transition:color .3s ease}.play-gate:hover,.play-gate:focus-visible{color:#e8e4dfe6}.play-gate:focus-visible{outline:2px solid rgba(232,228,223,.6);outline-offset:-2px}.play-gate-icon{width:clamp(72px,12vw,112px);height:auto}.play-gate-icon circle{fill:none;stroke:currentColor;stroke-width:1.2;opacity:.3;transition:opacity .3s ease}.play-gate:hover .play-gate-icon circle,.play-gate:focus-visible .play-gate-icon circle{opacity:.5}.play-gate-icon polygon{fill:currentColor;opacity:.7}.play-gate-label{display:block;margin-top:.75rem;font-family:Lora,serif;font-size:clamp(.875rem,2vw,1.125rem);font-style:italic;letter-spacing:.15em;text-transform:lowercase;color:#e8e4df59}.transition-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;pointer-events:none}.transition-loader:after{content:"";width:32px;height:32px;border:2px solid rgba(232,228,223,.15);border-top-color:#e8e4df99;border-radius:50%;animation:buffer-spin .8s linear infinite}.overlay-controls{position:absolute;bottom:max(3%,env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:10;padding-bottom:env(safe-area-inset-bottom,0px)}.progress-dots{display:flex;gap:0}.progress-dot{width:44px;height:44px;padding:0;border-radius:50%;background:transparent;border:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.progress-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:background .3s ease}.progress-dot:hover:after{background:#fff9}.progress-dot:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:-2px}.progress-dot.active:after{background:#ffffffe6}.control-buttons{display:flex;gap:.75rem}.control-buttons button{background:#08080899;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:44px;height:44px;color:#e8e4dfe6;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;display:flex;align-items:center;justify-content:center}.control-buttons button:hover:not(:disabled),.control-buttons button:focus-visible:not(:disabled){background:#1e1c19bf;border-color:#ffffff38}.control-buttons button:focus-visible:not(:disabled){outline:2px solid rgba(255,255,255,.45);outline-offset:3px}.control-buttons button:disabled,.control-buttons button[aria-disabled=true]{opacity:.3;cursor:default}.caption-layer{position:absolute;bottom:max(12%,110px);left:50%;transform:translate(-50%);max-width:80%;text-align:center;pointer-events:none;z-index:5}.caption-text{background:#000000d9;color:#e8e4df;font-size:clamp(.875rem,2vw,1.25rem);line-height:1.5;padding:.4em .8em;border-radius:4px;margin-bottom:.25em}.btn-pause .icon-play,.btn-pause.paused .icon-pause{display:none}.btn-pause.paused .icon-play{display:flex}.btn-mute .icon-muted,.btn-mute.muted .icon-on{display:none}.btn-mute.muted .icon-muted{display:flex}.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}@media(prefers-reduced-motion:reduce){.narration-line,.trace-overlay{transition:opacity .3s ease}.caption-text{transition:none}.scene-stage.buffering:after{animation:none}.trace-path,.trace-glow{stroke-dashoffset:0;animation:none}.trace-node{opacity:1;animation:none}.loading-title{color:#e8e4df66;animation:none}.loading-screen,.play-gate{transition:none}.play-gate-icon circle{transition:none}.transition-loader:after{animation:none}}