.mythic-art{display:inline-block;flex:none;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 5px 8px #83602e30)}
.mythic-art.silhouette{filter:brightness(0);opacity:.3}
.mythic-art.tiny{width:32px;height:32px}.mythic-art.large{width:210px;height:210px}.mythic-art.celebrate{width:min(320px,70vw);height:300px}
.seal-reveal:has(.mythic-art){width:min(330px,100%);height:330px}.seal-reveal .mythic-art{position:relative;z-index:1}.new-friend .mythic-art{animation:unseal 1.6s ease both}.party-slot .mythic-art{width:min(100%,130px);height:130px}
.mythic-art.world-companion-art{width:78px;height:78px;display:block;margin:-72px 0 0 -39px;animation:wc-bob 2.4s ease-in-out infinite}.friend-tile .mythic-art{width:100%;height:140px}
.mythic-shrine{display:flex;align-items:center;gap:20px;margin:18px 0;padding:18px 24px;border:1px solid #dfc483;border-radius:24px;background:radial-gradient(ellipse at 10% 30%,#fcf0c9,transparent 65%),linear-gradient(120deg,#fffbf1,#eee8ff);box-shadow:0 6px 22px #59457412}
.mythic-shrine .mythic-art{width:112px;height:128px}.mythic-shrine-copy{flex:1}.mythic-shrine h2{margin:4px 0 8px;font-size:22px;color:#574271}.mythic-shrine p{margin:4px 0;font-size:14px}.mythic-shrine .eyebrow{color:#8c6318}.mythic-shrine progress{width:min(240px,100%);accent-color:#a88738;height:10px}
.mythic-shrine.ready{border:2px solid #c6a34e;box-shadow:0 0 24px #edca7560}.mythic-shrine.ready .primary{background:linear-gradient(120deg,#7759a8,#5a387d);animation:mythic-call 2s ease-in-out infinite;color:white}
.mythic-shrine button{min-height:48px}.mythic-modal .encounter-level,.taste-pill.mythic{color:#745199;background:#f0e5fb}.mythic-modal .encounter-focus{background:radial-gradient(ellipse,#fff0c855,transparent 70%)}
@keyframes mythic-call{50%{box-shadow:0 0 0 6px #c4a3e82c,0 0 24px #bd9cde66}}
.modal-shade:has(.mythic-arrival-modal){align-items:center;padding:14px;background:#1e1838b3}
.mythic-arrival-modal{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;border:2px solid #e3c789;border-radius:28px;background:radial-gradient(ellipse at 50% 30%,#fff6cd,#faf3ff 55%,#eee5fa);box-shadow:0 0 80px #ddbf8660;text-align:center}
.mythic-arrival-modal .modal-top h2{font-size:clamp(20px,4vw,28px);color:#65437c}.mythic-arrival-modal .modal-top button{flex:none}.mythic-arrival{padding:0 12px 12px}.mythic-arrival h2{font-size:clamp(24px,5vw,34px);line-height:1.3;color:#5c397c;margin:0 0 12px}.mythic-arrival p{line-height:1.7}.mythic-arrival>.primary{display:block;width:100%;background:linear-gradient(120deg,#8761b6,#503777);margin:20px 0 8px}.mythic-arrival-stage{position:relative;isolation:isolate;display:grid;place-items:center;height:230px;margin:4px 0 12px}.mythic-arrival-stage .mythic-art{width:240px;height:220px;opacity:.88;filter:brightness(0) drop-shadow(0 0 14px #e7ccff);animation:mythic-appear 1.4s cubic-bezier(.16,1,.3,1) both}
.mythic-rays{position:absolute;width:300px;height:300px;max-width:100%;border-radius:50%;background:repeating-conic-gradient(from 10deg,#e8bf6338 0deg 12deg,transparent 12deg 30deg);mask-image:radial-gradient(circle,black 20%,transparent 68%);animation:mythic-bloom 1.8s ease-out both;z-index:-1}.mythic-orbit{position:absolute;width:205px;height:205px;border:2px solid #cea853;border-radius:50%;box-shadow:0 0 24px #ffdf7b,inset 0 0 32px #ffe79f;animation:mythic-bloom 1.3s ease-out both;z-index:-1}.mythic-spark{position:absolute;left:50%;top:50%;color:#ac7c24;font-style:normal;font-size:20px;transform:rotate(var(--angle)) translateY(-115px) rotate(calc(-1 * var(--angle)));animation:mythic-spark-in 1.2s var(--delay) both}
@keyframes mythic-appear{from{opacity:0;transform:scale(.3) translateY(30px)}to{opacity:.88;transform:scale(1) translateY(0)}}
@keyframes mythic-bloom{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@keyframes mythic-spark-in{from{opacity:0}to{opacity:1}}
@media(max-height:720px){.mythic-arrival-stage{height:175px}.mythic-arrival-stage .mythic-art{width:190px;height:175px}.mythic-orbit{width:160px;height:160px}.mythic-arrival>.primary{margin-top:10px}.mythic-spark{transform:rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)))}}
@media(max-width:600px){.seal-reveal:has(.mythic-art){height:270px}.seal-reveal .mythic-art{height:250px;width:min(260px,100%)}.party-slot .mythic-art{height:90px}}
@media(prefers-reduced-motion:reduce){.mythic-arrival-stage *,.new-friend .mythic-art{animation:none!important}}
@media(max-width:600px){.mythic-shrine{padding:14px;gap:12px;flex-wrap:wrap}.mythic-shrine .mythic-art{width:86px;height:100px}.mythic-shrine h2{font-size:19px}.mythic-shrine>.primary{width:100%}.mythic-art.large{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.mythic-shrine.ready .primary,.mythic-art.world-companion-art{animation:none}}