@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=JetBrains+Mono:wght@500;700&display=block";:root{--ink: #14110F;--cream: #FFF3DA;--pink: #FF4F8B;--green: #3BFF8E;--yellow: #FFD23F;--blue: #5AB8FF;--static: #8F8A84;--shadow: 6px 6px 0 var(--ink);--display: "Dela Gothic One", system-ui, sans-serif;--body: "Bricolage Grotesque", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}.bbe-ui{position:fixed;inset:0;pointer-events:none;font-family:var(--body);color:var(--ink);z-index:10}.bbe-ui *{box-sizing:border-box}.monitor{position:absolute;inset:0}.monitor:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.055) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 50%,transparent 60%,rgba(0,0,0,.28) 100%);mix-blend-mode:multiply}.monitor .bracket{position:absolute;width:34px;height:34px;border:3px solid rgba(255,255,255,.85);filter:drop-shadow(0 0 3px rgba(0,0,0,.4))}.monitor .bracket.tl{left:22px;top:22px;border-right:0;border-bottom:0}.monitor .bracket.tr{right:22px;top:22px;border-left:0;border-bottom:0}.monitor .bracket.bl{left:22px;bottom:22px;border-right:0;border-top:0}.monitor .bracket.br{right:22px;bottom:22px;border-left:0;border-top:0}.monitor .rec{position:absolute;left:66px;top:28px;font:700 13px/1 var(--mono);letter-spacing:.14em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.monitor .rec i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff3b3b;margin-right:8px;vertical-align:-1px;animation:blink 1.2s steps(2) infinite;box-shadow:0 0 8px #ff3b3b}.monitor .rec b{color:var(--green);font-weight:700}.monitor .clock{position:absolute;right:66px;top:28px;font:700 13px/1 var(--mono);letter-spacing:.14em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes blink{50%{opacity:0}}.sticker{background:var(--cream);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow)}.room-title{position:absolute;left:50%;top:64px;transform:translate(-50%) rotate(-1.5deg);padding:8px 18px 7px;font:400 22px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,1.6,.4,1)}.room-title.on{opacity:1;transform:translate(-50%) rotate(-1.5deg) scale(1)}.room-title small{display:block;font:700 10px/1.6 var(--mono);letter-spacing:.2em;color:var(--static)}.toasts{position:absolute;right:26px;top:76px;width:340px;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.receipt{width:100%;background:#fffdf6;border:2px solid var(--ink);border-bottom:0;padding:12px 14px 16px;font:500 12px/1.45 var(--mono);text-transform:uppercase;letter-spacing:.03em;position:relative;box-shadow:5px 5px #14110fd9;transform:rotate(.8deg);animation:printIn .45s cubic-bezier(.2,1.4,.4,1) both}.receipt:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-9px;height:10px;background:linear-gradient(-45deg,transparent 6px,#fffdf6 0) 0 0/12px 10px,linear-gradient(45deg,transparent 6px,#fffdf6 0) 0 0/12px 10px;filter:drop-shadow(0 2px 0 var(--ink))}.receipt .no{color:var(--pink);font-weight:700}.receipt .taste{display:block;margin-top:6px;color:var(--ink);font-weight:700}.receipt .stars{color:var(--pink);letter-spacing:.1em}@keyframes printIn{0%{transform:translate(60px) rotate(4deg);opacity:0}}.prompt{position:absolute;left:50%;bottom:120px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.prompt .label{font:400 15px/1 var(--display);text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);letter-spacing:.02em}.prompt .label em{font-style:normal;color:var(--yellow)}.prompt .chips{display:flex;gap:8px}.chip{background:var(--yellow);border:3px solid var(--ink);border-radius:10px;padding:6px 10px 5px;font:800 13px/1 var(--body);text-transform:uppercase;box-shadow:3px 3px 0 var(--ink)}.chip kbd{display:inline-block;min-width:20px;padding:2px 5px;margin-right:6px;background:var(--ink);color:var(--yellow);border-radius:5px;font:700 11px/1.3 var(--mono);text-align:center}.chip.new:after{content:"NEW!";margin-left:6px;color:var(--pink);font:400 11px var(--display)}.bbe{position:absolute;left:30px;bottom:30px;display:flex;align-items:flex-end;gap:12px}.bottle{width:54px;height:120px;position:relative}.bottle .teat{position:absolute;left:16px;top:0;width:22px;height:20px;background:#f2c38a;border:3px solid var(--ink);border-radius:12px 12px 4px 4px}.bottle .ring{position:absolute;left:8px;top:16px;width:38px;height:12px;background:var(--blue);border:3px solid var(--ink);border-radius:4px}.bottle .body{position:absolute;left:4px;top:26px;width:46px;height:92px;background:#ffffff8c;border:3px solid var(--ink);border-radius:10px 10px 16px 16px;overflow:hidden;box-shadow:4px 4px 0 var(--ink)}.bottle .milk{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(180deg,#ff86ad,var(--pink));transition:height .4s cubic-bezier(.2,1.4,.4,1)}.bottle .milk:before{content:"";position:absolute;left:-10%;right:-10%;top:-5px;height:10px;background:radial-gradient(circle at 10px 10px,#ff86ad 8px,transparent 9px) 0 0/20px 12px}.bottle .ticks{position:absolute;right:6px;top:10px;bottom:10px;width:8px;background:repeating-linear-gradient(0deg,var(--ink) 0 2px,transparent 2px 16px);opacity:.5}.bbe .meta{padding-bottom:6px}.bbe .meta b{display:block;font:400 26px/.9 var(--display)}.bbe .meta b span{color:var(--pink)}.bbe .meta small{font:700 10px/1.4 var(--mono);letter-spacing:.16em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.bbe.full .bottle{animation:shake .12s infinite}.bbe .stamp{position:absolute;left:-6px;bottom:54px;transform:rotate(-12deg);padding:4px 8px;border:3px solid var(--pink);color:var(--pink);font:400 14px/1 var(--display);background:#fff3dae6;opacity:0}.bbe.full .stamp{opacity:1}@keyframes shake{50%{transform:translate(1px,-1px) rotate(1deg)}}.mum{position:absolute;left:50%;top:26px;transform:translate(-50%);width:300px}.mum .bar{height:18px;border:3px solid var(--ink);border-radius:9px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 10px,var(--ink) 10px 20px);box-shadow:3px 3px 0 var(--ink);overflow:hidden;position:relative}.mum .fill{position:absolute;inset:0 auto 0 0;width:30%;background:var(--pink);border-right:3px solid var(--ink);transition:width .3s}.mum .lbl{display:flex;justify-content:space-between;margin-top:4px;font:700 10px/1 var(--mono);letter-spacing:.16em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.order{position:absolute;left:30px;top:74px;width:290px;padding:12px 14px 14px;background:#d9c9a1;border:3px solid var(--ink);box-shadow:var(--shadow);transform:rotate(-1.2deg);font:500 12px/1.45 var(--mono)}.order .hdr{display:flex;justify-content:space-between;align-items:center;font:700 10px/1 var(--mono);letter-spacing:.18em}.order .secret{border:2px solid #c0172b;color:#c0172b;padding:2px 5px;transform:rotate(4deg);font:400 11px/1 var(--display)}.order h3{margin:8px 0 4px;font:400 17px/1.05 var(--display);text-transform:uppercase}.order p{margin:0 0 8px;font-style:italic}.order ul{margin:0;padding:0;list-style:none}.order li:before{content:"☐ "}.order li.done:before{content:"☒ ";color:#c0172b}.order li.done{text-decoration:line-through;opacity:.6}.sticker-slap{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-6deg);padding:14px 20px 12px;text-align:center;animation:slap .5s cubic-bezier(.2,1.8,.3,1) both}.sticker-slap b{display:block;font:400 30px/1 var(--display);color:var(--pink);-webkit-text-stroke:1px var(--ink)}.sticker-slap small{font:800 12px/1.4 var(--body);text-transform:uppercase;letter-spacing:.1em}@keyframes slap{0%{transform:translate(-50%,-50%) rotate(-25deg) scale(2.2);opacity:0}}.logo{display:inline-block;padding:18px 26px 14px;background:var(--cream);border:4px solid var(--ink);border-radius:22px;box-shadow:10px 10px 0 var(--ink);transform:rotate(-4deg);text-align:left}.logo span{display:block;font:400 64px/.86 var(--display);letter-spacing:-.01em;text-transform:uppercase}.logo .big{color:var(--ink)}.logo .baby{color:var(--pink);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.logo .energy{color:var(--ink)}.logo .energy i{font-style:normal;color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.logo small{display:block;margin-top:10px;font:700 11px/1 var(--mono);letter-spacing:.22em;color:var(--static)}#title{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#14110f url(/game/ui/keyart.jpg) center/cover;cursor:pointer;transition:opacity .8s,transform .8s}#title:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,17,15,.55),transparent 55%),repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px);pointer-events:none}#title.gone{opacity:0;transform:scale(1.04);pointer-events:none}#title .logo{position:absolute;left:7vw;top:50%;transform:translateY(-58%) rotate(-4deg);z-index:1}#title .press{position:absolute;left:7vw;bottom:12vh;z-index:1;font:700 15px/1 var(--mono);letter-spacing:.28em;color:var(--cream);text-shadow:0 2px 6px rgba(0,0,0,.6);animation:blink 1.4s steps(2) infinite}#title .credit{position:absolute;right:3vw;bottom:4vh;z-index:1;font:700 11px/1 var(--mono);letter-spacing:.24em;color:#fff3dabf}.subtitle{position:absolute;left:50%;bottom:196px;transform:translate(-50%) translateY(8px);max-width:760px;padding:9px 16px 10px;background:#14110fd1;color:var(--cream);font:600 17px/1.35 var(--body);text-align:center;border-radius:10px;opacity:0;transition:opacity .25s,transform .25s}.subtitle.on{opacity:1;transform:translate(-50%)}.subtitle b{display:block;font:700 10px/1.6 var(--mono);letter-spacing:.22em;color:var(--green)}.subtitle.who-mrsnuggles b{color:var(--yellow)}.subtitle.who-dad b{color:var(--blue)}.subtitle.who-mum b{color:var(--pink)}.tutorial{position:absolute;right:30px;bottom:30px;width:330px;padding:14px 16px 12px;transform:rotate(1.2deg) translateY(20px);opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,1.5,.4,1)}.tutorial.on{opacity:1;transform:rotate(1.2deg)}.tutorial b{font:400 18px/1 var(--display);color:var(--pink)}.tutorial ul{margin:8px 0 0;padding:0;list-style:none;font:600 13px/1.9 var(--body)}.tutorial kbd{display:inline-block;min-width:18px;padding:1px 5px;background:var(--ink);color:var(--yellow);border-radius:5px;font:700 10px/1.5 var(--mono);text-align:center}#title .newgame{all:unset;position:absolute;left:7vw;bottom:7vh;cursor:pointer;font:700 12px/1 var(--mono);letter-spacing:.24em;color:var(--static);padding:6px 10px;border:2px solid var(--static);border-radius:8px;z-index:2}#title .newgame:hover{color:var(--pink);border-color:var(--pink)}#title .cloud{position:absolute;right:3vw;top:4vh;z-index:2;font:700 11px/1 var(--mono);letter-spacing:.2em;color:#fff3dacc;text-decoration:none;text-shadow:0 2px 6px rgba(0,0,0,.6)}#title a.cloud{padding:7px 10px;border:2px solid rgba(255,243,218,.6);border-radius:8px;background:#14110f73}#title a.cloud:hover{color:var(--pink);border-color:var(--pink)}body.cctv canvas.game{filter:saturate(.55) contrast(1.12) brightness(1.05) sepia(.18) hue-rotate(40deg)}body.cctv .monitor:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(110% 85% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}body.cctv .monitor:after{content:"";position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}@keyframes grain{50%{transform:translate(-3%,2%)}}