*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#131411;color:#eee8dc;font-family:Arial,sans-serif}#stage{position:absolute;inset:65px 20px 88px}#original,canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}canvas{touch-action:none;user-select:none;-webkit-user-select:none}header{position:absolute;top:22px;left:28px;pointer-events:none}header .eyebrow{display:none}h1{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.02em;margin:0}h1 span{display:inline;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.08em;color:#a9a69c;margin-left:18px}aside{position:absolute;right:28px;top:27px;font-size:12px;color:#b4b1a6}footer{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hint{font-family:Georgia,serif;font-size:18px;line-height:1.5}.hint span{font-family:Arial,sans-serif;font-size:13px;color:#b4b1a6}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}button,select{font:14px Arial;color:#e5dfd3;border:1px solid #5a584e;background:#1c1e19;padding:10px 13px;border-radius:3px;cursor:pointer}button:hover,select:hover{background:#35382d}button:focus-visible,select:focus-visible{outline:2px solid #e6b56a;outline-offset:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#error{position:absolute;bottom:160px;left:8%;right:8%;text-align:center;line-height:1.5;background:#131411e8;padding:16px;border:1px solid #6d6a5e}@media(max-width:650px){#stage{inset:72px 0 152px}header{top:20px;left:18px}h1{font-size:24px}h1 span{display:block;margin:6px 0 0;font-size:12px}aside{right:16px;top:25px;font-size:11px}footer{bottom:18px;left:18px;right:18px;flex-direction:column;align-items:start;gap:13px}.hint{font-size:17px}.controls{justify-content:start;gap:6px}button,select{padding:10px 8px;font-size:12px}}@media(max-height:480px) and (orientation:landscape){#stage{inset:45px 10px 52px}header{top:10px}h1{font-size:20px}aside{top:14px}footer{bottom:9px;flex-direction:row;align-items:center}.hint{font-size:14px}.hint br,.hint span{display:none}}

#original[hidden]{display:none}#settings{position:absolute;right:28px;top:63px;width:226px;background:#191d1fef;border:1px solid #474b4a;padding:12px 16px;color:#d9dfda;font-size:14px}#settings summary{cursor:pointer;padding:3px 0}#settings label{display:flex;justify-content:space-between;margin-top:17px}#settings output{color:#9fb6b1;font-variant-numeric:tabular-nums}#settings input{width:100%;accent-color:#a7c1b8;margin-top:10px}#settings:has(:focus-visible){outline:1px solid #d6c28d}@media(max-width:650px){#settings{top:76px;right:14px;width:210px;font-size:13px}}