:root{color-scheme:light;font-family:ui-rounded,'PingFang SC','Microsoft YaHei',sans-serif;color:#274e43;background:#dceee4}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:18px}main{width:min(100%,920px)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 14px}h1{font-size:25px;margin:0;font-weight:800;letter-spacing:.08em}.tag{font-size:12px;color:#607f73;margin-top:5px}.stats{display:flex;gap:22px;text-align:center}.stats span{display:block;font-size:12px;color:#5d7b6c}.stats strong{font-size:25px;line-height:1.3}#stage{position:relative;height:min(70svh,660px);min-height:350px;overflow:hidden;border-radius:26px;background:#f4faf1;border:1px solid #b9d8c6;box-shadow:0 16px 45px #47796118;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}canvas:focus-visible{box-shadow:inset 0 0 0 4px #3c9876}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#eff8ed91;backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.card{max-width:310px;padding:28px}.card h2{font-size:24px;margin:0 0 14px}.card p{font-size:15px;line-height:1.9;margin:0 0 24px;color:#4c6e60}button{font:inherit;font-weight:650;font-size:14px;color:#315e4a;border:1px solid #b0d0bd;background:#f6fbf4;border-radius:14px;padding:11px 18px;cursor:pointer;touch-action:manipulation}button:hover{background:#e5f3e6}button:focus-visible,input:focus-visible{outline:3px solid #348569;outline-offset:3px}.primary{color:white;background:#357e60;border-color:#357e60;min-width:160px}.primary:hover{background:#286c50}footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px 4px 0}.hint{font-size:13px;color:#507060;flex:1;min-width:190px}label{font-size:13px;display:flex;gap:6px;align-items:center;cursor:pointer}.note{margin:10px 4px 0;color:#648270;font-size:12px}#live{position:absolute;left:20px;right:20px;top:20px;text-align:center;color:#4d7960;font-size:14px;pointer-events:none}.touch{display:none}.touch button{min-width:76px;font-size:20px;touch-action:none}@media(max-width:600px){body{padding:12px}h1{font-size:21px}.stats{gap:14px}.stats strong{font-size:22px}#stage{height:65svh;min-height:330px;border-radius:22px}.touch{display:flex;gap:8px;margin-left:auto}.hint{flex-basis:100%;font-size:12px}footer{gap:8px}.note{line-height:1.6}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

footer a{color:#315e4a;font-size:14px} .touch button{user-select:none;-webkit-user-select:none} @media(max-width:480px){body{padding:10px}#stage{min-height:300px}footer{gap:8px}}

#stage{overscroll-behavior:contain}canvas,.touch button{touch-action:none}canvas{user-select:none;-webkit-user-select:none}

#stability[data-level=warning]{color:#95683b;font-weight:700}#stability{min-height:16px}