:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#332315;background:#f8f2e5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#fffdf4 0,transparent 50%),#f8f2e5}main{width:min(100% - 36px,1060px);margin:24px auto 30px}header{display:flex;justify-content:space-between;align-items:center;margin:0 3px 17px;gap:12px}h1{font-size:25px;margin:0;letter-spacing:1px}h1 span{display:inline-block;font-size:11px;letter-spacing:0;background:#f4dfb8;border-radius:20px;padding:4px 9px;vertical-align:middle;color:#805626}header p{font-size:12px;letter-spacing:2px;color:#947951;margin:7px 0 0}.best{font-size:11px;color:#947951;white-space:nowrap}.best strong{font-size:23px;display:block;text-align:right;color:#a65318;margin-top:3px}.stage{position:relative;aspect-ratio:760/420;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 12px 42px #80602e20;outline:1px solid #d8c5a5}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.loading,.paused{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#fff9eeeF;font-size:14px}.loading[hidden],.paused[hidden]{display:none}.paused{background:#1d251f75;backdrop-filter:blur(3px)}.spinner{width:24px;height:24px;border:3px solid #e8d5b3;border-top-color:#d47c1c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{appearance:none;font:inherit;font-weight:600;cursor:pointer;border:1px solid #cdb38b;border-radius:9px;background:#fffaf0;color:#684322;padding:9px 19px;box-shadow:0 2px 0 #c7aa7b;touch-action:none;user-select:none;-webkit-user-select:none}button:hover{background:#fff2d5}button:active,button.held{background:#efcf92;transform:translateY(2px);box-shadow:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible{outline:3px solid #b76120;outline-offset:3px}.toolbar{display:flex;justify-content:center;gap:10px;margin-top:19px}.toolbar button{font-size:13px}.toolbar button:first-child{background:#a84e1e;border-color:#8a3e14;color:#fff7de;box-shadow:0 2px 0 #7b350f}.hint{text-align:center;font-size:12px;color:#8a7357;line-height:1.6;margin:16px 0}.touch{display:none;align-items:center;justify-content:space-between;gap:10px;padding-top:20px}.side-keys{display:flex;gap:9px}.side-keys button{width:64px;height:52px;font-size:27px;padding:0}.touch-hint{font-size:11px;color:#9a8061;text-align:center}details{font-size:11px;color:#9a8061;line-height:1.8;margin-top:24px;text-align:center}summary{cursor:pointer}details p{max-width:680px;margin:10px auto}@media(pointer:coarse){.touch{display:flex}}@media(max-width:650px){main{width:calc(100% - 18px);margin-top:14px}h1{font-size:20px}h1 span{font-size:10px;padding:3px 7px}header{margin-bottom:13px}header p{font-size:10px;letter-spacing:1px}.toolbar{gap:6px;margin-top:13px}.toolbar button{padding:9px 11px;font-size:12px}.best strong{font-size:19px}.touch{display:flex}.side-keys button{width:52px;height:51px}details{margin-top:18px}.hint{font-size:11px}.stage{border-radius:7px}}@media(max-height:520px) and (orientation:landscape){main{width:min(calc(100% - 120px),calc((100svh - 58px)*1.80952381),760px);margin:7px auto}header{display:none}.toolbar{margin-top:8px}.toolbar button{padding:6px 12px}.hint,details{display:none}.touch{position:fixed;inset:0;pointer-events:none;padding:0 8px;align-items:flex-end;padding-bottom:25px}.side-keys{pointer-events:auto;flex-direction:column}.touch-hint{display:none}.side-keys button{width:46px;height:46px}}