*{box-sizing:border-box}body{margin:0;background:#211c16;color:#e8cf9f;font-family:system-ui,sans-serif}main{max-width:460px;margin:auto;padding:14px 12px}h1{font-size:22px;margin:12px 0 6px}p{font-size:14px;line-height:1.6;margin:8px 0}.status,footer{font-size:12px;color:#bca880}#stage{height:min(360px,49dvh);position:relative;overflow:hidden;border:1px solid #8d7147;border-radius:12px;background:#30271e;margin:14px 0;touch-action:none;overscroll-behavior:contain}canvas{position:absolute;left:0;top:0;width:941px;height:1672px;transform-origin:0 0;touch-action:none}button{background:#59432b;border:1px solid #b99a61;color:#fae1ac;border-radius:8px;padding:11px 13px;font:inherit;font-size:14px;min-height:44px}button:disabled{opacity:.5}nav{display:flex;gap:8px;flex-wrap:wrap}progress{width:100%;accent-color:#b79558;height:9px}#amount{font-size:18px}footer{margin-top:18px}details{margin:12px 0;font-size:13px}@media(max-width:330px){main{padding:10px}h1{font-size:20px}}#stage[data-view=focus]{height:auto;aspect-ratio:274 / 161}#feedback{min-height:2.9em;color:#f1d194}#view-note{font-size:12px;color:#bca880;min-height:3.2em}