:root{color:#241f1a;background:#fff9ec;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-weight:650}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #1768bd;outline-offset:3px}.stack-app{width:min(460px,100% - 32px);margin:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;height:58px;border-bottom:2px solid;font-size:11px}header a{padding:9px 0;font-size:13px;text-decoration:none}.heading{display:flex;justify-content:space-between;align-items:end;padding:20px 0 15px}.eyebrow{font-size:10px;letter-spacing:.08em;margin:0 0 6px}h1{font-size:clamp(34px,9vw,48px);line-height:1.02;letter-spacing:-.07em;margin:0;font-weight:950}h1 span{color:#b34935}.record{text-align:right}.record small{display:block;font-size:10px}.record strong{display:block;font-size:36px;line-height:1.2}.record strong span{font-size:13px;margin-left:4px}.scorebar{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.scorebar p{margin:0;font-size:12px}.scorebar strong{font-size:26px;margin-left:8px}.scorebar p>span{font-size:10px;color:#68604f}#pause{border:1.5px solid;border-radius:20px;padding:7px 11px;background:transparent;font-size:11px}.stage{position:relative;overflow:hidden;border:2px solid;border-radius:16px;background:#e4eedb;aspect-ratio:2/3;max-height:58svh;margin:auto;width:100%}canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff9ecaa;padding:16px}.sheet{width:100%;max-width:330px;background:#fff9ec;border:2px solid;border-radius:14px;padding:22px 17px;box-shadow:5px 5px 0 #241f1a;text-align:center}.pill{display:inline-block;border:1.5px solid;border-radius:20px;background:#d6ee73;padding:5px 12px;font-size:11px}.sheet h2{font-size:23px;letter-spacing:-.05em;margin:16px 0 10px}.sheet p{font-size:12px;line-height:1.9;margin:0 0 17px}.primary{border:2px solid;border-radius:10px;background:#ffd14a;min-height:47px;width:100%;padding:10px 14px;font-weight:850;box-shadow:0 3px 0 #241f1a}.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #241f1a}.sheet .fine{font-size:10px;margin:12px 0 0;line-height:1.5}.status{font-size:12px;text-align:center;min-height:20px;margin:10px 0 5px}.controls{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}.controls label{font-size:11px}input[type=range]{width:100%;height:30px;accent-color:#716832}.controls button{grid-column:1/-1;display:flex;justify-content:space-between}.footnote{font-size:10px;text-align:center;line-height:1.7;color:#68604f;margin:16px 0 0}@media(min-width:700px){.stack-app{width:390px}.stage{max-height:560px}}@media(max-height:700px){.heading{padding:12px 0}h1{font-size:32px}.stage{max-height:50svh}.sheet{padding:15px 12px}.sheet h2{margin:9px 0}.sheet p{margin-bottom:10px}.footnote{margin-top:10px}}
