.room-crop{aspect-ratio:400/211;border:1px solid var(--line,#232831);background:#05070a;border-radius:10px;width:100%;max-width:1000px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.room-frame{aspect-ratio:400/240;background:#05070a;width:100%;position:relative;transform:translateY(-12.1%)}.room-img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;z-index:0;position:absolute;inset:0}.actor{image-rendering:pixelated;transform-origin:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 2px #0000008c);position:absolute;transform:translate(-50%,-100%)}.cat-desk{z-index:14;animation:1.1s steps(2,end) infinite cat-type}.cat-desk.fast{animation-duration:.55s}@keyframes cat-type{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 1.2px))}}.cat-bed{z-index:22;animation:3.4s ease-in-out infinite cat-breathe}@keyframes cat-breathe{0%,to{transform:translate(-50%,-100%)scaleY(1)}50%{transform:translate(-50%,-100%)scaleY(.97)}}.bed{z-index:20}.zzz{z-index:23;color:#bcd;text-shadow:0 0 6px #78c8ff80;pointer-events:none;font-size:12px;font-weight:800;animation:3s ease-in-out infinite zzz-float;position:absolute}@keyframes zzz-float{0%{opacity:0;transform:translateY(4px)scale(.8)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px)scale(1.1)}}.desk-glow{z-index:2;pointer-events:none;background:radial-gradient(#36d39a38,#36d39a0f 45%,#0000 72%);border-radius:50%;animation:2.6s ease-in-out infinite glow-pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.tagline{z-index:26;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-100%)}.tagline .chip{letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040609d1;border:1px solid;border-radius:4px;align-items:center;gap:4px;padding:1px 5px;font-size:9px;font-weight:800;display:inline-flex}.tagline .chip .dot{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px}.tagline .who{color:#e8eef5;text-shadow:0 1px 2px #000000e6;background:#040609b8;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.mouse{image-rendering:pixelated;z-index:21;pointer-events:none;filter:drop-shadow(0 2px 1px #00000080);position:absolute}.mouse-run{animation:mouse-dash var(--dur,7s) linear infinite;animation-delay:var(--delay,0s)}@keyframes mouse-dash{0%{transform:translate(-12vw)scaleX(1)}48%{transform:translate(86vw)scaleX(1)}50%{transform:translate(86vw)scaleX(-1)}98%{transform:translate(-12vw)scaleX(-1)}to{transform:translate(-12vw)scaleX(1)}}.mouse-idle{animation:9s ease-in-out infinite mouse-trot;animation-delay:var(--delay,0s)}@keyframes mouse-trot{0%,to{transform:translate(0)scaleX(1)}45%{transform:translate(40px)scaleX(1)}50%{transform:translate(40px)scaleX(-1)}95%{transform:translate(0)scaleX(-1)}}.room-grade{z-index:24;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(125% 95% at 50% 32%,#0000 64%,#0c071442 100%);position:absolute;inset:0}.room-legend{color:var(--color-muted,#757b86);grid-template-columns:minmax(0,1fr);gap:6px 16px;padding:10px 0 2px;font-size:11px;line-height:1.4;display:grid}@media (min-width:768px){.room-legend{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:start;padding:10px 8px 2px}}.room-legend .legend-item{align-items:flex-start;gap:8px;min-width:0;display:flex}.room-legend .legend-dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.room-legend .legend-text{overflow-wrap:anywhere;min-width:0}.room-legend .legend-term{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text,#e8eaee);margin-right:6px;font-size:10px;font-weight:700}.room-legend .legend-hint{color:var(--color-muted,#757b86)}.room-frame.dbg{outline-offset:-3px;outline:3px solid #0f0}.room-debug{z-index:40;pointer-events:none;background-image:linear-gradient(90deg,#ff000040 1px,#0000 1px),linear-gradient(#ff000040 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}.room-debug:after{content:""}@media (prefers-reduced-motion:reduce){.cat-desk,.cat-bed,.zzz,.desk-glow,.mouse-run,.mouse-idle{animation:none!important}}
.oa{transform-origin:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;transition:left var(--oa-walk,2.2s) linear, top var(--oa-walk,2.2s) linear, width var(--oa-walk,2.2s) linear, height var(--oa-walk,2.2s) linear;position:absolute;transform:translate(-50%,-100%)}.oa-sprite{width:100%;height:100%;image-rendering:pixelated;position:absolute;bottom:0;left:0}.oa-face-left .oa-sprite{transform:scaleX(-1)}.oa-shadow{pointer-events:none;z-index:-1;background:radial-gradient(#0000008c,#00000047 55%,#0000 75%);border-radius:50%;width:78%;height:12%;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.oa-walk{position:absolute;inset:0;overflow:hidden}.oa-walk-strip{background-image:var(--oa-walk-img);height:100%;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0}@keyframes oa-walk-steps{0%{transform:translate(0)}to{transform:translate(-100%)}}.oa-typing{animation:1.05s steps(2,end) infinite oa-type}.oa-typing.fast{animation-duration:.5s}@keyframes oa-type{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4%)}}.oa-rest{animation:3.4s ease-in-out infinite oa-breathe}@keyframes oa-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.97)}}.oa-zzz{color:#bcd;text-shadow:0 0 6px #78c8ff80;font-size:12px;font-weight:800;animation:3s ease-in-out infinite oa-zzz-float;position:absolute;top:-6%;left:78%}@keyframes oa-zzz-float{0%{opacity:0;transform:translateY(4px)scale(.8)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px)scale(1.1)}}.oa-nameplate{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:auto;white-space:nowrap;opacity:.85;background:#080c149e;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;padding:1px 6px 1px 5px;transition:opacity .2s;display:inline-flex;position:absolute;transform:translate(-50%,-100%)}.oa-nameplate:hover{opacity:1}.oa-np-dot{border-radius:50%;flex:none;width:6px;height:6px}.oa-np-name{letter-spacing:.02em;color:#eef2f7;text-shadow:0 1px 2px #0009;font-size:9px;font-weight:700}@media (prefers-reduced-motion:reduce){.oa-walk-strip,.oa-typing,.oa-rest,.oa-zzz{animation:none!important}.oa{transition:none!important}}
.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.office-room{min-height:560px}@media (min-width:768px){.office-room{min-height:620px}}@keyframes office-flicker{0%,to{opacity:.9}6%{opacity:.35}7%{opacity:.85}41%{opacity:.9}42%{opacity:.2}43%{opacity:.8}73%{opacity:.55}74%{opacity:.9}}.office-flicker{animation:5.5s step-end infinite office-flicker}@keyframes office-glow{0%,to{opacity:.5}42%{opacity:.12}43%{opacity:.45}73%{opacity:.3}}.office-glow{animation:5.5s step-end infinite office-glow}@keyframes office-typing{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}.office-typing{transform-origin:bottom;animation:.32s steps(2,end) infinite office-typing}@keyframes office-screen{0%,to{opacity:1}50%{opacity:.78}}.office-screen-on{animation:1.9s ease-in-out infinite office-screen}@keyframes office-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.office-blink{transform-origin:50%;animation:4.3s ease-in-out infinite office-blink}.office-typing-fast{transform-origin:bottom;animation:.16s steps(2,end) infinite office-typing}@keyframes office-spotlight{0%,to{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.04)}}.office-spotlight{animation:3.4s ease-in-out infinite office-spotlight}@keyframes office-lamp{0%,to{opacity:.7}50%{opacity:1}}.office-lamp{animation:2.1s ease-in-out infinite office-lamp}.office-desk-idle{filter:saturate(.45)brightness(.62);opacity:.82;transition:filter .4s,opacity .4s}.office-desk-active{filter:saturate(1.08)brightness(1.05);transition:filter .4s}@keyframes office-activity-pulse{0%{box-shadow:0 0 #36d39a80}70%{box-shadow:0 0 0 7px #36d39a00}to{box-shadow:0 0 #36d39a00}}.office-activity-pulse{animation:1.8s ease-out infinite office-activity-pulse}@keyframes office-code-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.office-code-scroll{animation:2.6s linear infinite office-code-scroll}@keyframes office-cursor{0%,49%{opacity:1}50%,to{opacity:.15}}.office-cursor{animation:.9s step-end infinite office-cursor}@keyframes office-scanline{0%{transform:translateY(-100%)}to{transform:translateY(900%)}}.office-scanline{animation:2.8s linear infinite office-scanline}@keyframes office-neon-on{0%{opacity:.25;text-shadow:none}4%{opacity:1}6%{opacity:.3}9%{opacity:1}12%{opacity:.4}14%{opacity:1}50%{opacity:1}52%{opacity:.86}54%{opacity:1}to{opacity:1}}@keyframes office-neon-dim{0%,to{opacity:.78}47%{opacity:.78}48%{opacity:.42}49%{opacity:.8}80%{opacity:.6}81%{opacity:.82}}.office-neon{letter-spacing:.28em;color:var(--neon,#2ec4ff);text-shadow:0 0 4px var(--neon,#2ec4ff), 0 0 10px var(--neon,#2ec4ff), 0 0 20px var(--neon,#2ec4ff), 0 0 38px var(--neon,#2ec4ff);font-weight:900;position:relative}.office-neon-live{animation:6s ease-in-out infinite office-neon-on}.office-neon-soft{color:var(--neon,#2ec4ff);text-shadow:0 0 3px var(--neon,#2ec4ff), 0 0 8px var(--neon,#2ec4ff), 0 0 16px var(--neon,#2ec4ff);animation:3.7s step-end infinite office-neon-dim}.office-neon-off{color:#2a2f38;text-shadow:none;opacity:.55}@keyframes office-train{0%,78%{opacity:0;transform:translate(0)translateY(-50%)}80%{opacity:.9}88%{opacity:1}96%{opacity:0}to{opacity:0;transform:translate(170px)translateY(-50%)}}.office-train{animation:11s ease-in infinite office-train}@keyframes office-exit{0%,to{opacity:1}2%{opacity:.4}4%{opacity:1}68%{opacity:1}69%{opacity:.3}70%{opacity:1}}.office-exit{animation:7.3s step-end infinite office-exit}@keyframes office-drip{0%,60%{opacity:0;transform:translateY(0)}62%{opacity:.7}to{opacity:0;transform:translateY(64px)}}.office-drip{animation:4.6s ease-in infinite office-drip}@keyframes office-clock-hand{0%{transform:translate(-50%,-100%)rotate(0)}to{transform:translate(-50%,-100%)rotate(360deg)}}.office-clock-hand{transform-origin:bottom;animation:60s steps(60,end) infinite office-clock-hand}@keyframes office-vending{0%,to{opacity:.9}50%{opacity:.65}}.office-vending{animation:4s ease-in-out infinite office-vending}@keyframes office-steam{0%{opacity:0;transform:translateY(2px)scaleY(.6)}30%{opacity:.5}to{opacity:0;transform:translateY(-8px)scaleY(1.2)}}.office-steam{animation:2.4s ease-out infinite office-steam}.office-steam2{animation:2.4s ease-out 1.2s infinite office-steam}@keyframes office-pop{0%{opacity:0;transform:translateY(70%)scale(.85)}18%{opacity:1;transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(70%)scale(.85)}}@keyframes office-sleep-breath{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-.4px)scaleY(1.04)}}.office-sleep-breath{transform-origin:bottom;animation:3.6s ease-in-out infinite office-sleep-breath}@keyframes office-zzz{0%{opacity:0;transform:translateY(2px)}25%{opacity:.85}to{opacity:0;transform:translateY(-7px)}}.office-zzz{animation:3s ease-out infinite office-zzz}.office-zzz-2{animation-delay:1.5s}:root{--office-walk-dur:1.1s}@keyframes office-walk-in{0%{opacity:0;transform:translate(-44px,46px)}8%{opacity:1}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.office-walk-in{animation:office-walk-in var(--office-walk-dur) ease-in-out 1 both}@keyframes office-seat-in{0%{opacity:0}to{opacity:1}}.office-seat-in{opacity:0;animation:.25s ease-out forwards office-seat-in;animation-delay:var(--office-walk-dur)}@keyframes office-walk-legs-a{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes office-walk-legs-b{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(0)}}.office-walk-legs-a{animation:.22s steps(2,end) infinite office-walk-legs-a}.office-walk-legs-b{animation:.22s steps(2,end) infinite office-walk-legs-b}@keyframes office-walk-tail{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}.office-walk-tail{transform-origin:100% 100%;animation:.44s ease-in-out infinite office-walk-tail}.office-bed-empty .office-sleep-breath,.office-bed-empty .office-zzz{display:none}.office-bed-empty{opacity:.7}@media (prefers-reduced-motion:reduce){.office-flicker,.office-glow,.office-typing,.office-typing-fast,.office-screen-on,.office-blink,.office-spotlight,.office-lamp,.office-activity-pulse,.office-code-scroll,.office-cursor,.office-scanline,.office-neon-live,.office-neon-soft,.office-train,.office-exit,.office-drip,.office-clock-hand,.office-vending,.office-steam,.office-steam2,.office-sleep-breath,.office-zzz,.office-walk-in,.office-seat-in,.office-walk-legs-a,.office-walk-legs-b,.office-walk-tail{animation:none!important}.office-walk-in{opacity:0!important}.office-seat-in{opacity:1!important}.office-sleep-breath,.office-zzz,.office-neon-live,.office-neon-soft{opacity:1}.office-spotlight{opacity:.9}.office-exit,.office-vending{opacity:1}.office-drip,.office-train{opacity:0}}@keyframes office-fog-drift{0%,to{opacity:.5;transform:translate(-12px)}50%{opacity:.75;transform:translate(12px)}}.office-fog{background:radial-gradient(120% 90% at 50% 120%,#2e78a038,#0000 70%);animation:19s ease-in-out infinite office-fog-drift}@keyframes office-rays-drift{0%,to{opacity:.35;transform:translate(-8px)}50%{opacity:.6;transform:translate(8px)}}.office-rays{background:linear-gradient(100deg,#0000 38%,#dcebf50f 46%,#0000 54%),linear-gradient(80deg,#0000 60%,#dcebf50d 68%,#0000 76%);animation:16s ease-in-out infinite office-rays-drift}@keyframes office-dust-rise{0%{opacity:0;transform:translateY(8px)}20%{opacity:.7}to{opacity:0;transform:translateY(-46px)}}.office-dust span{background:#dcebf580;border-radius:50%;width:2px;height:2px;animation:9s linear infinite office-dust-rise;position:absolute}.office-vignette{background:radial-gradient(120% 80% at 50% 42%,#0000 58%,#00000073 100%)}.office-grade{mix-blend-mode:soft-light;background:radial-gradient(90% 70% at 18% 100%,#145a781a,#0000 60%),radial-gradient(70% 60% at 50% 18%,#ffb45a12,#0000 60%)}@media (prefers-reduced-motion:reduce){.office-fog{opacity:.6;transform:none;animation:none!important}.office-rays{opacity:.45;transform:none;animation:none!important}.office-dust span{opacity:0;animation:none!important}}@keyframes office-cat-stroll{0%,10%{left:-12%}46%{left:52%}52%{left:52%}88%,to{left:112%}}.office-cat-stroll{width:32px;height:32px;animation:28s linear infinite office-cat-stroll;position:absolute}@media (prefers-reduced-motion:reduce){.office-cat-stroll{opacity:0;left:-200px;animation:none!important}}