*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#a5adc3;color:#f8f3e8;font-family:Arial,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}#scene{position:absolute;inset:0}header{position:absolute;top:36px;left:40px;pointer-events:none;text-shadow:0 2px 22px #36424a55}.eyebrow{font-size:10px;letter-spacing:.26em;opacity:.8}h1{font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.035em;margin:10px 0 6px}header p{font-size:12px;letter-spacing:.06em;opacity:.85;margin:0}footer{position:absolute;bottom:27px;left:40px;display:flex;gap:22px;font-size:11px;letter-spacing:.025em;text-shadow:0 1px 8px #102030}#photo{position:absolute;right:30px;bottom:22px;border:1px solid #ffffff40;background:#25303928;backdrop-filter:blur(14px);color:inherit;border-radius:30px;padding:10px 14px;cursor:pointer;font-size:11px}#photo span{margin-left:14px;opacity:.6}.hidden header,.hidden footer,.hidden #photo{opacity:0;pointer-events:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#929cae;color:#f9f4eb;font-family:Georgia,serif;font-size:24px;transition:opacity .8s}#loading span{height:1px;width:100%;background:#fff7;margin-top:18px;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scaleX(.4);opacity:.3}}@media(max-width:700px){header{left:22px;top:24px}h1{font-size:29px}footer{left:22px;bottom:24px;display:block;max-width:230px;line-height:1.8}footer span{display:block}#photo{right:18px;bottom:24px;font-size:0}#photo span{font-size:12px;margin:0}}

#scene-pause{position:absolute;right:30px;top:28px;background:#17222f66;border:1px solid #ffffff35;border-radius:20px;color:#eee9df;padding:9px 13px;font-size:11px;cursor:pointer}.hidden #scene-pause{opacity:0;pointer-events:none}