/* © 2026 Alberto Berrino – POIGiochiamo. All rights reserved. */.hud{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 16px}.hud .where{flex:1;min-width:0;font-family:var(--display);font-weight:800;font-size:20px;line-height:1.1;color:var(--leaf-dark)}.hud .where small{display:block;font-family:var(--body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.hud .where .cname{display:block;font-size:25px;line-height:1.1;color:var(--ink)}.view.world-dark .hud .where .cname{color:#fff}.hud .where .mt{display:block;font-family:var(--body);font-size:12px;font-weight:700;line-height:1.25;color:var(--ink-soft);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.view.world-dark .hud .where .mt{color:#C9CCF5}.map{flex:1;min-height:0}.map svg{width:100%;height:100%;display:block}.tip{margin:4px 14px 10px;background:var(--paper);border-radius:16px;padding:9px 12px;font-weight:700;font-size:15px;text-align:center}.tip span{color:var(--ink-soft);font-weight:600}.empty-play{padding:30px 20px;text-align:center}.stop{cursor:pointer}.stop .ring{fill:var(--paper);stroke:var(--soil);stroke-width:4}.stop .gloss{fill:#fff;opacity:.55;pointer-events:none}.stop.done .ring{fill:var(--leaf-light);stroke:var(--leaf-dark)}.stop.locked{cursor:default}.stop.locked .ring{fill:var(--grey);stroke:#A9AE9E}.stop.locked .gloss{opacity:.35}.stop .num{font-family:var(--display);font-weight:800;font-size:21px;fill:var(--ink);text-anchor:middle;dominant-baseline:central;pointer-events:none}.stop.locked .num{fill:#8E937F}.stop .pulse{fill:none;stroke:none}.stop .spark{opacity:0;pointer-events:none}.stop.current{transform-box:fill-box;transform-origin:center;animation:bob 1.1s ease-in-out infinite;filter:drop-shadow(0 0 7px #FFD24A) drop-shadow(0 0 3px #fff)}.stop.current .ring{fill:url(#stopGold);stroke:#fff;stroke-width:4}.stop.current .gloss{opacity:.85}.stop.current .num{fill:#6B3F00}.stop.current .pulse{stroke:#FFD24A;stroke-width:5;animation:pulse 1.4s ease-out infinite;transform-box:fill-box;transform-origin:center}.stop.current .pulse.two{animation-delay:.7s}.stop.current .spark{opacity:1;animation:twinkle 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes bob{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}@keyframes pulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.8)}}.food{text-anchor:middle;dominant-baseline:central;transition:transform .35s,opacity .35s;transform-box:fill-box;transform-origin:center}.food.eaten{transform:scale(0);opacity:0}.emo{text-anchor:middle;dominant-baseline:central}.deco{opacity:.9;pointer-events:none}.view.world-dark .hud .where{color:#E8EAFF}.view.world-dark .hud .where small{color:#B8BBF0}.hud .pets{background:var(--paper);border:0;border-radius:999px;padding:6px 12px;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}.pet-idle{transform-box:fill-box;transform-origin:50% 100%}.pet-walk,.pet-side{animation:pet-bob 1.8s ease-in-out infinite}.pet-waddle{animation:pet-waddle 1.4s ease-in-out infinite}.pet-hop{animation:pet-hop 2.2s ease-in-out infinite}.pet-fly{animation:pet-float 2s ease-in-out infinite}.pet-swim{animation:pet-swim 2.6s ease-in-out infinite}@keyframes pet-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) scaleY(1.03)}}@keyframes pet-waddle{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes pet-hop{0%,55%,100%{transform:translateY(0) scaleY(1)}62%{transform:translateY(0) scaleY(.9)}75%{transform:translateY(-10px) scaleY(1.05)}88%{transform:translateY(0) scaleY(.95)}}@keyframes pet-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pet-swim{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.sea-fluke{animation:sea-fluke 1.3s ease-in-out infinite}.sea-fluke.slow{animation-duration:2.6s}.sea-sweep{animation:sea-sweep 1.6s ease-in-out infinite}.sea-flick{transform-box:fill-box;transform-origin:0% 50%;animation:sea-flick .5s ease-in-out infinite}.sea-arm{animation:sea-arm 1.8s ease-in-out infinite}.sea-pulse{transform-box:fill-box;transform-origin:50% 100%;animation:sea-pulse 2.4s ease-in-out infinite}.sea-bubble{transform-box:fill-box;animation:sea-bubble 2.4s ease-in infinite}.sea-spout{transform-box:fill-box;transform-origin:50% 100%;animation:sea-spout 4.5s ease-out infinite}@keyframes sea-fluke{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes sea-sweep{0%,100%{transform:scaleX(1) skewY(-10deg)}50%{transform:scaleX(.82) skewY(10deg)}}@keyframes sea-flick{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.6)}}@keyframes sea-arm{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes sea-pulse{0%,100%{transform:scale(1,1)}50%{transform:scale(1.05,.95)}}@keyframes sea-bubble{0%{transform:translateY(6px);opacity:0}20%{opacity:1}100%{transform:translateY(-22px);opacity:0}}@keyframes sea-spout{0%,60%{transform:scale(0);opacity:0}70%{transform:scale(1.1);opacity:1}90%{transform:scale(1);opacity:.8}100%{transform:scale(1.2);opacity:0}}@media (prefers-reduced-motion:reduce){[class^="sea-"],.sea-fluke{animation:none}}.wing-flap{transform-box:fill-box;transform-origin:0% 100%;animation:pet-flap .7s ease-in-out infinite}@keyframes pet-flap{0%,100%{transform:rotate(0)}50%{transform:rotate(-24deg) scaleY(.85)}}