/* Cenários e artes do próprio cliente, com o mesmo tratamento dos menus do jogo. */
.biome-family{position:relative;isolation:isolate;overflow:hidden;min-height:370px;padding:27px 25px 0;background:#101b2b;box-shadow:0 10px 35px #0002;transition:border-color .25s,box-shadow .25s}
.biome-family:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07111e35 0%,#07111e18 30%,#07111ee8 62%,#07111e 100%)}
.biome-family>.biome-family-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.87;filter:saturate(.95);transition:transform .8s ease,filter .8s ease}
.biome-family:hover{border-color:var(--biome-color);box-shadow:0 10px 45px #0006}
.biome-family:hover>.biome-family-art{transform:scale(1.045);filter:saturate(1.16)}
.biome-family .biome-index{color:#e5f2ff;text-shadow:0 2px 4px #000;font-size:9px;letter-spacing:.15em}
.biome-family-count{position:absolute;top:21px;right:19px;border:1px solid #b3d3f56b;background:#07111eaa;padding:5px 8px;font:500 11px var(--display);letter-spacing:.1em;color:#d7ebff;backdrop-filter:blur(8px)}
.biome-family h4{margin-top:111px;font-size:29px;color:#f0f7ff;line-height:1.05;text-shadow:0 3px 12px #000}
.biome-family>p{min-height:52px;color:#b4c6dc;font-size:11px;line-height:1.8;margin:13px 0}
.biome-location{font-size:8px;letter-spacing:.06em;color:var(--biome-color);line-height:1.7;margin-bottom:16px}
.biome-family details{border-top-color:#b8cfee40;background:#07111e55;margin-top:auto}
.biome-family summary{font-size:14px;color:#d6e7f9;padding:17px 0}
.biome-family[open]{height:auto}.biome-names a{color:#bdd5f0}.biome-names a:hover{color:#fff}
.enemy-stage{--enemy-accent:#e15c7a;background:#090d18;min-height:490px}
.enemy-stage:before{content:none}
.enemy-stage:after{z-index:4;opacity:.8}
.enemy-stage>img.enemy-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46;filter:saturate(.8);z-index:-3;animation:arena-breath 20s ease-in-out infinite alternate;animation-play-state:paused}
.enemy-stage .enemy-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 73%,color-mix(in srgb,var(--enemy-accent) 25%,transparent),transparent 57%),linear-gradient(0deg,#080b17f5,#080b1745 60%,#080b1780)}
.enemy-stage #enemy-art{position:relative;z-index:1;width:84%;height:405px;filter:drop-shadow(0 20px 12px #000b) drop-shadow(0 0 22px color-mix(in srgb,var(--enemy-accent) 30%,transparent))}
.enemy-order,.enemy-art-note{z-index:3}.enemy-order{color:#bac8dc}.enemy-order strong{color:#fff}.enemy-art-note{color:#a4bbd7;text-shadow:0 1px 3px #000}
.enemy-rune{position:absolute;left:calc(50% - 165px);bottom:-60px;width:330px;height:330px;border:1px solid color-mix(in srgb,var(--enemy-accent) 70%,transparent);border-radius:50%;box-shadow:0 0 0 8px #0a102680,0 0 0 9px color-mix(in srgb,var(--enemy-accent) 35%,transparent),inset 0 0 45px color-mix(in srgb,var(--enemy-accent) 22%,transparent),0 0 55px color-mix(in srgb,var(--enemy-accent) 22%,transparent);animation:arena-rune 40s linear infinite;animation-play-state:paused}
.enemy-rune:before,.enemy-rune:after{content:"";position:absolute;inset:35px;border:1px solid color-mix(in srgb,var(--enemy-accent) 55%,transparent);transform:rotate(45deg)}
.enemy-rune:after{inset:68px;transform:rotate(15deg);border-style:dashed}
.enemy-atmosphere>i{position:absolute;width:3px;height:3px;background:var(--enemy-accent);border-radius:50%;box-shadow:0 0 9px 2px color-mix(in srgb,var(--enemy-accent) 50%,transparent);opacity:0;animation:arena-spark calc(5s + var(--spark)*.3s) ease-in-out infinite;animation-delay:calc(var(--spark)*-.61s);animation-play-state:paused}
body:not(.motion-paused) .enemy-stage[data-active=true] .enemy-rune,body:not(.motion-paused) .enemy-stage[data-active=true] .enemy-backdrop,body:not(.motion-paused) .enemy-stage[data-active=true] .enemy-atmosphere>i{animation-play-state:running}
.enemy-roster button[aria-selected=true]{box-shadow:inset 0 -2px #98d4ff,0 0 25px #7bbcff13}
@keyframes arena-breath{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.11) translateY(-2%)}}
@keyframes arena-rune{from{transform:perspective(500px) rotateX(67deg) rotateZ(0deg)}to{transform:perspective(500px) rotateX(67deg) rotateZ(360deg)}}
@keyframes arena-spark{0%,100%{opacity:0;transform:translate(0,30px)}25%,65%{opacity:.8}80%{opacity:0;transform:translate(calc((var(--spark) - 6)*4px),-100px)}}
.wiki-category-tile{position:relative;overflow:hidden;isolation:isolate;min-height:174px;justify-content:flex-end;background:#101b2a}
.wiki-category-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.69;transition:transform .55s ease,opacity .55s ease}
.wiki-category-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07101af5,#07101a25 100%);z-index:-1}
.wiki-category-tile:hover>img{transform:scale(1.06);opacity:.9}
.wiki-category-tile i{position:absolute;right:14px;top:12px;background:#07111dab;padding:5px 7px;border:1px solid #aac8ea42;font-size:12px!important;color:#d4e7ff!important}
.wiki-category-tile b{color:#f1f6ff;text-shadow:0 2px 9px #000}.wiki-category-tile span{color:#bacce1}
.wiki-entry-card{--entry-accent:#8fc8ff;background:linear-gradient(145deg,#142135,#0c1523);transition:border-color .2s,box-shadow .2s}
.wiki-entry-card:hover{border-color:var(--entry-accent);box-shadow:0 8px 30px #0004}
.wiki-entry-card[data-visual=illustration] .wiki-card-top,.wiki-entry-card[data-visual=capture] .wiki-card-top,.wiki-entry-card[data-visual=cosmetic] .wiki-card-top{display:block}
.wiki-entry-card[data-visual=illustration] .wiki-card-top img,.wiki-entry-card[data-visual=capture] .wiki-card-top img,.wiki-entry-card[data-visual=cosmetic] .wiki-card-top img{display:block;width:calc(100% + 36px);max-width:none;height:145px;object-fit:cover;margin:-18px -18px 18px;border-bottom:1px solid #8db3d342}
.wiki-entry-card[data-visual=card] .wiki-card-top img{width:76px;height:100px;padding:10px 6px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--entry-accent) 22%,#0c1528),#080f1b);border:1px solid var(--entry-accent);outline:1px solid color-mix(in srgb,var(--entry-accent) 25%,transparent);outline-offset:3px;box-shadow:0 0 20px color-mix(in srgb,var(--entry-accent) 12%,transparent)}
.wiki-entry-card[data-visual=item] img{padding:8px;background:radial-gradient(circle,#2b395a,#0b1628);border:1px solid #7599c34d;box-shadow:inset 0 0 15px #0005}
.wiki-entry-card[data-visual=emblem] img{padding:13px;border-radius:50%;border:1px solid #c7a56780;background:radial-gradient(circle,#4f432b,#162033);filter:drop-shadow(0 0 8px #cfb66b22)}
.wiki-entry-card[data-visual=cosmetic]{border-top-color:var(--entry-accent)}
.wiki-entry-card[data-visual=cosmetic] .wiki-card-top img{box-shadow:inset 0 0 0 1px var(--entry-accent)}
.wiki-article[data-visual=card] .wiki-article-heading>img{padding:20px;background:radial-gradient(ellipse,color-mix(in srgb,var(--entry-accent) 25%,#10192c),#080f1b);border:1px solid var(--entry-accent);outline:1px solid color-mix(in srgb,var(--entry-accent) 25%,transparent);outline-offset:5px;object-fit:contain;box-shadow:0 0 45px color-mix(in srgb,var(--entry-accent) 12%,transparent)}
.wiki-article[data-visual=item] .wiki-article-heading>img,.wiki-article[data-visual=emblem] .wiki-article-heading>img{padding:22px;object-fit:contain;background:radial-gradient(circle,#26374c,#0c1627);border:1px solid #7e9fc651}
.wiki-visual-caption{font-size:11px!important;color:#819bb9!important;border-left:2px solid var(--entry-accent);padding-left:12px}
.wiki-article[data-visual=cosmetic] .wiki-article-heading{border-left:4px solid var(--entry-accent);padding-left:23px}
@media(max-width:800px){.biome-family{min-height:350px;padding:23px 21px 0}.biome-family h4{font-size:27px;margin-top:105px}.biome-family>p{min-height:62px}.enemy-stage{min-height:420px}.enemy-stage #enemy-art{height:355px}.enemy-rune{bottom:-90px}}
@media(max-width:500px){.biome-family{min-height:360px}.biome-family h4{font-size:31px;margin-top:130px}.biome-family>p{min-height:0;font-size:12px}.biome-location{font-size:9px}.enemy-stage{min-height:390px}.enemy-stage #enemy-art{height:330px}.enemy-art-note{font-size:7px}.enemy-rune{left:calc(50% - 140px);width:280px;height:280px;bottom:-65px}.wiki-category-tile{min-height:165px}}
@media(prefers-reduced-motion:reduce){.enemy-rune,.enemy-backdrop,.enemy-atmosphere>i{animation:none!important}.biome-family-art,.wiki-category-tile>img{transition:none!important}.biome-family:hover>.biome-family-art,.wiki-category-tile:hover>img{transform:none}}
