*{box-sizing:border-box}html,body{margin:0;overscroll-behavior:none;background:#dbdcd9;color:#252827;font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic",sans-serif}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible{outline:3px solid #568693;outline-offset:3px}#app{position:relative;width:min(100%,480px);height:100dvh;min-height:500px;margin:auto;background:#edece8;overflow:hidden}#play,#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none}#hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#hud button{pointer-events:auto;background:transparent;min-width:48px;height:48px;padding:0 10px}#stages{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;font-weight:600}#stageNo{font-size:24px}#stages small{font-size:16px;font-weight:400;color:#646764}.icon{display:grid;place-items:center}.icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}#loading{position:absolute;inset:0;background:#edece8;display:grid;place-items:center;z-index:5}#loading i{width:30px;height:30px;border:3px solid #0001;border-top-color:#303432;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#overlay{position:absolute;inset:0;z-index:8;background:#edece866;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:28px}#overlay[hidden]{display:none}#dialog{position:relative;width:100%;max-width:330px;max-height:90%;overflow:auto;padding:32px 24px 24px;background:#f8f8f5;border-radius:12px;box-shadow:0 8px 35px #0001}#dialog h2{margin:0 0 24px;font-size:26px;font-weight:600;text-align:center}#dialog button{min-height:50px;font-size:20px;background:transparent;border-radius:5px}#dialog .action{display:block;width:100%;margin-top:7px;text-align:center}#dialog .primary{background:#303432;color:#fff}#dialog .muted{color:#686d69}#dialog .close{position:absolute;right:3px;top:3px;width:48px;height:48px;padding:0;font-size:28px;font-weight:300}.stagegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 12px}.stagegrid button{position:relative;font-size:23px;font-variant-numeric:tabular-nums;background:#eeefea!important}.stagegrid button.done:after{content:"";position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#777f74}.stagegrid button.current{box-shadow:inset 0 0 0 2px #303432}.result #dialog{margin-top:auto;margin-bottom:max(10px,env(safe-area-inset-bottom));background:#f8f8f5f2}.result{backdrop-filter:none!important;background:transparent!important;pointer-events:none}.result #dialog{pointer-events:auto}.result #dialog h2{font-size:24px;margin-bottom:15px}.result-actions{display:flex;gap:10px}.result-actions button{flex:1}@media(min-width:600px){#app{box-shadow:0 0 60px #0000000d}}