.feat-clip{position:relative;display:block;width:100%;height:142px;margin:0 0 .8rem;padding:0;border:1px solid rgba(28,23,18,.16);border-radius:.4rem;overflow:hidden;cursor:pointer;background:#8ea0ae;font:inherit;color:inherit;text-align:left;content-visibility:auto;contain-intrinsic-size:142px}.feat-clip--stage{height:auto;aspect-ratio:16/9;margin-bottom:1.25rem;content-visibility:visible;contain-intrinsic-size:auto}.feat-clip:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.feat-clip:focus-visible .feat-clip__watch,.feat-clip:hover .feat-clip__watch{background:rgba(12,10,16,.82)}div.feat-clip{cursor:default}.feat-clip__watch{position:absolute;right:8px;top:8px;bottom:auto;z-index:6;display:inline-flex;align-items:center;gap:.28rem;padding:.16rem .5rem .16rem .38rem;border-radius:999px;background:rgba(12,10,16,.58);color:#f6f1ea;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.feat-clip__play{width:0;height:0;border-color:transparent transparent transparent #f6f1ea;border-style:solid;border-width:4px 0 4px 7px}.feat-desk{position:absolute;inset:0;overflow:hidden}.feat-desk,.feat-desk--paper{background:#a9b6c2}.feat-desk--slate{background:#3d5a6c}.feat-desk--ink{background:#3a3f4a}.feat-desk--moss{background:#4c7a5e}.feat-desk__grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 0);background-size:14px 14px}.feat-desk__bar{position:absolute;left:0;right:0;bottom:0;height:16px;background:rgba(18,16,22,.72);border-top:1px solid rgba(255,255,255,.08);z-index:4}.feat-ico{position:absolute;width:52px;display:flex;flex-direction:column;align-items:center;gap:.05rem;color:#f7f7f7;font-size:.52rem;line-height:1.1;text-shadow:0 1px 2px #000;z-index:2}.feat-ico img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.feat-bird,.feat-cast,.feat-cat,.feat-plant,.feat-vakoom{position:absolute;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));pointer-events:none;z-index:3}.feat-cat{width:72px;height:78px}.feat-bubble{z-index:5;margin:0;max-width:14ch;padding:.22rem .4rem;color:#2a2218;border:1px solid #3a2f24;border-radius:8px;font-size:.62rem;line-height:1.3;box-shadow:0 1px 0 #3a2f24}.feat-bubble,.feat-bubble:after{position:absolute;background:#fff8f0}.feat-bubble:after{content:"";left:14px;bottom:-4px;width:7px;height:7px;border-right:1px solid #3a2f24;border-bottom:1px solid #3a2f24;transform:rotate(45deg)}.feat-ico--yeet{left:8%;top:22%;animation:feat-yeet 6.4s ease-in-out infinite}.feat-ico--bowl{left:8%;top:54%}.feat-cat--patrol{top:28%;animation:feat-patrol 6.4s ease-in-out infinite}.feat-bubble--patrol{top:10%;left:38%;animation:feat-bubble-pop 6.4s ease-in-out infinite}.feat-paw{position:absolute;width:7px;height:5px;border-radius:50%;background:rgba(42,34,28,.28);z-index:1;animation:feat-paw 6.4s ease-in-out infinite}.feat-paw--1{left:48%;top:62%;animation-delay:.4s}.feat-paw--2{left:36%;top:66%;animation-delay:.9s}.feat-paw--3{left:24%;top:64%;animation-delay:1.4s}@keyframes feat-patrol{0%{left:78%;transform:scaleX(-1)}42%{left:18%;transform:scaleX(-1)}55%{left:26%;transform:scaleX(-1)}58%{left:26%;transform:scaleX(1)}to{left:78%;transform:scaleX(1)}}@keyframes feat-yeet{0%,40%{transform:translateX(0) rotate(0)}55%,to{transform:translateX(36px) rotate(8deg)}}@keyframes feat-paw{0%,20%{opacity:0}35%,70%{opacity:1}to{opacity:0}}@keyframes feat-bubble-pop{0%,48%{opacity:0;transform:translateY(4px)}58%,88%{opacity:1;transform:none}to{opacity:0}}.feat-weather{position:absolute;top:8px;left:8px;z-index:5;padding:.12rem .4rem;background:rgba(12,10,16,.5);color:#f6f1ea;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px}.feat-bird{width:36px;height:36px;top:10%;right:10%;animation:feat-bird 7s ease-in-out infinite}.feat-cat--friend{width:54px;height:58px;left:8%;bottom:18px;opacity:.9;animation:feat-friend 7s ease-in-out infinite}.feat-cat--day-walk{left:52%;bottom:16px;animation:feat-day-walk 7s ease-in-out infinite}.feat-cat--day-sleep{left:48%;bottom:14px;animation:feat-day-sleep 7s ease-in-out infinite}.feat-bubble--day{left:42%;top:18%;animation:feat-day-bubble 7s ease-in-out infinite}.feat-toast{position:absolute;right:8px;top:42%;z-index:5;padding:.2rem .45rem;background:rgba(18,16,22,.82);color:#f3e6d4;font-size:.58rem;border-radius:6px;animation:feat-toast 7s ease-in-out infinite}@keyframes feat-bird{0%,15%{transform:translate(18px,-8px);opacity:0}30%,80%{transform:none;opacity:1}to{transform:translate(-10px,-12px);opacity:0}}@keyframes feat-friend{0%,20%{opacity:0;transform:translateX(-10px)}35%,to{opacity:.92;transform:none}}@keyframes feat-day-walk{0%,38%{opacity:1}48%,to{opacity:0}}@keyframes feat-day-sleep{0%,40%{opacity:0}50%,to{opacity:1}}@keyframes feat-day-bubble{0%,48%{opacity:0}58%,to{opacity:1}}@keyframes feat-toast{0%,22%{opacity:0;transform:translateX(8px)}32%,70%{opacity:1;transform:none}85%,to{opacity:0}}.feat-ico--care-bowl{left:10%;top:18%}.feat-ico--care-litter{left:10%;top:52%}.feat-cat--care{right:6%;bottom:14px}.feat-bubble--care{right:8%;top:12%}.feat-kibble{position:absolute;left:22%;top:8%;width:8px;height:6px;border-radius:50%;background:#c9a06a;z-index:3;animation:feat-kibble 4.8s ease-in infinite}.feat-kibble--2{animation-delay:1.1s;left:26%}.feat-meter{position:absolute;right:10px;top:10px;z-index:5;display:flex;align-items:center;gap:.35rem;padding:.18rem .4rem;background:rgba(12,10,16,.55);color:#f6f1ea;font-size:.56rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px}.feat-meter b{display:block;width:48px;height:6px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}.feat-meter i{display:block;height:100%;width:30%;background:#e8a87c;animation:feat-meter 4.8s ease-in-out infinite}@keyframes feat-kibble{0%{transform:translate(40px,-8px);opacity:0}20%{opacity:1}55%{transform:translateY(28px);opacity:1}70%,to{opacity:0;transform:translateY(28px)}}@keyframes feat-meter{0%,20%{width:28%}70%,to{width:78%}}.feat-mp{position:absolute;left:6%;top:8%;width:58%;height:calc(100% - 28px);background:#008080;border-radius:4px 4px 0 0;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.35);z-index:2;font-size:.52rem;color:#fff}.feat-mp__caption{height:14px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;background:#1f1f1f;font-size:.52rem}.feat-mp__boot{position:absolute;inset:14px 0 0;background:#000;color:#c0c0c0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;animation:feat-mp-boot 5.6s ease-in-out infinite}.feat-mp__boot strong{color:#fff;font-size:.72rem}.feat-mp__boot em{font-style:normal;font-size:.52rem}.feat-mp__boot b{width:70%;height:7px;border:1px solid #c0c0c0;padding:1px}.feat-mp__boot i{display:block;height:100%;background:#000080;animation:feat-mp-bar 5.6s linear infinite}.feat-mp__icons{position:absolute;inset:18px 0 0;padding:6px;display:flex;flex-direction:column;gap:4px;animation:feat-mp-icons 5.6s ease-in-out infinite}.feat-mp__icons .feat-ico{position:static;width:auto;flex-direction:row;gap:.3rem;justify-content:flex-start}.feat-cat--work{width:86px;height:66px;right:-6px;bottom:12px}@keyframes feat-mp-boot{0%,42%{opacity:1}52%,to{opacity:0;pointer-events:none}}@keyframes feat-mp-icons{0%,48%{opacity:0}56%,to{opacity:1}}@keyframes feat-mp-bar{0%{width:8%}to{width:100%}}.feat-ico--hide{left:8%;top:18%;animation:feat-hide 5.2s ease-in-out infinite}.feat-ico--stash{left:8%;top:52%}.feat-pond{left:38%;top:18%;width:48px;height:28px;background:radial-gradient(circle at 40% 40%,#7ec8c8,#2b6b7a);box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);z-index:2}.feat-fish,.feat-pond{position:absolute;border-radius:50%}.feat-fish{left:8px;top:10px;width:10px;height:6px;background:#e8a87c;animation:feat-fish 3.4s ease-in-out infinite}.feat-ball{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#c95b2e);z-index:4;animation:feat-ball 2.6s ease-in-out infinite}.feat-cat--play{right:6%;bottom:14px}.feat-bubble--play{right:10%;top:12%}@keyframes feat-hide{0%,28%{opacity:1;transform:scale(1)}40%,62%{opacity:0;transform:scale(.4)}78%,to{opacity:1;transform:scale(1)}}@keyframes feat-fish{0%,to{transform:translateX(0)}50%{transform:translateX(18px)}}@keyframes feat-ball{0%{left:22%;bottom:22px}50%{left:58%;bottom:52px}to{left:72%;bottom:28px}}.feat-plant{width:54px;height:54px;left:6%;bottom:16px}.feat-vakoom{width:58px;height:58px;bottom:14px;animation:feat-vakoom 5.4s ease-in-out infinite}.feat-cat--squat{right:4%;bottom:14px}.feat-bubble--squat{right:8%;top:12%}@keyframes feat-vakoom{0%,to{left:28%;transform:scaleX(1)}50%{left:52%;transform:scaleX(-1)}}.feat-cream{position:absolute;left:6%;top:8%;width:56%;height:calc(100% - 28px);background:#f4e6d4;border:1px solid #3a2f24;border-radius:8px 8px 0 0;overflow:hidden;z-index:2;font-size:.58rem;color:#2a2218}.feat-cream header{display:flex;justify-content:space-between;padding:.2rem .4rem;background:#efe0c8;font-weight:700;font-size:.58rem}.feat-cream header em{font-style:normal;font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:#7a4a28}.feat-cream__msg{margin:.28rem .4rem;padding:.22rem .35rem;border-radius:6px;max-width:92%;animation:feat-cream-in 4.8s ease-in-out infinite}.feat-cream__msg span{display:block;font-size:.48rem;letter-spacing:.06em;text-transform:uppercase;color:#9a7a58}.feat-cream__msg--you{background:#fffdf8;margin-left:auto}.feat-cream__msg--cat{background:#efe0c8;animation-delay:.8s}.feat-cat--chat{right:2%;bottom:12px}.feat-cat--ignore{left:36%;bottom:12px}.feat-bubble--ignore{left:38%;top:16%}@keyframes feat-cream-in{0%,12%{opacity:0;transform:translateY(4px)}24%,to{opacity:1;transform:none}}.feat-ico--cast{left:8%;top:20%}.feat-cast{width:78px;height:78px;right:8%;bottom:14px}.feat-cast--walk{animation:feat-cast-walk 5s ease-in-out infinite}.feat-cast--idle{animation:feat-cast-idle 5s ease-in-out infinite}.feat-bubble--cast{right:12%;top:12%}@keyframes feat-cast-walk{0%,45%{opacity:1;transform:translateX(-12px)}55%,to{opacity:0}}@keyframes feat-cast-idle{0%,48%{opacity:0}58%,to{opacity:1;transform:none}}.feat-desk--preview{background:#121014}.feat-preview{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.feat-preview,.feat-reel{position:absolute;inset:0}.feat-reel{background:#121014}.feat-reel__film{position:absolute;inset:0;display:block;background-repeat:no-repeat}.feat-desk--soon{display:grid;place-items:center}.feat-bubble--soon{position:relative;left:auto;top:auto}.feat-theater{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:rgba(20,16,12,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feat-theater__sheet{width:min(920px,100%);background:var(--paper);border-radius:.7rem;padding:.85rem .85rem 1rem;border:2px solid rgba(28,23,18,.2);box-shadow:10px 16px 0 rgba(28,23,18,.18)}.feat-theater__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .65rem}.feat-theater__head h2{margin:0;font-family:var(--font-anybody),sans-serif;font-size:1.15rem;letter-spacing:-.02em}.feat-theater__close{border:1.5px solid rgba(28,23,18,.28);background:transparent;color:var(--ink);border-radius:.4rem;padding:.28rem .7rem;font:inherit;font-size:.85rem;cursor:pointer}.feat-theater__close:hover{border-color:var(--ink)}.feat-theater__video{display:block;width:100%;max-height:min(68vh,620px);object-fit:contain;background:#1c1712}.feat-theater__stage,.feat-theater__video{border-radius:.55rem;border:1px solid rgba(28,23,18,.28)}.feat-theater__stage{position:relative;height:min(58vh,448px);overflow:hidden}.feat-theater__stage .feat-desk{position:absolute;inset:0}.feat-theater__stage .feat-cat{width:120px;height:128px}.feat-theater__stage .feat-cast{width:128px;height:128px}.feat-theater__hint{margin:.65rem 0 0;font-size:.85rem;color:rgba(28,23,18,.62)}.feat-theater .desk-play{gap:.55rem}.feat-theater .desk-play__stage{height:min(58vh,448px)}@media (max-width:820px){.feat-clip{height:128px}.feat-theater{padding:.6rem;align-items:end}.feat-theater__sheet{border-radius:.7rem .7rem 0 0}.feat-theater .desk-play__stage,.feat-theater__stage{height:min(48vh,360px)}}.feat-clip.is-paused .feat-desk,.feat-clip.is-paused .feat-desk *,.feat-clip.is-paused .feat-desk :after,.feat-clip.is-paused .feat-desk :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.feat-clip *,.feat-theater__stage *{animation:none!important}}