*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;transition:opacity .65s}#ui.idle{opacity:0}header{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:12px;pointer-events:auto;text-shadow:0 2px 6px #000}.mark{font-size:40px;line-height:1;color:#42bfff}h1{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:0}header p{font-size:12px;letter-spacing:2px;margin:6px 0 0;color:#aaa}#hide{margin-left:18px;background:transparent;border:0;color:#888;font-size:25px;padding:8px}footer{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;pointer-events:auto;text-align:center}.buttons{display:flex;gap:4px;background:#171719dd;border:1px solid #ffffff29;padding:5px;border-radius:12px;backdrop-filter:blur(15px)}button,select{font:inherit;font-size:14px;color:#ddd;cursor:pointer}button{border:1px solid transparent;background:transparent;border-radius:7px;padding:10px 16px;white-space:nowrap}button:hover,button:focus-visible{background:#ffffff1c;color:white}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #62c7ff;outline-offset:2px}.hint{font-size:12px;color:#888;text-shadow:0 1px 4px #000;margin:12px 0 0}.hint span{padding:0 5px;color:#555}#panel{background:#171719ec;border:1px solid #ffffff29;border-radius:12px;padding:18px;margin-bottom:12px;text-align:left;position:absolute;bottom:100%;width:100%;backdrop-filter:blur(15px)}#panel label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;padding:9px 0}select{background:#2a2a2e;border:1px solid #444;border-radius:5px;padding:6px;width:135px}input{width:135px;accent-color:#4cbbff}output{min-width:30px}#error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;background:#222;padding:24px;border-radius:12px;line-height:1.5}@media(max-width:500px){header{top:20px;left:20px}.buttons button{padding:11px 10px}.hint{font-size:12px;max-width:320px;line-height:1.8;margin:10px auto 0}footer{bottom:18px}}