.avatar-world{margin:20px -12px 30px;border:1px solid #d9e8df;background:#f5fbf7;color:#304437;border-radius:6px;overflow:hidden;font-family:Arial,sans-serif;scroll-margin-top:260px}
.guest-form[hidden],.avatar-method[hidden],.guest-details[hidden],.avatar-editor[hidden],.guestbook-entry[hidden],.avatar-photo[hidden],.avatar-photo-status[hidden]{display:none!important}.avatar-method{display:grid;gap:12px;margin:20px 0}.avatar-method button{padding:18px 12px;border:1px solid #c8d8ce;border-radius:4px;background:#f5faf7;color:#304437;font:inherit;font-size:14px;cursor:pointer}.avatar-back{display:block;border:0;background:none;padding:8px 0;margin-bottom:16px;color:var(--accent);font:inherit;font-size:12px;cursor:pointer}.avatar-next{margin-top:18px}
.avatar-speech{height:106px;padding:15px 18px;text-align:left;background:#fff;overflow:auto;font-size:13px;line-height:1.6}.avatar-speech strong{font-size:12px;color:#587861}.avatar-speech p{margin-top:5px!important}
.avatar-floor{height:360px;position:relative;overflow:hidden;background:#e3edf4;container-type:inline-size;cursor:crosshair}
.wedding-room{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.walking-guest{position:absolute;left:var(--start);top:var(--start-y);width:48px;height:76px;border:0;background:none;padding:0;color:#344b3d;animation:guest-walk var(--duration) linear var(--delay) infinite;cursor:pointer;z-index:2;transition:left .5s linear,top .5s linear}
.walking-guest.route-1{animation-name:guest-walk-two}.walking-guest.route-2{animation-name:guest-walk-three}.walking-guest.selected{z-index:3}.walking-guest.placed{animation:none}.walking-guest:focus-visible{outline:2px solid #5578ad;outline-offset:2px}.walking-guest.selected .guest-name{background:#fff;border:1px solid #8da5c1}
.avatar-sprite{display:block;width:100%;height:60px;image-rendering:pixelated}.walking-guest span{display:block;font-size:10px;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffffb8;border-radius:2px;line-height:16px}.avatar-leg{animation:guest-step .4s steps(2,end) infinite alternate}.right-leg{animation-direction:alternate-reverse}
.walking-guest .avatar-sprite{transform:scale(.85);transform-origin:center bottom}
.avatar-customize[hidden],.avatar-next[hidden]{display:none!important}
.walking-guest .guest-bubble{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);width:92px;max-width:92px;height:38px;padding:4px 6px;background:#fff;border:1px solid #c7d3e1;border-radius:5px;white-space:normal;overflow:hidden;overflow-wrap:anywhere;font-size:9px;line-height:14px;text-align:left;box-sizing:border-box;pointer-events:none}.walking-guest .guest-bubble:after{content:'';position:absolute;left:42px;bottom:-4px;width:6px;height:6px;background:#fff;border-right:1px solid #c7d3e1;border-bottom:1px solid #c7d3e1;transform:rotate(45deg)}.walking-guest.selected .guest-bubble{border-color:#5578ad}
.avatar-motion{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;padding:9px 12px;font-size:11px!important}.avatar-motion input,.avatar-check input{width:15px!important;margin:0!important;display:inline-block!important}
.paused .walking-guest,.paused .avatar-leg{animation-play-state:paused}
.avatar-editor{border:0;border-top:1px solid #dce4dd;margin:0 0 20px;padding:18px 0}.avatar-editor legend{padding:0 10px 0 0;font-size:14px}.avatar-customize{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:center}.avatar-portrait .avatar-sprite{height:120px}.avatar-portrait .avatar-leg{animation:none}.avatar-fields select{font-size:13px!important;padding:6px!important;margin:3px 0 10px!important}.avatar-colors{display:flex;gap:14px}.avatar-colors input{width:34px!important;height:30px!important;padding:2px!important;margin:5px 0 10px!important}.avatar-check{display:flex!important;align-items:center;gap:8px}.avatar-photo{margin-top:16px}.avatar-photo input{font-size:12px!important}.avatar-photo-status{font-size:12px!important;line-height:1.6!important;color:var(--accent)}
@keyframes guest-walk{0%,100%{left:12%;top:42%}25%{left:calc(100% - 80px);top:65%}50%{left:48%;top:calc(100% - 82px)}75%{left:20%;top:55%}}
@keyframes guest-walk-two{0%,100%{left:68%;top:35%}25%{left:22%;top:72%}50%{left:12%;top:50%}75%{left:calc(100% - 80px);top:calc(100% - 82px)}}
@keyframes guest-walk-three{0%,100%{left:40%;top:calc(100% - 82px)}25%{left:calc(100% - 80px);top:45%}50%{left:35%;top:32%}75%{left:12%;top:70%}}
@keyframes guest-step{from{transform:translateY(0)}to{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.walking-guest,.avatar-leg{animation:none!important}}