@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";:root{--color-primary: #d4af37;--color-primary-rgb: 212, 175, 55;--color-secondary: #1a1600;--color-secondary-rgb: 26, 22, 0;--color-text: #ddd4a8;--color-bg: #050400;--color-accent-light: #fffbee;--color-accent-pale: #ffe17e;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--font-family-base: "Roboto", sans-serif;--font-size-base: 1rem;--font-size-h1: 2.6rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--line-height-base: 1.6;--container-max-width: 800px;--border-radius-sm: 6px;--border-radius-md: 8px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--parallax-friction: .083;--parallax-depth: .06;--animation-typing-speed: 50ms;--z-background: -1;--z-base: 1;--z-ambient: 2;--z-header: 10;--z-music-player: 100;--z-lightbox: 1000;--z-cursor-trail: 9999;--breakpoint-mobile: 320px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px;--color-accent: var(--color-primary);--radius-sm: var(--border-radius-sm);--radius-md: var(--border-radius-md);--transition-duration: .3s;--transition-easing: ease;--primary-color: var(--color-primary);--secondary-color: var(--color-secondary);--text-color: var(--color-text);--bg-color: var(--color-bg);--tech-icon-filter: invert(79%) sepia(39%) saturate(1450%) hue-rotate(358deg) brightness(89%) contrast(89%)}body[data-mood=hacker]{--color-primary: #00ff41;--color-primary-rgb: 0, 255, 65;--tech-icon-filter: invert(56%) sepia(98%) saturate(427%) hue-rotate(99deg) brightness(121%) contrast(100%);--color-secondary: #061006;--color-secondary-rgb: 6, 16, 6;--color-text: #7dff8c;--color-bg: #010801;--color-accent-light: #b3ffbe;--color-accent-pale: #39ff14;--color-accent: #00ff41;--primary-color: #00ff41;--secondary-color: #061006;--text-color: #7dff8c;--bg-color: #010801}body[data-mood=vaporwave]{--color-primary: #ff71ce;--color-primary-rgb: 255, 113, 206;--tech-icon-filter: invert(77%) sepia(33%) saturate(786%) hue-rotate(283deg) brightness(105%) contrast(98%);--color-secondary: #1a0035;--color-secondary-rgb: 26, 0, 53;--color-text: #b0e0ff;--color-bg: #0d001a;--color-accent-light: #ffe4f6;--color-accent-pale: #69b4ff;--color-accent: #ff71ce;--primary-color: #ff71ce;--secondary-color: #1a0035;--text-color: #b0e0ff;--bg-color: #0d001a}body[data-mood=europa]{--color-primary: #00e5ff;--color-primary-rgb: 0, 229, 255;--tech-icon-filter: invert(72%) sepia(98%) saturate(1200%) hue-rotate(156deg) brightness(104%) contrast(103%);--color-secondary: #0b131e;--color-secondary-rgb: 11, 19, 30;--color-text: #e0f2fe;--color-bg: #070d14;--color-accent-light: #e0f2fe;--color-accent-pale: #7dd3fc;--color-accent: #00e5ff;--primary-color: #00e5ff;--secondary-color: #0b131e;--text-color: #e0f2fe;--bg-color: #070d14}body[data-mood=industrial]{--color-primary: #ff5722;--color-primary-rgb: 255, 87, 34;--tech-icon-filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(351deg) brightness(101%) contrast(110%);--color-secondary: #1a1a1a;--color-secondary-rgb: 26, 26, 26;--color-text: #9e9e9e;--color-bg: #121212;--color-accent-light: #ffccbc;--color-accent-pale: #ffd600;--color-accent: #ff5722;--primary-color: #ff5722;--secondary-color: #1a1a1a;--text-color: #9e9e9e;--bg-color: #121212}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0s;--transition-base: 0s;--transition-slow: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){html{scroll-padding-top:5rem}}@media (max-width: 480px){html{scroll-padding-top:4.5rem}}body{position:relative;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}ul,ol{list-style:none}main ul,main ol{padding-left:1.2rem}main ul{list-style:disc}main ol{list-style:decimal}a{color:var(--primary-color);text-decoration:none}a:hover{color:#ff9100}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img,picture,svg,video{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-bg);font-weight:600;border-radius:var(--border-radius-sm);z-index:9999;transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-sm)}#background{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:var(--z-background);opacity:.3;transform:scale(1.15);pointer-events:none;filter:blur(4px);-webkit-filter:blur(4px)}#ambient-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;pointer-events:none;z-index:var(--z-ambient, 2)}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto;transition:z-index 0s;transform-origin:center center}#particles-js.particles-foreground{z-index:5}main{max-width:var(--container-max-width);margin:var(--space-lg) auto;padding:var(--space-lg);background-color:#1a1a1ad9;box-shadow:0 0 10px #0000001a;border:1px solid #333;position:relative;z-index:var(--z-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .6s ease}main.main--particles-active{opacity:.35;pointer-events:none}section{margin-bottom:var(--space-xl)}main section{background:#ffffff0d;border-radius:8px;padding:1.5rem 2rem;margin-bottom:2.5rem}section:last-child{margin-bottom:0}hr{border:none;border-top:1px solid rgba(var(--color-primary-rgb),.3);margin:var(--space-xl) 0}@media (max-width: 768px){main{margin:var(--space-sm) auto;padding:var(--space-md)}section{margin-bottom:var(--space-lg)}hr{margin:var(--space-lg) 0}}@media (max-width: 480px){main{margin:0;padding:var(--space-sm);border-left:none;border-right:none}}h1{font-size:var(--font-size-h1);font-weight:900;letter-spacing:.05em;margin-top:var(--space-md);margin-bottom:var(--space-md);color:var(--color-primary);background:linear-gradient(90deg,var(--color-accent-pale) 30%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}@media (prefers-contrast: high){h1{background:none;-webkit-text-fill-color:var(--color-primary);color:var(--color-primary)}}h2,h3{color:var(--color-primary);background:linear-gradient(90deg,var(--color-primary),var(--color-accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-contrast: high){h2,h3{background:none;-webkit-text-fill-color:var(--color-primary);color:var(--color-primary)}}h2{font-size:var(--font-size-h2);margin-bottom:var(--space-md);position:relative;padding-bottom:var(--space-sm)}h2:before{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;background:var(--color-primary);border-radius:2px}h3{font-size:var(--font-size-h3);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-sm)}p:last-child{margin-bottom:0}strong{font-weight:600;color:var(--color-accent-light)}em{font-style:italic;color:var(--color-accent-light)}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-sm)}li{margin-bottom:var(--space-xs)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}header.header--main{background:#0c0c0cb8;border-bottom:2px solid rgba(var(--color-primary-rgb),.8);position:sticky;top:0;z-index:var(--z-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav social";align-items:center;-moz-column-gap:var(--space-sm);column-gap:var(--space-sm);padding:.8rem var(--space-lg)}.header--branding{grid-area:brand;display:flex;align-items:center}.brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-primary);transition:all var(--transition-fast);padding:.5rem 1rem;border-radius:var(--border-radius-md)}.brand-logo:hover,.brand-logo:focus-visible{color:var(--color-accent-light);background:rgba(var(--color-primary-rgb),.1)}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-pale));color:var(--color-secondary);font-weight:700;font-size:1.1rem;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.2)}.brand-logo:hover .logo-icon,.brand-logo:focus-visible .logo-icon{box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.4);transform:scale(1.05)}.logo-text{font-weight:700;font-size:.95rem;letter-spacing:.05em;white-space:nowrap}.header--nav-desktop{grid-area:nav;display:none;width:auto;margin:0}.header--nav-desktop ul{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;list-style:none;padding:0;margin:0;width:100%}.header--nav-desktop ul li a{display:inline-block;padding:.6em 1.5em;border-radius:var(--border-radius-md);background:rgba(var(--color-primary-rgb),.13);color:var(--color-primary);font-weight:600;font-size:1.08rem;border:2px solid var(--color-primary);box-shadow:0 2px 4px #00000026;letter-spacing:.03em;text-decoration:none;transition:transform var(--transition-fast),background .18s cubic-bezier(.39,.58,.57,1.25),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.header--nav-desktop ul li a:hover,.header--nav-desktop ul li a:focus-visible{background:rgba(var(--color-primary-rgb),.45);color:var(--color-accent-light);border-color:var(--color-accent-light);box-shadow:0 4px 18px rgba(var(--color-primary-rgb),.4);transform:translateY(-2px) scale(1.06)}.header--nav-desktop ul li a:active{background:rgba(var(--color-primary-rgb),.6);transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0003}.header--nav-desktop ul li a[aria-current=page],.header--nav-desktop ul li a.active{background:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary);box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.5);pointer-events:none;position:relative}.header--nav-desktop ul li a[aria-current=page]:after,.header--nav-desktop ul li a.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:3px;background:var(--color-accent-light);border-radius:2px 2px 0 0}.header--secondary{max-width:var(--container-max-width);margin:var(--space-md) auto var(--space-lg);padding:var(--space-md) var(--space-lg);background:#0c0c0cb8;border:1px solid rgba(var(--color-primary-rgb),.25);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:var(--z-base)}.header--secondary .header--hero{text-align:center;width:100%;padding-bottom:var(--space-sm);border-bottom:1px solid rgba(var(--color-primary-rgb),.18)}.header--hero-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:center;gap:var(--space-lg);text-align:left}.header--hero-home .header--hero-text{justify-self:center;text-align:left}.header--hero-scene{display:flex;justify-content:center;align-items:center}.header--secondary .header--hero h1{font-size:clamp(1.5rem,3.5vw,2.1rem);margin-top:0;margin-bottom:.5rem;line-height:1.25;letter-spacing:.02em;background:linear-gradient(135deg,var(--color-accent-pale) 0%,var(--color-primary) 45%,var(--color-accent-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(var(--color-primary-rgb),.35))}.header--secondary .header--hero h3.header-subheading{font-size:.9rem;margin-top:0;margin-bottom:.25rem;font-weight:600;color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;opacity:.9}.header--secondary .header--hero h4.header-subheading-alt{font-size:.82rem;margin-top:0;margin-bottom:0;font-weight:400;font-style:italic;color:var(--color-text);opacity:.72}.header--secondary .header--hero h2.header-subheading{font-size:.9rem;margin-top:0;margin-bottom:0;font-weight:400;opacity:.9}.typing:after{content:"|";display:inline-block;animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.header--actions{grid-area:social;align-self:center;display:flex;align-items:center;gap:.4rem}header.header--main .hamburger-toggle{grid-area:social;position:static;align-self:center;justify-self:end}@media (min-width: 769px){.header--nav-desktop{display:flex;align-items:center;justify-content:center;align-self:stretch}}@media (max-width: 768px){header.header--main{grid-template-columns:auto 1fr;grid-template-areas:"brand social";padding:.6rem var(--space-md)}.header--secondary{margin:var(--space-sm) var(--space-md) var(--space-md);padding:var(--space-sm) var(--space-md)}.brand-logo{padding:.4rem .8rem;gap:.5rem}.logo-icon{width:36px;height:36px;font-size:1rem}.logo-text{font-size:.85rem}.header--secondary .header--hero h1{font-size:clamp(1.3rem,4vw,1.8rem)}.header--secondary .header--hero h3.header-subheading,.header--secondary .header--hero h4.header-subheading-alt,.header--secondary .header--hero h2.header-subheading{font-size:.82rem}.header--hero-home{grid-template-columns:1fr;text-align:center}.header--hero-home .header--hero-text{text-align:center}}@media (max-width: 480px){header.header--main{padding:.5rem var(--space-sm)}.header--secondary{margin:var(--space-sm);padding:var(--space-sm)}.brand-logo{padding:.4rem .6rem;gap:.4rem}.logo-icon{width:32px;height:32px;font-size:.9rem}.logo-text{display:none}.header--secondary .header--hero h1{font-size:1.3rem;margin-bottom:.15rem}.header--secondary .header--hero h3.header-subheading,.header--secondary .header--hero h4.header-subheading-alt,.header--secondary .header--hero h2.header-subheading{font-size:.75rem}}.hamburger-toggle{display:none;width:44px;height:44px;position:relative;align-items:center;justify-content:center;background:none;border:1px solid rgba(var(--color-primary-rgb),.45);border-radius:var(--border-radius-sm);cursor:pointer;padding:0;z-index:10021;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.hamburger-toggle:hover,.hamburger-toggle:focus-visible{background:rgba(var(--color-primary-rgb),.12);border-color:var(--color-primary)}.hamburger-toggle__line{position:absolute;width:24px;height:3px;background-color:var(--color-primary);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-fast);transform-origin:center}.hamburger-toggle__line:nth-child(1){transform:translateY(-8px)}.hamburger-toggle__line:nth-child(2){transform:translateY(0)}.hamburger-toggle__line:nth-child(3){transform:translateY(8px)}.hamburger-toggle.active .hamburger-toggle__line:nth-child(1){transform:rotate(45deg)}.hamburger-toggle.active .hamburger-toggle__line:nth-child(2){opacity:0}.hamburger-toggle.active .hamburger-toggle__line:nth-child(3){transform:rotate(-45deg)}.hamburger-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000;z-index:10019;pointer-events:none;transition:background-color var(--transition-base)}.hamburger-overlay.open{background-color:#0000009e;pointer-events:auto}.hamburger-nav{display:flex;flex-direction:column;justify-content:flex-start;position:fixed;top:0;left:0;width:280px;height:100vh;background:#1a1a1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10020;transform:translate(-100%);transition:transform var(--transition-base);padding:calc(60px + var(--space-md)) var(--space-md) var(--space-md);overflow-y:auto;box-shadow:2px 0 12px #0006}.hamburger-nav.open{transform:translate(0)}.hamburger-nav ul{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;padding:0;margin:0;width:100%}.hamburger-nav ul li{width:100%}.hamburger-nav ul li a{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-primary);text-decoration:none;font-weight:600;font-size:1.05rem;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--border-radius-sm);background:rgba(var(--color-primary-rgb),.08);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.hamburger-nav ul li a:hover,.hamburger-nav ul li a:focus-visible{background-color:rgba(var(--color-primary-rgb),.2);color:var(--color-accent-light);border-color:var(--color-accent-light)}.hamburger-nav ul li a[aria-current=page],.hamburger-nav ul li a.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-secondary);font-weight:700;pointer-events:none;padding-left:calc(var(--space-md) + 6px);border-left:4px solid var(--color-accent-light)}@media (max-width: 768px){.hamburger-toggle{display:flex}}@media (max-width: 480px){.hamburger-nav{padding-top:calc(var(--space-xl) + 1rem);justify-content:flex-start}}.site-footer{position:relative;z-index:var(--z-base);background:#1a1a1ab3;border-top:2px solid var(--primary-color);padding:32px;margin-top:var(--space-xl);color:var(--text-color);font-size:1rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);max-width:900px;margin:0 auto}.footer-left{text-align:left;color:var(--primary-color);font-weight:700;flex:1}.footer-center{flex:0 0 auto}.footer-right{text-align:right;flex:1;min-width:80px;display:flex;justify-content:flex-end;align-items:center}.footer-bubbles{display:flex;gap:var(--space-sm)}.bubble{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-color, #181818);box-shadow:0 2px 6px #0000002e;transition:transform .18s,background .2s}.bubble:hover,.bubble:focus-visible{transform:scale(1.1);background:var(--primary-color)}.bubble img,.bubble svg{width:22px;height:22px;filter:invert(.85)}.bubble:hover img,.bubble:hover svg{filter:invert(.1)}#footer-clock{font-family:monospace;font-size:1.2rem;color:var(--color-primary)}@media (max-width: 768px){.footer-inner{flex-direction:column;text-align:center;gap:var(--space-md)}.footer-left,.footer-right{text-align:center}.footer-bubbles{justify-content:center}}@media (max-width: 480px){.site-footer{padding:var(--space-md)}.bubble{width:36px;height:36px}.bubble img,.bubble svg{width:20px;height:20px}}.btn{display:inline-block;padding:.6em 1.2em;margin-top:var(--space-sm);background:var(--color-primary);color:var(--color-secondary);font-weight:600;font-size:1rem;text-align:center;border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);box-shadow:0 2px 6px #00000026;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover,.btn:focus-visible{background:var(--color-accent-light);color:var(--color-secondary);border-color:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.btn:active{transform:translateY(0);box-shadow:0 1px 3px #0003}.btn--secondary{background:transparent;color:var(--color-primary)}.btn--secondary:hover,.btn--secondary:focus-visible{background:rgba(var(--color-primary-rgb),.2);color:var(--color-accent-light)}.btn--small{padding:.4em .8em;font-size:.9rem}.btn--large{padding:.8em 1.6em;font-size:1.1rem}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #0000004d,0 0 #d4af3766}50%{box-shadow:0 4px 12px #0000004d,0 0 0 6px #d4af3733}}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--color-primary);color:var(--color-secondary);border:2px solid var(--color-primary);box-shadow:0 4px 12px #0000004d;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}#back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto;animation:float-bob 6s ease-in-out infinite,pulse-glow 4s ease-in-out infinite}#back-to-top:hover,#back-to-top:focus-visible{opacity:1;transform:translateY(-6px) scale(1.1);box-shadow:0 6px 20px #0006,0 0 12px #d4af3799;background:var(--color-primary);border-color:var(--color-accent-light)}#back-to-top:active{transform:translateY(-4px) scale(1.05)}#back-to-top svg{width:24px;height:24px;animation:arrow-bounce 2.5s ease-in-out infinite}@media (max-width: 480px){.btn{width:100%;text-align:center}#back-to-top{bottom:20px;right:20px;width:45px;height:45px}}#music-player{position:fixed;bottom:20px;left:20px;width:380px;background:linear-gradient(135deg,#1a1a1afa,#282828f2);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);padding:16px;box-shadow:0 8px 32px #0009,0 0 20px rgba(var(--color-primary-rgb),.15);z-index:var(--z-music-player);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;overflow:visible;transition:transform .4s cubic-bezier(.4,0,.2,1)}#music-player.retracted{transform:translate(calc(-100% - 22px))}#player-retract-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(var(--color-primary-rgb),.1);border:1.5px solid rgba(var(--color-primary-rgb),.4);color:var(--color-primary);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all var(--transition-base);z-index:1;opacity:.6;font-size:13px;line-height:1}#player-retract-btn:hover,#player-retract-btn:focus-visible{opacity:1;background:rgba(var(--color-primary-rgb),.28);transform:scale(1.2);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.35)}#player-peek-btn{position:fixed;left:0;bottom:60px;width:26px;height:62px;background:linear-gradient(135deg,#1a1a1afa,#282828f2);border:2px solid var(--color-primary);border-left:none;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;color:var(--color-primary);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-music-player);box-shadow:3px 0 14px #0000008c,3px 0 20px rgba(var(--color-primary-rgb),.12);transition:all var(--transition-base);font-size:13px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#player-peek-btn:hover,#player-peek-btn:focus-visible{width:34px;box-shadow:4px 0 18px #000000a6,4px 0 26px rgba(var(--color-primary-rgb),.2);background:linear-gradient(135deg,#231e0afc,#322c0efa)}#player-peek-btn.visible{display:flex}.player-main{display:flex;gap:12px;align-items:flex-start}.album-art{width:90px;height:90px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,var(--color-secondary) 0%,rgba(var(--color-primary-rgb),.2) 100%);flex-shrink:0;box-shadow:0 4px 12px #0006;border:1px solid rgba(var(--color-primary-rgb),.3)}.track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.visualizer{width:100%;height:46px;padding:6px 8px;border-radius:10px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),#00000059);border:1px solid rgba(var(--color-primary-rgb),.2);box-shadow:inset 0 0 12px #0006;position:relative}.visualizer:after{content:"";position:absolute;top:6px;right:8px;bottom:6px;left:8px;border-radius:8px;border:1px solid rgba(var(--color-primary-rgb),.08);pointer-events:none}.music-visualizer{width:100%;height:100%;display:block}.text-wrapper{overflow:hidden}.title{font-weight:700;color:var(--color-primary);font-size:1rem;line-height:1.2;word-break:break-word;max-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.artist{font-size:.85rem;color:var(--color-text);opacity:.75;word-break:break-word}.text-wrapper.scrolling .title,.text-wrapper.scrolling .artist{animation:scroll-text 10s linear infinite}@keyframes scroll-text{0%{transform:translate(0)}to{transform:translate(-50%)}}.controls{display:flex;gap:8px;align-items:center;justify-content:center;width:100%}.controls button{width:36px;height:36px;border-radius:50%;background:rgba(var(--color-primary-rgb),.15);border:1.5px solid var(--color-primary);color:var(--color-primary);display:flex;align-items:center;justify-content:center;padding:0;transition:all var(--transition-base);cursor:pointer;font-weight:500}.controls button svg{width:20px;height:20px;flex-shrink:0}.controls button i{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px}#mute-btn i{height:auto}.controls button:hover,.controls button:focus-visible{background:rgba(var(--color-primary-rgb),.35);transform:scale(1.15);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.4)}.controls button:active{transform:scale(.9)}.progress-container{width:100%;height:8px;background:#ffffff26;border:1px solid rgba(var(--color-primary-rgb),.25);border-radius:4px;overflow:visible;cursor:pointer;position:relative;transition:height var(--transition-base),background var(--transition-base);box-shadow:inset 0 1px 3px #0006}.progress{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 85%,rgba(var(--color-primary-rgb),.8) 100%);width:0%;transition:width .1s linear;border-radius:3px;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.6),inset -1px 0 2px #fff3;position:relative}.progress:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--color-primary);border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.7);opacity:.5;transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.progress-container:hover{height:10px;background:#fff3;border-color:rgba(var(--color-primary-rgb),.4);box-shadow:inset 0 1px 3px #0006,0 0 8px rgba(var(--color-primary-rgb),.25)}.progress-container:hover .progress{box-shadow:0 0 16px rgba(var(--color-primary-rgb),.9),inset -1px 0 2px #ffffff4d}.progress-container:hover .progress:after{opacity:1;transform:translateY(-50%) scale(1.15);box-shadow:0 0 14px rgba(var(--color-primary-rgb),.95)}.loading-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-accent);opacity:.8}.loading-spinner{width:12px;height:12px;border:2px solid rgba(var(--color-primary-rgb),.3);border-top-color:var(--color-accent);border-radius:50%;animation:loading-spin .8s linear infinite}.loading-text{font-size:.8rem}.time-display{font-size:.75rem;color:var(--color-text);opacity:.6;text-align:center;font-family:Courier New,monospace;padding:0 4px}.current-time,.duration{font-weight:600;color:var(--color-accent);opacity:.8}.volume-wrapper{position:relative}.volume-popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:38px;height:120px;background:linear-gradient(135deg,#1a1a1afc,#282828f7);border:1.5px solid var(--color-primary);border-radius:var(--border-radius-sm);box-shadow:0 -4px 20px #0009,0 0 14px rgba(var(--color-primary-rgb),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:calc(var(--z-music-player) + 2);display:flex;align-items:center;justify-content:center;padding:10px 0;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translate(-50%) translateY(6px)}.volume-popup:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#282828f7;border-right:1.5px solid var(--color-primary);border-bottom:1.5px solid var(--color-primary);rotate:45deg}.volume-popup:before{content:"";position:absolute;bottom:-12px;left:-8px;right:-8px;height:12px;background:transparent}.volume-popup.open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.volume-popup-track{position:relative;width:6px;height:100%;background:rgba(var(--color-primary-rgb),.15);border-radius:3px;overflow:visible}.volume-popup-fill{position:absolute;bottom:0;left:0;width:100%;height:70%;background:linear-gradient(0deg,var(--color-primary),rgba(var(--color-primary-rgb),.7));border-radius:3px;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.5);pointer-events:none;transition:height .15s ease}.volume-slider-vertical{position:absolute;writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;left:-10px;right:-10px;width:calc(100% + 20px)}.volume-slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-primary);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.6);cursor:pointer;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.volume-slider-vertical::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 14px rgba(var(--color-primary-rgb),.9)}.volume-slider-vertical::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-primary);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.6);cursor:pointer;-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.volume-slider-vertical::-moz-range-thumb:hover{transform:scale(1.25);box-shadow:0 0 14px rgba(var(--color-primary-rgb),.9)}.volume-slider-vertical::-webkit-slider-runnable-track{background:transparent}.volume-slider-vertical::-moz-range-track{background:transparent;border:none}@media (max-width: 920px){#music-player{width:340px}.album-art{width:80px;height:80px}.title{font-size:.95rem}}@media (max-width: 768px){#music-player{width:320px;bottom:15px;left:15px;padding:12px;gap:10px}.player-main{gap:10px}.album-art{width:70px;height:70px}.title{font-size:.9rem}.artist{font-size:.8rem}.controls button{width:32px;height:32px;font-size:14px}}@media (max-width: 480px){#music-player{width:calc(100% - 30px);left:15px;right:15px;bottom:10px;padding:10px;gap:8px}.player-main{gap:10px}.album-art{width:60px;height:60px}.title{font-size:.85rem}.artist{font-size:.75rem}.controls button{width:30px;height:30px;font-size:13px}}.queue-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:linear-gradient(135deg,#1a1a1afc,#282828fa);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:0 12px 40px #000c,0 0 30px rgba(var(--color-primary-rgb),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:320px;max-width:380px;max-height:500px;overflow-y:auto;z-index:calc(var(--z-music-player) + 1);opacity:0;transform:translateY(10px);pointer-events:none;transition:all var(--transition-base) ease-out}.queue-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.queue-list{display:flex;flex-direction:column}.queue-item{padding:8px 10px;border-left:3px solid transparent;transition:all var(--transition-fast);color:var(--color-text);background-color:transparent}.queue-item:hover{background-color:rgba(var(--color-primary-rgb),.08);border-left-color:var(--color-primary)}.queue-item.current{background-color:rgba(var(--color-primary-rgb),.15);border-left-color:var(--color-primary)}.queue-item.current>div>span{color:var(--color-primary)}.queue-menu::-webkit-scrollbar{width:6px}.queue-menu::-webkit-scrollbar-track{background:rgba(var(--color-primary-rgb),.1);border-radius:3px}.queue-menu::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.4);border-radius:3px}.queue-menu::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-rgb),.6)}@media (prefers-reduced-motion: reduce){#music-player,#player-retract-btn,#player-peek-btn,.volume-popup,.volume-popup-fill{transition:none}}@media (max-width: 360px){#music-player{padding:8px;gap:6px}.player-main{gap:8px}.album-art{width:50px;height:50px}.title{font-size:.8rem}.controls button{width:28px;height:28px;font-size:12px}}.project-category{font-size:var(--font-size-h3);margin-bottom:var(--space-sm);color:var(--color-primary);background:linear-gradient(90deg,var(--color-primary),var(--color-accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}#project-list .project{margin-bottom:var(--space-xl);padding:var(--space-lg);background:#0000004d;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--border-radius-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}#project-list .project:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}#project-list .project>img{width:100%;height:auto;border-radius:var(--border-radius-sm);margin:var(--space-md) 0;border:2px solid rgba(var(--color-primary-rgb),.3);transition:transform var(--transition-base),box-shadow var(--transition-base)}#project-list .project>img:hover{transform:scale(1.02);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.5)}.project-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:var(--space-md);margin-bottom:var(--space-sm)}.project-tech img{width:36px;height:36px;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;filter:var(--tech-icon-filter);opacity:.85;transition:transform var(--transition-base),opacity var(--transition-base);border:none;box-shadow:none;margin:0;padding:0;flex-shrink:0}.project-tech img:hover{transform:scale(1.25);opacity:1;box-shadow:none}.presentation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:var(--space-lg);align-items:stretch;grid-auto-rows:1fr}.presentation-block{padding:var(--space-md);background:var(--secondary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;transition:box-shadow .25s}.presentation-block:hover{box-shadow:0 0 18px var(--color-primary),0 2px 16px #00000047}.presentation-block ul{list-style:square;list-style-position:inside;padding-left:0;margin:0}.title-with-logo{display:flex;align-items:flex-end;gap:var(--space-sm);position:relative;padding-bottom:var(--space-sm);margin-bottom:var(--space-md)}.title-with-logo:before{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;background:var(--color-primary);border-radius:2px}.title-with-logo h2{margin-bottom:0;padding-bottom:0;border-bottom:none}.title-with-logo h2:before{display:none}.title-with-logo img{width:45px;height:45px;-o-object-fit:contain;object-fit:contain;margin:0;padding:0;border:none;box-shadow:none;transform:none}.title-with-logo img:hover{transform:none;box-shadow:none}.video-item{position:relative;margin:var(--space-md) 0;border-radius:var(--border-radius-sm);overflow:hidden}.hover-play{width:100%;height:auto;display:block;cursor:pointer}.video-item .progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background:#00000080}.video-item .progress{height:100%;background:var(--color-primary);width:0%;transition:width .1s linear}.no-projects-message{text-align:center;padding:var(--space-xl) var(--space-md);background:rgba(var(--color-primary-rgb),.05);border:2px dashed rgba(var(--color-primary-rgb),.3);border-radius:var(--border-radius-md);margin:var(--space-lg) 0}.no-projects-message p{margin:var(--space-sm) 0;font-size:1.05rem;color:var(--color-text);opacity:.8}.no-projects-message p:first-child{font-weight:600;color:var(--color-accent)}.project-count{font-size:.95rem;color:var(--color-accent);font-weight:600;margin-bottom:var(--space-lg);padding:var(--space-sm) 0;border-bottom:1px solid rgba(var(--color-primary-rgb),.2)}@media (max-width: 768px){#project-list .project{padding:var(--space-md);margin-bottom:var(--space-lg)}.presentation-grid{grid-template-columns:1fr;gap:var(--space-md)}.project-tech{gap:10px}.project-tech img{width:28px;height:28px}}@media (max-width: 480px){#project-list .project{padding:var(--space-sm)}.project-tech img{width:26px;height:26px}.title-with-logo{flex-direction:column;align-items:flex-start}.title-with-logo img{width:40px;height:40px}}.about-card{padding:var(--space-md) var(--space-lg);background:rgba(var(--color-primary-rgb),.04);border:1px solid rgba(var(--color-primary-rgb),.18);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);transition:box-shadow var(--transition-base)}.about-card:hover{box-shadow:0 4px 24px rgba(var(--color-primary-rgb),.15)}.about-card p{margin:0 0 var(--space-md) 0;font-size:1.05rem;line-height:1.75}.about-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.about-badge{display:inline-flex;align-items:center;gap:.4em;padding:.35em .85em;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:999px;font-size:.85rem;color:var(--color-primary);font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast)}.about-badge:hover{background:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.55)}.about-badge svg{width:14px;height:14px;flex-shrink:0}.skills-intro{margin-bottom:var(--space-md);font-size:.95rem;color:var(--color-text);opacity:.8}.skills-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm)}.skills-cards .bot-feature-card{flex:1 1 calc(33.333% - var(--space-md));min-width:220px;max-width:340px;align-items:flex-start}.skills-cards .bot-skills-tags{margin-top:var(--space-xs)}.timeline{list-style:none;padding:0;margin:var(--space-lg) 0 0;position:relative}.timeline:before{content:"";position:absolute;left:10px;top:6px;bottom:6px;width:2px;background:linear-gradient(to bottom,var(--color-primary),rgba(var(--color-primary-rgb),.2));border-radius:2px}.timeline-item{position:relative;padding-left:40px;margin-bottom:var(--space-lg)}.timeline-item:before{content:"";position:absolute;left:4px;top:6px;width:14px;height:14px;background:var(--color-bg);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.5);transition:box-shadow var(--transition-base)}.timeline-item:hover:before{box-shadow:0 0 16px rgba(var(--color-primary-rgb),.8)}.timeline-year{display:block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.3em;opacity:.9}.timeline-content{background:rgba(var(--color-primary-rgb),.04);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--border-radius-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.timeline-item:hover .timeline-content{border-color:rgba(var(--color-primary-rgb),.35);box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.12)}.timeline-content strong{display:block;font-size:1rem;color:var(--color-accent-light);margin-bottom:.2em}.timeline-place{display:block;font-size:.85rem;color:var(--color-primary);opacity:.85;margin-bottom:.4em}.timeline-content p{margin:0;font-size:.9rem;color:var(--color-text);opacity:.8}.hobbies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-top:var(--space-lg)}.hobby-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(var(--color-primary-rgb),.04);border:1px solid rgba(var(--color-primary-rgb),.18);border-radius:var(--border-radius-md);text-align:center;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);cursor:default}.hobby-card:hover{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.45);transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.18)}.hobby-icon{width:36px;height:36px;color:var(--color-primary);flex-shrink:0;transition:transform var(--transition-base)}.hobby-card:hover .hobby-icon{transform:scale(1.15)}.hobby-card span{font-size:.9rem;font-weight:500;color:var(--color-text);line-height:1.3}@media (max-width: 768px){.skills-cards .bot-feature-card{flex:1 1 100%;max-width:100%}.hobbies-grid{grid-template-columns:repeat(2,1fr)}.about-card{padding:var(--space-sm) var(--space-md)}}@media (max-width: 480px){.hobbies-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.hobby-card{padding:var(--space-sm)}.about-badges{gap:.4rem}}.video-gallery-title{text-align:center;font-size:1.25rem;font-weight:600;color:var(--color-primary);margin:var(--space-lg) 0 var(--space-md) 0;letter-spacing:.05em;text-transform:uppercase;opacity:.9}.video-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin:var(--space-lg) 0}.video-item{display:flex;flex-direction:column;text-align:center;position:relative;transition:transform .75s ease;z-index:1}.video-item:hover{transform:scale(1.2);z-index:10}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:var(--color-secondary);border-radius:var(--border-radius-sm);overflow:hidden;border:2px solid rgba(var(--color-primary-rgb),.35);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.25);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.video-wrapper:hover{border-color:rgba(var(--color-primary-rgb),.65);box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.4)}.video-wrapper video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;cursor:default}.progress-container{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0000004d;border-radius:0;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,var(--color-primary),#f0bf4f);width:0%;transition:width .1s linear}.caption{text-align:center;margin-top:var(--space-xs);font-size:.9rem;color:var(--color-text);opacity:.9}.drawings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin:var(--space-xl) 0}.drawing-item{text-align:center}.drawing-item img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-sm);border:2px solid rgba(var(--color-primary-rgb),.3);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.drawing-item img:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.5)}.drawing-item p{margin-top:var(--space-sm);font-size:.85rem;color:var(--color-text);opacity:.8}#lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;padding:var(--space-lg);opacity:1;transition:opacity var(--transition-base)}#lightbox-img{max-width:90%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border:2px solid var(--color-primary);border-radius:var(--border-radius-sm)}#lightbox-close{position:absolute;top:20px;right:30px;font-size:3rem;color:var(--color-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--transition-fast)}#lightbox-close:hover{transform:scale(1.2)}#lightbox-caption{color:var(--color-text);margin-top:var(--space-md);text-align:center;max-width:600px}.bot-icon{display:block;max-width:220px;margin:0 auto var(--space-lg);border-radius:var(--border-radius-md);border:2px solid rgba(var(--color-primary-rgb),.4);box-shadow:0 0 28px rgba(var(--color-primary-rgb),.22),0 6px 18px #00000073;background:rgba(var(--color-secondary-rgb),.55);padding:var(--space-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.bot-icon:hover{border-color:rgba(var(--color-primary-rgb),.75);box-shadow:0 0 48px rgba(var(--color-primary-rgb),.4),0 8px 24px #00000080;transform:translateY(-4px)}.bot-features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin:var(--space-lg) 0}.bot-features-grid .bot-feature-card{flex:1 1 calc(33.333% - var(--space-md));min-width:220px;max-width:340px}.bot-feature-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--border-radius-sm);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.bot-feature-card:hover{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.45);box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.2)}.bot-feature-icon{width:28px;height:28px;flex-shrink:0;margin-top:.15em;color:var(--color-primary);opacity:.9}.bot-feature-card strong{display:block;font-size:1rem;color:var(--color-primary);margin-bottom:.3em}.bot-feature-card p{margin:0;font-size:.9rem;opacity:.85;line-height:1.5}.bot-skills-section{margin:var(--space-md) 0 var(--space-lg) 0}.bot-skills-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);opacity:.75;margin-bottom:var(--space-sm)}.bot-skills-tags{display:flex;flex-wrap:wrap;gap:8px}.bot-skill-tag{display:inline-block;padding:.3em .85em;font-size:.85rem;border:1px solid rgba(var(--color-primary-rgb),.45);border-radius:999px;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08);transition:background var(--transition-fast),border-color var(--transition-fast)}.bot-skill-tag:hover{background:rgba(var(--color-primary-rgb),.18);border-color:rgba(var(--color-primary-rgb),.7)}.bot-details-content{margin-top:1rem}.bot-section-heading{margin-top:1.5rem;margin-bottom:.75rem}.bot-compact-list{font-size:.95rem}.bot-schema-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:var(--space-sm) 0 var(--space-md)}.bot-schema-table th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);opacity:.75;padding:.4em .75em;border-bottom:1px solid rgba(var(--color-primary-rgb),.3)}.bot-schema-table td{padding:.5em .75em;border-bottom:1px solid rgba(var(--color-primary-rgb),.08);vertical-align:top;line-height:1.5}.bot-schema-table td:first-child{white-space:nowrap;width:1%}.bot-schema-table tr:last-child td{border-bottom:none}.bot-schema-table tbody tr:hover td{background:rgba(var(--color-primary-rgb),.05)}.bot-schema-table code{background:rgba(var(--color-primary-rgb),.15);padding:.15em .45em;border-radius:3px;font-family:monospace;font-size:.88em;color:var(--color-primary)}.bot-flow{list-style:none;padding:0;margin:var(--space-sm) 0 var(--space-md);position:relative}.bot-flow:before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:1px;background:rgba(var(--color-primary-rgb),.2)}.bot-flow li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:.45em 0;position:relative}.bot-flow-step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.35);font-size:.78rem;font-weight:700;color:var(--color-primary);position:relative;z-index:1}.bot-flow li p{margin:0;padding-top:.3em;font-size:.9rem;line-height:1.5}.bot-dashboard-container{text-align:center;margin-top:1.5rem;margin-bottom:1rem}.bot-dashboard-image{max-width:100%;border:1px solid var(--primary-color);border-radius:4px}.bot-dashboard-caption{font-size:.85rem;color:var(--text-color);margin-top:.5rem}.video-gallery-spaced{margin-top:1.5rem}.bot-fonctionnement{border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--border-radius-sm);padding:var(--space-md);background:rgba(var(--color-primary-rgb),.05);margin-top:2rem}.bot-fonctionnement summary{font-size:1.2rem;font-weight:700;cursor:pointer;padding:var(--space-sm) var(--space-md);background:rgba(var(--color-primary-rgb),.1);border-radius:var(--border-radius-sm);transition:all var(--transition-base);display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bot-fonctionnement summary:before{content:"▶";display:inline-block;margin-right:var(--space-sm);transition:transform var(--transition-base);color:var(--color-primary)}.bot-fonctionnement[open] summary:before{transform:rotate(90deg)}.bot-fonctionnement summary:hover{background:rgba(var(--color-primary-rgb),.2);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.3)}.bot-fonctionnement[open] summary{margin-bottom:var(--space-md)}.bot-fonctionnement code{background:rgba(var(--color-primary-rgb),.2);padding:.2em .4em;border-radius:3px;font-family:monospace;color:var(--color-primary)}@media (max-width: 1024px){.drawings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.video-gallery{grid-template-columns:1fr}.bot-features-grid .bot-feature-card{flex:1 1 100%;max-width:100%}.drawings-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}#lightbox-img{max-width:95%;max-height:70vh}#lightbox-close{font-size:2.5rem;top:10px;right:15px}.bot-fonctionnement{padding:var(--space-sm)}.bot-fonctionnement summary{font-size:1.1rem;padding:var(--space-xs) var(--space-sm)}}@media (max-width: 480px){.drawings-grid{grid-template-columns:1fr}.bot-fonctionnement summary{font-size:1rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-md);padding:var(--space-xl)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-accent);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-accent);font-size:1rem;font-weight:500;margin:0;opacity:.8}@media (prefers-reduced-motion: reduce){.loading-spinner{animation-duration:1.5s}}.breadcrumbs{margin-bottom:var(--space-lg);padding:var(--space-sm) 0;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);list-style:none;padding:0;margin:0}.breadcrumbs li{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumbs a{color:var(--color-text);text-decoration:none;transition:color var(--transition-duration) var(--transition-easing);opacity:.7}.breadcrumbs a:hover{color:var(--color-accent);opacity:1}.breadcrumb-separator{color:var(--color-accent);opacity:.5;font-size:1.1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-current{color:var(--color-accent);font-weight:500}.reading-time{color:var(--color-accent);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.breadcrumbs a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width: 768px){.breadcrumbs{font-size:.85rem;margin-bottom:var(--space-md);justify-content:flex-start}.breadcrumbs ol{gap:calc(var(--space-xs) / 2)}.breadcrumb-separator{font-size:1rem}}.project-pagination{display:flex;justify-content:space-between;align-items:stretch;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:2px solid rgba(var(--color-primary-rgb),.2)}.project-pagination-link{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#0000004d;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-duration) var(--transition-easing);min-height:80px}.project-pagination-link:hover{background:#00000080;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.project-pagination-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.project-pagination-link.prev{justify-content:flex-start;text-align:left}.project-pagination-link.next{justify-content:flex-end;text-align:right}.project-pagination-link.back-to-list{flex:0 1 auto;flex-direction:column;justify-content:center;text-align:center;min-width:180px;background:rgba(var(--color-primary-rgb),.1);font-weight:600}.project-pagination-link.back-to-list:hover{background:rgba(var(--color-primary-rgb),.2)}.pagination-content{display:flex;flex-direction:column;gap:var(--space-xs)}.pagination-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent);opacity:.8}.pagination-title{font-size:.95rem;font-weight:500;color:var(--color-text)}.pagination-arrow{font-size:1.5rem;color:var(--color-accent);transition:transform var(--transition-duration) var(--transition-easing)}.project-pagination-link.prev:hover .pagination-arrow{transform:translate(-4px)}.project-pagination-link.next:hover .pagination-arrow{transform:translate(4px)}.pagination-icon{font-size:1.2rem;color:var(--color-accent)}@media (max-width: 768px){.project-pagination{flex-direction:column;gap:var(--space-sm)}.project-pagination-link{min-height:70px}.project-pagination-link.back-to-list{order:-1;min-width:auto;min-height:50px}.pagination-title{font-size:.9rem}.pagination-label{font-size:.75rem}}.filter-bar{background:#0000004d;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);transition:all var(--transition-duration) var(--transition-easing)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);gap:var(--space-sm)}.filter-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px}.btn-clear-filters{padding:var(--space-xs) var(--space-sm);background:rgba(var(--color-primary-rgb),.15);border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap}.btn-clear-filters:hover{background:var(--color-accent);color:var(--color-bg)}.btn-clear-filters:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.filter-tag{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-duration) var(--transition-easing);-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-tag:hover{background:rgba(var(--color-primary-rgb),.1)}.filter-tag input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.filter-tag .tag-label{font-size:.9rem;font-weight:500;color:var(--color-text);transition:color var(--transition-duration) var(--transition-easing)}.filter-tag input[type=checkbox]:checked+.tag-label{color:var(--color-accent);font-weight:600}.filter-tag:focus-within{outline:2px solid var(--color-accent);outline-offset:1px}.filter-active-tags{border-top:1px solid rgba(var(--color-primary-rgb),.2);padding-top:var(--space-md)}.filter-result-count{margin:0 0 var(--space-sm) 0;font-size:.9rem;color:var(--color-accent);font-weight:600}.active-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.active-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgba(var(--color-primary-rgb),.2);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}.active-tag:hover{background:rgba(var(--color-primary-rgb),.35);transform:translateY(-1px)}.remove-tag{opacity:.7;transition:opacity var(--transition-duration) var(--transition-easing)}.active-tag:hover .remove-tag{opacity:1}.active-tag:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 768px){.filter-bar{padding:var(--space-sm)}.filter-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.filter-tags{gap:calc(var(--space-sm) / 2)}.filter-tag{padding:calc(var(--space-xs) / 1.5) var(--space-xs)}.filter-tag input[type=checkbox]{width:16px;height:16px}.filter-tag .tag-label{font-size:.85rem}.active-tag{font-size:.85rem;padding:calc(var(--space-xs) / 1.5) var(--space-xs)}}.contact-form{display:flex;flex-direction:column;gap:18px;max-width:600px;margin:24px auto;padding:24px;background:#28282899;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{display:flex;flex-direction:column;gap:8px}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-form label{color:var(--color-primary);font-weight:600;font-size:.95rem;letter-spacing:.5px}.contact-form input,.contact-form textarea{background:#141414cc;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:6px;color:var(--color-text);padding:12px 16px;font-family:inherit;font-size:1rem;transition:all var(--transition-base);outline:none}.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder{color:#fff6}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff6}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-primary);background:#141414f2;box-shadow:0 0 12px rgba(var(--color-primary-rgb),.2)}.contact-form input:disabled,.contact-form textarea:disabled{opacity:.6;cursor:not-allowed}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:#ff6b6b;background:#ff6b6b0d}.contact-form input[aria-invalid=true]:focus,.contact-form textarea[aria-invalid=true]:focus{box-shadow:0 0 12px #ff6b6b33}.error-message{color:#ff8a80;font-size:.85rem;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.submit-btn{background:linear-gradient(135deg,var(--color-primary) 0%,rgba(var(--color-primary-rgb),.8) 100%);border:none;border-radius:6px;color:#1a1a1a;padding:12px 24px;font-weight:700;font-size:1rem;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.status-message{padding:14px 16px;border-radius:6px;font-weight:600;text-align:center;animation:slideDown .3s ease-out}.status-message.success{background:#4caf5026;border:1px solid rgba(76,175,80,.4);color:#81c784}.status-message.error{background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);color:#ff8a80}@media (max-width: 768px){.contact-form{padding:18px;gap:14px}.contact-form input,.contact-form textarea{font-size:16px}}@media (max-width: 480px){.contact-form{padding:14px;gap:12px}.submit-btn{padding:10px 18px;font-size:.9rem}}#lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:var(--z-lightbox);opacity:1;transition:opacity var(--transition-base)}#lightbox-overlay.hidden{display:none;opacity:0}#lightbox-img{max-width:90vw;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(var(--color-primary-rgb),.3);animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#lightbox-caption{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:var(--color-text);font-size:.95rem;text-align:center;max-width:80vw;background:#0009;padding:10px 16px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#lightbox-close{position:absolute;top:20px;right:20px;font-size:32px;color:var(--color-primary);cursor:pointer;background:#00000080;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid rgba(var(--color-primary-rgb),.3);z-index:10;font-family:inherit;line-height:1}#lightbox-close:hover{background:rgba(var(--color-primary-rgb),.2);color:#fff;box-shadow:0 0 15px rgba(var(--color-primary-rgb),.4);transform:scale(1.1)}#lightbox-close:active{transform:scale(.95)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all var(--transition-base);z-index:9;padding:0}.lightbox-nav:hover{background:rgba(var(--color-primary-rgb),.2);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.4);transform:translateY(-50%) scale(1.1)}.lightbox-nav:active{transform:translateY(-50%) scale(.95)}.lightbox-prev{left:20px}.lightbox-next{right:20px}@media (max-width: 768px){#lightbox-img{max-width:95vw;max-height:80vh}#lightbox-close{top:10px;right:10px;width:36px;height:36px;font-size:28px}.lightbox-nav{width:40px;height:40px;font-size:18px}.lightbox-prev{left:10px}.lightbox-next{right:10px}#lightbox-caption{bottom:10px;padding:8px 12px;font-size:.85rem;max-width:90vw}}@media (max-width: 480px){#lightbox-close{width:32px;height:32px;font-size:24px}.lightbox-nav{width:36px;height:36px;font-size:16px}.lightbox-nav:hover{transform:translateY(-50%)}}#lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){#lightbox-img{animation:none}#lightbox-overlay,#lightbox-close,.lightbox-nav{transition:none}}.mini-terminal-wrapper{position:relative}.header-action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.22);color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);padding:0}.header-action-btn:hover,.header-action-btn:focus-visible{background:rgba(var(--color-primary-rgb),.25);border-color:var(--color-primary);color:var(--color-accent-light);transform:scale(1.1);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.3)}.header-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header-action-btn:active{transform:scale(.95)}.terminal-icon__chevron{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;transform-origin:7px 11px}.terminal-icon--open .terminal-icon__chevron{transform:translate(2px) rotate(90deg);opacity:.6}.terminal-icon__cursor{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.terminal-icon--open .terminal-icon__cursor{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.mini-terminal-panel{position:fixed;width:min(380px,92vw);max-height:420px;background:#080808f5;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:10px;box-shadow:0 8px 32px #0009,0 0 0 1px rgba(var(--color-primary-rgb),.08);display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-lightbox);animation:terminal-slide-in .3s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}@keyframes terminal-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mini-terminal-titlebar{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:#1e1e1ee6;border-bottom:1px solid rgba(var(--color-primary-rgb),.12);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mini-terminal-status{display:flex;align-items:center;gap:5px;flex-shrink:0}.mini-terminal-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 4px rgba(var(--color-primary-rgb),.6);animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.3}}.mini-terminal-status-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary);text-transform:uppercase}.mini-terminal-title{flex:1;font-size:.7rem;color:#ffffff73;letter-spacing:.03em;text-align:center}.mini-terminal-session{flex-shrink:0;font-size:.6rem;color:#ffffff59;letter-spacing:.04em;font-variant-numeric:tabular-nums}.mini-terminal-output{flex:1 1 auto;overflow-y:auto;padding:.6rem .75rem;min-height:120px;max-height:300px;scroll-behavior:smooth}.mini-terminal-output::-webkit-scrollbar{width:5px}.mini-terminal-output::-webkit-scrollbar-track{background:transparent}.mini-terminal-output::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.25);border-radius:3px}.mini-terminal-line{font-size:.78rem;line-height:1.5;margin-bottom:.35rem;white-space:pre-wrap;word-break:break-word}.mini-terminal-line--system{color:#ffffffb8}.mini-terminal-line--input{color:var(--color-primary);font-weight:600}.mini-terminal-line--error{color:#ff6b6b}.mini-terminal-line--joke{color:var(--color-accent-pale);font-style:italic}.mini-terminal-input-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-top:1px solid rgba(var(--color-primary-rgb),.12);background:#14141499}.mini-terminal-prompt{color:var(--color-primary);font-weight:700;font-size:.85rem;flex-shrink:0}.mini-terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text);font-family:inherit;font-size:.8rem;caret-color:var(--color-primary)}.mini-terminal-input::-moz-placeholder{color:#ffffff40;font-style:italic}.mini-terminal-input::placeholder{color:#ffffff40;font-style:italic}@media (max-width: 768px){.mini-terminal-panel{margin:0 auto;width:min(420px,94vw);max-height:75vh}}@media (min-width: 769px){.header-action-btn{width:42px;height:42px;border-radius:10px}.header-action-btn svg{width:22px;height:22px}}@media (max-width: 480px){.header-action-btn{width:30px;height:30px}.header-action-btn svg{width:15px;height:15px}}.mini-terminal-panel--snake{width:min(320px,95vw);max-height:none}.snake-game{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem .6rem;gap:0;background:transparent;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace}.snake-game__hud{display:flex;align-items:center;width:100%;gap:.6rem;margin-bottom:.45rem}.snake-game__score{display:flex;flex-direction:column;align-items:center;background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:6px;padding:.2rem .6rem;min-width:60px;gap:1px}.snake-game__label{font-size:.58rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.07em}.snake-game__value{font-size:.92rem;font-weight:700;color:var(--color-primary);line-height:1.1}.snake-game__close-wrap{margin-left:auto}.snake-game__close-btn{background:transparent;border:1px solid rgba(255,95,87,.35);border-radius:50%;color:#ff5f57bf;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:background .18s,color .18s,border-color .18s;flex-shrink:0}.snake-game__close-btn:hover{background:#ff5f572e;color:#ff5f57;border-color:#ff5f57b3}.snake-game__canvas-wrap{position:relative;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:6px;overflow:hidden;line-height:0;box-shadow:0 0 18px #0000008c}.snake-game__canvas{display:block}.snake-game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.35;text-align:center;background:#050505d6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:snake-overlay-in .2s ease both}@keyframes snake-overlay-in{0%{opacity:0}to{opacity:1}}.snake-game__go{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.8rem 1.2rem;line-height:1.35}.snake-game__go-scores{display:flex;flex-direction:column;align-items:center;gap:.25rem}.snake-game__cd{display:flex;flex-direction:column;align-items:center;gap:.9rem}.snake-game__cd-num{font-size:4rem;font-weight:900;color:var(--color-primary);line-height:1;letter-spacing:-.02em;text-shadow:0 0 24px rgba(var(--color-primary-rgb),.7),0 0 8px rgba(var(--color-primary-rgb),.4);animation:cd-pop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes cd-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.snake-game__cd-controls{display:flex;flex-direction:column;gap:.3rem;align-items:center}.snake-game__cd-row{display:flex;gap:.3rem;justify-content:center}kbd.snake-game__cd-key,span.snake-game__cd-key{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:.2rem .35rem;background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:5px;font-family:inherit;font-size:.66rem;color:#ffffffb3;white-space:pre;line-height:1.4}span.snake-game__cd-key{background:transparent;border-color:transparent}.snake-game__overlay-title{font-size:1.4rem;font-weight:800;color:var(--color-primary);letter-spacing:.12em;text-shadow:0 0 12px rgba(var(--color-primary-rgb),.6)}.snake-game__overlay-score{font-size:.82rem;color:#ffffffb8}.snake-game__overlay-hs{font-size:.78rem;color:#d4af37}.snake-game__overlay-hint{font-size:.65rem;color:#ffffff61;letter-spacing:.03em;margin-top:.1rem}.snake-game__overlay-hint kbd{display:inline-block;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:0 4px;font-family:inherit;font-size:inherit;color:#ffffff8c;line-height:1.5}.snake-game__controls{margin-top:.45rem;font-size:.62rem;color:#ffffff47;letter-spacing:.02em;text-align:center}.snake-game__controls kbd{display:inline-block;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:0 3px;font-family:inherit;font-size:inherit;color:#ffffff73;line-height:1.4}@media (max-width: 480px){.mini-terminal-panel--snake{width:95vw}}@media (prefers-reduced-motion: reduce){.snake-game__overlay,.snake-game__cd-num{animation:none!important}}.mood-switcher-wrapper{position:relative}.mood-icon{transition:transform .15s ease}.mood-orb{transition:fill .5s ease,stroke .5s ease}.mood-dot{transition:opacity .4s ease,fill .4s ease}@keyframes mood-theatrical-spin{0%{transform:rotate(0) scale(1)}18%{transform:rotate(210deg) scale(1.28)}52%{transform:rotate(430deg) scale(.88)}72%{transform:rotate(344deg) scale(1.1)}86%{transform:rotate(366deg) scale(.96)}to{transform:rotate(360deg) scale(1)}}.mood-icon--spin{animation:mood-theatrical-spin .85s ease-out forwards;transform-origin:center}.mood-icon--spin .mood-orb,.mood-icon--spin .mood-dot{transition:fill .4s ease,opacity .3s ease}.mood-panel{position:fixed;width:190px;background:#080808f5;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:10px;box-shadow:0 8px 32px #0009,0 0 0 1px rgba(var(--color-primary-rgb),.08);padding:.5rem;z-index:var(--z-lightbox);animation:mood-panel-in .25s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@keyframes mood-panel-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mood-panel-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;padding:.25rem .5rem .4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mood-option{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .55rem;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text);cursor:pointer;font-size:.82rem;font-family:inherit;transition:background .2s ease,border-color .2s ease,transform .15s ease}.mood-option:hover{background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.2);transform:translate(2px)}.mood-option--active{background:rgba(var(--color-primary-rgb),.15);border-color:var(--mood-color, var(--color-primary))}.mood-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px #0000004d;transition:box-shadow .3s ease}.mood-option:hover .mood-swatch,.mood-option--active .mood-swatch{box-shadow:0 0 8px var(--mood-color, var(--color-primary))}.mood-label{flex:1;text-align:left}.mood-emoji{display:inline-block;width:1.2em;text-align:center;font-weight:700;color:var(--mood-color, inherit)}.mood-check{font-size:.75rem;color:var(--mood-color, var(--color-primary));font-weight:700}body[data-mood=default]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;background:radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(0,0,0,.5) 100%);animation:gold-vignette-breathe 5s ease-in-out infinite}body[data-mood=default]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(212,175,55,.014) 3px,rgba(212,175,55,.014) 4px),repeating-linear-gradient(90deg,transparent 0px,transparent 3px,rgba(212,175,55,.008) 3px,rgba(212,175,55,.008) 4px);mix-blend-mode:screen}@keyframes gold-vignette-breathe{0%,to{opacity:.5}50%{opacity:.78}}body[data-mood=hacker]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;background:#00ff411f;opacity:0;animation:hacker-glitch-burst 14s linear infinite}body[data-mood=hacker]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.022) 2px,rgba(0,255,65,.022) 4px);pointer-events:none;z-index:9998;animation:hacker-crt-flicker 3.5s steps(1) infinite}@keyframes hacker-glitch-burst{0%,17%{opacity:0;transform:none;clip-path:none}18%{opacity:0;clip-path:inset(0% 0 100% 0);transform:none}20%{opacity:.08;clip-path:inset(0% 0 100% 0);transform:none}22%{opacity:.09;clip-path:inset(18% 0 80% 0);transform:none}24%{opacity:.09;clip-path:inset(44% 0 54% 0);transform:none}26%{opacity:.09;clip-path:inset(70% 0 28% 0);transform:none}28%{opacity:.06;clip-path:inset(100% 0 0% 0);transform:none}30%,83%{opacity:0;transform:none;clip-path:none}84%{opacity:0;transform:none}85%{opacity:.28;transform:translate(3px);clip-path:inset(22% 0 73% 0)}86%{opacity:.22;transform:translate(-2px);clip-path:inset(56% 0 37% 0)}87%{opacity:.15;transform:translate(1.5px);clip-path:inset(9% 0 88% 0)}88%,to{opacity:0;transform:none;clip-path:none}}@keyframes hacker-crt-flicker{0%,to{opacity:1}8%{opacity:.92}8.5%{opacity:1}30%{opacity:.95}30.5%{opacity:1}55%{opacity:1}55.3%{opacity:.55}55.6%{opacity:1}55.9%{opacity:.72}56.2%{opacity:1}82%{opacity:1}82.2%{opacity:.6}82.5%{opacity:1}}body[data-mood=vaporwave]{background:linear-gradient(160deg,#0d001a,#0a1040 28%,#2d0050 60%,#430070 85%,#0a1040)!important;background-size:200% 200%!important;animation:vapor-gradient-pulse 8s ease-in-out infinite}body[data-mood=vaporwave]:before{content:"";position:fixed;bottom:0;left:-50%;width:200%;height:50vh;pointer-events:none;z-index:9996;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 38px,rgba(255,113,206,.2) 38px,rgba(255,113,206,.2) 40px),repeating-linear-gradient(90deg,transparent 0px,transparent 38px,rgba(1,205,254,.14) 38px,rgba(1,205,254,.14) 40px);background-size:40px 40px;transform:perspective(320px) rotateX(44deg);transform-origin:center bottom;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);animation:vapor-grid-scroll 2.5s linear infinite}body[data-mood=vaporwave]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,113,206,.022) 2px,rgba(255,113,206,.022) 4px);pointer-events:none;z-index:9998;animation:vapor-crt-flicker 4s steps(1) infinite}body[data-perf-tier=low][data-mood=vaporwave]:before{display:none!important}@keyframes vapor-gradient-pulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes vapor-grid-scroll{0%{background-position:0px 0px}to{background-position:0px 40px}}@keyframes vapor-crt-flicker{0%,to{opacity:1}12%{opacity:.9}12.5%{opacity:1}45%{opacity:.94}45.5%{opacity:1}70%{opacity:1}70.2%{opacity:.62}70.5%{opacity:.95}70.8%{opacity:.72}71.1%{opacity:1}}body[data-mood=europa]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;box-shadow:inset 0 0 120px #add8e61f,inset 0 0 250px #00e5ff0f;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(11,19,30,.6) 100%);animation:europa-frost-breathe 6s ease-in-out infinite}body[data-mood=europa]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,rgba(224,242,254,.012) 4px,rgba(224,242,254,.012) 5px),repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(0,229,255,.008) 4px,rgba(0,229,255,.008) 5px);mix-blend-mode:screen}@keyframes europa-frost-breathe{0%,to{opacity:.6}50%{opacity:.9}}body[data-mood=industrial]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;background:repeating-linear-gradient(90deg,transparent 0%,rgba(255,87,34,.015) 12%,transparent 25%,rgba(191,54,12,.02) 40%,transparent 55%,rgba(255,214,0,.01) 70%,transparent 85%,rgba(255,87,34,.012) 100%);background-size:200% 100%;animation:industrial-smoke-pan 22s linear infinite;opacity:.7}body[data-mood=industrial]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,87,34,.018) 3px,rgba(255,87,34,.018) 4px);pointer-events:none;z-index:9998;opacity:.85}@keyframes industrial-smoke-pan{0%{background-position:0% 0}to{background-position:200% 0}}body[data-mood=europa] .project-card,body[data-mood=europa] .mood-panel,body[data-mood=europa] header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e0f2fe0d!important;border-color:#00e5ff26}body[data-mood=europa] .project-card:hover,body[data-mood=europa] a:hover,body[data-mood=europa] button:hover{box-shadow:0 0 16px #00e5ff40}body[data-mood=industrial].brutalist-full .project-card,body[data-mood=industrial].brutalist-full .mood-panel,body[data-mood=industrial].brutalist-full button,body[data-mood=industrial].brutalist-full input,body[data-mood=industrial].brutalist-full textarea,body[data-mood=industrial].brutalist-full .filter-tag,body[data-mood=industrial].brutalist-full header{border-radius:0!important;box-shadow:4px 4px 0 var(--color-primary)}body[data-mood=industrial].brutalist-full button:active,body[data-mood=industrial].brutalist-full .filter-tag:active{transform:translate(4px,4px);box-shadow:none}body[data-mood=industrial].brutalist-moderate .project-card,body[data-mood=industrial].brutalist-moderate button,body[data-mood=industrial].brutalist-moderate input,body[data-mood=industrial].brutalist-moderate textarea,body[data-mood=industrial].brutalist-moderate .filter-tag{border-radius:0!important;box-shadow:4px 4px 0 var(--color-primary)}body[data-mood=industrial].brutalist-moderate button:active,body[data-mood=industrial].brutalist-moderate .filter-tag:active{transform:translate(4px,4px);box-shadow:none}body[data-mood=industrial].brutalist-minimal .project-card,body[data-mood=industrial].brutalist-minimal button,body[data-mood=industrial].brutalist-minimal .filter-tag{box-shadow:4px 4px 0 var(--color-primary)}body[data-mood=industrial].brutalist-minimal button:active,body[data-mood=industrial].brutalist-minimal .filter-tag:active{transform:translate(4px,4px);box-shadow:none}body[data-mood=industrial] h1,body[data-mood=industrial] h2{animation:industrial-glitch-twitch 20s steps(1) infinite}@keyframes industrial-glitch-twitch{0%,92%{transform:none}92.5%{transform:translate(-3px)}93%{transform:translate(2px)}93.5%{transform:translate(-1px) skew(-1deg)}94%{transform:translate(2px) skew(.5deg)}94.5%{transform:none}96%{transform:translate(1px)}96.3%{transform:translate(-2px)}96.6%{transform:none}to{transform:none}}body[data-mood=industrial].power-surge-active header{animation:power-surge-flash .4s ease-out both}body[data-mood=industrial].power-surge-active main{animation:power-surge-dim .4s ease-out both}body[data-mood=industrial].power-surge-active .neon-stroke,body[data-mood=industrial].power-surge-active .neon-text{animation:neon-surge-react .4s steps(3) both}@keyframes power-surge-flash{0%{filter:brightness(1)}10%{filter:brightness(.82)}25%{filter:brightness(.9)}40%{filter:brightness(.78)}55%{filter:brightness(.95)}70%{filter:brightness(.85)}85%{filter:brightness(1.05)}to{filter:brightness(1)}}@keyframes power-surge-dim{0%{opacity:1}10%{opacity:.82}25%{opacity:.9}40%{opacity:.78}55%{opacity:.95}70%{opacity:.85}85%{opacity:1}to{opacity:1}}@keyframes neon-surge-react{0%{opacity:.7}33%{opacity:.15}66%{opacity:.5}to{opacity:.7}}.mood-vhs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:none}.mood-vhs-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vhs-color, #fff);animation:vhs-flash-opacity .2s ease-out both}.mood-vhs-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.06) 2px,rgba(255,255,255,.06) 4px);animation:vhs-sweep .18s linear both;animation-delay:20ms}@keyframes vhs-flash-opacity{0%{opacity:0}15%{opacity:.45}40%{opacity:.18}to{opacity:0}}@keyframes vhs-sweep{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}.vhs-strip{position:absolute;left:-10%;width:120%;opacity:0;mix-blend-mode:screen;animation:vhs-strip-flash .2s steps(3) both}@keyframes vhs-strip-flash{0%{opacity:0}20%{opacity:.38}60%{opacity:.18}to{opacity:0}}@media (max-width: 480px){.mood-panel{width:170px}}@keyframes particles-pulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.5)}50%{box-shadow:0 0 12px 4px rgba(var(--color-primary-rgb),.3)}}.particles-btn{position:relative;overflow:visible}.particles-btn--active{animation:particles-pulse .8s ease infinite;cursor:wait;opacity:.8}.particles-progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;opacity:0;transition:opacity .2s ease;pointer-events:none}.particles-btn--active .particles-progress-ring{opacity:1}.particles-progress-ring__circle{transform:rotate(-90deg);transform-origin:50% 50%;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .3s ease;stroke:var(--color-primary);opacity:.8;fill:none}.particles-progress-ring__circle.progress-75{stroke:var(--color-primary);opacity:.85}.particles-progress-ring__circle.progress-50{stroke:rgba(var(--color-primary-rgb),.85);opacity:.75}.particles-progress-ring__circle.progress-25{stroke:rgba(var(--color-primary-rgb),.7);opacity:.6}.particles-icon{transition:transform .2s ease}.particles-icon__star{transition:opacity .2s ease;transform-origin:12px 12px}.particles-icon__ray{transition:opacity .3s ease;opacity:.6}@keyframes particles-explode{0%,to{transform:translate(0) scaleX(1)}25%{transform:translate(-2px,1px) scaleX(1.05)}50%{transform:translate(2px,-1px) scaleX(.95)}75%{transform:translate(-1px,-2px) scaleX(1.03)}}.particles-icon--explode{animation:particles-explode .35s ease-in-out infinite}.particles-icon--explode .particles-icon__ray{opacity:1}@keyframes particles-storm{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particles-icon--storm{animation:particles-storm 1s linear infinite}.particles-icon--storm .particles-icon__ray{opacity:1}@keyframes particles-gravity{0%,to{transform:translateY(0) scaleY(1)}25%{transform:translateY(2px) scaleY(.95)}50%{transform:translateY(0) scaleY(1)}75%{transform:translateY(-1px) scaleY(1.02)}}.particles-icon--gravity{animation:particles-gravity .6s ease-in-out infinite}.particles-icon--gravity .particles-icon__ray{opacity:.8}@keyframes particles-attract{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.particles-icon--attract{animation:particles-attract .8s ease-in-out infinite}.particles-icon--attract .particles-icon__ray{opacity:1}@keyframes particles-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particles-icon--pulse{animation:particles-spin 1s linear infinite}.particles-icon--pulse .particles-icon__ray{opacity:1}.particles-btn:not(:disabled):hover .particles-icon{transform:scale(1.15) rotate(15deg)}.particles-btn:not(:disabled):hover .particles-icon__ray{opacity:1}@media (max-width: 768px){.particles-btn{display:none}}.pet-toggle{position:relative;padding:0!important;width:auto!important;height:34px!important;background:none!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important}@media (min-width: 769px){.pet-toggle{height:42px!important}}@media (max-width: 480px){.pet-toggle{height:30px!important}}.pet-toggle-track{display:flex;align-items:center;width:42px;height:22px;border-radius:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);position:relative;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease;cursor:pointer}.pet-toggle--on .pet-toggle-track{background:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.5);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.15)}.pet-toggle-thumb{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.34,1.4,.64,1),background .3s ease,border-color .3s ease}.pet-toggle--on .pet-toggle-thumb{transform:translate(20px);background:#141414f2;border-color:rgba(var(--color-primary-rgb),.4)}.pet-icon{transition:transform .2s ease,filter .4s ease,opacity .4s ease}.pet-icon--sleep{filter:grayscale(.6);opacity:.65}.pet-icon--sleep .pet-icon-antenna,.pet-icon--sleep .pet-icon-antenna-tip{animation:antenna-sway 3s ease-in-out infinite;transform-origin:12px 6px}@keyframes antenna-sway{0%,to{transform:rotate(0)}25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}.pet-icon-zzz text{animation:zzz-float 2.5s ease-in-out infinite}.pet-icon-zzz text:nth-child(2){animation-delay:.8s}@keyframes zzz-float{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2px)}}@keyframes pet-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pet-icon--bob{animation:pet-bob 1.2s ease-in-out infinite}.pet-toggle--attention:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#ff5f57;animation:pet-attention-pulse 1.5s ease infinite;z-index:2}@keyframes pet-attention-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.pet-wanderer{position:fixed;width:60px;height:60px;z-index:calc(var(--z-lightbox) - 1);cursor:grab;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:none;will-change:transform}.pet-wanderer--dragging{cursor:grabbing}.pet-charge-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}.pet-charge-ring__track{fill:none;stroke:rgba(var(--color-primary-rgb),.12);stroke-width:2}.pet-charge-ring__fill{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:207.35;stroke-dashoffset:207.35;animation:pet-charge-arc 1.5s linear forwards;filter:drop-shadow(0 0 3px rgba(var(--color-primary-rgb),.4))}@keyframes pet-charge-arc{0%{stroke-dashoffset:207.35}to{stroke-dashoffset:0}}.pet-wanderer--hovered .pet-svg-wrap{animation:pet-glow-breathe-hover 1.2s ease-in-out infinite}.pet-wanderer--catching .pet-svg-wrap{animation-play-state:paused}.pet-svg-wrap{display:flex;align-items:center;justify-content:center;animation:pet-glow-breathe 4s ease-in-out infinite}.pet-wanderer:hover .pet-svg-wrap{animation:pet-glow-breathe-hover 2.4s ease-in-out infinite}.pet-robot{--pet-color: var(--color-primary);--pet-bg: #080808;color:var(--pet-color);filter:drop-shadow(0 0 1px rgba(var(--color-primary-rgb),.28)) drop-shadow(0 0 3px rgba(var(--color-primary-rgb),.12))}@keyframes pet-glow-breathe{0%,to{filter:drop-shadow(0 0 1px rgba(var(--color-primary-rgb),.2)) drop-shadow(0 0 3px rgba(var(--color-primary-rgb),.08))}50%{filter:drop-shadow(0 0 2px rgba(var(--color-primary-rgb),.35)) drop-shadow(0 0 5px rgba(var(--color-primary-rgb),.14))}}@keyframes pet-glow-breathe-hover{0%,to{filter:drop-shadow(0 0 2px rgba(var(--color-primary-rgb),.3)) drop-shadow(0 0 5px rgba(var(--color-primary-rgb),.14))}50%{filter:drop-shadow(0 0 3px rgba(var(--color-primary-rgb),.4)) drop-shadow(0 0 7px rgba(var(--color-primary-rgb),.18))}}.pet-led{animation:pet-led-blink 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.pet-led--alt{animation-delay:1s}@keyframes pet-led-blink{0%,to{opacity:.5}50%{opacity:1}}.pet-loader-bar{transform-origin:left center;transform-box:fill-box;animation:pet-loader-slide 3s ease-in-out infinite}@keyframes pet-loader-slide{0%{transform:scaleX(.25);opacity:.7}40%{transform:scaleX(.9);opacity:1}70%{transform:scaleX(.55);opacity:.85}to{transform:scaleX(.25);opacity:.7}}.pet-circuit-dot{animation:pet-circuit-pulse 5s ease-in-out infinite}@keyframes pet-circuit-pulse{0%,to{opacity:.22}50%{opacity:.45}}.pet-eye-pupil{filter:drop-shadow(0 0 1.5px currentColor)}body[data-mood=hacker] .pet-robot{--pet-color: #00ff41}body[data-mood=vaporwave] .pet-robot{--pet-color: #ff71ce}body[data-mood=europa] .pet-robot{--pet-color: #00e5ff}body[data-mood=industrial] .pet-robot{--pet-color: #ff5722}@keyframes pet-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes pet-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}50%{transform:translateY(0)}70%{transform:translateY(-3px)}}@keyframes pet-antenna-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pet-antenna-waggle-l{0%,to{transform:rotate(0)}30%{transform:rotate(-10deg)}70%{transform:rotate(10deg)}}@keyframes pet-antenna-waggle-r{0%,to{transform:rotate(0)}30%{transform:rotate(10deg)}70%{transform:rotate(-10deg)}}.pet-antenna--waggle-l{transform-box:fill-box;transform-origin:100% 100%;animation:pet-antenna-waggle-l .5s ease-in-out infinite}.pet-antenna--waggle-r{transform-box:fill-box;transform-origin:0% 100%;animation:pet-antenna-waggle-r .5s ease-in-out infinite}.pet-robot--shake{animation:pet-shake .5s ease-in-out infinite}.pet-robot--bounce{animation:pet-bounce .6s ease}.pet-robot--woozy{animation:pet-woozy 1.6s ease-in-out infinite}@keyframes pet-woozy{0%{transform:rotate(-5deg) translate(-1px)}30%{transform:rotate(5deg) translate(2px)}60%{transform:rotate(-3deg) translate(-1px)}to{transform:rotate(-5deg) translate(-1px)}}.pet-hud{position:fixed;width:-moz-max-content;width:max-content;min-width:210px;max-width:min(300px,calc(100vw - 16px));background:#080808f5;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:10px;box-shadow:0 8px 32px #0009,0 0 0 1px rgba(var(--color-primary-rgb),.08);z-index:calc(var(--z-lightbox) + 1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.pet-hud-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;border-bottom:1px solid rgba(var(--color-primary-rgb),.12);background:#1e1e1ee6}.pet-hud-title{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#ffffff80;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.04em}.pet-hud-title-icon{opacity:.6;flex-shrink:0}.pet-hud-close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#ffffff14;color:#ffffff73;cursor:pointer;padding:0;transition:background .15s,color .15s}.pet-hud-close:hover{background:#ffffff26;color:#fffc}.pet-hud-hint-icon{flex-shrink:0;display:block}.pet-mood-text{text-align:center;font-size:.72rem;color:#ffffff80;margin:.4rem .6rem 0;font-style:italic;min-height:1.2em}.pet-hud-status{display:flex;justify-content:center;padding:.35rem .6rem 0}.pet-hud-mood-badge{display:inline-flex;align-items:center;gap:.25em;padding:.18rem .6rem;border-radius:20px;font-size:.65rem;font-weight:600;letter-spacing:.03em;border:1px solid currentColor;opacity:.9;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pet-hud-mood-badge--happy{color:#7be47b;background:#7be47b1a}.pet-hud-mood-badge--content{color:rgba(var(--color-primary-rgb),1);background:rgba(var(--color-primary-rgb),.08)}.pet-hud-mood-badge--sad{color:#f08080;background:#f080801a}.pet-hud-needs,.pet-hud-tip{display:flex;align-items:center;justify-content:center;gap:.35em;margin:.35rem .6rem 0;padding:.25rem .5rem;border-radius:5px;font-size:.66rem;line-height:1.3}.pet-hud-needs{color:#f08080;background:#f0808014;border:1px solid rgba(240,128,128,.2)}.pet-hud-tip{color:rgba(var(--color-primary-rgb),.75);background:rgba(var(--color-primary-rgb),.06);border:1px solid rgba(var(--color-primary-rgb),.15)}.pet-stats{display:flex;flex-direction:column;gap:.35rem;padding:.35rem .6rem .5rem}.pet-stat{display:flex;align-items:center;gap:.35rem}.pet-stat-icon{font-size:.8rem;width:1.3em;text-align:center;flex-shrink:0}.pet-stat-track{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.pet-stat-fill{height:100%;border-radius:3px;background:var(--color-primary);transition:width .4s ease}.pet-stat-fill--critical{background:#f08080}.pet-stat-value{font-size:.65rem;color:#fff6;width:2.4em;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.pet-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.5rem .5rem .6rem;border-top:1px solid rgba(var(--color-primary-rgb),.08);margin-top:.2rem}.pet-action-btn{flex:1;min-width:0;padding:.5rem .3rem;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:8px;background:rgba(var(--color-primary-rgb),.06);color:var(--color-text);cursor:pointer;font-size:.74rem;font-family:inherit;white-space:nowrap;transition:background .2s ease,border-color .2s ease,transform .15s ease}.pet-action-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.18);border-color:rgba(var(--color-primary-rgb),.4);transform:translateY(-1px)}.pet-action-btn:active:not(:disabled){transform:scale(.96)}.pet-action-btn--cooling{opacity:.55;cursor:wait}.pet-action-btn-inner{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.pet-action-label{font-size:.68rem;opacity:.85}.pet-cd-ring{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.pet-cd-ring-track{fill:none;stroke:rgba(var(--color-primary-rgb),.15);stroke-width:2}.pet-cd-ring-fill{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .1s linear}.pet-cd-ring-text{position:absolute;font-size:.42rem;font-variant-numeric:tabular-nums;color:rgba(var(--color-primary-rgb),.8);line-height:1;pointer-events:none}@media (max-width: 480px){.pet-hud{min-width:0;max-width:calc(100vw - 16px)}.pet-action-btn{font-size:.68rem;padding:.4rem .2rem}}.pet-thought{position:fixed;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-lightbox) - 1);pointer-events:none;animation-duration:var(--tb-dur, 3.5s);animation-fill-mode:forwards;animation-timing-function:ease-out;animation-delay:var(--tb-delay, 0ms);opacity:0;translate:-50% 0}.pet-thought--symbol{--tb-dur: 3.5s;width:32px;height:32px;background:#080808e0;border:1px solid rgba(var(--color-primary-rgb),.4);border-radius:8px;color:var(--color-primary);animation-name:pet-thought-rise}.pet-thought--symbol:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(var(--color-primary-rgb),.4)}.pet-thought--text{--tb-dur: 2s;padding:4px 10px;background:#080808e6;border:1px solid rgba(var(--color-primary-rgb),.36);border-radius:12px;color:rgba(var(--color-primary-rgb),.9);font-size:.78rem;font-family:inherit;white-space:nowrap;letter-spacing:.02em;animation-name:pet-thought-rise}.pet-thought--text:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(var(--color-primary-rgb),.36)}.pet-thought--reaction{--tb-dur: 2.5s;gap:4px;padding:4px 8px;background:#080808e6;border:1px solid rgba(var(--color-primary-rgb),.38);border-radius:10px;color:var(--color-primary);animation-name:pet-thought-pop-rise}.pet-thought-label{font-size:.72rem;font-family:inherit;letter-spacing:.03em;white-space:nowrap}@keyframes pet-thought-rise{0%{opacity:0;transform:translateY(6px) scale(.8)}12%{opacity:1;transform:translateY(0) scale(1.05)}20%{transform:translateY(0) scale(1)}68%{opacity:1;transform:translateY(-18px)}to{opacity:0;transform:translateY(-32px)}}@keyframes pet-thought-pop-rise{0%{opacity:0;transform:translateY(4px) scale(.7)}10%{opacity:1;transform:translateY(0) scale(1.1)}18%{transform:translateY(0) scale(1)}65%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(-26px)}}.pet-blush{filter:drop-shadow(0 0 3px rgba(255,120,120,.35));transition:opacity .4s ease}@keyframes pet-sleep-sway{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(2px)}}.pet-robot--sleep{animation:pet-sleep-sway 3s ease-in-out infinite}.pet-robot--sleep .pet-mouth-wrap{animation:pet-snore-pulse 2.4s ease-in-out infinite;transform-origin:center}@keyframes pet-snore-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35,1.5);opacity:.8}}.pet-spiral-eye{animation:pet-spiral-spin 1.2s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes pet-spiral-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-svg-wrap--catch-spring{animation:pet-catch-spring .4s ease-out}@keyframes pet-catch-spring{0%{transform:scale(1)}20%{transform:scale(1.25,.8)}40%{transform:scale(.85,1.18)}60%{transform:scale(1.1,.92)}80%{transform:scale(.97,1.04)}to{transform:scale(1)}}.pet-wanderer--sleeping{opacity:.65;transition:opacity .6s ease}@keyframes pet-mood-spin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(200deg) scale(1.12)}to{transform:rotate(360deg) scale(1)}}.pet-robot--mood-spin{animation:pet-mood-spin .9s cubic-bezier(.22,1,.36,1) both}.pet-wanderer--mood-spin{filter:drop-shadow(0 0 8px rgba(var(--color-primary-rgb),.5));transition:filter .3s ease}@keyframes pet-rest-settle{0%{transform:scaleY(1) scaleX(1)}60%{transform:scaleY(.88) scaleX(1.06)}to{transform:scaleY(.9) scaleX(1.05)}}.pet-wanderer--resting .pet-svg-wrap{animation:pet-rest-settle .5s ease-out forwards}.pet-hud-tip--thriving{color:#d4af37;background:#d4af3714;border-color:#d4af3740}.pet-hud-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff8c}.pet-hud-name-edit{width:90px;padding:.1rem .3rem;border:1px solid rgba(var(--color-primary-rgb),.35);border-radius:4px;background:#ffffff0f;color:#ffffffd9;font-family:inherit;font-size:.68rem;outline:none;line-height:1.3}.pet-hud-name-edit:focus{border-color:rgba(var(--color-primary-rgb),.6);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.pet-hud-name-pencil{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:#ffffff0d;color:#fff6;cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.pet-hud-name-pencil:hover{color:#fffc;background:#ffffff1f}.pet-hud-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.pet-hud-trophy-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#ffffff14;color:rgba(var(--color-primary-rgb),.6);cursor:pointer;padding:0;transition:background .15s,color .15s}.pet-hud-trophy-btn:hover{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.pet-hud-trophy-btn--active{background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.pet-achievements{margin:.4rem .5rem 0;padding:.35rem .4rem;border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:6px;background:rgba(var(--color-primary-rgb),.03);overflow:visible}.pet-achievements-header{display:flex;align-items:center;gap:5px;font-size:.75rem;color:rgba(var(--color-primary-rgb),.85);margin-bottom:.45rem;font-weight:700;letter-spacing:.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pet-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:5px;overflow:visible}.pet-ach-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.45rem .3rem;border-radius:5px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:default;overflow:visible;transition:background .15s,border-color .15s}.pet-ach-tile--unlocked{background:rgba(var(--color-primary-rgb),.06);border-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.pet-ach-tile--unlocked:hover{background:rgba(var(--color-primary-rgb),.12)}.pet-ach-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.pet-ach-tile:not(.pet-ach-tile--unlocked) .pet-ach-icon{color:#fff3}.pet-ach-label{font-size:.65rem;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;opacity:.85;letter-spacing:.02em}.pet-ach-tile:not(.pet-ach-tile--unlocked) .pet-ach-label{color:#fff6}.pet-ach-tile:not(.pet-ach-tile--unlocked):hover{background:#ffffff0d;border-color:#ffffff1f;cursor:help}.pet-ach-lock{opacity:.35}.pet-ach-tooltip{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);min-width:110px;max-width:155px;flex-direction:column;gap:3px;padding:.4rem .5rem;background:#0a0a0af7;border:1px solid rgba(var(--color-primary-rgb),.35);border-radius:6px;box-shadow:0 4px 18px #0009;z-index:20;pointer-events:none;text-align:left;white-space:normal}.pet-ach-tile--unlocked:hover .pet-ach-tooltip,.pet-ach-tile:not(.pet-ach-tile--unlocked):hover .pet-ach-tooltip--hint{display:flex}.pet-ach-tooltip--hint{border-color:#ffffff26}.pet-ach-tooltip--hint:after{border-top-color:#ffffff26}.pet-ach-tooltip-hint-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59}.pet-ach-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:rgba(var(--color-primary-rgb),.35)}.pet-ach-tooltip-title{font-size:.62rem;font-weight:700;color:var(--color-primary);letter-spacing:.02em}.pet-ach-tooltip-desc{font-size:.57rem;color:#ffffff8c;line-height:1.35;font-weight:400}.pet-wanderer--catching{z-index:calc(var(--z-lightbox) + 5)}.catch-game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-lightbox) + 3);cursor:crosshair;background:#0000001f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s ease}@keyframes catch-ripple-expand{0%{transform:translate(-50%,-50%) scale(.1);opacity:.85}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.catch-ripple{position:fixed;width:56px;height:56px;border-radius:50%;border:2.5px solid var(--color-primary);pointer-events:none;z-index:calc(var(--z-lightbox) + 6);animation:catch-ripple-expand .42s cubic-bezier(.2,.8,.5,1) forwards;will-change:transform,opacity}.catch-game-intro{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-lightbox) + 20);display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 2.5rem;background:#080808f2;border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:16px;box-shadow:0 8px 40px #000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:catch-intro-in .4s ease-out both;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catch-game-intro-title{font-size:1.9rem;font-weight:800;color:var(--color-primary);letter-spacing:.04em}.catch-game-intro-steps{display:flex;flex-direction:column;gap:.9rem}.catch-game-intro-step{display:flex;align-items:center;gap:.9rem;font-size:1rem;color:#ffffffbf}.catch-game-intro-icon{font-size:1.6rem;width:2.4rem;text-align:center;flex-shrink:0}.catch-game-intro-start{font-size:.85rem;color:#fff6;margin-top:.5rem;animation:catch-intro-blink 2s ease-in-out infinite}@keyframes catch-intro-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes catch-intro-blink{0%,to{opacity:.4}50%{opacity:.8}}.catch-game-hint{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:calc(var(--z-lightbox) + 7);padding:.5rem 1.4rem;background:#080808e0;border:1px solid rgba(var(--color-primary-rgb),.22);border-radius:20px;color:#ffffff8c;font-size:.9rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:pet-thought-rise .5s ease-out both;white-space:nowrap}body[data-catching=true] .pet-thought,body[data-catching=true] .pet-thought--symbol,body[data-catching=true] .pet-thought--text,body[data-catching=true] .pet-thought--reaction{z-index:calc(var(--z-lightbox) + 6);pointer-events:none}.catch-ball{position:fixed;left:0;top:0;will-change:transform;pointer-events:none;z-index:calc(var(--z-lightbox) + 6);color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(var(--color-primary-rgb),.4));transition:filter .15s ease}.catch-ball--held{filter:drop-shadow(0 0 6px rgba(var(--color-primary-rgb),.6))}.catch-aim-line{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:visible;pointer-events:none;z-index:calc(var(--z-lightbox) + 5);color:var(--color-primary)}.catch-game-score{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:calc(var(--z-lightbox) + 7);display:flex;flex-direction:column;align-items:center;gap:3px;padding:.85rem 2.4rem;background:#080808eb;border:1px solid rgba(var(--color-primary-rgb),.35);border-radius:18px;color:var(--color-primary);font-variant-numeric:tabular-nums;letter-spacing:.08em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:160px}.catch-game-score-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#ffffff73}.catch-game-score-value{font-size:3.2rem;font-weight:800;line-height:1;transition:transform .15s ease}.catch-game-overlay--flash .catch-game-score-value{transform:scale(1.15)}.catch-game-score-best{font-size:.7rem;font-weight:500;color:#ffffff59;margin-top:3px}.catch-game-stats{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);width:100%}.catch-game-stat{display:flex;align-items:center;gap:7px}.catch-game-stat-icon{flex-shrink:0;color:var(--color-primary);opacity:.7}.catch-game-stat-track{flex:1;height:6px;min-width:65px;background:#ffffff14;border-radius:3px;overflow:hidden}.catch-game-stat-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .6s ease}.catch-game-stat-fill--critical{background:#e74c3c}.catch-game-stat-value{font-size:.65rem;font-weight:600;color:#fff6;min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.catch-game-exit{position:fixed;top:14px;right:18px;z-index:calc(var(--z-lightbox) + 7);display:flex;align-items:center;justify-content:center;gap:8px;width:auto;height:52px;padding:0 20px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:#080808e0;color:#ffffffa6;cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.catch-game-exit-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;opacity:.6}.catch-game-exit:hover{background:#ff505033;border-color:#ff505080;color:#ff5050}@media (prefers-reduced-motion: reduce){.pet-toggle-thumb,.pet-icon,.pet-icon--sleep,.pet-wanderer,.pet-charge-ring__track{transition:none!important}.pet-icon--sleep .pet-icon-antenna,.pet-icon--sleep .pet-icon-antenna-tip,.pet-icon-zzz text,.pet-icon--bob,.pet-toggle--attention:after{animation:none!important}.pet-expression--shake .pet-wanderer-body,.pet-expression--bounce .pet-wanderer-body,.pet-expression--woozy .pet-wanderer-body,.pet-antenna--spin,.pet-antenna--waggle-l,.pet-antenna--waggle-r,.pet-glow,.pet-led-left,.pet-led-right,.pet-loader-bar,.pet-thought-bubble,.pet-thought-pop,.pet-sleep-zzz,.pet-snore-ring,.pet-spiral,.pet-circuit-line{animation:none!important}}.tooltip-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip{position:absolute;left:50%;min-width:70px;max-width:220px;display:flex;flex-direction:column;gap:3px;padding:.4rem .6rem;background:#0a0a0af7;border:1px solid rgba(var(--color-primary-rgb),.35);border-radius:6px;box-shadow:0 4px 18px #0009;z-index:9999;pointer-events:none;text-align:center;white-space:nowrap;animation:tooltip-in .15s ease forwards}.tooltip--top{bottom:calc(100% + 8px);transform:translate(-50%)}.tooltip--bottom{top:calc(100% + 8px);transform:translate(-50%)}.tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:5px solid transparent}.tooltip--top:after{top:100%;border-top-color:rgba(var(--color-primary-rgb),.35)}.tooltip--bottom:after{bottom:100%;border-bottom-color:rgba(var(--color-primary-rgb),.35)}.tooltip-text{font-size:.68rem;font-weight:600;color:var(--color-primary);letter-spacing:.02em;line-height:1.3}.tooltip-desc{font-size:.58rem;color:#ffffff8c;line-height:1.35;font-weight:400;white-space:normal}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip--bottom{animation-name:tooltip-in-bottom}@keyframes tooltip-in-bottom{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.not-found{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-lg) var(--space-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);overflow:hidden}.not-found__stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.not-found__stars:before,.not-found__stars:after{content:"";position:absolute;border-radius:50%;background:var(--color-primary);opacity:.08;filter:blur(90px);animation:notfound-drift 16s ease-in-out infinite alternate}.not-found__stars:before{width:500px;height:500px;top:-15%;left:-10%}.not-found__stars:after{width:400px;height:400px;bottom:-10%;right:-8%;animation-delay:-8s;animation-direction:alternate-reverse}@keyframes notfound-drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.12)}}.not-found__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:540px;gap:0}.not-found__code{font-size:clamp(6rem,18vw,11rem);font-weight:900;line-height:1;letter-spacing:.04em;color:var(--color-primary);text-shadow:0 0 40px rgba(var(--color-primary-rgb),.45),0 0 80px rgba(var(--color-primary-rgb),.2),0 4px 30px rgba(0,0,0,.5);margin-bottom:var(--space-xs);font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:notfound-glow 4s ease-in-out infinite alternate}@keyframes notfound-glow{0%{text-shadow:0 0 40px rgba(var(--color-primary-rgb),.45),0 0 80px rgba(var(--color-primary-rgb),.2),0 4px 30px rgba(0,0,0,.5)}to{text-shadow:0 0 60px rgba(var(--color-primary-rgb),.65),0 0 120px rgba(var(--color-primary-rgb),.35),0 4px 30px rgba(0,0,0,.5)}}.not-found__title{font-size:var(--font-size-h2);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs)}.not-found__description{font-size:1.05rem;color:#ffffff8c;line-height:1.6;max-width:420px;margin-bottom:var(--space-lg)}.not-found__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.not-found__snake-container{display:flex;justify-content:center;padding:var(--space-sm);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--border-radius-md);background:rgba(var(--color-secondary-rgb),.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000073;animation:notfound-snake-in .35s ease both}@keyframes notfound-snake-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.not-found__footer{position:relative;z-index:1;margin-top:auto;padding-top:var(--space-xl);font-size:.8rem;color:#fff3;letter-spacing:.04em}@media (max-width: 480px){.not-found{padding:var(--space-md) var(--space-sm)}.not-found__code{font-size:clamp(4.5rem,22vw,7rem)}.not-found__title{font-size:1.5rem}.not-found__description{font-size:.95rem}.not-found__actions{flex-direction:column;width:100%}.not-found__actions .btn{width:100%;text-align:center}}.toast-container{position:fixed;bottom:1.75rem;right:1.75rem;z-index:10000;display:flex;flex-direction:column-reverse;gap:.7rem;pointer-events:none;max-width:min(420px,calc(100vw - 2.5rem))}.toast{pointer-events:auto;position:relative;display:flex;align-items:center;gap:.9rem;padding:.95rem 1.1rem .95rem 1.4rem;border-radius:12px;background:#101012f5;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #0000008c,0 0 0 1px #ffffff08 inset;color:#ffffffed;font-size:.93rem;line-height:1.4;animation:toast-in .34s cubic-bezier(.34,1.56,.64,1) both;will-change:transform,opacity;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:currentColor;opacity:.8}.toast--exit{animation:toast-out .28s ease-in both}.toast--success{color:#4ade80;border-color:#4ade8033}.toast--success .toast-message{color:#ffffffed}.toast--error{color:#f87171;border-color:#f8717133}.toast--error .toast-message{color:#ffffffed}.toast--info{color:var(--color-primary, #d4af37);border-color:rgba(var(--color-primary-rgb, 212, 175, 55),.2)}.toast--info .toast-message{color:#ffffffed}.toast--warning{color:#fbbf24;border-color:#fbbf2433}.toast--warning .toast-message{color:#ffffffed}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14}.toast-icon svg{color:#fff}.toast--success .toast-icon{background:#4ade8026;color:#4ade80}.toast--error .toast-icon{background:#f8717126;color:#f87171}.toast--info .toast-icon{background:rgba(var(--color-primary-rgb, 212, 175, 55),.15);color:var(--color-primary, #d4af37)}.toast--warning .toast-icon{background:#fbbf2426;color:#fbbf24}.toast-message{flex:1;min-width:0;word-break:break-word;font-weight:500;letter-spacing:.01em}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff6;font-size:1rem;cursor:pointer;width:24px;height:24px;padding:0;line-height:1;transition:background .15s,color .15s;font-family:inherit}.toast-close:hover{background:#ffffff1f;color:#ffffffd9}@keyframes toast-in{0%{opacity:0;transform:translate(50px) scale(.88)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60px) scale(.88)}}@media (prefers-reduced-motion: reduce){.toast{animation:none!important}.toast--exit{animation:none!important;opacity:0}}@media (max-width: 480px){.toast-container{bottom:.75rem;right:.75rem;left:.75rem;max-width:none}.toast{font-size:.86rem;padding:.8rem .9rem .8rem 1.1rem;gap:.7rem}.toast-icon{width:30px;height:30px}}body[data-mood=hacker] .toast--info{color:#00ff41;border-color:#00ff4133}body[data-mood=hacker] .toast--info .toast-icon{background:#00ff411f;color:#00ff41}body[data-mood=vaporwave] .toast--info{color:#ff71ce;border-color:#ff71ce33}body[data-mood=vaporwave] .toast--info .toast-icon{background:#ff71ce1f;color:#ff71ce}body[data-mood=europa] .toast--info{color:#00e5ff;border-color:#00e5ff33}body[data-mood=europa] .toast--info .toast-icon{background:#00e5ff1f;color:#00e5ff}body[data-mood=industrial] .toast--info{color:#ff5722;border-color:#ff572233}body[data-mood=industrial] .toast--info .toast-icon{background:#ff57221f;color:#ff5722}.ambient-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-ambient, 0);pointer-events:none;overflow:hidden}.ambient-commuter{position:absolute;left:0;z-index:var(--z-ambient, 0);pointer-events:none;color:var(--color-primary);opacity:0;will-change:transform,opacity}.commuter-spacecraft{animation-name:commuter-fly-ltr;animation-timing-function:linear;animation-fill-mode:both;animation-duration:30s}.commuter-satellite{animation-name:commuter-arc;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-duration:35s}.commuter-rover{animation-name:commuter-fly-ltr;animation-timing-function:linear;animation-fill-mode:both;animation-duration:42s}@keyframes commuter-fly-ltr{0%{transform:translate(-120px);opacity:0}3%{opacity:.55}95%{opacity:.55}to{transform:translate(calc(100vw + 120px));opacity:0}}@keyframes commuter-arc{0%{transform:translate(-120px);opacity:0}3%{opacity:.5}50%{transform:translate(50vw,-6vh)}95%{opacity:.5}to{transform:translate(calc(100vw + 120px));opacity:0}}.commuter-exhaust{animation:exhaust-pulse .6s ease-in-out infinite alternate}@keyframes exhaust-pulse{0%{opacity:.15;transform:scaleX(.8)}to{opacity:.5;transform:scaleX(1.2)}}.commuter-panel{transform-box:fill-box;transform-origin:center center}.commuter-panel--left{animation:panel-tilt 8s ease-in-out infinite}.commuter-panel--right{animation:panel-tilt 8s ease-in-out infinite reverse}@keyframes panel-tilt{0%,to{transform:rotate(0)}25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}.commuter-antenna-dish{transform-box:fill-box;transform-origin:center center;animation:dish-wobble 3s ease-in-out infinite}@keyframes dish-wobble{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.commuter-blink{animation:commuter-blink-anim 1.5s step-end infinite}@keyframes commuter-blink-anim{0%,40%{opacity:.7}50%,90%{opacity:.1}}.commuter-wheel{transform-box:fill-box;transform-origin:center center;animation:wheel-spin 1.8s linear infinite}.commuter-wheel--small{animation-duration:1.4s}@keyframes wheel-spin{to{transform:rotate(360deg)}}.commuter-antenna{transform-box:fill-box;transform-origin:bottom center;animation:antenna-sway 2.5s ease-in-out infinite alternate}@keyframes antenna-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.footer-diorama{width:48px;height:64px;pointer-events:none;color:var(--color-primary);opacity:.55;transition:opacity .6s ease}.footer-diorama-container{position:absolute;bottom:100%;left:0;right:0;height:68px;pointer-events:none;z-index:1}.footer-diorama-slot{position:absolute;bottom:0;width:48px}.diorama-relay .relay-dish{transform-box:view-box;transform-origin:24px 16px;animation:relay-track 6s ease-in-out infinite alternate}.diorama-relay .relay-light{animation:blink-light 2s step-end infinite}@keyframes relay-track{0%{transform:rotate(-35deg)}to{transform:rotate(35deg)}}@keyframes blink-light{0%,49%{opacity:1}50%,to{opacity:.15}}.diorama-beacon .beacon-core{animation:beacon-pulse 3s ease-in-out infinite}.diorama-beacon .beacon-smoke{animation:smoke-rise 4s ease-out infinite;opacity:0}.diorama-beacon .beacon-smoke:nth-child(2){animation-delay:1.3s}.diorama-beacon .beacon-smoke:nth-child(3){animation-delay:2.6s}@keyframes beacon-pulse{0%,to{filter:drop-shadow(0 0 2px currentColor);opacity:.7}50%{filter:drop-shadow(0 0 8px currentColor);opacity:1}}@keyframes smoke-rise{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:.35}to{opacity:0;transform:translateY(-22px) scale(1.3) translate(4px)}}.diorama-warmind .warmind-core{animation:warmind-pulse 4s ease-in-out infinite}.diorama-warmind .warmind-ring-a{transform-origin:center;animation:orbit-a 8s linear infinite}.diorama-warmind .warmind-ring-b{transform-origin:center;animation:orbit-b 11s linear infinite reverse}@keyframes warmind-pulse{0%,to{filter:drop-shadow(0 0 3px currentColor);opacity:.6}50%{filter:drop-shadow(0 0 10px currentColor);opacity:1}}@keyframes orbit-a{to{transform:rotate(360deg)}}@keyframes orbit-b{to{transform:rotate(360deg)}}.diorama-radar .radar-sweep{transform-origin:24px 42px;animation:radar-spin 4s linear infinite}@keyframes radar-spin{to{transform:rotate(360deg)}}.diorama-turbine .turbine-blades{transform-origin:24px 24px;animation:turbine-spin 6s linear infinite}@keyframes turbine-spin{to{transform:rotate(360deg)}}.diorama-radio .radio-waves{animation:radio-emit 2.5s ease-out infinite}@keyframes radio-emit{0%{opacity:0;transform:translate(-2px) scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(4px) scale(1.15)}}.diorama-lighthouse .lighthouse-beam{transform-box:view-box;transform-origin:24px 17px;animation:lighthouse-rotate 4s linear infinite}.diorama-lighthouse .lighthouse-glow{animation:beacon-pulse 2s ease-in-out infinite}@keyframes lighthouse-rotate{to{transform:rotate(360deg)}}.diorama-clock .clock-minute{transform-box:view-box;transform-origin:24px 28px;animation:clock-hand 15s linear infinite}.diorama-clock .clock-hour{transform-box:view-box;transform-origin:24px 28px;animation:clock-hand 180s linear infinite}@keyframes clock-hand{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.diorama-tesla .tesla-arc{animation:arc-flash .45s steps(2) infinite;opacity:0}.diorama-tesla .tesla-arc--2{animation-delay:-.15s;animation-duration:.55s}.diorama-tesla .tesla-arc--3{animation-delay:-.28s;animation-duration:.38s}.diorama-tesla .tesla-glow{animation:beacon-pulse 1.2s ease-in-out infinite}@keyframes arc-flash{0%,to{opacity:0}50%{opacity:.85}}.diorama-periscope .periscope-head{transform-box:view-box;transform-origin:24px 34px;animation:periscope-scan 7s ease-in-out infinite alternate}@keyframes periscope-scan{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}.ambient-silhouette{position:absolute;z-index:var(--z-ambient, 0);pointer-events:none;will-change:transform;color:var(--color-primary)}@keyframes drift-diagonal{0%{transform:translate(calc(100vw + 60px),-60px);opacity:0}5%{opacity:var(--sil-opacity, .09)}90%{opacity:var(--sil-opacity, .09)}to{transform:translate(-120px,calc(100vh + 60px));opacity:0}}@keyframes drift-ltr{0%{transform:translate(-100px);opacity:0}5%{opacity:var(--sil-opacity, .09)}90%{opacity:var(--sil-opacity, .09)}to{transform:translate(calc(100vw + 100px));opacity:0}}@keyframes drift-rtl-slow{0%{transform:translate(calc(100vw + 80px));opacity:0}5%{opacity:var(--sil-opacity, .09)}90%{opacity:var(--sil-opacity, .09)}to{transform:translate(-120px,15vh);opacity:0}}.sil-wing{transform-box:fill-box;animation:wing-flap-left .9s ease-in-out infinite alternate}.sil-wing--left{transform-origin:100% 100%;animation-name:wing-flap-left}.sil-wing--right{transform-origin:0% 100%;animation-name:wing-flap-right}.sil-bird:nth-child(2) .sil-wing{animation-duration:.8s;animation-delay:-.2s}.sil-bird:nth-child(3) .sil-wing{animation-duration:.95s;animation-delay:-.5s}.sil-bird:nth-child(4) .sil-wing{animation-duration:.85s;animation-delay:-.35s}.sil-bird:nth-child(5) .sil-wing{animation-duration:.92s;animation-delay:-.65s}@keyframes wing-flap-left{0%{transform:rotate(25deg)}to{transform:rotate(-20deg)}}@keyframes wing-flap-right{0%{transform:rotate(-25deg)}to{transform:rotate(20deg)}}.sil-data-line{animation:data-glitch 2s steps(6) infinite}.sil-data-line--2{animation-duration:2.5s;animation-delay:-.7s}.sil-data-line--3{animation-duration:1.6s;animation-delay:-1.2s}.sil-data-line line{animation:data-flow 2.5s linear infinite}.sil-data-line--2 line{animation-duration:3.2s;animation-direction:reverse}.sil-data-line--3 line{animation-duration:1.8s}.sil-data-node{transform-box:fill-box;transform-origin:center center;animation:node-pulse .6s steps(2) infinite alternate}.sil-data-node:nth-child(2n){animation-delay:-.3s;animation-duration:.8s}@keyframes data-glitch{0%,to{transform:translate(0);opacity:.8}12%{transform:translate(5px) skew(2deg);opacity:1}24%{transform:translate(-3px);opacity:.3}36%{transform:translate(0);opacity:.8}55%{transform:translate(7px) skew(-3deg);opacity:.2}67%{transform:translate(-4px);opacity:.9}80%{transform:translate(2px);opacity:.7}}@keyframes data-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}@keyframes node-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:.2}}.sil-ship-body{transform-box:fill-box;transform-origin:center center;animation:ship-hover 3.5s ease-in-out infinite}.sil-ship-reactor{animation:reactor-pulse .7s ease-in-out infinite alternate}.sil-ship-reactor--right{animation-delay:-.35s}@keyframes ship-hover{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}50%{transform:translateY(1.5px) rotate(-.5deg)}75%{transform:translateY(-1px) rotate(.7deg)}}@keyframes reactor-pulse{0%{opacity:.15}to{opacity:.75}}.silhouettes-enter{animation:sil-fade-in 1s ease forwards}.silhouettes-exit{animation:sil-fade-out .6s ease forwards}@keyframes sil-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sil-fade-out{0%{opacity:1}to{opacity:0}}.sil-ice-facet{animation:ice-shimmer 4s ease-in-out infinite}.sil-ice-facet--inner{animation-delay:1.5s;animation-duration:5s}@keyframes ice-shimmer{0%,to{opacity:.7}50%{opacity:.35}}.sil-gear{transform-box:fill-box;transform-origin:center center;animation:gear-rotate 18s linear infinite}.sil-gear--reverse{animation-direction:reverse;animation-duration:12s}@keyframes gear-rotate{to{transform:rotate(360deg)}}@keyframes drift-upward{0%{transform:translate(-5%) translateY(0);opacity:0}5%{opacity:var(--sil-opacity, .3)}50%{transform:translate(3%) translateY(-40vh);opacity:var(--sil-opacity, .3)}95%{opacity:var(--sil-opacity, .3)}to{transform:translate(8%) translateY(-90vh);opacity:0}}.europa-snowflake{position:fixed;border-radius:50%;background:#e0f2fe99;pointer-events:none;z-index:var(--z-ambient, 0);will-change:transform,opacity;animation:snowfall linear infinite,snowflake-wobble ease-in-out infinite}@keyframes snowfall{0%{transform:translateY(-20px) translate(0);opacity:0}5%{opacity:var(--flake-opacity, .4)}90%{opacity:var(--flake-opacity, .4)}to{transform:translateY(100vh) translate(0);opacity:0}}@keyframes snowflake-wobble{0%,to{transform:translate(0)}25%{transform:translate(12px)}75%{transform:translate(-12px)}}.industrial-ember{position:fixed;border-radius:1px;pointer-events:none;z-index:var(--z-ambient, 0);will-change:transform,opacity;animation:ember-rise linear forwards}@keyframes ember-rise{0%{transform:translateY(0) scale(1);opacity:.9}20%{opacity:1}60%{opacity:.6;transform:translateY(-50vh) scale(.8)}to{opacity:0;transform:translateY(-85vh) scale(.3)}}.industrial-spark{position:fixed;border-radius:1px;pointer-events:none;z-index:var(--z-ambient, 0);will-change:transform,opacity;animation:spark-burst linear forwards}@keyframes spark-burst{0%{transform:translate(0) scaleX(1);opacity:1}30%{opacity:.9;transform:translate(calc(var(--spark-dir, 1) * 30px)) scaleX(.7)}to{opacity:0;transform:translate(calc(var(--spark-dir, 1) * 80px)) scaleX(.2)}}.europa-icicles-bar{position:fixed;top:0;left:0;width:100%;height:70px;pointer-events:none;z-index:var(--z-ambient, 0)}.europa-icicle{opacity:0;transform-origin:top center;animation:icicle-grow 1.5s ease-out forwards}@keyframes icicle-grow{0%{opacity:0;transform:scaleY(0)}40%{opacity:1}to{opacity:1;transform:scaleY(1)}}.europa-icicle-drip{opacity:0;animation:icicle-drip 1.2s ease-in infinite}@keyframes icicle-drip{0%{opacity:0;transform:translateY(0)}10%{opacity:.6}to{opacity:0;transform:translateY(30px)}}.europa-frost-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-ambient, 0)}.europa-frost-crack{animation:frost-draw-in 3s ease-out forwards}@keyframes frost-draw-in{to{stroke-dashoffset:0}}body[data-mood=europa] main{position:relative}body[data-mood=europa] main:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:12px;pointer-events:none;z-index:2;background:radial-gradient(ellipse 60px 10px at 8% 100%,rgba(224,242,254,.22) 0%,transparent 100%),radial-gradient(ellipse 90px 12px at 22% 100%,rgba(200,230,250,.18) 0%,transparent 100%),radial-gradient(ellipse 70px 9px at 40% 100%,rgba(224,242,254,.2) 0%,transparent 100%),radial-gradient(ellipse 110px 11px at 58% 100%,rgba(200,230,250,.16) 0%,transparent 100%),radial-gradient(ellipse 80px 10px at 75% 100%,rgba(224,242,254,.19) 0%,transparent 100%),radial-gradient(ellipse 95px 12px at 92% 100%,rgba(200,230,250,.17) 0%,transparent 100%);animation:europa-snow-settle 8s ease-out forwards;opacity:0}body[data-mood=europa] footer{position:relative}body[data-mood=europa] footer:before{content:"";position:absolute;top:-6px;left:0;width:100%;height:8px;pointer-events:none;z-index:2;background:radial-gradient(ellipse 50px 7px at 12% 100%,rgba(224,242,254,.2) 0%,transparent 100%),radial-gradient(ellipse 80px 8px at 35% 100%,rgba(200,230,250,.16) 0%,transparent 100%),radial-gradient(ellipse 65px 7px at 55% 100%,rgba(224,242,254,.18) 0%,transparent 100%),radial-gradient(ellipse 90px 8px at 78% 100%,rgba(200,230,250,.15) 0%,transparent 100%),radial-gradient(ellipse 55px 7px at 95% 100%,rgba(224,242,254,.17) 0%,transparent 100%);animation:europa-snow-settle 8s ease-out 2s forwards;opacity:0}@keyframes europa-snow-settle{0%{opacity:0;transform:scaleY(.3)}40%{opacity:.7}to{opacity:1;transform:scaleY(1)}}.industrial-neon-sign{position:absolute;pointer-events:none;z-index:var(--z-ambient, 0);opacity:0;animation:neon-appear 1s ease-out forwards}.industrial-neon-sign--hazard{width:80px;height:55px}.industrial-neon-sign--bolt{width:65px;height:65px}.industrial-neon-sign--caution{width:140px;height:60px}.neon-stroke{filter:drop-shadow(0 0 4px #ff5722) drop-shadow(0 0 8px rgba(255,87,34,.4));animation:neon-flicker 4s steps(1) infinite}.neon-stroke--accent{filter:drop-shadow(0 0 4px #ffd600) drop-shadow(0 0 8px rgba(255,214,0,.4))}.neon-text{filter:drop-shadow(0 0 4px #ff5722) drop-shadow(0 0 10px rgba(255,87,34,.5));animation:neon-flicker 4s steps(1) infinite;animation-delay:-1.5s}@keyframes neon-appear{0%{opacity:0;filter:brightness(.3)}60%{opacity:.75;filter:brightness(1.2)}to{opacity:.7;filter:brightness(1)}}@keyframes neon-flicker{0%,to{opacity:.7}4%{opacity:.65}4.5%{opacity:.7}18%{opacity:.7}18.2%{opacity:.3}18.5%{opacity:.72}18.7%{opacity:.35}19%{opacity:.7}52%{opacity:.68}52.3%{opacity:.72}78%{opacity:.7}78.2%{opacity:.1}78.4%{opacity:.65}78.6%{opacity:.7}93%{opacity:.68}93.2%{opacity:.72}}.industrial-pipe-fixture{position:absolute;top:-48px;transform:translate(-50%);pointer-events:none;z-index:calc(var(--z-ambient, 0) + 1);opacity:.55}.industrial-steam-puff{position:absolute;top:-65px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(158,158,158,.25) 0%,transparent 70%);pointer-events:none;z-index:var(--z-ambient, 0);will-change:transform,opacity;animation:steam-puff ease-out forwards}@keyframes steam-puff{0%{transform:scale(1) translateY(0);opacity:0}10%{opacity:.3}50%{opacity:.18}to{transform:scale(4) translateY(-80px);opacity:0}}body[data-mood=industrial] header{box-shadow:0 2px #ff572259,0 4px 12px #ff57221a}body[data-mood=industrial] footer{box-shadow:0 -2px #ff572240,0 -4px 10px #ff572214}@media (max-width: 480px){.footer-diorama-container{display:none}}@media (max-width: 768px){.ambient-silhouette:nth-child(n+2){display:none}}.footer-walkers-stage{position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:var(--z-ambient, 0)}.footer-horizon{position:fixed;bottom:0;left:0;right:0;height:52px;pointer-events:none;z-index:var(--z-ambient, 0);background:linear-gradient(to top,color-mix(in srgb,var(--color-primary) 8%,transparent) 0%,color-mix(in srgb,var(--color-primary) 4%,transparent) 35%,transparent 100%);mask-image:linear-gradient(to top,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,transparent 100%);opacity:.6}.footer-walker{position:fixed;bottom:28px;left:0;z-index:calc(var(--z-ambient, 0) + 1);pointer-events:none;opacity:0;transition:opacity .6s ease;will-change:transform;color:var(--color-primary);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent))}.footer-walker.walker--visible{opacity:.75}.walker--walking .walker-body{animation:walker-bob .38s ease-in-out infinite alternate}@keyframes walker-bob{0%{transform:translateY(0)}to{transform:translateY(-1.8px)}}.walker--scanning .walker-body{transform:rotate(-8deg);transition:transform .35s ease}.walker--scanning .walker-body:after{content:"";position:absolute;bottom:0;left:50%;width:18px;height:2px;margin-left:-9px;background:currentColor;opacity:0;animation:scan-pulse 1.2s ease-in-out infinite}@keyframes scan-pulse{0%,to{opacity:0;transform:scaleX(.4)}50%{opacity:.45;transform:scaleX(1.2)}}.walker--sitting .walker-body{transform:scaleY(.72) translateY(4px);transition:transform .4s ease}.walker--invoking .walker-body{animation:invoke-pose 1.5s ease-in-out infinite}@keyframes invoke-pose{0%,to{transform:translateY(0)}50%{transform:translateY(-2px) rotate(2deg)}}.walker--standing .walker-body{transform:scaleY(1) translateY(0);transition:transform .35s ease}.walker-head{transform-box:fill-box;transform-origin:center bottom;transition:transform .18s ease-out}.walker-ghost-slot{position:absolute;bottom:100%;left:50%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .5s ease}.walker-ghost-slot--active{opacity:1}.walker-ghost-slot--active .walker-ghost{animation:ghost-float 3.5s ease-in-out infinite;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--color-primary) 50%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary) 20%,transparent))}@keyframes ghost-float{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(5deg)}50%{transform:translateY(-3px) rotate(0)}75%{transform:translateY(-8px) rotate(-4deg)}to{transform:translateY(0) rotate(0)}}.walker-campfire-slot{position:absolute;bottom:-2px;left:-22px;pointer-events:none;opacity:0;transition:opacity .6s ease}.walker-campfire-slot--active{opacity:1}.campfire-flame{transform-box:fill-box;transform-origin:center bottom}.campfire-flame--1{animation:flame-dance-1 .7s ease-in-out infinite alternate}.campfire-flame--2{animation:flame-dance-2 .55s ease-in-out infinite alternate;animation-delay:-.15s}.campfire-flame--3{animation:flame-dance-3 .65s ease-in-out infinite alternate;animation-delay:-.3s}@keyframes flame-dance-1{0%{transform:scaleY(1) scaleX(1);opacity:.65}50%{transform:scaleY(1.15) scaleX(.9);opacity:.85}to{transform:scaleY(.85) scaleX(1.08);opacity:.55}}@keyframes flame-dance-2{0%{transform:scaleY(.9) translate(0);opacity:.45}to{transform:scaleY(1.1) translate(1px);opacity:.6}}@keyframes flame-dance-3{0%{transform:scaleY(1.05) translate(0);opacity:.4}to{transform:scaleY(.8) translate(-1px);opacity:.55}}.campfire-spark{animation:spark-rise 1.6s ease-out infinite}.campfire-spark--1{animation-duration:1.4s}.campfire-spark--2{animation-delay:-.5s;animation-duration:1.8s}.campfire-spark--3{animation-delay:-1s;animation-duration:2s}@keyframes spark-rise{0%{transform:translateY(0);opacity:.5}60%{opacity:.3}to{transform:translateY(-10px) translate(3px);opacity:0}}.walker-campfire-slot--active .walker-campfire{filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--color-primary) 30%,transparent))}body[data-mood=hacker] .footer-walker{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(0,255,136,.25))}body[data-mood=vaporwave] .footer-walker{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(255,121,242,.25))}body[data-mood=europa] .footer-walker{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(136,204,255,.2))}body[data-mood=industrial] .footer-walker{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(255,136,68,.25))}body[data-mood=hacker] .footer-horizon{opacity:.45}body[data-mood=europa] .footer-horizon{opacity:.35}@media (max-width: 768px){.footer-walkers-stage{display:none}}.obs-drone{position:fixed;z-index:var(--z-ambient, 2);pointer-events:none;opacity:0;color:var(--color-primary);will-change:transform,opacity,left;transition:left 1.8s cubic-bezier(.25,.46,.45,.94),opacity 1.4s ease}.obs-drone-body{display:block;filter:drop-shadow(0 0 6px currentColor)}.obs-drone-hull{transition:fill .4s ease}.obs-drone-ring{transform-origin:50% 50%;animation:drone-spin-ring 9s linear infinite paused}.obs-drone-eye{animation:drone-eye-pulse 2.4s ease-in-out infinite paused}.obs-drone-cone{position:absolute;top:0;opacity:0;color:var(--color-primary);filter:drop-shadow(0 0 8px currentColor);transition:opacity .6s ease;pointer-events:none}.obs-drone--active .obs-drone-ring,.obs-drone--active .obs-drone-eye{animation-play-state:running}.obs-drone--active .obs-drone-body{animation:drone-float 2.8s ease-in-out infinite alternate}.obs-drone--scanning .obs-drone-cone{opacity:1;animation:drone-cone-pulse 1.8s ease-in-out infinite}.obs-drone--scanning .obs-drone-eye{animation:drone-eye-blink 3s steps(1) infinite}@keyframes drone-float{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}@keyframes drone-spin-ring{to{transform:rotate(360deg)}}@keyframes drone-eye-pulse{0%,to{opacity:.85}50%{opacity:1;r:7}}@keyframes drone-eye-blink{0%,to{opacity:1}48%{opacity:1}50%{opacity:.15}52%{opacity:1}78%{opacity:1}80%{opacity:.1}82%{opacity:1}}@keyframes drone-cone-pulse{0%,to{opacity:.5;filter:drop-shadow(0 0 6px currentColor)}50%{opacity:.85;filter:drop-shadow(0 0 14px currentColor)}}.ambient-boids-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-ambient, 2);pointer-events:none;opacity:.8}@media (prefers-reduced-motion: reduce){.ambient-commuter,.ambient-silhouette,.europa-snowflake,.europa-icicles-bar,.europa-frost-overlay,.industrial-ember,.industrial-spark,.industrial-neon-sign,.industrial-steam-puff,.industrial-pipe-fixture,.footer-walkers-stage,.obs-drone,.ambient-boids-canvas{display:none!important}.footer-diorama,.footer-diorama *{animation:none!important}}img{transition:transform var(--transition-base),box-shadow var(--transition-base)}img:hover{transform:scale(.99);box-shadow:0 0 10px var(--color-primary)}.email-glitch{position:relative;display:inline-block}.local-part{font-family:monospace;color:var(--color-primary);animation:glitch-text .4s steps(10) infinite}#main-title.typing{overflow-anchor:none}@keyframes glitch-text{0%,to{opacity:1}50%{opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.7)}50%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb),0)}}.pulse{animation:pulse 2s infinite}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}.spinner{width:40px;height:40px;border:4px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#cursor-trail,.local-part{animation:none}img:hover{transform:none}}#contact ul{list-style:none;padding-left:0}#contact li{margin-bottom:var(--space-sm)}#overview,#skills,#tools,#achievements{margin-bottom:var(--space-xl)}img:not([width]):not([height]){max-width:100%;height:auto}