/* One pointer-transparent companion moves independently of rerendered content. */
#puramon-roamer{position:fixed;left:0;top:0;display:block;width:84px;height:84px;pointer-events:none;user-select:none;z-index:26;background:transparent;opacity:1;contain:layout style;will-change:transform;--puramon-facing:1}
#puramon-roamer *{pointer-events:none}
#puramon-roamer[data-facing="left"]{--puramon-facing:-1}
#puramon-roamer img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;mask-image:url('/static/images/puramon-mask.png');mask-mode:luminance;mask-size:100% 100%;mask-position:center;mask-repeat:no-repeat}
#puramon-roamer .puramon-puppet{position:relative;display:block;width:100%;height:100%;transform:scaleX(var(--puramon-facing))}
#puramon-roamer .puramon-view{position:absolute;inset:0;display:block}
#puramon-roamer .puramon-side{display:none}
#puramon-roamer[data-facing="left"] .puramon-front,#puramon-roamer[data-facing="right"] .puramon-front{display:none}
#puramon-roamer[data-facing="left"] .puramon-side,#puramon-roamer[data-facing="right"] .puramon-side{display:block}
#puramon-roamer .puramon-side img{mask-image:url('/static/images/puramon-right-mask.png')}
#puramon-roamer .puramon-rest-image,#puramon-roamer .puramon-part{position:absolute;inset:0}
#puramon-roamer .puramon-walking-parts{position:absolute;inset:0;display:none;transform-origin:50% 60%;isolation:isolate}
#puramon-roamer .puramon-body{z-index:2;clip-path:polygon(0 0,100% 0,100% 78%,73% 78%,68% 70%,64% 62%,61% 57%,0 57%)}
#puramon-roamer .puramon-leg-left{z-index:1;clip-path:polygon(31% 54%,50% 54%,50% 91%,18% 91%,18% 77%);transform-origin:40% 58%}
#puramon-roamer .puramon-leg-right{z-index:1;clip-path:polygon(50% 54%,63% 54%,68% 70%,79% 91%,50% 91%);transform-origin:54% 58%}
#puramon-roamer .puramon-side .puramon-body{clip-path:polygon(0 0,100% 0,100% 72%,65% 72%,59% 58%,50% 58%,44% 54%,36% 61%,34% 72%,0 72%)}
#puramon-roamer .puramon-side .puramon-leg-left{clip-path:polygon(34% 63%,47% 62%,47% 91%,22% 91%,24% 76%);transform-origin:43% 63%}
#puramon-roamer .puramon-side .puramon-leg-right{clip-path:polygon(41% 54%,57% 54%,64% 75%,78% 91%,47% 91%,47% 69%,39% 65%);transform-origin:49% 58%}
#puramon-roamer.puramon-walk:not(.puramon-hop) .puramon-rest-image{display:none}
#puramon-roamer.puramon-walk:not(.puramon-hop) .puramon-walking-parts{display:block;animation:puramon-weight-shift .72s ease-in-out infinite}
#puramon-roamer.puramon-walk .puramon-leg-left{animation:puramon-step-left .72s ease-in-out infinite}
#puramon-roamer.puramon-walk .puramon-leg-right{animation:puramon-step-right .72s ease-in-out infinite}
#puramon-roamer.puramon-hop .puramon-puppet{animation:puramon-hop 1.4s ease-out 1}
#puramon-roamer.puramon-platform-jump .puramon-puppet{transform:scaleX(1)}
@keyframes puramon-step-left{0%,100%{transform:translateY(-2px) rotate(-8deg)}50%{transform:translateY(0) rotate(8deg)}}
@keyframes puramon-step-right{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-2px) rotate(-8deg)}}
@keyframes puramon-weight-shift{0%,100%{transform:translateX(-.6px) translateY(0) rotate(-.7deg)}25%,75%{transform:translateY(-.6px)}50%{transform:translateX(.6px) translateY(0) rotate(.7deg)}}
@keyframes puramon-hop{0%,100%{transform:translateY(0) scaleX(var(--puramon-facing))}25%{transform:translateY(-6px) scaleX(var(--puramon-facing))}50%{transform:translateY(0) scaleX(var(--puramon-facing))}70%{transform:translateY(-3px) scaleX(var(--puramon-facing))}}
.home-welcome-copy{flex:1;min-width:0}
.home-welcome-copy>div>p:last-child{margin:0;font-size:12px;color:#476660}
.puramon-guide-copy{margin-bottom:10px}
.puramon-celebration{padding:14px 18px;margin:0 0 18px;border:1px solid #bbd5c7;border-radius:16px;background:#f0f7f2}
.puramon-celebration p{margin:0;color:#285b4e;font-size:14px;font-weight:650}
.puramon-settings .consent{font-size:13px;align-items:center;min-height:44px}
.puramon-settings .consent input{margin-top:0}
.puramon-settings [data-puramon-settings-status]:empty{display:none}
[data-puramon-visible="false"] #puramon-roamer,[data-puramon-visible="false"] .puramon-celebration{display:none}
[data-puramon-motion="false"] #puramon-roamer .puramon-puppet,[data-puramon-motion="false"] #puramon-roamer .puramon-walking-parts,[data-puramon-motion="false"] #puramon-roamer .puramon-part{animation:none!important}
[data-puramon-motion="false"] #puramon-roamer .puramon-walking-parts{display:none!important}
[data-puramon-motion="false"] #puramon-roamer .puramon-rest-image{display:block!important}
@media(prefers-reduced-motion:reduce){#puramon-roamer .puramon-puppet,#puramon-roamer .puramon-walking-parts,#puramon-roamer .puramon-part{animation:none!important}#puramon-roamer .puramon-walking-parts{display:none!important}#puramon-roamer .puramon-rest-image{display:block!important}}
@media(max-width:700px){#puramon-roamer{width:64px;height:64px}.puramon-celebration{padding:12px}.puramon-celebration p{font-size:13px}}