*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000;overflow:hidden}#stage{height:100vh;width:100vw;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}#stage::-webkit-scrollbar{display:none}#stage:active{cursor:grabbing}#stage img{width:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;animation:breathe 220s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.008);filter:brightness(1.015)}}@media (prefers-reduced-motion: reduce){#stage img{animation:none}}#veil{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;background-color:#05060a;background-image:url(/artwork/glitra-sleipa/veil-texture.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1}#light{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;mix-blend-mode:soft-light;opacity:0;z-index:2;transition:opacity .3s linear}#caption{position:fixed;left:20px;bottom:20px;z-index:3;pointer-events:none;font-family:Courier Prime,Courier New,monospace;font-size:14px;line-height:1.5;text-align:left;color:#f5eee4d9;text-shadow:0 1px 4px rgba(0,0,0,.7);opacity:0;transition:opacity .6s ease}#caption strong{font-weight:700;color:var(--accent, inherit)}#credits{position:fixed;left:20px;bottom:20px;z-index:3;pointer-events:none;font-family:Courier Prime,Courier New,monospace;font-size:14px;line-height:1.5;text-align:left;color:#f5eee4d9;text-shadow:0 1px 4px rgba(0,0,0,.7)}#credits strong{font-weight:700;color:#cfba28}#quote,#moment{position:fixed;top:50%;left:50%;transform:translate(-50%);width:min(70vw,640px);z-index:3;pointer-events:none;font-family:Courier Prime,Courier New,monospace;font-size:15px;line-height:1.6;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.7)}#quote strong,#moment strong{display:block;font-weight:700;opacity:0;white-space:pre-line}#quote strong{color:#f5eee4d9}#quote .credit{display:block;margin-top:.5em;font-size:.85em;font-weight:400;color:var(--accent, rgba(245, 238, 228, .6));opacity:0;white-space:pre-line}#moment strong{color:#c9a15a}#moment .moment-year{display:block;margin-top:.5em;font-size:.85em;font-weight:400;color:#c9a15ab3;opacity:0}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,5vw,56px);padding:20px;transform:translateY(-9vh)}@media (max-aspect-ratio: 3/4){#menu{transform:translateY(-12vh)}}.menu-albums{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(16px,4vw,48px)}.menu-heading{position:absolute;top:20px;left:50%;transform:translate(-50%);font-family:Courier Prime,Courier New,monospace;font-size:13px;color:#f5eee499}.menu-entry[hidden]{display:none}.menu-entry{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0;font-family:Courier Prime,Courier New,monospace;color:#f5eee4d9}.menu-circle{width:clamp(84px,18vw,140px);height:clamp(84px,18vw,140px);border-radius:50%;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(245,238,228,.6);box-shadow:0 0 24px #f5eee41f;transition:box-shadow .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;font-family:Courier Prime,Courier New,monospace;font-size:32px;font-weight:700;color:#f5eee4b3;text-shadow:0 1px 4px rgba(0,0,0,.6)}.menu-entry:hover .menu-circle,.menu-entry:focus-visible .menu-circle{box-shadow:0 0 32px #f5eee440;transform:scale(1.04)}.menu-circle-mystery{background:radial-gradient(circle,#f5eee426,#f5eee405 70%)}.menu-circle-locked{filter:grayscale(.8) brightness(.28)}.menu-circle-locked:hover,.menu-entry:focus-visible .menu-circle-locked{transform:none}.lock-message{min-height:1em;margin-bottom:-8px;font-family:Courier Prime,Courier New,monospace;font-size:13px;text-align:center;color:#d87370;opacity:0;transition:opacity .4s ease}.lock-message.visible{opacity:1}.menu-label{font-size:14px;font-weight:700;color:var(--accent, inherit)}.menu-sub{font-size:11px}#pause-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;pointer-events:none;transition:opacity .4s ease}#pause-menu.visible{opacity:1;pointer-events:auto}.pause-buttons{display:flex;flex-direction:column;align-items:center;gap:16px}.pause-btn{width:72px;height:72px;border-radius:50%;background:none;border:1px solid var(--accent, rgba(245, 238, 228, .6));color:var(--accent, rgba(245, 238, 228, .85));font-family:Courier Prime,Courier New,monospace;font-size:12px;line-height:1.3;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .3s ease}.pause-btn.play{font-size:22px}.pause-btn-label{background-size:cover;background-position:center;background-repeat:no-repeat;font-size:20px;color:#14120ad9;text-shadow:0 1px 3px rgba(255,255,255,.4)}.pause-btn:hover,.pause-btn:focus-visible{background:#f5eee414;transform:scale(1.04)}#pause-menu .now-playing .menu-circle{border-color:var(--accent, rgba(245, 238, 228, .6))}#pause-menu .now-playing{cursor:default}.pause-status{font-family:Courier Prime,Courier New,monospace;font-size:12px;color:#f5eee499;opacity:0;transition:opacity .3s ease;min-height:1em}#note-btn{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(245,238,228,.4);cursor:pointer;opacity:0;pointer-events:none;z-index:4;transition:opacity .4s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px;color:#f5eee4cc;text-shadow:0 1px 3px rgba(0,0,0,.6)}#note-btn.visible{opacity:1;pointer-events:auto}#note-btn:hover{transform:scale(1.08)}#note-panel{position:fixed;left:50%;top:50%;width:min(380px,84vw);height:min(380px,84vw);border-radius:50%;border:1px solid rgba(245,238,228,.4);box-shadow:0 0 40px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20% 16%;font-family:Courier Prime,Courier New,monospace;color:#f5eee4e6;z-index:7;opacity:0;transform:translate(-50%,-50%) scale(.1);pointer-events:none;transition:opacity .3s ease,transform .3s ease}#note-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:linear-gradient(#05060abf,#05060abf),url(/artwork/glitra-sleipa/label-yellow.jpg);background-size:cover;background-position:center;opacity:.85;z-index:-1}#note-panel.visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.note-heading{font-size:14px;font-weight:700;opacity:.9;text-align:center}#note-panel textarea{width:100%;flex:1;min-height:60px;background:none;border:none;resize:none;outline:none;font-family:inherit;font-size:13px;line-height:1.5;color:#f5eee4f2;text-align:center}.note-count{font-size:10px;opacity:.5}#moments-toggle{border:1px solid rgba(245,238,228,.35);background:none;color:#f5eee4a6;border-radius:999px;font-family:inherit;font-weight:700;font-size:11px;padding:5px 14px;cursor:pointer;transition:border-color .3s ease,color .3s ease}#moments-toggle.on{border-color:#c9a15a;color:#c9a15a}.note-actions{display:flex;flex-direction:row;align-items:center;gap:16px;margin-top:16px}.note-actions button{border:none;border-radius:50%;width:78px;height:78px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;font-size:10px;line-height:1.4;white-space:nowrap;cursor:pointer;transition:filter .3s ease}.note-cancel{background:#d87370;color:#05060a}.note-cancel:hover{filter:brightness(1.12)}.note-submit{background:#9cb8b3;color:#05060a}.note-submit:hover{filter:brightness(1.12)}#debug-controls{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;padding:8px;background:#0009;z-index:10}#debug-controls audio{flex:1}