*{box-sizing:border-box}html,body{color:#f4ede4;background:#1d1a17;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}header{pointer-events:none;position:fixed;top:14px;left:18px}header h1{letter-spacing:.04em;text-shadow:0 1px 4px #0008;margin:0;font-size:20px;font-weight:500}#ui{gap:8px;display:flex;position:fixed;top:12px;right:14px}button{color:#f4ede4;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2b2520cc;border:1px solid #f4ede455;border-radius:20px;padding:8px 16px;font-size:14px}button:hover{background:#4a3d31dd}#hint{text-align:center;background:#0007;border-radius:12px;max-width:90vw;padding:6px 12px;font-size:13px;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}#hint:empty{display:none}footer{text-align:center;opacity:.7;pointer-events:none;font-size:11px;position:fixed;bottom:8px;left:0;right:0}#cross{background:#fff9;border-radius:50%;width:6px;height:6px;margin:-3px;display:none;position:fixed;top:50%;left:50%}#loader{z-index:9;background:#1d1a17;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.box{text-align:center;width:min(320px,80vw)}.box h1{letter-spacing:.06em;font-weight:400}.bar{background:#fff2;border-radius:2px;height:4px;overflow:hidden}.bar span{background:#c98b5a;width:0;height:100%;transition:width .2s;display:block}