/* Legendary motion is restrained; Mythic motion belongs to individual illustrated parts. */
.ww-rarity-card[data-rarity=legendary] .ww-item-stage,.ww-rarity-card[data-rarity=legendary] .wonder-banner{animation:legendary-breathe 5s ease-in-out infinite;box-shadow:inset 0 0 20px #e4bd6218}
@keyframes legendary-breathe{50%{filter:drop-shadow(0 0 5px #e4bd6255)}}
.mythic-artwork{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,currentColor 12%,transparent),transparent 70%);overflow:hidden;min-height:180px}
.mythic-artwork>.mythic-scene{width:155px;height:155px;max-width:85%;flex-shrink:0}
.mythic-original{position:absolute;bottom:7px;right:7px;width:48px;height:48px;opacity:.8;pointer-events:none;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:10px;background:var(--myth-paper)}
.mythic-original .ww-item-stage,.mythic-original .wonder-banner{min-height:0!important;width:48px!important;height:48px!important;padding:0!important;margin:0!important;animation:none!important}
.mythic-original .ww-avatar,.mythic-original svg{width:43px!important;height:43px!important}.mythic-original small,.mythic-original .wonder-banner-quote{display:none}
:is(.mythic-scene,.mythic-frame-canvas) .myth-draw,:is(.mythic-scene,.mythic-frame-canvas) .myth-writing,:is(.mythic-scene,.mythic-frame-canvas) .myth-brush{stroke-dasharray:240;animation:myth-illustrate 7s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-spark{animation:myth-star-spark 6s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-rise{animation:myth-sunrise 7s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-swim{animation:myth-whale 8s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-bubbles{animation:myth-bubble-rise 6s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-wing{transform-origin:50px 58px;animation:myth-flight 5s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-embers{animation:myth-ember-rise 5s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-shards{animation:myth-crystallize 7s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-grow{stroke-dasharray:210;animation:myth-grow 8s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-flower{transform-origin:50px 41px;animation:myth-petals 8s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-sand{transform-origin:50px 44px;animation:myth-sand-empty 8s linear infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-stream{animation:myth-sand-stream 1s linear infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-pile{transform-origin:50px 81px;animation:myth-sand-fill 8s linear infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-traveller{animation:myth-crossing 8s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-quill{animation:myth-quill-write 6s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-page{transform-origin:50px 55px;animation:myth-page-turn 8s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-aim{transform-origin:50px 58px;animation:myth-telescope 7s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-clouds{animation:myth-cloud-passage 10s linear infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-float{animation:myth-airship 8s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-correction{stroke-dasharray:90;animation:myth-correct 6s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-notes{animation:myth-margin-notes 6s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-balance{animation:myth-balance 7s ease-in-out infinite}
:is(.mythic-scene,.mythic-frame-canvas) .myth-mend{stroke-dasharray:140;animation:myth-mend 7s ease-in-out infinite}:is(.mythic-scene,.mythic-frame-canvas) .myth-stitch{animation:myth-stitch 7s ease-in-out infinite}
@keyframes myth-illustrate{0%,10%{stroke-dashoffset:240}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-240}}
@keyframes myth-star-spark{0%,25%{opacity:.15}45%,85%{opacity:1}100%{opacity:.15}}
@keyframes myth-sunrise{0%,100%{transform:translateY(32px)}45%,70%{transform:translateY(-8px)}}
@keyframes myth-whale{0%,100%{transform:translate(-5px,3px)}50%{transform:translate(5px,-5px)}}
@keyframes myth-bubble-rise{0%{transform:translateY(18px);opacity:0}20%{opacity:1}90%,100%{transform:translateY(-22px);opacity:0}}
@keyframes myth-flight{0%,100%{transform:scaleY(.7) translateY(6px)}50%{transform:scaleY(1) translateY(-4px)}}
@keyframes myth-ember-rise{0%,100%{transform:translateY(8px);opacity:.1}50%{transform:translateY(-12px);opacity:1}}
@keyframes myth-crystallize{0%,100%{transform:translateY(5px);opacity:.35}50%{transform:translateY(-5px);opacity:1}}
@keyframes myth-grow{0%,5%{stroke-dashoffset:210}65%,100%{stroke-dashoffset:0}}
@keyframes myth-petals{0%,20%{transform:scale(.35);opacity:.4}65%,90%{transform:scale(1);opacity:1}100%{transform:scale(.35);opacity:.4}}
@keyframes myth-sand-empty{0%,10%{transform:scaleY(1)}90%,100%{transform:scaleY(.05)}}
@keyframes myth-sand-stream{to{stroke-dashoffset:-5}}
@keyframes myth-sand-fill{0%,10%{transform:scaleY(.05)}90%,100%{transform:scaleY(1)}}
@keyframes myth-crossing{0%,100%{transform:translateX(0)}70%,85%{transform:translateX(67px)}}
@keyframes myth-quill-write{0%,100%{transform:translate(0,0)}25%{transform:translate(-13px,-9px)}50%{transform:translate(-5px,-5px)}75%{transform:translate(-12px,6px)}}
@keyframes myth-page-turn{0%,25%,100%{transform:scaleX(1)}55%,70%{transform:scaleX(-1)}}
@keyframes myth-telescope{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(8deg)}}
@keyframes myth-cloud-passage{0%{transform:translateX(-13px);opacity:0}20%,80%{opacity:.8}100%{transform:translateX(16px);opacity:0}}
@keyframes myth-airship{0%,100%{transform:translate(-4px,2px)}50%{transform:translate(4px,-4px)}}
@keyframes myth-correct{0%,25%{stroke-dashoffset:90}70%,100%{stroke-dashoffset:0}}
@keyframes myth-margin-notes{0%,100%{transform:translateY(-8px);opacity:.15}50%{transform:translateY(8px);opacity:1}}
@keyframes myth-balance{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@keyframes myth-mend{0%,15%{stroke-dashoffset:140}70%,100%{stroke-dashoffset:0}}
@keyframes myth-stitch{0%,45%{opacity:.1}70%,100%{opacity:1}}
.ww-live-wpm{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-variant-numeric:tabular-nums}.ww-live-wpm progress{width:150px;height:7px;accent-color:var(--green);transition:width .1s}
.discovery-rarity-roll .rarity-chip{background:color-mix(in srgb,var(--rarity) 14%,var(--card))!important;border:1px solid color-mix(in srgb,var(--rarity) 35%,transparent);border-radius:12px;box-shadow:none!important;min-width:110px;text-align:center;text-transform:capitalize}
.inventory-selection .functional-actions{flex-wrap:wrap;align-items:center}.inventory-selection label{display:flex;gap:6px;align-items:center}.inventory-selection select{max-width:160px}
@media(prefers-reduced-motion:reduce){.mythic-scene *,.ww-rarity-card[data-rarity=legendary] .ww-item-stage,.ww-rarity-card[data-rarity=legendary] .wonder-banner{animation:none!important}.ww-live-wpm progress{transition:none}}
@media(forced-colors:active){.mythic-artwork{background:Canvas;color:CanvasText}}

.mythic-frame{animation:none!important}.legendary-frame{animation:legendary-breathe 5s ease-in-out infinite}.mythic-frame-canvas{--myth-paper:var(--card);--myth-gold:currentColor}
@media(prefers-reduced-motion:reduce){.mythic-frame-canvas *,.legendary-frame{animation:none!important}}

.mythic-artwork>.mythic-scene{color:var(--myth-ink)!important}
.inventory-selection select{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit}.inventory-selection [data-fast-delete=all]{border-color:#c9868644;color:var(--text)}
#mythic-environment{position:fixed;right:24px;top:18vh;width:min(360px,45vw);pointer-events:none;z-index:-1;opacity:var(--design-opacity,.1);color:var(--design-ink);--myth-paper:transparent;--myth-gold:var(--design-ink)}
#mythic-environment .mythic-scene{width:100%;height:auto}
 #mythic-environment[data-paused=true] *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#mythic-environment *{animation:none!important}}

#profile-title>.mythic-scene{width:40px;height:40px;vertical-align:middle;margin-left:6px;--myth-paper:var(--card);--myth-gold:var(--gold,var(--green))}

.mythic-banner-story{position:absolute;right:18%;top:8%;height:74%;aspect-ratio:1;pointer-events:none;color:#edcf8c;--myth-paper:transparent;--myth-gold:#edcf8c}.mythic-banner-story>.mythic-scene{width:100%;height:100%}

.mythic-artwork>.mythic-scene{stroke:currentColor!important}

.ww-avatar-badge .mythic-artwork{min-height:0;width:100%;height:100%;padding:0}.ww-avatar-badge .mythic-scene{width:100%;height:100%;max-width:none}.ww-avatar-badge .mythic-original{display:none}