*{box-sizing:border-box}html,body,#root{color:#ddd;background:#05060a;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.crosshair{pointer-events:none;background:#ffffffb3;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%}.overlay{cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000059;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.overlay h1{letter-spacing:.1em;margin:0;font-size:2.5rem}.overlay p{opacity:.8;margin:0}.overlay .keys{opacity:.6;font-size:.85rem}.overlay button{color:#1a1020;cursor:pointer;background:#ff8a20;border:none;border-radius:999px;margin-top:12px;padding:10px 28px;font-size:1.1rem;font-weight:700}.overlay.won{color:#2a1530;cursor:default;background:linear-gradient(#f7b267cc,#f4845fcc)}.sun{background:#ffe066;border-radius:50%;width:80px;height:80px;box-shadow:0 0 60px 20px #ffe06688}.clock{font-variant-numeric:tabular-nums;letter-spacing:.05em;pointer-events:none;background:#00000073;border-radius:8px;padding:6px 16px;font-size:1.4rem;position:fixed;top:20px;left:50%;transform:translate(-50%)}.prompt{pointer-events:none;background:#0000008c;border-radius:8px;padding:8px 18px;font-size:1.1rem;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}.overlay.caught{cursor:default;background:radial-gradient(circle,#6b3fa0ee,#2a1040f2)}.boo{color:#f6f7ff;text-shadow:0 0 30px #b8c8ff,0 6px #2a1040;font-size:7rem;font-weight:900;animation:.5s cubic-bezier(.2,1.8,.4,1) boo-pop}@keyframes boo-pop{0%{opacity:0;transform:scale(.2)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.battery{pointer-events:none;align-items:center;gap:2px;display:flex;position:fixed;bottom:24px;left:24px}.battery-body{background:#00000073;border:3px solid #e8e4dc;border-radius:6px;width:64px;height:26px;padding:3px}.battery-fill{background:#5fd068;border-radius:2px;height:100%;transition:width .4s linear}.battery-tip{background:#e8e4dc;border-radius:0 3px 3px 0;width:5px;height:12px}.battery-label{text-shadow:0 1px 3px #000;margin-left:10px;font-size:1rem}.battery-half .battery-fill{background:#f2c200}.battery-low .battery-fill,.battery-dead .battery-fill{background:#e84a3a}.battery-low .battery-body{animation:.8s steps(2,end) infinite battery-blink}.battery-dead .battery-label,.battery-low .battery-label{color:#ff8a7a;font-weight:700}@keyframes battery-blink{50%{border-color:#e84a3a}}.toast{color:#1a1020;pointer-events:none;background:#f2c200e6;border-radius:999px;padding:8px 20px;font-size:1.2rem;font-weight:800;animation:1.6s ease-out forwards toast-pop;position:fixed;bottom:28%;left:50%;transform:translate(-50%)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.05)}75%{opacity:1;transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-20px)scale(1)}}.overlay .goal{color:#ffb347;opacity:1;text-shadow:0 2px 8px #000;font-size:1.6rem;font-weight:800}.howto{text-align:left;background:#0a0814b3;border-radius:12px;max-width:560px;margin:4px 16px;padding:14px 20px;line-height:1.5;list-style:none}.howto li+li{margin-top:6px}.modes{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.overlay button.mode{border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:240px;margin-top:0;padding:14px 20px;transition:transform .12s;display:flex}.overlay button.mode:hover{transform:scale(1.05)}.overlay button.mode-hard{color:#f6f0ff;background:#7a4fc0}.mode-label{font-size:1.5rem;font-weight:900}.mode-blurb{opacity:.85;font-size:.85rem;font-weight:600}.overlay .badge{color:#ffe066;opacity:1;background:#2a1530;border-radius:999px;padding:6px 18px;font-weight:800}.candy-count{font-variant-numeric:tabular-nums;pointer-events:none;background:#00000073;border-radius:8px;padding:6px 14px;font-size:1.3rem;font-weight:800;position:fixed;top:20px;right:24px}.overlay .candy-result{opacity:1;font-weight:800}.under-bed{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 120px 40px #000000d9}.under-bed-slats{clip-path:polygon(0 0,100% 0,100% 92%,96% 100%,90% 93%,84% 100%,78% 94%,72% 100%,66% 93%,60% 100%,54% 94%,48% 100%,42% 93%,36% 100%,30% 94%,24% 100%,18% 93%,12% 100%,6% 94%,0 100%);background:repeating-linear-gradient(90deg,#1a120c 0 70px,#2a1d14 70px 90px),#1a120c;border-bottom:10px solid #4a2a5a;height:38%;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 24px #000c}.under-bed p{background:#00000080;border-radius:8px;margin:0;padding:6px 16px;font-style:italic;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}