:root{--ink:#1b1230;--hand:"Caveat",cursive}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}
body{background:radial-gradient(1200px 800px at 50% 35%,#3b1f6b 0%,#1a0f35 45%,#08060f 100%);touch-action:none;-webkit-user-select:none;user-select:none}
#scene{position:fixed;inset:0;width:100%;height:100%;display:block}
#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}
#loading{position:fixed;inset:0;display:grid;place-items:center;font-family:var(--hand);font-size:28px;color:#fff;opacity:.8;z-index:5;transition:opacity .6s}
#loading.gone{opacity:0;pointer-events:none}
.hidden{display:none !important}
#nav{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:18px;z-index:10;animation:in .6s ease both}
#nav button{width:54px;height:54px;border-radius:50%;border:1px solid #ffffff33;background:#ffffff14;color:#fff;font:600 30px/1 system-ui;backdrop-filter:blur(6px);cursor:pointer;transition:transform .15s,opacity .2s}
#nav button:hover{transform:scale(1.08)}
#nav button:disabled{opacity:.25;cursor:default;transform:none}
@keyframes in{from{opacity:0;transform:translate(-50%,20px)}}


#photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:44px 24px 90px;border:0;background:#100923ef;color:#fff;overflow:hidden}
#photo-viewer::backdrop{background:#100923cc;backdrop-filter:blur(8px)}
#photo-viewer[open]{display:flex;align-items:center;justify-content:center}
#full-photo{display:block;max-width:100%;max-height:100%;object-fit:contain;padding:12px 12px 32px;background:#fdfbf6;box-shadow:0 20px 70px #0009}
#photo-viewer button{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff44;background:#ffffff14;color:#fff;font:500 30px/1 system-ui;cursor:pointer}
#photo-close{position:absolute;right:14px;top:10px}
.photo-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:20px}
@media(max-width:520px){#photo-viewer{padding:68px 12px 90px}#full-photo{padding:8px 8px 22px}}