*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#168fba;color:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}#scene{position:absolute;inset:0;cursor:grab;touch-action:none;outline:none}#scene.dragging{cursor:grabbing}#scene:focus-visible{box-shadow:inset 0 0 0 3px #fff8}canvas{display:block;width:100%;height:100%}header,footer{position:absolute;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header{top:32px}.brand{display:flex;gap:12px;align-items:center;text-shadow:0 2px 14px #07557745}.brand>svg{width:39px;height:39px;stroke:#fff6d8;fill:none;stroke-width:1.4}.wordmark{font-family:Georgia,serif;font-size:26px;letter-spacing:6px;display:block}.subtitle{font-size:9px;letter-spacing:3px;display:block;margin-top:5px;color:#e3f6f8}.edition{font-size:9px;letter-spacing:2.3px;display:flex;gap:14px;align-items:center;color:#d4f5ff}.edition i{width:5px;height:5px;border-radius:50%;background:#d6f3bf;box-shadow:0 0 12px #b9f8c9}footer{bottom:30px;gap:20px}.caption>span{font-size:9px;letter-spacing:2px;opacity:.7}.caption p{font-size:14px;letter-spacing:3px;margin:9px 0 0}.hint{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;letter-spacing:2px;color:#e8f9fc}.hint svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}button{pointer-events:auto;border:1px solid #ffffff50;border-radius:30px;background:#ffffff12;backdrop-filter:blur(12px);color:white;padding:12px 19px;display:flex;align-items:center;gap:8px;font:11px inherit;letter-spacing:1px;cursor:pointer}button:hover{background:#ffffff25}button:focus-visible{outline:2px solid #fff;outline-offset:4px}button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#loading{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#178eb6;transition:opacity .4s;pointer-events:none}#loading.done{opacity:0}#loading p{font-size:12px;letter-spacing:3px}.loader{width:34px;height:34px;border:1px solid #ffffff30;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.embed .ui{display:none}@media(max-width:650px){header,footer{left:20px;right:20px}header{top:22px}.edition{display:none}.wordmark{font-size:22px}.caption{display:none}footer{bottom:max(24px,env(safe-area-inset-bottom));justify-content:flex-end}.hint{left:0;transform:none;font-size:10px;letter-spacing:1px}button{padding:11px 13px;font-size:10px}.brand>svg{width:32px}}@media(prefers-reduced-motion:reduce){.loader{animation:none}#loading{transition:none}}

.mobile-hint{display:none}@media(max-width:650px){.desktop-hint{display:none}.mobile-hint{display:inline}}