:root{font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;color:#503b30;background:#faf7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 42%,#fffdf7 0%,#faf7f1 65%)}header{display:flex;align-items:center;gap:10px;margin:30px 0 0}.seal{display:grid;place-items:center;width:28px;height:30px;background:#a74633;color:#fffaf0;border-radius:5px;font-family:serif;font-size:19px;transform:rotate(-5deg)}h1{font-size:18px;letter-spacing:.16em;font-weight:600;margin:0}.experience{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px 28px}#stage{position:relative;width:min(100%,680px);height:clamp(300px,58svh,610px)}canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;color:#786957}.controls{text-align:center;margin-top:5px}button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #873927;background:#a74633;color:#fff9ef;border-radius:100px;padding:17px 40px;font:600 18px/1.4 inherit;font-family:inherit;font-size:18px;letter-spacing:.08em;min-width:205px;box-shadow:0 5px 0 #793828,0 10px 25px #9e4e3020;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}button:hover:not(:disabled){background:#923824;transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #793828}button:focus-visible{outline:3px solid #cb8a28;outline-offset:7px}button:disabled{cursor:wait;opacity:.65}#status{font-size:15px;margin:23px 0 7px;color:#776553;min-height:1.5em}.sound-note{font-size:13px;color:#8a7a69}footer{font-size:14px;color:#8c7e6d;letter-spacing:.16em;padding:0 20px 25px;text-align:center}@media(max-width:600px){header{margin-top:22px}#stage{height:clamp(300px,54svh,540px)}.experience{padding:8px 12px 24px}button{padding:16px 35px}footer{padding-bottom:22px}}@media(prefers-reduced-motion:reduce){button{transition:none}}