.h2o-pet{position:fixed;right:20px;bottom:max(16px,env(safe-area-inset-bottom));z-index:60;width:132px;height:190px;isolation:isolate;font:14px/1.5 Arial,Helvetica,sans-serif;color:#edfafa;user-select:none;-webkit-user-select:none}
.h2o-pet[hidden],.h2o-pet [hidden]{display:none!important}
.h2o-pet button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.h2o-pet button:focus-visible,.h2o-pet a:focus-visible{outline:2px solid #5de0db;outline-offset:4px}
.h2o-pet-body{position:absolute;inset:8px 0 43px;width:100%;padding:0;border:0;background:transparent;touch-action:none;cursor:grab!important}
.h2o-pet-body:active{cursor:grabbing!important}
.h2o-pet-art{display:block;position:relative;width:100%;aspect-ratio:1;transform-origin:50% 70%;animation:h2o-pet-hover 4.6s ease-in-out infinite;filter:drop-shadow(0 9px 8px #00121866)}
.h2o-pet-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.h2o-pet-lid{position:absolute;top:35.9%;left:35.5%;width:8.4%;height:10.6%;background:#09214c;transform:scaleY(0);animation:h2o-pet-blink 7.4s linear infinite;pointer-events:none;border-radius:1px}
.h2o-pet-lid+.h2o-pet-lid{left:58.2%}
.h2o-pet-shadow{position:absolute;bottom:0;left:32%;width:48%;height:8px;border-radius:50%;background:#061b2b50;filter:blur(3px);animation:h2o-pet-shadow 4.6s ease-in-out infinite;pointer-events:none}
.h2o-pet-close{position:absolute;right:0;top:0;z-index:3;width:25px;height:25px;border:1px solid #5de0db50;background:#0b202be8;color:#c5e5e5;border-radius:50%;padding:0;line-height:1!important;opacity:0;transition:opacity .2s}
.h2o-pet:hover .h2o-pet-close,.h2o-pet:focus-within .h2o-pet-close{opacity:1}
.h2o-pet-panel{position:absolute;right:0;bottom:calc(100% + 7px);width:265px;max-width:calc(100vw - 24px);padding:20px;background:#0c202b;border:1px solid #5de0db70;box-shadow:0 16px 45px #0005;border-radius:14px;text-align:left;user-select:text;-webkit-user-select:text}
.h2o-pet.is-left .h2o-pet-panel{right:auto;left:0}.h2o-pet.is-high .h2o-pet-panel{bottom:auto;top:calc(100% + 7px)}
.h2o-pet-panel strong{display:block;font-size:18px;letter-spacing:-.03em;color:#f1fffd;margin-bottom:8px}.h2o-pet-panel p{font-size:13px;line-height:1.65;color:#abc4c8;margin:0 0 15px}
.h2o-pet-panel a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;background:#5de0db;color:#061c24;font-weight:bold;font-size:12px;text-decoration:none;border-radius:5px}
.h2o-pet-tools{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.h2o-pet-tools button{background:none;border:0;padding:4px 0;color:#a9c9cc;font-size:11px}.h2o-pet-tools button:hover{color:#5de0db}
.h2o-pet-restore{width:92px;height:36px;border:1px solid #5de0db70;background:#0c202bf2;color:#80eee6;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px!important;box-shadow:0 4px 18px #0003}
.h2o-pet.is-mini{width:92px;height:36px}.h2o-pet.is-mini .h2o-pet-body,.h2o-pet.is-mini .h2o-pet-close{display:none}
.h2o-pet.is-dragging .h2o-pet-art{animation:none;transform:rotate(-5deg) scale(1.04)}.h2o-pet.is-dragging .h2o-pet-lid{animation:none;transform:scaleY(0)}
.h2o-pet.is-happy .h2o-pet-art{animation:h2o-pet-hello .9s ease-in-out 1}
.h2o-pet.is-paused .h2o-pet-art,.h2o-pet.is-paused .h2o-pet-shadow{animation:none}.h2o-pet.is-paused .h2o-pet-lid{animation:none;transform:scaleY(0)}
@keyframes h2o-pet-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes h2o-pet-shadow{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.78);opacity:.25}}
@keyframes h2o-pet-blink{0%,39%,43%,78%,82%,100%{transform:scaleY(0)}40%,42%,79%,81%{transform:scaleY(1)}}
@keyframes h2o-pet-hello{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-16px) rotate(-9deg)}55%{transform:translateY(-8px) rotate(8deg)}75%{transform:translateY(-12px) rotate(-4deg)}}
@media(max-width:600px){.h2o-pet{width:94px;height:143px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.h2o-pet-body{bottom:32px}.h2o-pet-close{opacity:1;width:23px;height:23px}.h2o-pet-panel{width:245px}.h2o-pet.is-mini{width:92px;height:36px}}
@media(prefers-reduced-motion:reduce){.h2o-pet-art,.h2o-pet-shadow,.h2o-pet-lid,.h2o-pet.is-happy .h2o-pet-art{animation:none!important}.h2o-pet-lid{transform:scaleY(0)}.h2o-pet-close{transition:none}}

/* One pose timeline drives both the sprite and its four plasma emitters. */
.h2o-pet-rig{
  --pose-x:0%;--pose-y:0%;
  --hand-left-x:22%;--hand-left-y:84%;--hand-left-angle:16deg;
  --hand-right-x:77%;--hand-right-y:84%;--hand-right-angle:-16deg;
  --hand-left-opacity:1;--hand-right-opacity:1;
  --boot-left-x:36%;--boot-right-x:63%;--boot-y:102%;--boot-right-opacity:1;
  display:block;position:absolute;inset:0;isolation:isolate;pointer-events:none;
  animation:h2o-pet-look 18s step-end infinite;
}
.h2o-pet-sprite{display:block;position:absolute;z-index:1;width:140%;height:140%;left:-20%;top:-17%;background-image:url('/mascote-poses.png');background-size:400% 200%;background-repeat:no-repeat;background-position:var(--pose-x) var(--pose-y);image-rendering:pixelated;pointer-events:none}
.h2o-pet-cloud{position:absolute;inset:0;background:url('/mascote-h2o.png') center/100% 100% no-repeat;clip-path:polygon(4% 50%,26% 50%,26% 66%,4% 66%);animation:h2o-pet-cloud 3.3s ease-in-out infinite;pointer-events:none}
.h2o-pet.is-happy .h2o-pet-art{animation:h2o-pet-hello 1.8s ease-in-out 1}
.h2o-pet.is-happy .h2o-pet-rig{animation:h2o-pet-wave 1.8s step-end 1}
.h2o-pet.is-dragging .h2o-pet-rig{animation:none;--pose-y:100%;--hand-left-x:27%;--boot-left-x:41%;--boot-right-x:65%}
.h2o-pet.is-paused .h2o-pet-rig{animation:none}
.h2o-pet.is-paused .h2o-pet-cloud{animation:none;transform:translate(-8%,-14%)}
.h2o-pet.is-mini .h2o-pet-rig,.h2o-pet.is-mini .h2o-pet-cloud{animation-play-state:paused}
@keyframes h2o-pet-look{
  0%,53%,63%,87%,100%{--pose-x:0%;--pose-y:0%;--hand-left-x:22%;--hand-right-x:77%;--hand-left-opacity:1;--boot-left-x:36%;--boot-right-x:63%;--boot-right-opacity:1}
  54%,60%{--pose-x:0%;--pose-y:100%;--hand-left-x:27%;--hand-right-x:77%;--hand-left-opacity:1;--boot-left-x:41%;--boot-right-x:65%;--boot-right-opacity:1}
  57%{--pose-x:33.333333%;--pose-y:100%;--hand-left-x:45%;--hand-right-x:45%;--hand-left-opacity:0;--boot-left-x:52%;--boot-right-x:52%;--boot-right-opacity:0}
  78%,84%{--pose-x:66.666667%;--pose-y:100%;--hand-left-x:22%;--hand-right-x:69%;--hand-left-opacity:1;--boot-left-x:33%;--boot-right-x:59%;--boot-right-opacity:1}
  81%{--pose-x:100%;--pose-y:100%;--hand-left-x:54%;--hand-right-x:54%;--hand-left-opacity:0;--boot-left-x:42%;--boot-right-x:42%;--boot-right-opacity:0}
}
@keyframes h2o-pet-wave{
  0%,100%{--pose-x:0%;--hand-right-x:77%;--hand-right-y:84%;--hand-right-angle:-16deg}
  10%,86%{--pose-x:33.333333%;--hand-right-x:81%;--hand-right-y:65%;--hand-right-angle:-65deg}
  22%,48%,74%{--pose-x:66.666667%;--hand-right-x:86%;--hand-right-y:55%;--hand-right-angle:-110deg}
  35%,61%{--pose-x:100%;--hand-right-x:88%;--hand-right-y:65%;--hand-right-angle:-65deg}
}
@keyframes h2o-pet-cloud{0%,100%{transform:translate(-8%,-14%) rotate(-4deg)}50%{transform:translate(-10%,-21%) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.h2o-pet-rig,.h2o-pet-cloud,.h2o-pet.is-happy .h2o-pet-rig{animation:none!important}.h2o-pet-cloud{transform:translate(-8%,-14%)}}

/* Pixel-edged plasma: white core, turquoise exhaust and fine drifting ions. */
.h2o-pet-jet{position:absolute;z-index:0;display:block;width:7%;height:17%;transform-origin:50% 0;pointer-events:none;filter:drop-shadow(0 0 2px #36efec55)}
.h2o-pet-jet--hand-left{left:var(--hand-left-x);top:var(--hand-left-y);opacity:var(--hand-left-opacity);transform:translateX(-50%) rotate(var(--hand-left-angle))}
.h2o-pet-jet--hand-right{left:var(--hand-right-x);top:var(--hand-right-y);opacity:var(--hand-right-opacity);transform:translateX(-50%) rotate(var(--hand-right-angle))}
.h2o-pet-jet--boot-left,.h2o-pet-jet--boot-right{top:var(--boot-y);width:9%;height:22%;transform:translateX(-50%)}
.h2o-pet-jet--boot-left{left:var(--boot-left-x)}
.h2o-pet-jet--boot-right{left:var(--boot-right-x);opacity:var(--boot-right-opacity);--plasma-delay:-.37s}
.h2o-pet-jet--hand-left{--plasma-delay:-.18s}.h2o-pet-jet--hand-right{--plasma-delay:-.48s}
.h2o-pet-jet::before{content:"";position:absolute;left:8%;top:-9%;width:84%;height:27%;border-radius:50%;background:radial-gradient(ellipse,#d7ffff 0 12%,#a7fff2aa 27%,#35e9ed44 52%,#20cfff00 74%);filter:blur(.6px);opacity:.55}
.h2o-pet-plasma{position:absolute;inset:0;transform-origin:50% 0;animation:h2o-pet-thrust 1.1s ease-in-out var(--plasma-delay,0s) infinite alternate;filter:drop-shadow(0 0 1px #37edff66)}
.h2o-pet-plasma::before{content:"";position:absolute;inset:0;background:linear-gradient(#eeffff 0%,#7bfff4 12%,#23e5ef 35%,#00b4e9aa 65%,#257cff00 100%);clip-path:polygon(24% 0,76% 0,76% 12%,88% 12%,88% 30%,77% 30%,77% 49%,66% 49%,66% 70%,56% 70%,50% 100%,44% 70%,34% 70%,34% 49%,23% 49%,23% 30%,12% 30%,12% 12%,24% 12%)}
.h2o-pet-plasma::after{content:"";position:absolute;top:0;left:36%;width:28%;height:72%;background:linear-gradient(#fff 0%,#eeffff 28%,#acffffbb 60%,#baffff00 100%);clip-path:polygon(0 0,100% 0,100% 50%,70% 50%,50% 100%,30% 50%,0 50%)}
.h2o-pet-ions{position:absolute;inset:10% 0 -6%;animation:h2o-pet-ions 1.25s linear var(--plasma-delay,0s) infinite}
.h2o-pet-ions::before,.h2o-pet-ions::after{content:"";position:absolute;width:9%;height:14%;background:#8eeee5;border-radius:1px;box-shadow:0 0 2px #2eeafa66}
.h2o-pet-ions::before{left:9%;top:15%}.h2o-pet-ions::after{right:9%;top:48%;height:9%;opacity:.7}
@keyframes h2o-pet-thrust{0%{transform:scale(.88,.8);opacity:.4}50%{transform:scale(.96,.94);opacity:.58}100%{transform:scale(.92,.88);opacity:.48}}
@keyframes h2o-pet-ions{0%{transform:translateY(0);opacity:0}18%{opacity:.3}100%{transform:translateY(40%);opacity:0}}
.h2o-pet.is-paused .h2o-pet-plasma,.h2o-pet.is-paused .h2o-pet-ions{animation:none}
.h2o-pet.is-paused .h2o-pet-plasma{transform:scale(.86,.7);opacity:.38}.h2o-pet.is-paused .h2o-pet-ions{opacity:0}
@media(prefers-reduced-motion:reduce){.h2o-pet-plasma,.h2o-pet-ions{animation:none!important}.h2o-pet-plasma{transform:scale(.86,.7);opacity:.38}.h2o-pet-ions{opacity:0}}

/* The mascot stays visible; its panel is the complete site navigation. */
.h2o-pet .h2o-pet-panel,.h2o-pet.is-left .h2o-pet-panel,.h2o-pet.is-high .h2o-pet-panel{position:fixed;width:300px;right:auto;bottom:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a7179 #0c202b;box-sizing:border-box;padding:18px}
.h2o-pet-panel p{margin-bottom:12px}.h2o-pet-panel .h2o-pet-nav{display:grid;gap:3px;margin:0 0 12px}
.h2o-pet-panel .h2o-pet-nav a{background:transparent;color:#d9efef;border:1px solid transparent;padding:7px 10px;font-size:13px;min-height:34px}
.h2o-pet-panel .h2o-pet-nav a:hover,.h2o-pet-panel .h2o-pet-nav a[aria-current="page"]{color:#6ae8df;background:#173b44;border-color:#5de0db40}
.h2o-pet-sections{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}.h2o-pet-panel .h2o-pet-sections a{padding:3px 0;background:transparent;color:#a9c9cc;font-size:11px;font-weight:normal;min-height:24px}.h2o-pet-panel .h2o-pet-sections a:hover{color:#5de0db}
@media(max-width:600px){.h2o-pet .h2o-pet-panel{width:280px}.h2o-pet-panel .h2o-pet-nav a{min-height:39px}}