*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%;font-family:ui-rounded,Segoe UI,system-ui,sans-serif}.boop-root{--wall-top:#f3e6d8;--wall-bot:#e7cdb6;--floor:#c89b76;--floor-shadow:#b1855f;--window-sky-top:#bfe3f2;--window-sky-bot:#fbe7c6;--light:rgba(255,244,214,.55);--ui-bg:rgba(255,252,247,.82);--ui-text:#4a3b30;--ui-border:rgba(120,90,65,.18);--accent:#e8927c;--accent-soft:#f6c6b8;--wood:#b07f57;--wood-dark:#8a6240;--coat:#f0a85c;--coat-dark:#d98b3f;--coat-belly:#fbe9d2;position:fixed;inset:0;overflow:hidden}.boop-root[data-tod=morning]{--wall-top:#f6ecdc;--wall-bot:#f0d9bf;--floor:#cda480;--floor-shadow:#b78a63;--window-sky-top:#cfeaf6;--window-sky-bot:#fff0d0;--light:rgba(255,248,222,.6)}.boop-root[data-tod=evening]{--wall-top:#efd9c8;--wall-bot:#d9a98e;--floor:#b07f5e;--floor-shadow:#946545;--window-sky-top:#f6c89b;--window-sky-bot:#e98f86;--light:rgba(255,210,160,.5);--ui-bg:rgba(60,40,38,.78);--ui-text:#fbeee6;--ui-border:rgba(255,220,200,.18)}.boop-root[data-tod=night]{--wall-top:#2b2f44;--wall-bot:#3a3550;--floor:#3c3550;--floor-shadow:#2c2740;--window-sky-top:#1b2238;--window-sky-bot:#3b3357;--light:rgba(180,190,255,.18);--ui-bg:rgba(28,28,44,.8);--ui-text:#ede9ff;--ui-border:rgba(200,200,255,.16);--accent:#f0a58f;--accent-soft:#7a5a6a;--wood:#5a4636;--wood-dark:#3f3022}#room{--ar:1.5;--room-w:max(100vw,calc(100vh * var(--ar)));--room-h:max(100vh,calc(100vw / var(--ar)));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--room-w);height:var(--room-h);cursor:pointer;background:#e9e1d3 url(/assets/rooms/room.webp) 50%/100% 100% no-repeat}#room:after{display:none}.curtain,.furn,.lightpool,.window{display:none!important}.room-tint{position:absolute;inset:0;pointer-events:none;z-index:1;background:transparent;transition:background 1.2s ease}.boop-root[data-tod=morning] .room-tint{background:rgba(255,240,205,.08)}.boop-root[data-tod=evening] .room-tint{background:rgba(255,150,90,.14)}.boop-root[data-tod=night] .room-tint{background:rgba(28,38,86,.36)}.boop-root[data-tod=morning] #cat{filter:brightness(1.03) saturate(1.02)}.boop-root[data-tod=evening] #cat{filter:brightness(.9) saturate(1.06) sepia(.16)}.boop-root[data-tod=night] #cat{filter:brightness(.5) saturate(.7) contrast(.96)}.window{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:min(40vw,340px);height:min(32vh,260px);border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,var(--window-sky-top),var(--window-sky-bot));box-shadow:0 0 0 12px var(--wall-bot),0 14px 30px rgba(0,0,0,.12),inset 0 0 40px hsla(0,0%,100%,.25);transition:background 1.2s ease;overflow:hidden;z-index:1}.window:after,.window:before{content:"";position:absolute;background:hsla(0,0%,100%,.55)}.window:before{left:50%;top:0;bottom:0;width:8px;transform:translateX(-50%)}.window:after{top:50%;left:0;right:0;height:8px;transform:translateY(-50%)}.sun{position:absolute;width:44px;height:44px;border-radius:50%;right:18%;top:22%;background:radial-gradient(circle,#fff6d8,#ffd98a);box-shadow:0 0 36px 12px rgba(255,225,150,.6)}.boop-root[data-tod=night] .sun{background:radial-gradient(circle,#fdfdff,#d6dcff);box-shadow:0 0 26px 6px rgba(210,220,255,.5);right:22%;top:16%}.curtain{position:absolute;top:7%;width:8vw;height:min(34vh,280px);z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--accent-soft),transparent);opacity:.5}.curtain.l{left:calc(50% - min(20vw,170px) - 7vw);border-radius:0 40% 40% 0/0 8% 8% 0}.curtain.r{right:calc(50% - min(20vw,170px) - 7vw);background:linear-gradient(270deg,var(--accent-soft),transparent);border-radius:40% 0 0 40%/8% 0 0 8%}.lightpool{top:58%;left:50%;transform:translateX(-50%);width:44vw;height:30vh;background:radial-gradient(ellipse at center top,var(--light),transparent 70%);transition:background 1.2s ease;z-index:1}.furn,.lightpool{position:absolute;pointer-events:none}.shelf{right:11%;top:38%;width:16vw;height:10px;background:var(--wood);border-radius:3px;box-shadow:0 6px 10px rgba(0,0,0,.12);z-index:3}.shelf:after,.shelf:before{content:"";position:absolute;bottom:-22px;width:8px;height:22px;background:var(--wood-dark)}.shelf:before{left:14%}.shelf:after{right:14%}.couch{left:20%;bottom:11%;width:25vw;height:15vh;z-index:10}.couch .seat{bottom:0;border-radius:16px;box-shadow:inset 0 6px 0 hsla(0,0%,100%,.12)}.couch .back,.couch .seat{position:absolute;left:0;right:0;height:60%;background:var(--accent)}.couch .back{bottom:40%;filter:brightness(.93);border-radius:16px 16px 8px 8px}.couch .arm{position:absolute;bottom:0;width:14%;height:78%;background:var(--accent);filter:brightness(.88);border-radius:12px}.couch .arm.l{left:-2%}.couch .arm.r{right:-2%}.chair{right:6%;bottom:11%;width:13vw;height:15vh;z-index:10}.chair .seat{position:absolute;bottom:0;left:0;right:0;height:55%;background:#c9a27e;border-radius:14px}.chair .back{position:absolute;bottom:38%;left:8%;right:8%;height:62%;background:#bb9272;border-radius:14px 14px 6px 6px}.bed{left:50%;bottom:6.5%;width:15vw;height:6vh;transform:translateX(-50%);background:radial-gradient(ellipse at center,var(--accent-soft),#d9b3a4);border-radius:50%;z-index:9;box-shadow:inset 0 4px 8px rgba(0,0,0,.12)}.plant{bottom:4%;left:5%;width:90px;height:160px;z-index:8}.pot{bottom:0;transform:translateX(-50%);width:54px;height:46px;background:linear-gradient(#c98a6a,#a96a4c);border-radius:6px 6px 10px 10px}.leaf,.pot{position:absolute;left:50%}.leaf{bottom:38px;width:22px;height:84px;background:linear-gradient(#7fae6a,#5b8f57);border-radius:50% 50% 50% 50%/70% 70% 30% 30%;transform-origin:bottom center}.leaf.l1{transform:translateX(-50%) rotate(-26deg)}.leaf.l2{transform:translateX(-50%) rotate(0)}.leaf.l3{transform:translateX(-50%) rotate(26deg)}.rug{left:50%;bottom:5%;width:50vw;height:12vh;transform:translateX(-50%);background:radial-gradient(ellipse at center,var(--accent-soft),transparent 72%);opacity:.45;z-index:4}.mote,.rug{border-radius:50%}.mote{position:absolute;width:5px;height:5px;background:hsla(0,0%,100%,.7);filter:blur(.5px);opacity:0;animation:float 9s linear infinite;pointer-events:none;z-index:2}@keyframes float{0%{transform:translateY(0) translateX(0);opacity:0}15%{opacity:.8}85%{opacity:.6}to{transform:translateY(-120px) translateX(26px);opacity:0}}#cat{bottom:12%;width:calc(var(--room-w) * .13);height:calc(var(--room-w) * .122);z-index:12;transform:translateX(-50%) scale(.8);transform-origin:bottom center;transition:left 2.4s cubic-bezier(.42,0,.4,1),bottom 2.4s cubic-bezier(.42,0,.4,1),transform 2.4s cubic-bezier(.42,0,.4,1);cursor:pointer;will-change:left,bottom,transform}#cat,#cat .shadow{position:absolute;left:50%}#cat .shadow{bottom:-6px;transform:translateX(-50%);width:78%;height:15px;border-radius:50%;background:rgba(0,0,0,.18);filter:blur(3px)}#cat svg{width:100%;height:100%;overflow:visible;display:block}#cat.hiding,#cat.hiding .shadow{opacity:0}.boop-glow{transition:filter .4s}#cat.ready .boop-glow{filter:drop-shadow(0 0 14px rgba(255,214,150,.95));animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,214,150,.6))}50%{filter:drop-shadow(0 0 18px rgba(255,214,150,1))}}#cat.booped{animation:squish .5s ease}@keyframes squish{0%{transform:translateX(-50%) scale(var(--s))}30%{transform:translateX(-50%) scaleX(calc(var(--s)*1.12)) scaleY(calc(var(--s)*.88))}60%{transform:translateX(-50%) scaleX(calc(var(--s)*.94)) scaleY(calc(var(--s)*1.06))}to{transform:translateX(-50%) scale(var(--s))}}#cat.pounce{animation:pounce .5s ease}@keyframes pounce{0%,to{transform:translateX(-50%) scale(var(--s)) translateY(0)}50%{transform:translateX(-50%) scale(var(--s)) translateY(-22px)}}.tail{transform-origin:168px 150px;animation:tail 3.4s ease-in-out infinite}@keyframes tail{0%,to{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.eyelid{transform-origin:center;animation:blink 5.2s infinite}@keyframes blink{0%,92%,to{transform:scaleY(0)}95%,97%{transform:scaleY(1)}}.eyes-happy,.eyes-sleepy,.zzz,svg.exp-happy .eyelid,svg.exp-happy .eyes-open{display:none}svg.exp-happy .eyes-happy{display:block}svg.exp-sleepy .eyelid,svg.exp-sleepy .eyes-open{display:none}svg.exp-sleepy .eyes-sleepy{display:block}svg.exp-sleepy .zzz{display:block;animation:zzz 2.4s ease-in-out infinite}@keyframes zzz{0%{opacity:0;transform:translateY(0)}40%{opacity:.9}to{opacity:0;transform:translateY(-16px)}}.pattern-point,.pattern-tabby,.pattern-tuxedo{display:none}svg.pat-point .pattern-point,svg.pat-tabby .pattern-tabby,svg.pat-tuxedo .pattern-tuxedo{display:block}.heart{position:absolute;font-size:22px;pointer-events:none;animation:heart 1s ease-out forwards;z-index:62}@keyframes heart{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:translateY(-70px) scale(1.2)}}.cue{position:absolute;font-size:20px;pointer-events:none;animation:cue 1.6s ease-out forwards;z-index:62}@keyframes cue{0%{opacity:0;transform:translateY(0) scale(.7)}25%{opacity:1;transform:translateY(-8px) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-18px)}}#hud{position:absolute;top:14px;left:14px;right:14px;z-index:40;justify-content:space-between;gap:10px;pointer-events:none}#hud,.pill{display:flex;align-items:center}.pill{pointer-events:auto;background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.08);gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease}.pill:active{transform:scale(.95)}#counter{cursor:default}#counter b{color:var(--accent);font-size:16px}.hud-right{display:flex;gap:8px}#hint{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-border);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.1);z-index:38;backdrop-filter:blur(8px);opacity:0;transition:opacity .6s;pointer-events:none}#hint.show{opacity:1}#statusNote{bottom:20px;font-size:11px;opacity:.5;font-style:italic}#statusNote,.footer-note{position:absolute;left:0;right:0;text-align:center;color:var(--ui-text);z-index:30;pointer-events:none}.footer-note{bottom:7px;font-size:10.5px;opacity:.45}.scrim{position:absolute;inset:0;background:rgba(20,15,12,.32);z-index:50;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(2px)}.scrim.open{opacity:1;pointer-events:auto}.panel{position:absolute;z-index:51;background:var(--ui-bg);color:var(--ui-text);backdrop-filter:blur(14px);box-shadow:0 -8px 40px rgba(0,0,0,.18);border:1px solid var(--ui-border)}#drawer{right:0;top:0;bottom:0;width:min(92vw,360px);padding:22px 20px;border-radius:18px 0 0 18px;transform:translateX(105%);transition:transform .3s cubic-bezier(.3,.7,.3,1);overflow-y:auto}#drawer.open{transform:translateX(0)}#modal{left:50%;top:50%;width:min(92vw,420px);transform:translate(-50%,-44%) scale(.96);padding:24px;border-radius:18px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#modal.open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.panel h2{margin:0 0 4px;font-size:19px}.panel p.sub{margin:0 0 16px;font-size:13px;opacity:.75;line-height:1.45}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:7px}.field input[type=text]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--ui-border);background:hsla(0,0%,100%,.6);font-size:15px;color:var(--ui-text)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:7px 12px;border-radius:999px;border:1px solid var(--ui-border);background:hsla(0,0%,100%,.45);font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .12s}.chip[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.swatches{display:flex;flex-wrap:wrap;gap:9px}.sw{width:30px;height:30px;border-radius:50%;cursor:pointer;border:3px solid transparent;box-shadow:0 1px 4px rgba(0,0,0,.15)}.sw[aria-pressed=true]{border-color:var(--ui-text)}.btn{display:block;width:100%;padding:12px;border-radius:12px;border:none;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;transition:transform .1s,filter .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-soft{background:hsla(0,0%,100%,.55);color:var(--ui-text);border:1px solid var(--ui-border)}.btn-ghost{background:transparent;color:var(--ui-text);opacity:.7;font-weight:600}.privacy{font-size:11.5px;opacity:.65;line-height:1.5;margin-top:14px;padding-top:14px;border-top:1px solid var(--ui-border)}.privacy a{color:var(--accent);text-decoration:none;font-weight:600}.privacy a:hover{text-decoration:underline}.cat-flip{transform:scaleX(var(--flip,1));transition:transform .12s ease}.cat-breathe,.cat-flip{position:absolute;inset:0;transform-origin:center bottom}.cat-breathe{animation:breathe 4.2s ease-in-out infinite,twitch 11s ease-in-out infinite}.cat-flip .pose{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:auto;opacity:0;transition:opacity .16s ease;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,.12))}@keyframes breathe{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.018) translateY(-1%)}}#cat.walking .cat-breathe{animation:walkbob .46s ease-in-out infinite}@keyframes walkbob{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-4%) scaleY(.99)}}@keyframes twitch{0%,86%,to{rotate:0deg}89%{rotate:-1.4deg}92%{rotate:.8deg}95%{rotate:0deg}}.pose-stand{width:calc(var(--room-w) * .13)}.pose-sit-left,.pose-sit-right{width:calc(var(--room-w) * .086)}.pose-front{width:calc(var(--room-w) * .077)}.pose-boop{width:calc(var(--room-w) * .056)}.pose-nap{width:calc(var(--room-w) * .12)}.cat-flip[data-pose=boop] .pose-boop,.cat-flip[data-pose=front] .pose-front,.cat-flip[data-pose=nap] .pose-nap,.cat-flip[data-pose=sit-left] .pose-sit-left,.cat-flip[data-pose=sit-right] .pose-sit-right,.cat-flip[data-pose=stand] .pose-stand{opacity:1}#cat.ready .cat-flip{filter:drop-shadow(0 0 13px rgba(255,214,150,.95));animation:pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){#cat.ready .boop-glow,#cat.walking .cat-breathe,.cat-breathe,.eyelid,.mote,.tail{animation:none!important}#cat{transition:left 1.4s linear,bottom 1.4s linear,transform 1.4s linear}}