*{box-sizing:border-box}body{margin:0;background:#fff;color:#292324;font-family:Arial,sans-serif}main{max-width:800px;margin:auto}#stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#fff}#poster,#view{display:block;width:100%;height:100%;object-fit:contain}#view{position:absolute;inset:0;opacity:0;touch-action:pan-y;outline-offset:-4px}#stage.ready #view{opacity:1;touch-action:none}#stage.ready #poster{visibility:hidden}#start{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);min-width:215px;padding:15px 24px;background:#8c2d20;color:white;border:1px solid #fff8;border-radius:8px;box-shadow:0 8px 25px #4d151333;font-size:16px;font-weight:bold;cursor:pointer}#start span{display:block;font-size:12px;font-weight:normal;margin-top:5px}#status{position:absolute;top:10px;left:12px;margin:0;background:#ffffffe6;border-radius:5px;padding:7px 10px;color:#64291f;font-size:12px;pointer-events:none}#controls{padding:12px 5px}nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}nav button{flex:1;min-width:100px;background:#fff;border:1px solid #dfd7d5;border-radius:6px;padding:10px 5px;color:#51291f;font-size:12px;cursor:pointer}nav button[aria-pressed=true]{background:#8c2d20;color:#fff}label{display:flex;justify-content:space-between;font-size:13px}input{width:100%;accent-color:#8c2d20;margin:12px 0 2px}.hint{font-size:11px;color:#6f6561;text-align:center;margin:5px 0}#error{padding:10px;font-size:13px;color:#6d2c20}[hidden]{display:none!important}button:focus-visible{outline:3px solid #c68377;outline-offset:2px}

#controls label{font-size:14px;font-weight:bold}#explode{height:24px;cursor:ew-resize}#controls{padding:14px 5px}
#stage{background:white url('data:image/webp;base64,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') center/100% 100% no-repeat}