:root{color-scheme:dark;font-family:"Songti SC","STSong","Times New Roman",serif;background:#101613;color:#d7d4c9}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:radial-gradient(ellipse at 48% 48%,#233329 0,#151f19 45%,#0c120f 90%)}main{position:relative;height:100svh;min-height:540px;display:grid;grid-template-rows:auto 1fr auto;max-width:860px;margin:auto}header{z-index:2;text-align:center;padding:calc(34px + env(safe-area-inset-top)) 16px 0;pointer-events:none}.edition{font:9px/1.5 -apple-system,sans-serif;letter-spacing:.25em;color:#969e90}h1{font-weight:400;font-size:29px;letter-spacing:.12em;margin:12px 0 8px}h1 span{color:#858a73;margin:0 8px;font-size:23px}header p{font:9px/1.6 -apple-system,sans-serif;letter-spacing:.23em;color:#b1a785;margin:0}.viewer{position:relative;min-height:0}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}canvas:focus-visible{outline:1px solid #bca36c;outline-offset:-4px}.view-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#858d7e;font:10px -apple-system,sans-serif;letter-spacing:.2em;pointer-events:none}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:13px;letter-spacing:.12em;color:#b9b8a7;background:#131c15c9;transition:opacity .4s}#loading[hidden]{display:none}#loading span{height:4px;width:4px;border-radius:50%;background:#c6b074;margin-left:10px;animation:breathe 1s infinite}@keyframes breathe{50%{opacity:.2}}footer{z-index:2;text-align:center;padding:4px 18px calc(26px + env(safe-area-inset-bottom))}.hint{font:10px/1.5 -apple-system,sans-serif;color:#9a9e8e;letter-spacing:.1em;margin:0 0 15px}nav{display:flex;justify-content:center;gap:9px}button{min-height:44px;min-width:65px;padding:9px 12px;border:1px solid #62695691;background:linear-gradient(#2e382bd9,#20291ed9);border-radius:6px;box-shadow:inset 0 1px #b3b4931b,0 2px 5px #0002;color:#d9d5c5;font-size:12px;letter-spacing:.04em;font-family:inherit}button[aria-pressed=true]{border-color:#b7a577;background:linear-gradient(#544d32,#373522);color:#e5d9b2}button:focus-visible{outline:2px solid #bcaa78;outline-offset:3px}button:active{transform:translateY(1px)}button:disabled{opacity:.4}.materials{font:9px/1.7 -apple-system,sans-serif;color:#949b88;margin:15px 0 0;letter-spacing:.035em}.materials i{font-style:normal;margin:0 5px;color:#737c67}@media(max-height:700px){header{padding-top:calc(18px + env(safe-area-inset-top))}h1{font-size:25px;margin:8px 0}footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.hint{margin-bottom:9px}.materials{margin-top:10px}}@media(prefers-reduced-motion:reduce){#loading span{animation:none}}@media(orientation:landscape){main{grid-template-rows:1fr;min-height:300px}header{position:absolute;top:15px;left:25px;padding:0;text-align:left}h1{font-size:23px}.viewer{height:100%}footer{position:absolute;bottom:0;right:0;left:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.materials,.hint{display:none}.view-label{bottom:70px}}