/* Artwork remains inside the existing measured island buttons. */
#world .smart-island-media{display:block;position:relative;width:100%;height:100%;isolation:isolate}
#world .smart-native,#world .smart-illustrated{position:absolute;inset:0;display:block}
#world .smart-island-media [hidden]{display:none!important}
#world .smart-illustrated{transform-origin:50% 78%;transition:transform .22s cubic-bezier(.25,1.4,.4,1);will-change:transform}
#world .smart-island-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 5px 2px #115d701c)}
#world .smart-accents{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:none;transform:none!important;animation:none!important;pointer-events:none}
#world .isle:hover .smart-illustrated,#world .isle:focus-visible .smart-illustrated{transform:translateY(-4px) rotate(calc(var(--ry,0deg) * .12)) scale(1.025)}
#world .isle.poke .smart-illustrated{animation:smart-island-poke .58s cubic-bezier(.25,.8,.35,1)}
#world .smart-lantern{transform-box:view-box;transform-origin:0 0;animation:smart-lantern 3.2s ease-in-out infinite alternate;animation-delay:var(--phase)}
#world .smart-brush{transform-box:view-box;transform-origin:0 0;animation:smart-brush 4s ease-in-out infinite}
#world .smart-ink{stroke-dasharray:80;stroke-dashoffset:0}
#world .isle:hover .smart-ink,#world .isle.poke .smart-ink{animation:smart-ink 1.5s ease-out}
#world .smart-kite{transform-box:view-box;transform-origin:0 0;animation:smart-kite 3.5s ease-in-out infinite}
#world .smart-kite-tail{transform-box:fill-box;transform-origin:50% 0;animation:smart-lantern 1.7s ease-in-out infinite alternate}
#world .smart-letter{animation:smart-letter 3.5s ease-in-out infinite;animation-delay:var(--phase)}
#world .smart-page-corner{transform-box:view-box;transform-origin:800px 280px;animation:smart-page 5s ease-in-out infinite}
#world .smart-telescope{transform-box:view-box;transform-origin:0 0;animation:smart-telescope 7s ease-in-out infinite}
#world .smart-bubble{animation:smart-bubble 2.8s ease-out infinite;animation-delay:var(--phase)}
#world .smart-beads{animation:smart-beads 5s ease-in-out infinite;animation-delay:var(--phase)}
#world .isle:hover .smart-lantern,#world .isle.poke .smart-lantern{animation-duration:.85s}
#world .isle:hover .smart-kite,#world .isle.poke .smart-kite{animation-duration:1.2s}
#world .isle:hover .smart-letter,#world .isle.poke .smart-letter{animation-duration:.85s}
#world .isle:hover .smart-beads,#world .isle.poke .smart-beads{animation-duration:1.5s}
#world .isle:hover .smart-telescope,#world .isle.poke .smart-telescope{animation-duration:1.6s}
.bg[data-chibi=true] .live-water-fill{fill-opacity:.12}
.bg[data-chibi=true] .live-water-edge{stroke-width:2;opacity:.28}
.bg[data-chibi=true] .live-foam{stroke-width:2;opacity:.45}
.bg[data-chibi=true] .live-vessel path[d^="M-100 30"]{fill-opacity:.30}
@keyframes smart-island-poke{30%{transform:translateY(4px) scale(1.045,.965)}65%{transform:translateY(-7px) scale(.985,1.025)}}
@keyframes smart-lantern{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
@keyframes smart-brush{0%,100%{transform:rotate(-3deg)}45%{transform:rotate(8deg) translate(4px,-3px)}}
@keyframes smart-ink{from{stroke-dashoffset:80}}
@keyframes smart-kite{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(5px,-8px) rotate(5deg)}}
@keyframes smart-letter{0%,50%,100%{transform:translateY(0)}25%{transform:translateY(-18px) rotate(-5deg)}}
@keyframes smart-page{0%,60%,100%{transform:rotate(0)}30%{transform:rotate(-8deg) scaleX(.85)}}
@keyframes smart-telescope{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}}
@keyframes smart-bubble{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translateY(-75px);opacity:0}}
@keyframes smart-beads{0%,15%,85%,100%{transform:translateX(0)}40%,60%{transform:translateX(var(--slide))}}
body:not([data-view=map]) #world .smart-island-media *,body:has(#acct:not([hidden])) #world .smart-island-media *,body.smart888-hidden #world .smart-island-media *,body[data-view=map]:has(#shelf:not([hidden])) #world .smart-island-media *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#world .smart-island-media *{animation:none!important;transition:none!important}#world .isle:hover .smart-illustrated,#world .isle:focus-visible .smart-illustrated{transform:none}#world .smart-bubble{opacity:.45}}
#world .smart-island-media[data-ready=true] .smart-native *,#world .smart-illustrated[hidden] *{animation-play-state:paused!important}