@font-face{font-family:Studio;src:local("Aptos"),local("Segoe UI");font-display:swap}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f6f5ef;color:#414f49;font-family:Studio,Microsoft YaHei,sans-serif}main{height:100dvh;width:100%;position:relative}canvas{display:block;touch-action:none}header,footer{position:absolute;z-index:2;left:3.3vw;right:3.3vw;display:flex;justify-content:space-between;pointer-events:none}header{top:35px;align-items:start}.wordmark{font-size:15px;letter-spacing:.26em;font-weight:600;line-height:1.35}.wordmark span{display:block;font-size:11px;letter-spacing:.38em;font-weight:400;margin-top:3px}.edition{text-align:right;font-size:10px;letter-spacing:.21em;line-height:1.9}.edition span{letter-spacing:.22em;color:#7d8880;font-size:10px}footer{bottom:32px;align-items:end}.caption{font-size:10px;letter-spacing:.14em;line-height:1.8}.caption span{font-size:12px;letter-spacing:.02em;color:#87938b}.gesture{text-align:center;font-size:11px;letter-spacing:.22em;color:#76847c}.gesture span{display:block;font-size:8px;letter-spacing:.2em;margin-top:10px;color:#99a49b}.pause{pointer-events:auto;background:transparent;border:1px solid #cdd4ca;border-radius:30px;padding:11px 17px;color:#64736a;font:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer}.pause span{margin-left:13px}.pause:hover{background:#e8eee5}.pause:focus-visible{outline:2px solid #698f85;outline-offset:4px}.loading{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:#f6f5ef;letter-spacing:.2em;font-size:12px;pointer-events:none}.loading span{width:5px;height:5px;background:#669c8c;border-radius:50%;animation:breathe 1.5s infinite}.failure{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6f5ef;z-index:4;font-size:14px}.failure button{border:1px solid #c0cbbf;padding:12px 20px;background:transparent;cursor:pointer}.failure h1{font-size:22px}@keyframes breathe{50%{opacity:.2}}@media(max-width:600px){header,footer{left:24px;right:24px}header{top:28px}footer{bottom:28px;flex-wrap:wrap;gap:24px}.wordmark{font-size:12px}.wordmark span{font-size:9px}.edition,.caption{font-size:8px}.caption span{font-size:10px}.gesture{position:absolute;left:0;right:0;bottom:75px;font-size:10px}.gesture span{font-size:7px}.pause{font-size:9px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.loading span{animation:none}}