*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#c5b898;color:#f6eddc;font-family:Arial,sans-serif;touch-action:none}#view,canvas{position:fixed;inset:0;width:100%;height:100%}header{position:fixed;top:0;left:0;right:0;padding:24px 30px;display:flex;justify-content:space-between;text-shadow:0 2px 7px #000;font-size:11px;letter-spacing:2px;pointer-events:none}header span{opacity:.8}#task{position:fixed;top:75px;left:25px;background:#203126bf;border-left:3px solid #ddd0a1;padding:14px 18px;font-size:12px;max-width:310px;line-height:1.6;pointer-events:none}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff9;font-size:20px;pointer-events:none}#prompt{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#1f2c21cf;border-radius:4px;padding:10px 16px;font-size:12px;text-align:center;pointer-events:none}#prompt:empty{display:none}#menu{position:fixed;inset:0;background:linear-gradient(90deg,#17271ef2,#17271e9c 60%,#17271e22);padding:10vh 8vw;overflow:auto}#menu small{font-size:10px;letter-spacing:3px;color:#d3c5a1}h1{font-family:Georgia,serif;font-size:clamp(40px,7vw,80px);font-weight:normal;line-height:1.1;margin:24px 0}h1 i{color:#d8c59a}#menu p{line-height:1.8;font-size:14px;color:#d9d9c9}.help{font-size:11px!important;color:#b6bdad!important}button{font:inherit;cursor:pointer;border:1px solid #d8d2b755;border-radius:4px;padding:12px 20px;background:#cbd0ac;color:#263729}#fresh{background:transparent;color:#e6e2c9;margin-left:8px}select{background:#263729;color:#e6e2c9;padding:8px;border:1px solid #8d9977}label{font-size:12px}#dialog{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);width:min(650px,92vw);background:#18271ef2;padding:24px 28px;border:1px solid #8e9b76;z-index:5}#dialog small{color:#d4c493;letter-spacing:3px;font-size:10px}#dialog p{font-family:Georgia,serif;font-size:20px;line-height:1.5}#dialog button{float:right}#dialog:after{content:'';display:block;clear:both}.hidden{display:none!important}#pause{position:fixed;bottom:22px;right:25px;background:#243429a8;color:#fff;font-size:11px;padding:9px 15px}#pad,#action{display:none}#status{position:fixed;bottom:25px;left:25px;font-size:11px;pointer-events:none}#error{color:#ffe0b8;max-width:550px;font-size:13px;line-height:1.5}button:focus-visible{outline:3px solid #e7c779;outline-offset:3px}@media(pointer:coarse){#pad{display:block;position:fixed;bottom:35px;left:28px;width:110px;height:110px;border-radius:50%;background:#22372955;border:2px solid #edf2c355;touch-action:none}#knob{width:44px;height:44px;position:absolute;left:31px;top:31px;background:#eef1ce99;border-radius:50%;pointer-events:none}#action{display:block;position:fixed;bottom:55px;right:30px;width:85px;height:85px;border-radius:50%;background:#d0d7b1b9;font-size:12px;padding:0}#pause{bottom:12px;right:42px}#status{bottom:12px;left:28px}#prompt{bottom:160px;max-width:80vw}header{padding:18px;font-size:8px;gap:12px}#task{left:18px;top:57px;max-width:250px;font-size:11px;padding:10px}#menu{padding:8vh 7vw}#dialog{bottom:150px;padding:16px 20px}#dialog p{font-size:17px}}

#sound{position:fixed;bottom:22px;right:105px;background:#243429c9;color:#fff;font-size:11px;padding:9px 15px}button:disabled{opacity:.55;cursor:wait}@media(pointer:coarse){#sound{bottom:12px;right:115px;font-size:10px;padding:9px 10px}}

#audioStatus{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:20;background:#1b2c24e8;border:1px solid #7c8b66;padding:8px 12px;font-size:10px;max-width:70vw;text-align:center;pointer-events:none}#testSoundQuick{position:fixed;bottom:22px;right:222px;font-size:11px;padding:9px 12px;background:#354c3d;color:#fff}.audio-settings{display:flex;align-items:center;gap:15px;margin:12px 0}.audio-settings label{display:flex;align-items:center;gap:8px}.audio-settings input{width:100px}@media(pointer:coarse){#testSoundQuick{bottom:12px;right:210px;font-size:10px;padding:9px}#audioStatus{top:45px;max-width:90vw}#task{top:95px}}