.realistic-pet,.realistic-poster{position:absolute;z-index:2;pointer-events:none;aspect-ratio:384/524;object-fit:contain;transition:opacity .25s}.realistic-poster{display:block}.realistic-poster[hidden],.realistic-pet[hidden]{display:none}.realistic-shadow{position:absolute;z-index:1;height:2.5%;background:#17271b;border-radius:50%;filter:blur(5px);transform:translate(-50%,-50%);pointer-events:none}.realistic-settings{display:flex;justify-content:space-between;gap:12px;padding:15px 20px;background:#fffdf7;border-bottom:1px solid var(--line)}.realistic-settings>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.realistic-settings span{font-size:13px;color:var(--muted);margin-right:4px}.realistic-settings button{font-size:13px;padding:8px 13px;font-weight:600}.realistic-settings button.selected{background:#d5ee8c;border-color:#b6d576}.realistic-shell .space-actions a{border-radius:18px;background:#f4f6e8;text-align:center;display:flex;align-items:center;justify-content:center;font-size:14px}.realistic-stage .space-overlay>button{font-size:12px;background:#fffdf5e8;padding:8px 12px}.realistic-shell .space-actions{padding-bottom:12px}.realistic-shell .space-status{margin-bottom:10px}.realistic-shell .space-background{transition:opacity .3s}.realistic-shell .space-caption{font-size:12px}@media(max-width:600px){.realistic-settings{padding:12px;flex-direction:column;gap:8px}.realistic-settings button{padding:7px 12px}.realistic-shell .space-actions a{font-size:13px}.realistic-stage .space-overlay>button{font-size:11px;padding:7px 10px}}

.realistic-changing{opacity:0!important}.realistic-shadow{transition:opacity .25s}

.realistic-city{padding:12px 20px;background:#fffdf7;border-bottom:1px solid var(--line)}.realistic-city form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.realistic-city label{font-size:13px;color:var(--muted)}.realistic-city input{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px;width:180px;min-width:0;color:var(--ink)}.realistic-city button{font-size:12px;padding:8px 12px}.realistic-city p{font-size:12px;color:var(--muted);margin:8px 0 4px}.realistic-city small{font-size:11px;line-height:1.5;color:var(--muted);display:block}@media(max-width:600px){.realistic-city{padding:12px}.realistic-city form{gap:6px}.realistic-city input{width:140px}.realistic-city label{width:100%;}.realistic-settings>div{gap:5px}}

.realistic-stage[data-weather=fog]::after{content:'';position:absolute;inset:15% 0 0;z-index:4;pointer-events:none;background:linear-gradient(transparent,rgba(235,239,236,.25));}

/* Keep the decoder attached and laid out: display:none may suppress frames on Android browsers. */
.realistic-video-source{position:absolute;width:2px;height:2px;left:-4px;top:-4px;opacity:0;pointer-events:none;overflow:hidden}