*{box-sizing:border-box}html,body{color:#fff;background:#29342b;height:100%;margin:0;font-family:Arial,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}header{pointer-events:none;text-shadow:0 2px 9px #0008;position:absolute;top:27px;left:30px}h1{letter-spacing:6px;margin:0 0 8px;font-size:17px;font-weight:600}header p{letter-spacing:1px;margin:0;font-size:13px}aside{letter-spacing:3px;text-align:right;font-size:11px;position:absolute;top:28px;right:30px}aside span{letter-spacing:1.5px;opacity:.6;margin-top:10px;font-size:8px;display:block}footer{white-space:nowrap;text-shadow:0 1px 6px #000;align-items:center;gap:29px;font-size:13px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}footer span{align-items:center;gap:5px;display:flex}kbd{background:#18201f66;border:1px solid #fff9;border-radius:4px;padding:5px 7px;font:12px Arial}footer span kbd:last-of-type{margin-right:7px}button{color:inherit;font:inherit;cursor:pointer}#reset{background:#17231d70;border:1px solid #fff4;border-radius:4px;padding:7px 11px}#objective{letter-spacing:.4px;text-shadow:0 2px 5px #000;font-size:12px;position:absolute;bottom:91px;left:30px}#objective small{opacity:.65;margin:7px 0 0 14px;font-size:10px;display:block}.dot{background:#f5cf7c;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}#prompt{background:#18271edb;border:1px solid #e6e6bc44;border-radius:6px;padding:12px 18px;font-size:13px;display:none;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}#toast{opacity:0;background:#223526df;border-radius:6px;padding:12px 20px;font-size:13px;transition:opacity .3s;position:absolute;top:90px;left:50%;transform:translate(-50%)}#touch{display:none}body:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 130px #141b1938}@media (pointer:coarse){#touch{display:block}#stick{touch-action:none;background:#ffffff10;border:1px solid #fff5;border-radius:50%;width:110px;height:110px;position:absolute;bottom:30px;left:30px}#stick i{background:#ffffff60;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}#action{background:#1e35288c;border:1px solid #fff9;border-radius:50%;width:65px;height:65px;position:absolute;bottom:52px;right:35px}footer{display:none}#objective{bottom:166px}#prompt{bottom:40px}aside{font-size:9px;right:15px}header{left:20px}header p{font-size:10px}h1{letter-spacing:4px;font-size:14px}}#sleep-mark{pointer-events:none;color:#eee9d6;text-shadow:0 1px 4px #000;letter-spacing:5px;font:italic 17px Georgia;position:absolute;top:0;left:0}#sleep-mark sup{font-size:11px}#garden{width:100%;height:100%}@media (width<=700px){header{top:22px;left:20px}h1{letter-spacing:4px;font-size:14px}header p{font-size:10px}aside{letter-spacing:2px;font-size:8px;top:78px;right:20px}aside span{font-size:7px}footer{gap:12px;font-size:10px;bottom:20px}footer kbd{padding:4px;font-size:9px}footer #reset{font-size:9px;position:fixed;bottom:49px;right:0}#objective{font-size:11px;bottom:94px;left:20px}#objective small{max-width:230px;font-size:9px}#prompt{width:max-content;max-width:90vw;font-size:11px;bottom:146px}#toast{text-align:center;width:max-content;max-width:90vw;font-size:11px;top:114px}}@media (pointer:coarse){footer{display:flex;bottom:150px;left:auto;right:20px;transform:none}footer span{display:none}footer #reset{position:static}#objective{bottom:185px}#prompt{text-align:center;max-width:65vw;bottom:150px}#stick{bottom:25px}#action{bottom:47px}}[hidden]{display:none!important}.tool-panel{z-index:3;color:#f5f0df;background:#202b25f5;border:1px solid #c8c5a650;border-radius:12px;padding:22px;position:absolute;box-shadow:0 15px 50px #07110f70}.tool-panel h2{letter-spacing:.3px;margin:5px 0 16px;font-size:23px;font-weight:500}.eyebrow{letter-spacing:2.5px;color:#d7c697;margin:0;font-size:9px}.tool-panel button,.tool-panel select{color:#f5f0df;background:#ffffff08;border:1px solid #aeb59c60;border-radius:6px;min-height:42px;padding:9px 13px;font-size:13px}.tool-panel button:hover{background:#ffffff16;border-color:#e3d8ae}.tool-panel button:focus-visible,.tool-panel select:focus-visible,#prompt:focus-visible{outline-offset:3px;outline:2px solid #f1d690}.tool-panel button:disabled{opacity:.35;cursor:default}#prank-menu{width:min(480px,100vw - 32px);bottom:80px;left:50%;transform:translate(-50%)}.prank-actions{grid-template-columns:1fr;gap:8px;display:grid}.prank-actions button:first-child{color:#253126;background:#e3ca8b;font-weight:600}.tool-panel .quiet-button{color:#bac3b5;background:0 0;border:0;width:100%;margin-top:12px}.quiet-button span{opacity:.6;margin-left:10px;font-size:10px}#drawing-panel{bottom:max(18px,env(safe-area-inset-bottom));width:min(790px,100vw - 32px);padding:18px 22px;left:50%;transform:translate(-50%)}.drawing-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.drawing-heading h2{margin:5px 0 0;font-size:20px}.tool-panel .primary-button{color:#253126;background:#e3ca8b;min-width:78px;font-weight:600}.drawing-help{color:#c9cebd;margin:12px 0;font-size:12px}.drawing-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.presets,.marker-tools,.palette{align-items:center;gap:6px;display:flex}.marker-tools label{color:#c9cebd;align-items:center;gap:5px;font-size:12px;display:flex}.tool-panel select{appearance:auto;background:#26352b;max-width:86px;min-height:38px;padding:6px 3px}.tool-panel .palette button{background:var(--ink);border:3px solid #adb99b90;border-radius:50%;width:30px;min-height:30px;padding:0}.tool-panel .palette button[aria-pressed=true]{outline-offset:1px;outline:2px solid #f3d791}.palette{gap:8px;margin-right:4px}.drawing-note{color:#afbba8;justify-content:space-between;gap:8px;margin:12px 0 0;font-size:10px;display:flex}.drawing canvas{cursor:crosshair}.drawing header,.drawing aside,.drawing #objective,.drawing footer,.drawing #touch,.interacting #touch{display:none!important}.drawing #toast{z-index:5;text-align:center;width:max-content;max-width:90vw;top:20px}.interacting #prompt{display:none!important}@media (width<=700px){#drawing-panel{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:15px 14px}.drawing-heading h2{font-size:17px}.drawing-tools{gap:10px}.presets{width:100%}.presets button{flex:1;padding:8px 7px;font-size:12px}.marker-tools{justify-content:space-between;gap:5px;width:100%}.marker-tools button{padding:7px 9px}.tool-panel .palette button{width:27px;min-height:27px}.palette{gap:5px;margin-right:2px}.marker-tools label{gap:0;font-size:0}.tool-panel select{max-width:74px;font-size:12px}.drawing-note{font-size:9px}.drawing-note span:last-child{text-align:right;max-width:220px}#prank-menu{bottom:110px}.tool-panel h2{font-size:20px}}@media (height<=500px){#drawing-panel{padding:10px 14px;bottom:8px}.drawing-heading h2{font-size:16px}.drawing-help{margin:6px 0}.drawing-note{display:none}.drawing-tools{gap:8px}.tool-panel button{min-height:34px;padding:6px 9px}}@media (width<=360px){.marker-tools{flex-wrap:wrap}.marker-tools .palette{justify-content:center;width:100%;padding:2px 0 5px}.marker-tools label{flex:1}.marker-tools select{width:100%;max-width:none}.drawing-note span:last-child{max-width:185px}}