.traveler-sprite{display:block;background-size:300% 300%;background-repeat:no-repeat}
.character-art.traveler-sprite{width:min(100%,340px);height:auto;aspect-ratio:1;margin:12px auto 2px;filter:drop-shadow(0 17px 12px #060f2370)}
.character-preview{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 43%,#60aeb32c,transparent 60%),linear-gradient(150deg,#1d3749,#121f32);border-color:#9abaac2b}
.character-preview:before{content:"";position:absolute;inset:18% 8% 29%;border:1px solid #a9c8b314;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#63c7c514,transparent 70%);box-shadow:0 0 50px #78bcbe0c}
.character-preview .character-preview-top{position:relative;z-index:1}
.avatar{overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#678b9d,#152c40);isolation:isolate}
.avatar-art{width:100%;height:100%;transform:scale(3.6);transform-origin:50% 8%;filter:drop-shadow(0 3px 3px #0006)}
.pet-card{position:relative;background:radial-gradient(ellipse at 50% 22%,#7bafb812,transparent 55%),linear-gradient(155deg,#203548,#142333);border-color:#93b0bf24}
.pet-card.active{border-color:#d5bd756e;box-shadow:0 9px 35px #0002,inset 0 0 32px #d8bf7305}
.pet-portrait{min-height:245px;position:relative;background:radial-gradient(ellipse,#98a4ef19,transparent 67%)}
.pet-portrait .pet-art{width:250px;height:245px;object-fit:contain;filter:drop-shadow(0 13px 13px #020d2070)}
.pet-portrait:after{content:"";position:absolute;bottom:8%;left:23%;right:23%;height:9px;border-radius:50%;background:#050d1c46;filter:blur(7px);z-index:0;pointer-events:none}
.pet-portrait .pet-art{position:relative;z-index:1}
.pet-card.locked .pet-portrait{filter:saturate(.55);opacity:.74}
.pet-teaser .pet-art{width:112px;height:112px;margin:0 0 0 -5px;filter:drop-shadow(0 8px 8px #030c1d55)}
.pet-teaser{background:radial-gradient(ellipse at 25% 45%,#69839120,transparent 65%),linear-gradient(125deg,#26394a,#172a3b)}
.boss-teaser{background:radial-gradient(ellipse at 50% 45%,#63a85b21,transparent 60%),linear-gradient(155deg,#20382f,#142430);border-color:#b0bc7c27}
.boss-teaser .fierce-boss-art{width:225px;height:205px;max-width:100%;margin:-6px auto -8px;filter:drop-shadow(0 14px 14px #010b1570)}
.boss-arena{background:radial-gradient(ellipse at 50% 42%,#76a64735,transparent 55%),radial-gradient(ellipse at 50% 100%,#38301865,transparent 70%),linear-gradient(#183b35,#101c2b);border-color:#a2ba6c33}
.boss-arena:after{content:"";position:absolute;left:15%;right:15%;top:51%;height:12%;background:radial-gradient(ellipse,#96bb5724,transparent 70%);filter:blur(12px);pointer-events:none;z-index:0}
.boss-arena .fierce-boss-art{position:relative;z-index:1;width:410px;height:345px;max-width:100%;margin:-8px auto 3px;filter:drop-shadow(0 23px 15px #010d1377)}
.boss-arena .boss-hp,.boss-arena .attack-button,.boss-arena .player-hp-panel,.boss-arena .player-combat-stats{position:relative;z-index:2}
@media(max-width:1100px){.pet-portrait .pet-art{width:225px;height:230px}.pet-portrait{min-height:230px}}
@media(max-width:900px){.character-art.traveler-sprite{width:min(100%,310px)}.pet-card{grid-template-columns:190px minmax(0,1fr)}.pet-portrait{min-height:220px}.pet-portrait .pet-art{width:205px;height:220px;max-width:none}.boss-teaser .fierce-boss-art{width:165px;height:125px;margin:-1px auto 0}.pet-teaser .pet-art{width:110px;height:105px;margin:0 auto}.boss-arena .fierce-boss-art{height:340px;width:400px}}
@media(max-width:600px){.character-art.traveler-sprite{width:min(100%,310px);margin:9px auto 0}.character-preview:before{inset:15% 10% 29%}.pet-card{grid-template-columns:120px minmax(0,1fr);column-gap:15px}.pet-portrait{min-height:195px;background:radial-gradient(ellipse,#a3b0df12,transparent 67%)}.pet-portrait .pet-art{width:146px;height:178px}.pet-teaser .pet-art{width:101px;height:100px;margin:0 auto}.boss-teaser .fierce-boss-art{height:115px;width:145px;margin:-5px auto -2px}.boss-arena .fierce-boss-art{width:335px;height:290px;margin:-2px auto 3px}.boss-arena{padding:23px 16px}}
@media(max-width:360px){.pet-card{grid-template-columns:105px minmax(0,1fr);column-gap:11px}.pet-portrait .pet-art{width:128px;height:161px}.boss-arena .fierce-boss-art{height:260px}}