:root{--backdrop:#2b2230;--panel:#fff8ec;--panel-edge:#e8d8bd;--ink:#3a2e2b;--ink-soft:#7a6a60;--accent:#f0963c;--button:#fdeed6;--button-hover:#f9e0b8;--hand:"Patrick Hand", "Comic Sans MS", "Chalkboard SE", cursive}*{box-sizing:border-box}html,body{background:var(--backdrop);height:100%;color:var(--ink);font-family:var(--hand);margin:0;overflow:hidden}#stage{inset:0 0 var(--bar,0) 0;justify-content:center;align-items:center;display:flex;position:fixed}#stage canvas{display:block}#panel{background:var(--panel);border-top:2px solid var(--panel-edge);font-size:17px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000002e}body.photo #panel{display:none}.panel-bar,.panel-advanced{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;display:flex}.panel-advanced{border-top:1px dashed var(--panel-edge)}.panel-advanced[hidden]{display:none}.brand{margin-right:4px;font-size:22px}.control{align-items:center;gap:8px;display:inline-flex}.control-label{color:var(--ink-soft)}.control output{min-width:4.5em}input[type=range]{width:110px;accent-color:var(--accent)}button,select,input[type=text]{font:inherit;color:inherit;background:var(--button);border:2px solid var(--ink);border-radius:12px;min-height:36px;padding:2px 12px}input[type=text]{background:#fff;width:13em}button{cursor:pointer;box-shadow:0 2px 0 var(--ink)}button:hover{background:var(--button-hover)}button:active{box-shadow:none;transform:translateY(2px)}button.icon{width:40px;padding:0}.tune{margin-left:auto}.hint{color:var(--ink-soft);flex-basis:100%;margin:0;font-size:15px}.photo-hint{color:#fff;pointer-events:none;background:#0000008c;border-radius:12px;padding:6px 14px;font-size:16px;transition:opacity .6s;position:fixed;top:16px;left:50%;transform:translate(-50%)}#debug{pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;display:flex;position:fixed;top:8px;left:8px;right:8px}#debug[hidden],.debug-report[hidden]{display:none}.debug-bar,.debug-report{pointer-events:auto;background:var(--panel);border:2px solid var(--ink);border-radius:14px;box-shadow:0 4px 16px #00000040}.debug-bar{flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 10px;display:flex}.debug-bar button{min-height:32px;padding:0 10px}.debug-bar button.icon{width:34px;padding:0}.debug-time{font-variant-numeric:tabular-nums;min-width:9.5em}.debug-time small,.debug-selected{color:var(--ink-soft)}.debug-check{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.debug-check input{accent-color:var(--accent);width:18px;height:18px}.debug-report{width:min(520px,100%);padding:10px 12px}.debug-moment{color:var(--ink-soft);margin:0 0 6px}.debug-report textarea,.debug-name{box-sizing:border-box;width:100%;font:inherit;color:inherit;border:2px solid var(--ink);resize:vertical;border-radius:10px;padding:6px 8px;display:block}.debug-name{margin-top:6px}.debug-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.debug-status{color:var(--ink-soft)}@media (width<=640px){.brand{flex-basis:100%}.tune{margin-left:0}input[type=range]{width:90px}}