:root{font-family:"Noto Serif SC",Songti SC,serif;color:#203833;background:#b8cfc5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative;background:#b8cfc5}#scene,#scene canvas{display:block;width:100%;height:100%}#scene canvas{outline:none}.scene-title{position:absolute;top:32px;left:36px;display:flex;align-items:center;gap:14px;pointer-events:none;text-shadow:0 1px 12px #ffffff80}.seal{display:grid;place-content:center;width:44px;height:52px;padding-bottom:3px;border:2px solid #a9362b;color:#a9362b;font-size:16px;line-height:1.15;text-align:center;font-weight:700}.eyebrow{margin:0 0 3px;font:600 10px/1.3 Arial,sans-serif;color:#3b6c65}h1{margin:0;font-size:24px;font-weight:700;line-height:1.3}.scene-caption{position:absolute;left:40px;bottom:33px;display:flex;align-items:center;gap:12px;font-size:11px;color:#3b665f;pointer-events:none}.caption-rule{display:block;width:28px;height:1px;background:currentColor}.scene-caption span:not(.caption-rule)+span:before{content:"·";margin-right:12px}.reset-view{position:absolute;right:30px;bottom:28px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff9c;border-radius:4px;background:#f3f6edc9;color:#315b54;cursor:pointer;box-shadow:0 4px 16px #24443b26}.reset-view:hover{background:#fff}.reset-view:focus-visible{outline:2px solid #a9362b;outline-offset:3px}.reset-view svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.scene-title{top:18px;left:18px;gap:10px}.seal{width:35px;height:43px;font-size:13px}.eyebrow{font-size:8px}h1{font-size:19px}.scene-caption{left:20px;bottom:20px}.reset-view{right:18px;bottom:18px}}