*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#f4dcbc;height:100%;margin:0;font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}.hidden{display:none!important}#hud{pointer-events:none;text-shadow:0 2px #5a37198c,0 0 6px #3c230f59;position:fixed;inset:0}:root{--cream:#fff8e8e6;--cream-solid:#fff8e8;--wood:#8a5a30;--wood-dark:#5a3d22;--edge:#e3cfa6}#top-left{gap:10px;display:flex;position:absolute;top:16px;left:16px}.pill{background:var(--cream);color:var(--wood-dark);text-shadow:none;border:2px solid var(--edge);border-radius:999px;padding:5px 16px;font-size:22px;font-weight:600;box-shadow:0 3px #8a5a3059}#timer{color:#fffaf0;text-shadow:0 3px 0 var(--wood), 0 0 10px #5a371959;font-size:46px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}#daytime{text-shadow:none;filter:drop-shadow(0 2px 2px #3c230f66);font-size:28px;animation:3s ease-in-out infinite bob;position:absolute;top:18px;left:calc(50% + 72px)}@keyframes bob{50%{transform:translateY(-3px)}}#timer.urgent{color:#ffd27a;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:translate(-50%)scale(1.12)}}#phase{white-space:nowrap;font-size:18px;font-weight:600;position:absolute;top:62px;left:50%;transform:translate(-50%)}#phase:not(:empty){background:var(--cream);color:var(--wood-dark);text-shadow:none;border:2px solid var(--edge);border-radius:999px;padding:2px 14px}#phase.seen{color:#d8452f;border-color:#f0a090}#phase.searched{color:#b87a10;border-color:#f0d080}#mode{background:#d69646eb;border:2px solid #f3c98a;border-radius:12px;padding:6px 16px;font-weight:600;position:absolute;top:96px;left:50%;transform:translate(-50%)}#vignette{opacity:0;background:radial-gradient(#0000 55%,#c8140abf 100%);position:absolute;inset:0}#hud:before{content:"";background:radial-gradient(#0000 60%,#78461e2e 100%);position:absolute;inset:0}#threats{position:absolute;inset:0}.threat{clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);filter:drop-shadow(0 0 3px #000000b3);width:26px;height:30px;position:absolute}.threat.seen{background:#ff3b2a}.threat.search{background:#ffd23a}#callout{opacity:0;white-space:nowrap;font-size:40px;font-weight:700;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}#callout.show{animation:1.1s ease-out forwards callout}#callout.close{color:#ffd84a}#callout.escape{color:#9ff07a}@keyframes callout{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}#end-score table{border-collapse:collapse;text-align:left;margin:0 auto;font-size:15px}#end-score td{padding:3px 8px}#end-score td:nth-child(2),#end-score td:nth-child(3){text-align:right}#end-score td:nth-child(3){color:#4a8a2a;font-weight:700}#end-score .total td{border-top:2px solid #d8ccb4;font-size:18px;font-weight:700}#crosshair{border:2px solid #ffffffe6;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:40%;left:50%;box-shadow:0 0 3px #0009}#hotbar{gap:8px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.slot{background:var(--cream);width:74px;color:var(--wood-dark);text-shadow:none;border:2px solid var(--edge);text-align:center;border-radius:14px;padding:6px 4px 4px;font-size:13px;font-weight:600;transition:transform .12s;position:relative;box-shadow:0 3px #8a5a3059}.slot .icon{font-size:26px;line-height:1.1}.slot .key{opacity:.7;font-size:11px;position:absolute;top:2px;left:6px}.slot.selected{background:#ffe7b0;border-color:#e0a040;transform:translateY(-4px)}.slot.poor .cost{color:#d8452f}#hint{font-size:20px;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}#bottom{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}#stamina{border:2px solid var(--cream-solid);background:#5a3d2259;border-radius:999px;width:260px;height:16px;overflow:hidden;box-shadow:0 2px #8a5a3059}#stamina-fill{background:linear-gradient(90deg,#8fd16a,#d4ec7a);border-radius:999px;height:100%}#stamina-fill.exhausted{background:#e98a6a}#dash{opacity:.7;font-size:14px}#dash.ready{opacity:1;color:#e6f7a8}#help{opacity:.85;white-space:nowrap;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.screen{background:radial-gradient(#ffe6be26,#5a371966);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card{background:var(--cream-solid);color:#4a3a2e;text-align:center;border:3px solid var(--edge);outline-offset:-12px;border-radius:26px;outline:2px dashed #e8c99a;max-width:470px;padding:28px 36px;box-shadow:0 6px #d9bf90,0 18px 40px #5a371959}.card h1,.card h2{color:var(--wood-dark);margin:4px 0 12px;font-weight:700}.card h1{font-size:38px}.emoji{font-size:44px}.controls{text-align:left;grid-template-columns:1fr 1fr;gap:6px 16px;padding:0;font-size:14px;list-style:none;display:grid}kbd{text-align:center;background:#e9e0cf;border-bottom:2px solid #c4b69c;border-radius:5px;min-width:26px;margin-right:4px;padding:2px 6px;font-family:inherit;font-weight:700;display:inline-block}button{font:inherit;color:#fff;text-shadow:0 2px #3c641e80;cursor:pointer;background:#82bf5a;border:none;border-bottom:5px solid #5e9a3c;border-radius:999px;margin-top:12px;padding:10px 40px;font-size:22px;font-weight:600;transition:transform .1s,background .15s}button:hover{background:#91cc68;transform:translateY(-1px)}button:active{border-bottom-width:2px;transform:translateY(2px)}#best{color:#8a6a3a;margin-bottom:0;font-weight:700}#replay-bar{white-space:nowrap;background:#6e82afd9;border:2px solid #ffffff80;border-radius:12px;padding:6px 16px;font-weight:600;position:absolute;top:96px;left:50%;transform:translate(-50%)}.volume{color:var(--wood-dark);justify-content:center;gap:18px;margin-top:16px;font-size:14px;font-weight:600;display:flex}.volume label{white-space:nowrap;align-items:center;gap:8px;display:flex}.volume input[type=range]{accent-color:#82bf5a;cursor:pointer;width:110px}.slot.locked{opacity:.45;filter:grayscale()}.slot.locked:after{content:"🔒";font-size:12px;position:absolute;top:2px;right:5px}#callout.night{color:#c4d2ff;text-align:center}#callout.night small{font-size:20px;font-weight:600;display:block}#callout.show.night{animation-duration:3.2s}#nights{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}#nights button{color:#8a6a3a;text-shadow:none;background:#e9e0cf;border-bottom-color:#c4b69c;margin:0;padding:6px 12px;font-size:15px}#nights button.selected{color:#fff;background:#f2b84b;border-bottom-color:#c98a24}#nights button:disabled{opacity:.5;cursor:default;transform:none}.buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.buttons button{padding:10px 26px}button.secondary{background:#c4b69c;border-bottom-color:#9c8c70}.field{color:var(--wood-dark);justify-content:space-between;align-items:center;gap:12px;margin:8px 0;font-weight:600;display:flex}.field input{font:inherit;color:#4a3a2e;background:#fffaf0;border:2px solid #c4b69c;border-radius:12px;width:200px;padding:6px 12px}#online-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}#online-players li{background:#e9e0cf;border-radius:999px;padding:4px 12px;font-weight:600}#online-players li.me{color:#fff;background:#f2b84b}#online-nights{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}#online-nights button{color:#8a6a3a;text-shadow:none;background:#e9e0cf;border-bottom-color:#c4b69c;margin:0;padding:6px 12px;font-size:15px}#online-nights button.selected{color:#fff;background:#f2b84b;border-bottom-color:#c98a24}#online-error{color:#c0392b;margin-bottom:0;font-weight:600}#online-wait{color:#8a6a3a}#flock{flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px;display:flex;position:absolute;top:66px;left:16px}#flock .pill{padding:3px 12px;font-size:16px}#flock .pill.caught{opacity:.55;text-decoration:line-through}.kid-toggle{color:var(--wood-dark);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin:12px 0 4px;font-size:16px;display:flex}.kid-toggle input{accent-color:#82bf5a;cursor:pointer;width:20px;height:20px}p.small{opacity:.8;margin:2px 0 8px;font-size:13px}