:root{--color-bg:#0d0d1a;--color-room:#1a1a2e;--color-surface:#16213e;--color-accent:#e94560;--color-green:#39ff14;--color-orange:#ff6b35;--color-teal:#00f5d4;--color-text:#c8c8d4;--color-muted:#6b6b8a;--pixel-font:"Press Start 2P", monospace;--scene-font:"Courier New", Courier, monospace;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:18px;--text-xl:24px;--text-2xl:36px;--text-hero:clamp(36px, 5vw, 64px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--nav-height:48px;--max-width:1180px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.6s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{image-rendering:pixelated;image-rendering:crisp-edges}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--pixel-font);overflow-x:hidden}*{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='%2339ff14'><rect x='7' y='0' width='1' height='15'/><rect x='0' y='7' width='15' height='1'/></svg>") 7 7,crosshair}button,[role=button],.clickable,.scene-object{cursor:pointer}.layout{flex-direction:column;min-height:100vh;display:flex}.page-content{padding-top:var(--nav-height);flex:1}.section-container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#080812d6;border-bottom:2px solid #e9456038;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-inner{max-width:var(--max-width);width:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-size:var(--text-xs);color:var(--color-green);letter-spacing:2px;text-decoration:none}.navbar-right{align-items:center;gap:var(--space-5);display:flex}.navbar-status{color:var(--color-muted);padding:var(--space-2) var(--space-3);letter-spacing:1px;border:1px solid #ffffff14;border-radius:999px;font-size:9px}.navbar-links{gap:var(--space-6);display:flex}.navbar-link{font-size:var(--text-xs);color:var(--color-muted);transition:color var(--transition-fast);text-decoration:none;position:relative}.navbar-link:hover,.navbar-link--active{color:var(--color-accent)}.navbar-link--active:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:-6px;left:0;right:0}.navbar-hamburger{color:var(--color-text);padding:var(--space-2) var(--space-3);font-family:var(--pixel-font);font-size:var(--text-xs);cursor:pointer;background:0 0;border:1px solid #ffffff26;display:none}.navbar-mobile-menu{display:none}.footer{text-align:center;padding:var(--space-7) var(--space-6);z-index:1;border-top:1px solid #ffffff0d;position:relative}.footer-social{justify-content:center;gap:var(--space-5);margin-bottom:var(--space-4);display:flex}.footer-social-link{color:var(--color-muted);font-size:var(--text-xs);transition:color var(--transition-fast);text-decoration:none}.footer-social-link:hover{color:var(--color-green)}.footer-copyright{font-size:var(--text-xs);color:var(--color-muted)}.footer-tagline{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2)}.btn{padding:var(--space-4) var(--space-5);font-size:var(--text-xs);font-family:var(--pixel-font);letter-spacing:1px;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:2px solid;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{border-color:var(--color-green);color:#fff;background:#39ff1414}.btn-primary:hover{background:#39ff142e;box-shadow:0 0 20px #39ff1426}.btn-secondary{color:var(--color-text);background:#ffffff08;border-color:#ffffff1f}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff40}.info-card{padding:var(--space-4);background:#0a0a14cc;border:1px solid #ffffff14}.info-card-label{color:var(--color-muted);margin-bottom:var(--space-3);letter-spacing:1px;font-size:9px}.info-card-value{font-size:var(--text-sm);color:#fff;line-height:1.8}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(30px)}.reveal-left.reveal-visible,.reveal-right.reveal-visible{opacity:1;transform:translate(0)}.crt-overlay{pointer-events:none;z-index:3;opacity:.6;background:repeating-linear-gradient(0deg,#0000000a 0,#0000 1px 2px);position:absolute;inset:0}.page-enter{animation:.4s ease-out page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-card-enhanced{border:2px solid var(--game-color,var(--color-accent));transition:all var(--transition-base);cursor:pointer;overflow:hidden}.game-card-enhanced:hover{box-shadow:0 16px 40px color-mix(in srgb, var(--game-color,var(--color-accent)) 25%, transparent);transform:translateY(-6px)}.game-card-cover{aspect-ratio:16/9;border-bottom:2px solid #ffffff14;position:relative;overflow:hidden}.game-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.game-card-enhanced:hover .game-card-cover img{transform:scale(1.05)}.game-card-body{padding:var(--space-5)}.game-card-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.game-card-meta{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-3)}.game-card-desc{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.9}.game-card-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.game-status{letter-spacing:1px;top:var(--space-3);right:var(--space-3);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0a0a14d9;border:1px solid;padding:4px 10px;font-size:9px;display:inline-block;position:absolute}.game-status--released{border-color:var(--color-green);color:var(--color-green)}.game-status--dev{border-color:var(--color-orange);color:var(--color-orange)}.game-status--soon{border-color:var(--color-teal);color:var(--color-teal)}.toast{bottom:var(--space-5);right:var(--space-5);border:2px solid var(--color-orange);padding:var(--space-3) var(--space-5);font-size:var(--text-xs);color:var(--color-orange);z-index:200;background:#1a1a2e;max-width:300px;line-height:2;position:fixed}.music-player{bottom:var(--space-5);right:var(--space-5);z-index:40;align-items:center;gap:var(--space-2);display:flex;position:fixed}.music-player-btn{width:40px;height:40px;color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-base);background:#0a0a14e6;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.music-player-btn:hover{border-color:var(--color-green);color:var(--color-green)}.music-player-btn--playing{border-color:var(--color-green);color:var(--color-green);box-shadow:0 0 15px #39ff1433}.music-player-label{color:var(--color-muted);pointer-events:none;background:#0a0a14e6;border-radius:4px;padding:4px 10px;font-size:8px}@keyframes gravity-flip{0%{transform:translateY(0)}25%{transform:translateY(-40px)rotate(-2deg)}50%{transform:translateY(-20px)rotate(1deg)}to{transform:translateY(0)}}.konami-active>*{animation:1.5s ease-in-out gravity-flip}.modal-overlay{z-index:100;background-color:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background-color:var(--color-bg);border:3px solid var(--color-accent);max-width:90vw;max-height:90vh;padding:32px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-close{border:2px solid var(--color-accent);color:var(--color-accent);font-size:8px;font-family:var(--pixel-font);cursor:pointer;background:0 0;padding:4px 12px;transition:background-color .2s}.modal-close:hover{background-color:#e9456026}.scroll-hint{color:var(--color-muted);z-index:50;pointer-events:none;font-size:8px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.scroll-spacer{pointer-events:none;height:200vh}.games-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.game-card{border:2px solid var(--color-card-color,var(--color-accent));cursor:pointer;padding:24px;transition:background-color .2s,box-shadow .2s}.game-card:hover{background-color:color-mix(in srgb, var(--color-card-color,var(--color-accent)) 8%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--color-card-color,var(--color-accent)) 40%, transparent)}@keyframes float-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-orbit{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}}.float-lift{animation:5.5s ease-in-out infinite float-lift}.float-orbit{animation:7s ease-in-out infinite float-orbit}.float-orb{border:1px solid #ffffff1f;border-radius:50%;width:34px;height:34px;animation:6.2s ease-in-out infinite float-lift;position:absolute;box-shadow:inset 0 0 18px #ffffff14}.float-card{background-color:#080812eb;border:1px solid #ffffff1a;width:150px;padding:14px;box-shadow:0 16px 36px #00000047}.float-card-one{animation:6.4s ease-in-out infinite float-lift}.float-card-two{animation:7.1s ease-in-out .4s infinite float-lift}.float-card-three{animation:6.8s ease-in-out .8s infinite float-lift}@media (width<=768px){.navbar-links,.navbar-status{display:none}.navbar-hamburger{display:flex}.navbar-mobile-menu.open{top:var(--nav-height);padding:var(--space-6);gap:var(--space-5);z-index:49;background:#080812f5;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.navbar-mobile-menu .navbar-link{font-size:var(--text-base)}.section-container{padding:0 var(--space-4)}.hero-grid,.contact-grid{grid-template-columns:1fr!important}.hero-features,.contact-info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.games-grid,.games-grid-enhanced,.about-team-grid{grid-template-columns:1fr}.hero-mini-game{display:none}}.home-page{background:radial-gradient(circle at top left, #e945602e, transparent 28%), radial-gradient(circle at 80% 10%, #00f5d424, transparent 18%), linear-gradient(180deg, #090913 0%, var(--color-bg) 30%, #07070f 100%);min-height:100vh;position:relative}.hero{min-height:100vh;padding:calc(var(--nav-height) + var(--space-8)) var(--space-6) var(--space-8);align-items:center;display:grid}.hero-grid{max-width:var(--max-width);gap:var(--space-5);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;width:100%;margin:0 auto;display:grid}.hero-content{max-width:640px}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-green);letter-spacing:1px;margin-bottom:var(--space-5);background:#0a0a14b8;border:1px solid #39ff1459;font-size:9px;display:inline-flex}.hero-badge-dot{background:var(--color-green);width:6px;height:6px;box-shadow:0 0 10px var(--color-green);border-radius:50%}.hero-tagline{font-size:var(--text-hero);color:#fff;text-shadow:0 0 18px #e945602e;max-width:11ch;line-height:1.02}.hero-description{margin-top:var(--space-4);max-width:52ch;font-size:var(--text-sm);color:var(--color-text);line-height:1.9}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-features{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.hero-feature{padding:var(--space-4);color:var(--color-text);font-size:var(--text-xs);transition:all var(--transition-fast);background:#0a0a14cc;border:1px solid #ffffff14;line-height:1.8}.hero-feature:hover{border-color:#fff3;transform:translateY(-2px)}.hero-mini-game{min-height:420px;position:relative}.stats-section{max-width:var(--max-width);padding:0 var(--space-6) var(--space-9);margin:0 auto}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-5);text-align:center;transition:all var(--transition-fast);background:#0a0a149e;border:1px solid #ffffff14}.stat-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.stat-number{font-size:var(--text-2xl);color:var(--color-green);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-xs);color:var(--color-muted);letter-spacing:1px}.games-page{min-height:100vh;padding:var(--space-8) var(--space-6);background:var(--color-bg)}.games-header{max-width:var(--max-width);margin:0 auto;margin-bottom:var(--space-7)}.games-title{font-size:var(--text-xl);color:var(--color-green);margin-bottom:var(--space-2)}.games-subtitle{font-size:var(--text-sm);color:var(--color-muted)}.games-grid-enhanced{max-width:var(--max-width);gap:var(--space-5);grid-template-columns:repeat(2,1fr);margin:0 auto;display:grid}.contact-page{min-height:100vh;padding:var(--space-7) var(--space-5);background:radial-gradient(circle at 100% 0,#00f5d41f,#0000 22%),radial-gradient(circle at 12% 18%,#e945602e,#0000 18%),linear-gradient(#05050c 0%,#080814 40%,#04040a 100%)}.contact-container{max-width:var(--max-width);margin:0 auto}.contact-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:minmax(0,.78fr) minmax(320px,1fr);display:grid}.contact-info-panel{padding:var(--space-6);background:#0a0a14c2;border:1px solid #ffffff14;box-shadow:0 24px 60px #00000052}.contact-terminal-label{font-size:var(--text-xs);color:var(--color-green);margin-bottom:var(--space-5);letter-spacing:1px}.contact-title{color:#fff;max-width:11ch;font-size:clamp(28px,4.8vw,52px);line-height:1.05}.contact-description{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text);max-width:52ch;line-height:1.9}.contact-info-grid{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.contact-actions{margin-top:var(--space-5);gap:var(--space-3);flex-wrap:wrap;display:flex}.contact-form-panel{padding:var(--space-6);background:#080812b8;border:1px solid #ffffff14;box-shadow:0 24px 60px #00000052}.contact-form-label{font-size:var(--text-xs);color:var(--color-accent);margin-bottom:var(--space-5);letter-spacing:1px}.contact-form{gap:var(--space-5);display:grid}.contact-field{gap:var(--space-2);display:grid}.contact-field-label{font-size:var(--text-xs);color:var(--color-green)}.contact-input,.contact-textarea,.contact-select{color:#fff;padding:var(--space-4) var(--space-3);font-size:var(--text-sm);font-family:var(--scene-font);transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff1f;outline:none}.contact-input:focus,.contact-textarea:focus,.contact-select:focus{border-color:var(--color-green);box-shadow:0 0 0 1px #39ff1426}.contact-preview{margin-top:var(--space-5);padding:var(--space-4);background:#ffffff08;border:1px solid #ffffff14}.contact-preview-title{font-size:var(--text-xs);color:var(--color-teal);margin-bottom:var(--space-3)}.contact-preview-content{font-size:var(--text-xs);color:var(--color-text);white-space:pre-line;line-height:2.1}.about-page{min-height:100vh;padding:var(--space-7) var(--space-6);background:var(--color-bg)}.about-container{max-width:var(--max-width);margin:0 auto}.about-hero{margin-bottom:var(--space-9)}.about-kicker{font-size:var(--text-xs);color:var(--color-green);letter-spacing:1px;margin-bottom:var(--space-4)}.about-title{font-size:var(--text-2xl);color:#fff;max-width:16ch;line-height:1.2}.about-story{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text);max-width:64ch;line-height:2}.about-section{margin-bottom:var(--space-9)}.about-section-title{font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid #ffffff14}.about-team-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.about-team-card{padding:var(--space-5);transition:all var(--transition-fast);background:#0a0a14b3;border:1px solid #ffffff14}.about-team-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.about-team-name{font-size:var(--text-base);color:#fff;margin-bottom:var(--space-2)}.about-team-role{font-size:var(--text-xs);color:var(--color-accent);margin-bottom:var(--space-3)}.about-team-bio{font-size:var(--text-sm);color:var(--color-text);line-height:1.8}.about-timeline{padding-left:var(--space-6);border-left:2px solid #ffffff14;position:relative}.about-timeline-item{margin-bottom:var(--space-6);position:relative}.about-timeline-item:before{content:"";left:calc(-1 * var(--space-6) - 5px);background:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;width:10px;height:10px;position:absolute;top:4px}.about-timeline-year{font-size:var(--text-xs);color:var(--color-green);margin-bottom:var(--space-2)}.about-timeline-text{font-size:var(--text-sm);color:var(--color-text);line-height:1.8}.about-tech-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.about-tech-item{padding:var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--color-text);transition:all var(--transition-fast);background:#0a0a1499;border:1px solid #ffffff14}.about-tech-item:hover{border-color:var(--color-teal);color:var(--color-teal)}.lab-page{min-height:100vh;padding:var(--space-7) var(--space-6);background:var(--color-bg)}.lab-container{max-width:var(--max-width);margin:0 auto}.lab-header{margin-bottom:var(--space-7)}.lab-title{font-size:var(--text-xl);color:var(--color-teal);margin-bottom:var(--space-2)}.lab-subtitle{font-size:var(--text-sm);color:var(--color-muted)}.lab-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.lab-card{transition:all var(--transition-base);cursor:pointer;background:#0a0a14b3;border:1px solid #ffffff14;overflow:hidden}.lab-card:hover{border-color:var(--color-teal);transform:translateY(-4px);box-shadow:0 12px 40px #00f5d414}.lab-card-preview{background:#0000004d;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.lab-card-body{padding:var(--space-5)}.lab-card-title{font-size:var(--text-base);color:#fff;margin-bottom:var(--space-2)}.lab-card-desc{font-size:var(--text-sm);color:var(--color-text);line-height:1.8}.lab-card-tag{color:var(--color-teal);margin-top:var(--space-3);border:1px solid #00f5d44d;padding:3px 10px;font-size:9px;display:inline-block}.not-found-page{min-height:calc(100vh - var(--nav-height));padding:var(--space-6);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-title{font-size:var(--text-2xl);color:var(--color-accent);margin-bottom:var(--space-4);text-shadow:0 0 20px #e945604d}.not-found-subtitle{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-6);text-align:center;max-width:40ch}.not-found-game{border:3px solid var(--color-accent);margin-bottom:var(--space-5);position:relative}.not-found-instructions{font-size:var(--text-xs);color:var(--color-muted);text-align:center;margin-bottom:var(--space-5)}.starfield-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}@keyframes steam-wisp-1{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:.85}to{opacity:0;transform:translate(-2px,-28px)scale(.6)}}@keyframes steam-wisp-2{0%{opacity:0;transform:translate(0)scale(1)}20%{opacity:.7}to{opacity:0;transform:translate(3px,-32px)scale(.5)}}@keyframes steam-wisp-3{0%{opacity:0;transform:translate(0)scale(1)}25%{opacity:.6}to{opacity:0;transform:translate(1px,-24px)scale(.7)}}@keyframes tail-swish{0%{transform:rotate(-25deg)}50%{transform:rotate(25deg)}to{transform:rotate(-25deg)}}@keyframes cat-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}@keyframes cat-stretch{0%{transform:scaleX(1)scaleY(1)}30%{transform:scaleX(1.35)scaleY(.65)}60%{transform:scaleX(.88)scaleY(1.25)}to{transform:scaleX(1)scaleY(1)}}@keyframes mug-sip{0%{transform:rotate(0)}30%{transform:rotate(-12deg)}60%{transform:rotate(-8deg)}to{transform:rotate(0)}}@keyframes ear-twitch{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-6deg)}96%{transform:rotate(4deg)}}.pixel-sprite{image-rendering:pixelated;image-rendering:crisp-edges}.coffee-mug-wrap{width:48px;height:56px;position:relative}.coffee-mug-wrap.sipping{animation:.5s mug-sip}.coffee-steam{background-color:#dce6f0e6;width:4px;height:4px;position:absolute;top:-4px;box-shadow:4px 4px #c8d2dc80,0 8px #b4bec84d}.coffee-steam-1{animation:2.2s ease-out infinite steam-wisp-1;left:14px}.coffee-steam-2{animation:2.6s ease-out .6s infinite steam-wisp-2;left:22px}.coffee-steam-3{animation:2s ease-out 1.1s infinite steam-wisp-3;left:30px}.cat-sprite-wrap{justify-content:center;align-items:flex-end;width:100px;height:100px;display:flex;position:relative}.cat-sprite-img{object-fit:contain;object-position:bottom center;pointer-events:none;width:100%;height:100%}.cat-sprite-wrap.sleeping{animation:3.5s ease-in-out infinite cat-breathe}.cat-sprite-wrap.awake{filter:brightness(1.12)drop-shadow(0 0 8px #39ff1466)}.cat-sprite-wrap.stretching{animation:.65s cat-stretch}.cat-video-wrap{justify-content:center;align-items:flex-end;width:96px;height:96px;display:flex;position:relative}.cat-video{object-fit:contain;object-position:bottom center;pointer-events:none;background:0 0;width:100%;height:100%}.cat-video-wrap.sleeping{animation:3.5s ease-in-out infinite cat-breathe}.cat-video-wrap.awake .cat-video{filter:brightness(1.15)drop-shadow(0 0 6px #39ff1459)}.cat-video-wrap.stretching{animation:.65s cat-stretch}.cat-sprite{width:96px;height:56px;position:relative}.cat-sprite.sleeping{animation:3.5s ease-in-out infinite cat-breathe}.cat-sprite.stretching{animation:.65s cat-stretch}.cat-tail{transform-origin:4px 8px}.cat-sprite.sleeping .cat-tail{animation:2.4s ease-in-out infinite tail-swish}.cat-ear-twitch{transform-origin:bottom;animation:4s ease-in-out infinite ear-twitch}.cat-bubble{border:2px solid var(--color-accent);width:230px;color:var(--color-text);z-index:10;font-size:8px;line-height:1.8;font-family:var(--scene-font);background-color:#1a1a2e;padding:10px 12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.cat-bubble:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--color-accent);position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes steam{0%{opacity:.7;transform:translateY(0)scaleX(1)}40%{opacity:.5;transform:translateY(-8px)scaleX(1.15)}to{opacity:0;transform:translateY(-22px)scaleX(.7)}}@keyframes monitor-flicker{0%,88%,92%,96%,to{opacity:1}89%{opacity:.92}90%{opacity:.78}91%{opacity:.95}94%{opacity:.82}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes led-pulse{0%,to{opacity:1;box-shadow:0 0 4px}50%{opacity:.2;box-shadow:none}}@keyframes slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes pixel-pulse{0%,to{filter:brightness(1.2) drop-shadow(0 0 4px var(--color-accent))}50%{filter:brightness(1.35) drop-shadow(0 0 14px var(--color-accent))}}@keyframes scroll-hint-blink{0%,to{opacity:1}50%{opacity:.25}}.anim-steam{animation:2.4s ease-out infinite steam}.anim-tail{animation:2.8s ease-in-out infinite tail-swish}.anim-flicker{animation:4s linear infinite monitor-flicker}.anim-spin{animation:1.5s linear infinite spin}.anim-blink{animation:1.2s step-start infinite blink}.anim-led{animation:2s ease-in-out infinite led-pulse}.anim-stretch{animation:.6s cat-stretch}.anim-slide-in{animation:.3s ease-out slide-in}.anim-scroll-hint{animation:1.5s step-start infinite scroll-hint-blink}.scene-wrapper{z-index:0;background-color:var(--color-room);width:100vw;height:calc(100vh - 48px);position:sticky;top:48px;left:0;overflow:hidden}.scene{width:2400px;height:var(--scene-height,640px);background-color:var(--color-room);transform-origin:0 0;transform:scale(var(--scene-scale,1)) translateX(var(--scene-pan,0px));will-change:transform;transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:relative}.scene-journey{min-height:240vh;margin-top:12px;padding-top:24px;position:relative}.scene-journey-intro{max-width:1180px;margin:0 auto 18px;padding:0 32px}.scene-journey-kicker{color:var(--color-green);letter-spacing:1px;margin-bottom:10px;font-size:6px}.scene-journey-title{color:#fff;max-width:58ch;font-size:12px;line-height:1.9}.scene-journey-footer{flex-wrap:wrap;gap:10px;max-width:1180px;margin:16px auto 0;padding:0 32px 24px;display:flex}.scene-journey-pill{color:var(--color-muted);letter-spacing:1px;background-color:#080812b8;border:1px solid #ffffff14;align-items:center;padding:8px 10px;font-size:6px;display:inline-flex}.scene-room{width:1200px;height:100%;transition:opacity .45s,transform .7s;position:absolute;inset:0}.scene-room-one{opacity:clamp(.45, var(--room-one-reveal,0), 1);transform:translateY(calc((1 - var(--room-one-reveal,0)) * 18px))}.scene-room-two{opacity:clamp(.35, var(--room-two-reveal,0), 1);transform:translateY(calc((1 - var(--room-two-reveal,0)) * 18px))}.room-1,.room-2{width:1200px;height:100%;position:absolute;top:0;overflow:hidden}.room-1{--floor-ratio:28%;--desk-bottom:28%;left:0}.room-2{left:1200px}.room-wall{background:linear-gradient(180deg, #141428 0%, var(--color-room) 18%, var(--color-room) 100%);position:absolute;inset:0}.room-ceiling{background-color:#0f0f1c;border-bottom:2px solid #252540;height:8px;position:absolute;top:0;left:0;right:0}.room-baseboard{bottom:var(--floor-ratio);z-index:2;background-color:#12122a;border-top:1px solid #2a2a48;height:6px;position:absolute;left:0;right:0}.ceiling-light{background-color:#2a2a3e;border:2px solid #3a3a5e;width:120px;height:12px;position:absolute;top:24px;left:420px;transform:translate(-50%);box-shadow:0 8px 24px #ffdc9614}.ceiling-light:after{content:"";pointer-events:none;background:radial-gradient(at top,#ffdc960f 0%,#0000 70%);width:200px;height:80px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.wall-window{background-color:#1a2040;border:4px solid #2a2a48;width:100px;height:80px;position:absolute;top:72px;left:60px}.wall-window-glass{opacity:.9;background:linear-gradient(135deg,#1a3050 0%,#0d1830 100%);position:absolute;inset:6px}.wall-window-frame{background-color:#2a2a48;height:3px;position:absolute;top:50%;left:0;right:0}.wall-poster{color:#fff;text-align:center;background-color:#e94560;border:2px solid #ff6b85;width:64px;padding:8px;font-size:6px;line-height:1.8;position:absolute;top:90px;right:180px;transform:rotate(2deg);box-shadow:3px 3px #0000004d}.floor{width:100%;height:var(--floor-ratio);background-color:var(--color-surface);background-image:repeating-linear-gradient(90deg,#0000,#0000 48px,#00000014 48px 50px);position:absolute;bottom:0;left:0}.desk{bottom:var(--desk-bottom);z-index:3;width:600px;height:28px;position:absolute;left:196px}.desk-surface{background-color:#3a3a52;border:2px solid #4a4a62;border-bottom:3px solid #2a2a3e;height:12px;position:absolute;top:0;left:0;right:0;box-shadow:0 4px #1a1a2e}.desk-leg{background-color:#2a2a3e;border:1px solid #3a3a5e;width:10px;height:40px;position:absolute;bottom:-40px}.desk-leg-left{left:40px}.desk-leg-right{right:40px}.desk-keyboard{bottom:calc(var(--desk-bottom) + 14px);z-index:4;background-color:#2a2a3e;border:1px solid #3a3a5e;width:100px;height:8px;position:absolute;left:292px;box-shadow:0 2px #1a1a2e}.desk-mouse{bottom:calc(var(--desk-bottom) + 14px);z-index:4;background-color:#3a3a52;border:1px solid #4a4a62;border-radius:2px 8px 2px 2px;width:14px;height:10px;position:absolute;left:414px}.desk-chair{bottom:calc(var(--desk-bottom) - 48px);z-index:1;width:48px;height:56px;position:absolute;left:500px}.desk-chair:before{content:"";background-color:#2d4a3e;border:2px solid #1d3a2e;width:32px;height:28px;position:absolute;bottom:0;left:8px}.desk-chair:after{content:"";background-color:#3a5a4a;border:2px solid #2d4a3e;width:24px;height:32px;position:absolute;bottom:24px;left:12px}.server-rack-group{z-index:2}.server-rack-cat{z-index:6;pointer-events:none;margin-bottom:-4px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.server-rack-cat .kernel-cat{pointer-events:auto;position:relative;top:auto;left:auto}.server-rack{z-index:2;width:88px;position:relative}.server-rack-cap{background-color:#2a2a3e;border:2px solid #3a3a5e;border-radius:2px 2px 0 0;height:10px}.server-rack-frame{background-color:#12121f;border:3px solid #2a2a3e;border-top:none;padding:4px}.server-rack-label{color:var(--color-muted);text-align:center;letter-spacing:1px;padding:2px 0 6px;font-size:7px}.server-rack-unit{background-color:#1a1a2e;border:1px solid #2a2a3e;align-items:center;gap:8px;height:28px;margin-bottom:3px;padding:0 8px;display:flex;position:relative}.server-rack-led{border-radius:50%;flex-shrink:0;width:6px;height:6px}.server-rack-vents{flex-direction:column;flex:1;gap:3px;display:flex}.server-rack-vent{background-color:#2a2a3e;height:2px}.server-rack-fan{background-color:#0d0d1a;border:2px solid #3a3a5e;border-top-color:#6b6b8a;border-radius:50%;width:16px;height:16px;position:absolute;right:8px}.floor-cable{bottom:calc(var(--floor-ratio) - 20px);z-index:1;background-color:#1a1a2e;border-radius:2px;width:400px;height:4px;position:absolute;left:200px;transform:rotate(-1deg)}.floor-plant{bottom:calc(var(--floor-ratio) + 8px);z-index:1;width:48px;height:48px;position:absolute;left:140px}.floor-plant-video{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.room-1:after{content:"";background-color:var(--color-room);z-index:20;width:8px;height:100%;position:absolute;top:0;right:0;box-shadow:4px 0 12px #00000080}.scene-object{cursor:pointer;z-index:5;transition:filter .2s;position:absolute}.scene-object:hover{filter:brightness(1.25) drop-shadow(0 0 8px var(--color-accent));animation:1.2s ease-in-out infinite pixel-pulse}.pixel-panel{border:3px solid #0000004d;border-color:#ffffff26 #0000004d #0000004d #ffffff26}.scene-text{font-family:var(--scene-font);letter-spacing:.5px}.lava-lamp-wrap{width:24px;height:52px;transition:transform .2s;position:relative}.lava-lamp-base{z-index:2;background-color:#2a2a3e;border:2px solid #3a3a5e;width:16px;height:8px;margin:0 auto;position:relative}.lava-lamp-glass{z-index:1;border:none;border-left:2px solid #3a3a5e;border-right:2px solid #3a3a5e;border-radius:4px 4px 0 0;width:12px;height:34px;margin:-2px auto 0;position:relative;overflow:hidden}.lava-lamp-cap{z-index:2;background-color:#2a2a3e;border:2px solid #3a3a5e;border-radius:3px 3px 0 0;width:10px;height:6px;margin:0 auto;position:relative}.lava-bubble{opacity:.8;border-radius:50%;width:4px;height:6px;position:absolute}.lava-bubble-1{animation:4s ease-in-out infinite lava-float-1;left:2px}.lava-bubble-2{animation:5s ease-in-out 1.5s infinite lava-float-2;left:4px}.lava-bubble-3{animation:3.5s ease-in-out .7s infinite lava-float-3;left:1px}@keyframes lava-float-1{0%{transform:translateY(28px)scaleY(.7)}45%{transform:translateY(12px)scaleY(1.1)}50%{transform:translateY(10px)scaleY(.9)}90%{transform:translateY(2px)scaleY(1.1)}to{transform:translateY(28px)scaleY(.7)}}@keyframes lava-float-2{0%{transform:translateY(28px)scaleY(.8)}40%{transform:translateY(6px)scaleY(1.1)}75%{transform:translateY(16px)scaleY(.9)}to{transform:translateY(28px)scaleY(.8)}}@keyframes lava-float-3{0%{transform:translateY(28px)scaleY(.9)}50%{transform:translateY(4px)scaleY(1.2)}to{transform:translateY(28px)scaleY(.9)}}.vending-machine{background-color:#1a1a2e;border:4px solid #2d2d44;border-radius:4px;flex-direction:column;width:80px;height:160px;display:flex;position:relative;box-shadow:5px 5px #0006}.vending-canopy{height:32px;font-family:var(--pixel-font);color:var(--color-green);text-shadow:0 0 4px var(--color-green);background-color:#0b0b16;border-bottom:3px solid #2d2d44;justify-content:center;align-items:center;font-size:7px;display:flex}.vending-body{background-color:#121224;flex:1;grid-template-columns:2fr 1fr;gap:6px;padding:8px;display:grid}.vending-display{background-color:#0a0a15;border:2px solid #22223b;border-radius:2px;flex-direction:column;justify-content:space-around;padding:4px;display:flex;position:relative;overflow:hidden}.vending-row{justify-content:space-around;display:flex}.vending-item-slot{background-color:var(--color-accent);border-radius:1px;width:8px;height:12px}.vending-row:nth-child(2) .vending-item-slot{background-color:var(--color-teal)}.vending-controls{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding-top:4px;display:flex}.vending-btn{background-color:#e94560;border:1px solid #ff6b85;border-radius:1px;width:10px;height:10px}.vending-btn:nth-child(2){background-color:#00f5d4;border-color:#55ffd4}.vending-btn:nth-child(3){background-color:#ff6b35;border-color:#fa6}.vending-coin-slot{background-color:#3e3e5e;width:2px;height:8px;margin-top:8px}.vending-tray-outer{background-color:#18182a;border-top:3px solid #2d2d44;height:28px;padding:4px 12px}.vending-tray{background-color:#080810;border:2px solid #222238;width:100%;height:100%;position:relative}.dispensed-can{background-color:var(--color-accent);opacity:0;pointer-events:none;z-index:5;border:1px solid #fff;border-radius:1px;width:8px;height:12px;position:absolute;top:-95px;left:22px}.dispensed-can.dispensing{animation:.6s cubic-bezier(.25,.8,.25,1) forwards can-drop}@keyframes can-drop{0%{opacity:1;transform:translateY(0)rotate(0)}60%{opacity:1;transform:translateY(85px)rotate(10deg)}75%{transform:translateY(80px)rotate(-15deg)}90%{transform:translateY(85px)rotate(5deg)}to{opacity:1;transform:translateY(85px)rotate(0)}}.whiteboard-panel{background-color:#f7f9fa;border:6px solid #4e3629;border-bottom-width:10px;flex-direction:column;gap:6px;width:180px;height:120px;padding:8px;display:flex;position:relative;box-shadow:4px 4px #0006}.whiteboard-title{font-family:var(--pixel-font);color:#333;border-bottom:2px dashed #ccc;padding-bottom:4px;font-size:6px}.whiteboard-content{flex:1;gap:6px;display:flex}.whiteboard-col{background-color:#00000008;border-radius:1px;flex:1;padding:3px}.whiteboard-postit{color:#111;width:100%;height:18px;font-size:5px;font-family:var(--scene-font);margin-bottom:4px;padding:2px;font-weight:700;box-shadow:1px 1px 1px #00000026}.lounge-couch{width:220px;height:84px;position:relative}.couch-back{background-color:#512b58;border:3px solid #2c1630;border-radius:6px 6px 0 0;width:100%;height:52px}.couch-seat{background-color:#6d3b72;border:3px solid #2c1630;border-radius:2px;width:216px;height:24px;position:absolute;bottom:8px;left:2px;box-shadow:inset 0 8px #ffffff14}.couch-arm{background-color:#3c1e42;border:3px solid #2c1630;border-radius:4px;width:24px;height:38px;position:absolute;bottom:8px}.couch-arm-left{left:0}.couch-arm-right{right:0}.couch-leg{background-color:#2c1630;width:6px;height:8px;position:absolute;bottom:0}.couch-leg-left{left:16px}.couch-leg-right{right:16px}.pillow{background-color:#ff6b35;border:2px solid #b83f14;border-radius:3px;width:24px;height:24px;position:absolute;bottom:24px}.pillow-left{left:24px;transform:rotate(-5deg)}.pillow-right{background-color:#00f5d4;border-color:#00bda3;right:24px;transform:rotate(5deg)}.coffee-table{width:110px;height:26px;position:relative}.table-top{background-color:#7b4a21;border:2px solid #4a280f;border-radius:1px;width:100%;height:8px}.table-leg{background-color:#4a280f;width:6px;height:18px;position:absolute;bottom:0}.table-leg-left{left:12px}.table-leg-right{right:12px}.pizza-box{background-color:#e5d3b3;border:1px solid #9c8a6f;width:28px;height:6px;position:absolute;top:-6px;left:20px;transform:rotate(3deg)}.pizza-box-open{background-color:#dcd1be;border:1.5px solid #8e8067;justify-content:center;align-items:center;width:28px;height:16px;display:flex;position:absolute;top:-16px;left:56px;transform:rotate(-4deg)}.pizza-slice{clip-path:polygon(0 0,100% 50%,0 100%);background-color:#fc0;border-left:2px solid #d35400;width:12px;height:10px}.synth-cabinet{background-color:#2a2a2a;border:2px solid #1a1a1a;border-radius:2px;flex-direction:column;width:64px;height:24px;display:flex;position:relative}.synth-panel{background-color:#1f1f1f;border-bottom:2px solid #111;align-items:center;gap:3px;height:8px;padding:0 4px;display:flex}.synth-dial{background-color:var(--color-orange);border-radius:50%;width:4px;height:4px}.synth-screen{background-color:#052a05;border:1px solid #1a5e1a;width:12px;height:4px}.synth-keys{background-color:#111;flex:1;padding:0 1px;display:flex}.synth-key{background-color:#fff;border:1px solid #222;border-bottom-width:2px;flex:1;margin-right:1px}.synth-key:last-child{margin-right:0}.arcade-wrap{background-color:#0f0f1d;border:4px solid #1e1e36;border-radius:6px;flex-direction:column;width:90px;height:172px;display:flex;position:relative;box-shadow:6px 6px #00000073}.arcade-marquee{height:32px;font-family:var(--pixel-font);color:var(--color-green);text-align:center;background-color:#090912;border-bottom:4px solid #1e1e36;justify-content:center;align-items:center;font-size:6px;font-weight:700;display:flex}.arcade-screen-frame{background-color:#121221;border-bottom:4px solid #1e1e36;height:72px;padding:5px}.arcade-screen{background-color:#03030d;border:2px solid #252542;width:100%;height:100%;position:relative;overflow:hidden}.arcade-starfield{opacity:.75;background-image:radial-gradient(1px 1px at 8px 12px,#fff,#0000),radial-gradient(1.5px 1.5px at 28px 42px,#39ff14,#0000),radial-gradient(1px 1px at 52px 24px,#fff,#0000),radial-gradient(1px 1px at 12px 54px,#e94560,#0000),radial-gradient(1.5px 1.5px at 64px 48px,#fff,#0000);background-size:80px 80px;width:100%;height:100%;animation:4s linear infinite star-scroll}.arcade-sprite-demo{font-family:var(--pixel-font);color:var(--color-accent);text-align:center;font-size:5px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arcade-controls-panel{background-color:#1e1e36;border-bottom:4px solid #0f0f1d;height:24px;padding:2px 8px;position:relative}.arcade-joystick{background-color:#ff6b35;border-radius:2px;width:4px;height:10px;position:absolute;bottom:8px;left:20px}.arcade-joystick:after{content:"";background-color:#ff4500;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-2px}.arcade-buttons{gap:3px;display:flex;position:absolute;bottom:8px;right:18px}.arcade-btn{background-color:#e94560;border-radius:50%;width:6px;height:6px}.arcade-btn:nth-child(2){background-color:#39ff14}.arcade-bottom{background-color:#0a0a14;flex:1;position:relative}.arcade-coin-door{background-color:#1a1a2e;border:2px solid #2d2d48;justify-content:space-around;width:32px;height:38px;padding:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arcade-coin-entry{background-color:#0b0b14;border:1px solid #3c3c5c;width:6px;height:18px;position:relative}.arcade-coin-light{background-color:#ff6b35;width:4px;height:3px;position:absolute;top:2px;left:1px}