html[data-theme] .hubby-page .composer-field.composer-clawd{
 --clawd-expand:0px;--clawd-floor:clamp(7px,calc(7px + var(--clawd-expand)*.25),60px);
 position:relative;isolation:isolate;overflow:visible;align-items:flex-end;
 padding-top:var(--clawd-expand);border:1px solid #fff;border-radius:26px;
 background:linear-gradient(170deg,#fffdf9f5,#f7eef5ed 58%,#f5e4e9ed);
 box-shadow:0 0 0 1px #c5b1c62b,inset 0 2px 3px #fff,inset 0 -2px 6px #bda5c52a,0 5px 18px #917da51c;
 transition:padding-top .28s ease;
}
html[data-theme] .hubby-page .composer-field.clawd-dragging{transition:none}
.composer-clawd-scene{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:0}
.composer-clawd-landscape{position:absolute;inset:12px 0 44px;width:100%;height:calc(100% - 56px);opacity:0;transition:opacity .35s}
.clawd-expanded .composer-clawd-landscape{opacity:1}
.composer-clawd-ground{
 position:absolute;bottom:44px;left:0;right:0;height:16px;
 background:linear-gradient(180deg,#845a3e,#f6ede6);opacity:0;transition:opacity .35s;
}
.clawd-expanded .composer-clawd-ground{opacity:1}
.composer-clawd-path{position:absolute;inset:0 48px 0 12px;pointer-events:none;z-index:1}
.composer-clawd-walker{
 position:absolute;left:0;bottom:calc(100% - 3px);width:72px;height:44px;
 animation:composer-clawd-stroll 18s linear infinite;
 transition:bottom .55s cubic-bezier(.42,0,.85,.65);
}
html[data-theme] .composer-clawd .composer-clawd-walker{
 display:block;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
 pointer-events:auto;cursor:pointer;opacity:1;transform:none;overflow:visible;
}
html[data-theme] .composer-clawd .composer-clawd-walker:disabled{opacity:1;cursor:default}
html[data-theme] .composer-clawd .composer-clawd-walker:focus-visible{outline:1px dashed #a58aa7;outline-offset:4px}
.clawd-inside .composer-clawd-walker{bottom:var(--clawd-floor)}
.composer-clawd-facing{display:block;width:100%;height:100%;animation:composer-clawd-facing 18s steps(1,end) infinite}
.composer-clawd-sprite{display:block;width:100%;height:100%;overflow:visible;image-rendering:pixelated}
.composer-clawd-frame{visibility:hidden;animation:composer-clawd-steps .72s steps(1,end) infinite}
.composer-clawd-frame.frame-1{animation-delay:-.54s}
.composer-clawd-frame.frame-2{animation-delay:-.36s}
.composer-clawd-frame.frame-3{animation-delay:-.18s}
.composer-clawd-glass{
 position:absolute;inset:0;border-radius:inherit;border:2px solid #ffffff9c;
 box-shadow:inset 3px 0 5px #fff8,inset -3px 0 5px #ffffff73;
}
html[data-theme] .hubby-page .composer-clawd textarea{
 position:relative;z-index:2;background:transparent;
 border:0;box-shadow:none;border-radius:0;color:var(--ink,#645967);
 padding:11px 4px 11px 14px;min-height:44px;text-shadow:0 1px 2px #fff;
}
html[data-theme] .hubby-page .composer-clawd textarea::placeholder{color:var(--ink-soft,#817486);opacity:1}
html[data-theme] .hubby-page .composer-clawd textarea:focus{outline:none;background:transparent}
html[data-theme] .hubby-page .composer-clawd textarea{border-radius:25px}
.composer-clawd [data-emoji]{position:relative;z-index:2;align-self:flex-end;margin-bottom:0}
html[data-theme] .composer-clawd .composer-clawd-rim{
 position:absolute;top:0;left:0;width:100%;height:12px;min-height:12px;padding:0;border:0;border-radius:26px 26px 0 0;
 z-index:5;cursor:ns-resize;touch-action:none;user-select:none;background:linear-gradient(#ffffffa1,#ffffff00);box-shadow:none;display:grid;place-items:center;
}
.composer-clawd-rim span{width:32px;height:3px;border-radius:5px;background:#aa94ad70;box-shadow:0 1px 1px #fff;transition:width .2s}
.composer-clawd-rim:hover span,.composer-clawd-rim:focus-visible span{width:46px}
html[data-theme] .composer-clawd .composer-clawd-rim:focus-visible{outline:2px solid #aa8bab;outline-offset:-3px}
.clawd-pose,.clawd-dust,.clawd-parachute,.carry-hands,.clawd-outfit{display:none}
[data-world-outfit="christmas"] .outfit-christmas{display:inline}
.composer-clawd:is([data-world-backpack="off"],[data-world-backpack="auto"]) :is(.clawd-backpack,.clawd-backpack-strap){display:none}
.composer-clawd[data-world-backpack="auto"]:is(.clawd-carrying,.clawd-tipping,.clawd-falling,.clawd-opening) :is(.clawd-backpack,.clawd-backpack-strap){display:inline}
[data-clawd-action="stand"] .pose-stand,[data-clawd-action="sit"] .pose-sit,[data-clawd-action="sleep"] .pose-sleep,[data-clawd-action="stretch"] .pose-stretch{display:inline}
.rest-eyes-open{animation:clawd-rest-eyes 3s steps(1,end) infinite}.rest-eyes-shut{animation:clawd-rest-eyes-shut 3s steps(1,end) infinite}
.clawd-sleep-z{animation:clawd-sleep-z 2.5s steps(4,end) infinite}
[data-clawd-action="sleep"] .composer-clawd-sprite{animation:clawd-sleep-breathe 3s steps(2,end) infinite}
[data-clawd-action="stretch"] .composer-clawd-sprite{animation:clawd-stretch 1.8s ease-in-out both}
@keyframes clawd-rest-eyes{0%,86%,100%{visibility:visible}80%{visibility:hidden}}
@keyframes clawd-rest-eyes-shut{0%,86%,100%{visibility:hidden}80%{visibility:visible}}
@keyframes clawd-sleep-z{0%{opacity:0;transform:translateY(1px)}40%{opacity:.8}100%{opacity:0;transform:translateY(-7px)}}
@keyframes clawd-sleep-breathe{50%{transform:translateY(-1px)}}
@keyframes clawd-stretch{50%{transform:translateY(-4px)}}
.clawd-settings-open:not(.clawd-previewing) .composer-clawd-path *{animation-play-state:paused!important}
[data-clawd-action="guitar"] .pose-guitar,[data-clawd-action="broom"] .pose-broom,[data-clawd-action="read"] .pose-read,[data-clawd-action="tea"] .pose-tea,[data-clawd-action="dance"] .pose-dance{display:inline}
.guitar-rocker{transform-origin:18px 20px;animation:clawd-rock .32s steps(2,end) infinite}
.guitar-strum{transform-origin:6px 10px;animation:clawd-strum .24s steps(2,end) infinite}
.guitar-fret{animation:clawd-fret .72s steps(3,end) infinite}
.hobby-notes{animation:clawd-notes 1.2s steps(4,end) infinite}
.broom-rider{animation:clawd-broom-flight 2s ease-in-out infinite}
.broom-sparkles{animation:clawd-broom-sparkles 1s steps(3,end) infinite}
.book-page{transform-origin:18px 16px;animation:clawd-page-turn 3s steps(4,end) infinite}
.tea-lift{animation:clawd-tea-sip 3s steps(4,end) infinite}
.tea-steam{animation:clawd-steam 1.5s steps(3,end) infinite}
.dance-body{transform-origin:18px 20px;animation:clawd-dance .6s steps(2,end) infinite}
@keyframes clawd-rock{0%,100%{transform:rotate(-5deg)}50%{transform:translateY(-2px) rotate(5deg)}}
@keyframes clawd-strum{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}
@keyframes clawd-fret{0%,100%{transform:translateX(0)}50%{transform:translateX(-2px)}}
@keyframes clawd-notes{0%{opacity:0;transform:translateY(0)}25%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
@keyframes clawd-broom-flight{0%,100%{transform:translateY(-12px) rotate(-4deg)}50%{transform:translateY(-28px) rotate(4deg)}}
@keyframes clawd-broom-sparkles{0%{opacity:0;transform:translate(0,-12px)}50%{opacity:1}100%{opacity:0;transform:translate(-7px,-20px)}}
@keyframes clawd-page-turn{0%,65%,100%{transform:scaleX(1);opacity:0}70%{opacity:1}90%{transform:scaleX(-1);opacity:1}}
@keyframes clawd-tea-sip{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes clawd-steam{0%{opacity:0}40%{opacity:1}100%{opacity:0;transform:translateY(-4px)}}
@keyframes clawd-dance{0%,100%{transform:translate(-2px,0) rotate(-7deg)}50%{transform:translate(2px,-3px) rotate(7deg)}}
.clawd-carrying .walk-hands{display:none}.clawd-carrying .carry-hands{display:inline}
.clawd-basket-prop{display:none;transform-origin:18px 10px;transform:scaleX(var(--clawd-basket-direction,1))}
.clawd-basket-carrying .clawd-basket-prop{display:inline}
.clawd-basket-carrying .walk-hands{display:inline}.clawd-basket-carrying .carry-hands{display:none}
.clawd-scooping .composer-clawd-sprite{transform-origin:50% 100%;animation:clawd-scoop .9s steps(4,end) both}
[data-clawd-action="cry"] .pose-cry{display:inline}
[data-clawd-action="cry"] .composer-clawd-sprite{animation:clawd-cry .22s steps(2,end) infinite}
.clawd-tears{animation:clawd-tears .6s steps(3,end) infinite}
@keyframes clawd-scoop{0%,100%{transform:translateY(0)}40%{transform:translateY(5px) rotate(10deg) scaleY(.8)}}
@keyframes clawd-cry{50%{transform:translateX(1px)}}
@keyframes clawd-tears{0%{opacity:0}40%{opacity:1}100%{opacity:0;transform:translateY(4px)}}
.clawd-falling .composer-clawd-walker{transition-duration:1.65s;transition-timing-function:cubic-bezier(.15,.05,.45,1)}
.clawd-falling.clawd-parachuting .pose-fall{display:none}
.clawd-parachuting .pose-glide,.clawd-parachuting .clawd-parachute,.clawd-landing .clawd-parachute{display:inline}
.clawd-parachuting .composer-clawd-sprite{transform-origin:50% -30px;animation:composer-clawd-float .72s ease-in-out infinite alternate}
.clawd-parachuting .parachute-canopy{transform-origin:18px -12px;animation:composer-clawd-open-parachute .24s steps(4,end) both}
.clawd-landing .parachute-canopy{transform-origin:4px 8px;animation:composer-clawd-pack-parachute .28s steps(4,end) both}
.clawd-landing .parachute-lines{animation:composer-clawd-hide-cords .18s both}
@keyframes composer-clawd-float{from{transform:translateX(-4px) rotate(-5deg)}to{transform:translateX(4px) rotate(5deg)}}
@keyframes composer-clawd-open-parachute{from{transform:scale(.25);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes composer-clawd-pack-parachute{to{transform:translateY(10px) scale(.06);opacity:0}}
@keyframes composer-clawd-hide-cords{to{opacity:0}}
.composer-clawd:is(.clawd-tipping,.clawd-falling,.clawd-landing,[data-clawd-action]) :is(.composer-clawd-walker,.composer-clawd-facing){animation-play-state:paused}
.composer-clawd:is(.clawd-tipping,.clawd-falling,.clawd-landing,[data-clawd-action]) .composer-clawd-frame{animation:none;visibility:hidden}
.clawd-tipping .composer-clawd-frame.frame-0{visibility:visible}
.clawd-tipping .composer-clawd-sprite{animation:composer-clawd-tip .28s steps(2,end) both;transform-origin:50% 100%}
.clawd-falling .pose-fall,.clawd-landing .pose-land{display:inline}
.clawd-landing .composer-clawd-sprite{animation:composer-clawd-land .46s ease-out both}
.clawd-landing .clawd-dust{display:inline;animation:composer-clawd-dust .46s ease-out both}
[data-clawd-action="wave"] .pose-wave,[data-clawd-action="look"] .pose-look,[data-clawd-action="hop"] .pose-hop{display:inline}
[data-clawd-action="hop"] .composer-clawd-sprite{animation:composer-clawd-hop .65s cubic-bezier(.3,0,.5,1) both}
.clawd-pose .pose-arms-a{animation:composer-clawd-arms .24s steps(1,end) infinite}
.clawd-pose .pose-arms-b{animation:composer-clawd-arms .24s steps(1,end) -.12s infinite}
.pose-eyes-left{animation:composer-clawd-look-left 1.5s steps(1,end) both}
.pose-eyes-right{animation:composer-clawd-look-right 1.5s steps(1,end) both}
.pose-eyes-blink{animation:composer-clawd-look-blink 1.5s steps(1,end) both}
@keyframes composer-clawd-arms{0%{visibility:visible}50%,100%{visibility:hidden}}
@keyframes composer-clawd-look-left{0%,88%,100%{visibility:visible}36%{visibility:hidden}}
@keyframes composer-clawd-look-right{0%,80%,100%{visibility:hidden}36%{visibility:visible}}
@keyframes composer-clawd-look-blink{0%,88%,100%{visibility:hidden}80%{visibility:visible}}
@keyframes composer-clawd-tip{0%,100%{transform:translateX(0) rotate(0)}32%{transform:translateX(-3px) rotate(-6deg)}68%{transform:translateX(2px) rotate(5deg)}}
@keyframes composer-clawd-land{0%,65%,100%{transform:translateY(0)}35%{transform:translateY(-9px)}82%{transform:translateY(-3px)}}
@keyframes composer-clawd-hop{0%,12%,100%{transform:translateY(0)}45%{transform:translateY(-16px)}78%{transform:translateY(-2px)}}
@keyframes composer-clawd-dust{0%{opacity:.8;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}
.clawd-paused .composer-clawd-path *{animation-play-state:paused!important}
.clawd-grabbed .composer-clawd-path *{animation-play-state:paused!important}
.clawd-grabbed .composer-clawd-walker{cursor:grabbing!important}
.composer-clawd-walker{touch-action:none;user-select:none;-webkit-user-select:none}
.clawd-picked-up .composer-clawd-walker{animation:none!important;transition:none!important}
.clawd-picked-up .composer-clawd-facing{animation:none!important;transform:scaleX(var(--clawd-held-facing,1))}
.clawd-drop-held .composer-clawd-walker{transition-duration:var(--clawd-drop-duration,1s)}
[data-clawd-action="scene"] .pose-scene{display:inline}
.scene-pull-step{visibility:hidden;animation:composer-clawd-steps .72s steps(1,end) infinite}
.scene-pull-step-1{animation-delay:-.54s}.scene-pull-step-2{animation-delay:-.36s}.scene-pull-step-3{animation-delay:-.18s}
.clawd-scene-changing .composer-clawd-walker{animation:none!important;transition:none!important}
.clawd-scene-approaching .composer-clawd-walker{animation:none!important;transition:none!important}
.clawd-scene-approaching .composer-clawd-facing{animation:none!important;transform:scaleX(-1)}
.clawd-scene-changing .composer-clawd-facing{animation:none!important;transform:none}
.composer-clawd-pull-sprite{display:none;width:100%;height:100%;overflow:visible;image-rendering:pixelated}
.composer-clawd-pull-sprite .scene-pull-step{display:none!important;visibility:visible!important;animation:none!important}
.clawd-scene-changing[data-clawd-action="scene"] .composer-clawd-facing{display:none}
.clawd-scene-changing[data-clawd-action="scene"] .composer-clawd-pull-sprite{display:block}
.composer-clawd-walker[data-pull-frame="0"]>.composer-clawd-pull-sprite .scene-pull-step-0,
.composer-clawd-walker[data-pull-frame="1"]>.composer-clawd-pull-sprite .scene-pull-step-1,
.composer-clawd-walker[data-pull-frame="2"]>.composer-clawd-pull-sprite .scene-pull-step-2,
.composer-clawd-walker[data-pull-frame="3"]>.composer-clawd-pull-sprite .scene-pull-step-3{display:inline!important}
:is(.clawd-scene-approaching,.clawd-scene-changing) .composer-clawd-path{z-index:6}

.clawd-scene-sheet{filter:drop-shadow(-5px 0 4px #33283b45);will-change:transform}
.clawd-scene-sheet-edge{position:absolute;top:12px;bottom:44px;left:0;width:2px;background:#f6e8f5;box-shadow:-3px 0 4px #33283b40;will-change:transform}
.clawd-scene-changing .clawd-weather-wrap{visibility:hidden}
.clawd-opening :is(.composer-clawd-walker,.composer-clawd-facing){animation-play-state:paused}
.clawd-opening .composer-clawd-frame{animation:none;visibility:hidden}
.clawd-opening .pose-open{display:inline}
html[data-theme] .hubby-page .composer-field.clawd-opening{transition:none}
.clawd-opening .composer-clawd-rim span{width:42px;background:#98799a}
@keyframes composer-clawd-stroll{0%,100%{left:calc(50% - 36px)}25%{left:calc(100% - 72px)}75%{left:0}}
@keyframes composer-clawd-facing{0%,75%,100%{transform:scaleX(1)}25%{transform:scaleX(-1)}}
@keyframes composer-clawd-steps{0%{visibility:visible}25%,100%{visibility:hidden}}
@media(prefers-reduced-motion:reduce){
 .composer-clawd,.composer-clawd *{animation:none!important;transition:none!important}
 .composer-clawd-frame{visibility:hidden}.composer-clawd-frame.frame-0{visibility:visible}
 .scene-pull-step-0{visibility:visible}
 .composer-clawd[data-clawd-action] .composer-clawd-frame.frame-0{visibility:hidden}
 .composer-clawd-walker{left:calc(65% - 36px)}
}

/* Keep the actor visible in short mobile worlds; preserve the open menu. */
:is(.clawd-scene-approaching,.clawd-scene-changing) .clawd-action-gallery{display:none}
[data-world-background="christmas"] .composer-clawd-ground{background:linear-gradient(#855d4b,#f6ede6)}
[data-world-background="christmas"] .clawd-weather{left:7.8%;top:15.5%;width:30.6%;height:40.5%;right:auto;bottom:auto}
.christmas-fire{animation:clawd-christmas-fire 1.1s steps(2,end) infinite;transform-origin:260px 140px}
@keyframes clawd-christmas-fire{50%{transform:scaleY(.86);opacity:.85}}
@media(prefers-reduced-motion:reduce){.christmas-fire{animation:none}}