.mascot-scene.engineer-mascot{perspective:none;overflow:clip visible}.engineer-mascot .mascot-stage{aspect-ratio:1122/1402;isolation:isolate;width:auto;max-width:100%;height:100%;margin-inline:auto;position:relative}.engineer-mascot .mascot-trigger{z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:45%;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.engineer-mascot .mascot-trigger[aria-disabled=true]{cursor:default}.engineer-mascot .mascot-original,.engineer-mascot .mascot-body,.engineer-mascot .mascot-visor{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:none;display:block;position:absolute;inset:0;transform:none}.engineer-mascot .mascot-body{opacity:0}.engineer-mascot[data-layer-ready=true] .mascot-body{opacity:1}.engineer-mascot[data-layer-ready=true] .mascot-original{opacity:0}.engineer-mascot .mascot-ring-plane{aspect-ratio:1;pointer-events:none;width:114%;position:absolute;top:25%;left:-7%;transform:rotate(-13deg)scaleY(.29)}.engineer-mascot .mascot-ring-back{z-index:1;clip-path:inset(0 0 50%)}.engineer-mascot .mascot-ring-front{z-index:4;clip-path:inset(50% 0 0)}.engineer-mascot .mascot-ring-track,.engineer-mascot .mascot-ring-rotor{border-radius:50%;position:absolute;inset:3%}.engineer-mascot .mascot-ring-track{border:1.5px solid #ff223a30;box-shadow:0 0 12px #ff1d3614}.engineer-mascot .mascot-ring-rotor{background:conic-gradient(#0000 0deg 182deg,#da081d00 196deg,#ff192a73 278deg,#ff3149 323deg,#ff6c78 341deg,#fff3f3 351deg,#fff 355deg,#0000 359deg);animation:6.2s linear infinite mascot-orbit-spin;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 9px),#000 calc(100% - 7px) calc(100% - 2px),#0000 100%);mask:radial-gradient(closest-side,#0000 calc(100% - 9px),#000 calc(100% - 7px) calc(100% - 2px),#0000 100%)}.engineer-mascot .mascot-ring-soft{filter:blur(7px);opacity:.9;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 23px),#000 calc(100% - 12px),#0000 100%);mask:radial-gradient(closest-side,#0000 calc(100% - 23px),#000 calc(100% - 12px),#0000 100%)}.engineer-mascot .mascot-visor-hinge{z-index:3;pointer-events:none;opacity:0;transform-origin:45.5% 18.5%;position:absolute;inset:0}.engineer-mascot[data-layer-ready=true] .mascot-visor-hinge{opacity:1}.engineer-mascot .mascot-visor{clip-path:polygon(44.12% 15.69%,48.84% 15.62%,71.57% 21.4%,73.71% 23.47%,70.68% 28.32%,68.09% 29.6%,62.92% 29.03%,60.61% 27.03%,58.2% 25.89%,55.53% 26.25%,51.52% 25.39%,45.37% 22.61%,43.58% 20.61%)}.engineer-mascot .mascot-visor-light{opacity:.35;background:radial-gradient(#45c8ff00 15%,#17a6ff26 65%,#0000 75%);border-radius:33% 42% 30% 50%;width:30%;height:13%;animation:5.5s ease-in-out infinite mascot-visor-glow;position:absolute;top:16.5%;left:43.7%;transform:rotate(15deg)}.engineer-mascot[data-gesture=visor] .mascot-visor-hinge{animation:5.2s cubic-bezier(.3,0,.2,1) both mascot-visor-lift}.engineer-mascot .mascot-gesture-props{z-index:5;pointer-events:none;position:absolute;inset:0}.engineer-mascot .mascot-tool{aspect-ratio:1;color:#bcf2ff;opacity:0;filter:drop-shadow(0 0 4px #21adff)drop-shadow(0 0 12px #069bff59);width:14%;position:absolute;top:48%;left:17%;transform:translate(-50%,-50%)}.engineer-mascot .mascot-tool svg{fill:#092944b3;width:100%;height:100%}.engineer-mascot .mascot-tool-spark{background:#e1f8ff;border-radius:50%;width:5px;height:5px;position:absolute;top:4%;right:1%;box-shadow:0 0 10px #49c3ff}.engineer-mascot[data-gesture=tool] .mascot-tool{animation:5.6s cubic-bezier(.2,.65,.3,1) both mascot-tool-catch}.engineer-mascot .mascot-catch-ripple{aspect-ratio:1;opacity:0;border:1px solid #96e8ffcc;border-radius:50%;width:19%;position:absolute;top:53%;left:16%;transform:translate(-50%,-50%)scaleY(.35);box-shadow:0 0 15px #3eb9ff40}.engineer-mascot[data-gesture=tool] .mascot-catch-ripple{animation:5.6s ease-out both mascot-catch-ripple}.engineer-mascot .mascot-laptop{aspect-ratio:1.28;opacity:0;perspective:500px;filter:drop-shadow(0 0 9px #24adff47);width:31%;position:absolute;top:47%;left:14%;transform:translate(-40%,-38%)rotate(-7deg)}.engineer-mascot .mascot-laptop-screen{transform-origin:50% 100%;background:linear-gradient(150deg,#0d3044f7,#061223f0);border:1.5px solid #9be9ff;border-radius:7px 7px 3px 3px;justify-content:center;align-items:center;gap:10%;width:92%;height:81%;display:flex;position:absolute;top:0;left:4%;overflow:hidden;transform:rotateX(-82deg);box-shadow:inset 0 0 12px #4dbdff26,0 0 8px #3eb7ff59}.engineer-mascot .mascot-laptop-screen>svg{color:#b3f1ff;width:28%;height:35%}.engineer-mascot .mascot-code-lines{gap:7px;width:32%;display:grid}.engineer-mascot .mascot-code-lines i{background:#58c0ed;border-radius:2px;width:100%;height:2px}.engineer-mascot .mascot-code-lines i:nth-child(2){background:#ff6b76;width:66%}.engineer-mascot .mascot-code-lines i:nth-child(3){opacity:.7;width:83%}.engineer-mascot .mascot-screen-corner{background:#ff4657;border-radius:50%;width:3px;height:3px;position:absolute;top:6px;right:6px;box-shadow:0 0 5px #ff4657}.engineer-mascot .mascot-laptop-base{clip-path:polygon(8% 0,92% 0,100% 82%,98% 100%,2% 100%,0 82%);background:linear-gradient(#69adc6,#183b52 16%,#285373 72%,#a8ddea 75%,#4f9bb6);width:110%;height:21%;position:absolute;bottom:0;left:-5%}.engineer-mascot .mascot-laptop-base span{opacity:.5;background:repeating-linear-gradient(90deg,#0000 0 5%,#82c1d0 6% 7%);width:64%;height:38%;position:absolute;top:12%;left:18%}.engineer-mascot .mascot-laptop-base i{border:1px solid #7ab1c6;width:14%;height:16%;position:absolute;bottom:26%;left:43%}.engineer-mascot[data-gesture=laptop] .mascot-laptop{animation:6.8s cubic-bezier(.2,.65,.3,1) both mascot-laptop-present}.engineer-mascot[data-gesture=laptop] .mascot-laptop-screen{animation:6.8s cubic-bezier(.3,0,.2,1) both mascot-laptop-open}.engineer-mascot .floating-icon{z-index:6;animation:none}.engineer-mascot .float-code,.engineer-mascot .float-rocket{right:2%}.engineer-mascot .floating-icon:focus-visible span{opacity:1}.engineer-mascot .mascot-controls{z-index:7;white-space:nowrap;background:#080a0ce6;border-radius:22px;align-items:center;gap:10px;padding:0 9px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.engineer-mascot .mascot-motion-toggle{letter-spacing:.015em;color:#c3cbd4;background:#0c1118d1;border:1px solid #929da93b;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:11px;line-height:1;transition:border-color .2s,background .2s;display:inline-flex}.engineer-mascot .mascot-motion-toggle:hover{background:#19232e;border-color:#5c7084}.engineer-mascot .mascot-motion-toggle svg{fill:currentColor}.engineer-mascot .mascot-interact-note,.engineer-mascot .mascot-motion-note{color:#aab5c0;letter-spacing:.015em;font-size:10px}.engineer-mascot .mascot-motion-note{align-items:center;min-height:36px;display:flex}html[data-theme=light] .engineer-mascot .floating-icon{color:#a91425;background:linear-gradient(145deg,#fffffff5,#e4eaf1f5);border-color:#c91528}html[data-theme=light] .engineer-mascot .mascot-interact-note,html[data-theme=light] .engineer-mascot .mascot-motion-note{color:var(--muted)}html[data-theme=light] .engineer-mascot .mascot-motion-toggle{color:#354350;background:#fffffff0;border-color:#8795a3}html[data-theme=light] .engineer-mascot .mascot-motion-toggle:hover{background:#e9edf1;border-color:#627588}html[data-theme=light] .engineer-mascot .mascot-controls{background:#fffffff0}.engineer-mascot .mascot-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.engineer-mascot[data-playing=false] *,.engineer-mascot[data-playing=false] :before,.engineer-mascot[data-playing=false] :after{animation-play-state:paused!important}@keyframes mascot-orbit-spin{to{transform:rotate(360deg)}}@keyframes mascot-visor-glow{0%,to{opacity:.25}50%{opacity:.85}}@keyframes mascot-visor-lift{0%,8%,90%,to{transform:translateY(0)rotate(0)scaleY(1)}29%,61%{transform:translateY(-5.5%)rotate(-9deg)scaleY(.73)}76%{transform:translateY(.2%)rotate(.4deg)scaleY(1)}}@keyframes mascot-tool-catch{0%,2%{opacity:0;transform:translate(-135%,-190%)rotate(-135deg)scale(.35)}7%{opacity:1}23%{opacity:1;transform:translate(-50%,-38%)rotate(-24deg)scale(1)}29%,68%{opacity:1;transform:translate(-50%,-50%)rotate(-18deg)scale(1)}81%{opacity:.8;transform:translate(-38%,-65%)rotate(-4deg)scale(.96)}96%,to{opacity:0;transform:translate(200%,-5%)rotate(45deg)scale(.08)}}@keyframes mascot-catch-ripple{0%,19%{opacity:0;transform:translate(-50%,-50%)scale(.25,.12)}24%{opacity:.85}38%,to{opacity:0;transform:translate(-50%,-50%)scale(1.5,.5)}}@keyframes mascot-laptop-present{0%,4%{opacity:0;transform:translate(108%,8%)rotate(12deg)scale(.08)}12%{opacity:.9}29%,71%{opacity:1;transform:translate(-40%,-38%)rotate(-7deg)scale(1)}83%{opacity:1;transform:translate(-35%,-32%)rotate(-3deg)scale(.95)}99%,to{opacity:0;transform:translate(108%,8%)rotate(12deg)scale(.08)}}@keyframes mascot-laptop-open{0%,18%,89%,to{transform:rotateX(-82deg)}37%,72%{transform:rotateX(-9deg)}}.engineer-mascot[data-reduced-motion=true] .mascot-ring-rotor,.engineer-mascot[data-reduced-motion=true] .mascot-visor-light{animation:none}.engineer-mascot[data-reduced-motion=true][data-gesture=tool] .mascot-tool{opacity:1;animation:none;transform:translate(-50%,-50%)rotate(-18deg)}.engineer-mascot[data-reduced-motion=true][data-gesture=laptop] .mascot-laptop{opacity:1;animation:none;transform:translate(-40%,-38%)rotate(-7deg)}.engineer-mascot[data-reduced-motion=true][data-gesture=laptop] .mascot-laptop-screen{animation:none;transform:rotateX(-9deg)}.engineer-mascot[data-reduced-motion=true][data-gesture=visor] .mascot-visor-hinge{animation:none;transform:translateY(-5.5%)rotate(-9deg)scaleY(.73)}@media (max-width:760px){.engineer-mascot .mascot-motion-toggle{min-height:40px}.engineer-mascot .mascot-controls{bottom:-2px}.engineer-mascot .mascot-code-lines{gap:5px}}@media (prefers-reduced-motion:reduce){.engineer-mascot *,.engineer-mascot :before,.engineer-mascot :after{transition:none!important;animation:none!important}}