*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:#0a0612;color:#ece8de;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{position:fixed;inset:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}img{display:block;max-width:100%}noscript{display:block;position:fixed;inset:0;display:grid;place-items:center;font-family:ui-serif,Georgia,serif;color:#ece8de;background:#0a0612;text-align:center}#app{position:fixed;inset:0;isolation:isolate}.visual-canvas,.static-fallback{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}.visual-canvas{transition:opacity 2s ease}.static-fallback{background:radial-gradient(circle at 50% 60%,#2a1340,#150924 38%,#0a0612 75%)}.static-fallback:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(180,110,220,.18) 0%,transparent 32%);mix-blend-mode:screen}.modal-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#0804104d;opacity:1;transition:opacity .38s ease}.modal-overlay.is-dismissing{opacity:0;pointer-events:none}.modal-panel{padding:3.2rem 3rem;border-radius:6px;background:#140c1e6b;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(255,255,255,.07);max-width:min(86vw,520px);text-align:center;cursor:default}.modal-phrase{margin:0;font-size:clamp(1.2rem,2.6vw,1.7rem);font-style:italic;letter-spacing:.005em;color:#ece8de}.player-cluster{position:fixed;z-index:20;bottom:1.4rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:2px;opacity:.55;transition:opacity .32s ease}.player-cluster:hover,.player-cluster:focus-within,.player-cluster.is-active{opacity:1}.player-cluster__ring{position:absolute;inset:0;pointer-events:none}.progress-ring{display:block;width:100%;height:100%;pointer-events:none;animation:progress-ring-shimmer 7s linear infinite}.progress-ring__base{stroke:#ece8de80}.progress-ring__active{transition:stroke-dashoffset .2s linear;filter:drop-shadow(0 0 4px rgba(216,180,255,.55))}@keyframes progress-ring-shimmer{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.player-skull{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.85rem;padding:.35rem 0;border-radius:999px;background:transparent}.player-skull:focus-visible{outline:2px solid rgba(236,232,222,.4);outline-offset:4px}.player-skull__icon{position:relative;display:inline-block;width:88px;height:88px;--skull-fill: rgba(236, 232, 222, .92);--skull-socket: rgba(8, 4, 16, .88)}.player-skull__icon svg{width:100%;height:100%;display:block}.skull-body{fill:var(--skull-fill)}.skull-socket,.skull-feature{fill:var(--skull-socket)}.player-skull__eye{position:absolute;top:37%;width:15%;height:14%;pointer-events:none}.player-skull__eye--left{left:29%}.player-skull__eye--right{left:61%}.player-skull__shape{position:absolute;inset:0;background:conic-gradient(from 0deg,#d8b4ff,#b8e0ff,#ffd1ec,#c4f5d7,#ffe6b8,#d8b4ff);transition:opacity .22s ease;animation:skull-eye-shimmer 7s linear infinite,skull-eye-pulse 1.9s ease-in-out infinite}.player-skull__shape--play{clip-path:polygon(0% 0%,100% 50%,0% 100%)}.player-skull__shape--pause{clip-path:polygon(33% 0%,67% 0%,67% 100%,33% 100%)}.player-skull[data-state=paused] .player-skull__shape--play{opacity:1}.player-skull[data-state=paused] .player-skull__shape--pause,.player-skull[data-state=playing] .player-skull__shape--play{opacity:0}.player-skull[data-state=playing] .player-skull__shape--pause{opacity:1}@keyframes skull-eye-shimmer{0%{filter:hue-rotate(0deg) drop-shadow(0 0 9px rgba(216,180,255,.85))}50%{filter:hue-rotate(180deg) drop-shadow(0 0 14px rgba(216,180,255,.95))}to{filter:hue-rotate(360deg) drop-shadow(0 0 9px rgba(216,180,255,.85))}}@keyframes skull-eye-pulse{0%,to{transform:scale(.92)}50%{transform:scale(1.22)}}.pause-overlay{position:fixed;inset:0;z-index:22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;pointer-events:none;transition:opacity .6s ease;padding-bottom:6rem}.pause-title{margin:0;font-size:1rem;font-style:italic;letter-spacing:.04em;color:#ece8ded9;text-align:center;max-width:80vw;text-shadow:0 0 8px rgba(8,4,16,.6),0 1px 2px rgba(8,4,16,.5);pointer-events:none}.pause-phrase{margin:0;font-size:clamp(1rem,2.2vw,1.4rem);font-style:italic;letter-spacing:.02em;color:#ece8def2;text-align:center;max-width:80vw;text-shadow:0 0 8px rgba(8,4,16,.6),0 1px 2px rgba(8,4,16,.5);pointer-events:none;min-height:0}.volume-moon{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:48px;height:48px;padding:6px;background:transparent;border:none;cursor:ns-resize;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 0 6px rgba(8,4,16,.55)) drop-shadow(0 1px 2px rgba(8,4,16,.45))}.volume-moon:focus-visible{outline:2px solid rgba(236,232,222,.4);outline-offset:4px;border-radius:6px}.volume-moon__scaler{display:block;width:36px;height:36px;transition:transform .12s ease-out}.volume-moon--left .volume-moon__scaler{transform-origin:right center}.volume-moon--right .volume-moon__scaler{transform-origin:left center}.volume-moon.is-dragging .volume-moon__scaler{transition:none}.volume-moon--left{justify-content:flex-end;padding-right:0}.volume-moon--right{justify-content:flex-start;padding-left:0}.volume-moon__svg{display:block;width:100%;height:100%;overflow:visible}.volume-moon__outline{fill:none;stroke:#ece8de8c;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:miter;stroke-miterlimit:10}.volume-moon__fill{fill:#ece8de;stroke:none}.volume-moon.is-reduced-motion .volume-moon__scaler{transition:none!important}.side-menu{position:fixed;z-index:25;bottom:1.2rem;right:1.2rem}.side-menu__button{display:inline-block;padding:0;width:56px;height:56px;border-radius:50%;transition:transform .22s ease,opacity .22s ease;opacity:.85}.side-menu__button:hover,.side-menu__button:focus-visible{opacity:1;transform:rotate(-6deg);outline:none}.side-menu__button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(8,4,16,.55)) drop-shadow(0 1px 2px rgba(8,4,16,.45))}.side-menu__panel{position:absolute;bottom:70px;right:0;min-width:240px;padding:1.2rem 1.3rem;background:#140c1eb3;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border:1px solid rgba(255,255,255,.07);border-radius:6px;opacity:0;transform:translateY(8px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.side-menu.is-open .side-menu__panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.side-menu__links{display:flex;flex-direction:column;gap:.55rem;font-size:.95rem;font-style:italic}.side-menu__links a{color:#ece8deeb}.side-menu__credits{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem;letter-spacing:.03em;color:#ece8de8c}.side-menu__credits:first-child{margin-top:0;padding-top:0;border-top:0}@media(max-width:540px){.modal-panel{padding:2.4rem 1.6rem}.player-cluster{bottom:1rem}.player-skull__icon{width:64px;height:64px}.side-menu__button{width:48px;height:48px}.side-menu__panel{min-width:200px}.volume-moon{width:44px;height:44px}.volume-moon__scaler{width:30px;height:30px}.player-cluster{gap:2px}.pause-overlay{gap:1.1rem;padding-bottom:4.5rem}}@media(prefers-reduced-motion:reduce){.modal-overlay,.player-skull *,.side-menu *,.static-fallback:after{transition:none!important;animation:none!important}.player-cluster{opacity:.7!important;transition:none!important}.progress-ring{animation:none!important;filter:none!important}.volume-moon__scaler{transition:none!important}}