.pet-values{display:flex;align-items:center;gap:5px;font-weight:900;margin:8px 0}.pet-values .ico{width:20px;height:20px}.skill-description{min-height:62px;font-size:12px;line-height:1.5}.pet-card h3{font-size:14px;margin:7px 0}.rarity-0{--rarity:#86a6b6}.rarity-1{--rarity:#69d1ad}.rarity-2{--rarity:#62b8ff}.rarity-3{--rarity:#b792ff}.rarity-4{--rarity:#ffcf61}.pet-card{border-color:var(--rarity,#456575)}.pet-card .tag{color:var(--rarity,#fff)}.rarity-odds{display:grid;gap:8px}.rarity-odds span{display:flex;justify-content:space-between;color:var(--rarity)}.pet-avatar>.new-pet-art{position:absolute;width:72%;height:72%;left:14%;top:14%;object-fit:contain}.result>.new-pet-art,.clan-boss>.new-pet-art{display:block;width:180px;height:180px;margin:12px auto}.essence-list .new-pet-art{width:48px;height:48px;flex-shrink:0}.attack-record.victory{border-left:3px solid #62dca9}.attack-record.defeat{border-left:3px solid #ee857a}.attack-record p{font-size:12px}.clan-boss{background:radial-gradient(ellipse at 50% 20%,#185b55aa,transparent 70%),#112b40}.clan-boss .progress i{background:linear-gradient(90deg,#9364ee,#ffd25d)}.arena-lobby{background:radial-gradient(ellipse at top,#21496daa,transparent),#102a3e}.pet-card.locked .pet-frame{filter:grayscale(1);opacity:.65}

.pet-skill-heading{display:flex;align-items:center;gap:7px;min-height:32px}.pet-skill-heading .skill-icon{width:29px;height:29px;flex-shrink:0}.battle-actions .skill-icon{width:38px;height:38px;filter:drop-shadow(0 2px 4px #0005)}
.demon-preview{display:block;width:180px;height:180px;object-fit:contain;margin:4px auto 12px;filter:drop-shadow(0 4px 14px #e14c5e45)}
.demon-card,.demon-gather{background:linear-gradient(145deg,#292543ed,#102c44f5);border-color:#b27ab05c}.demon-gather{text-align:center}.demon-shell canvas{display:block;width:100%;aspect-ratio:1;height:auto!important}.raid-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.raid-roster>div{min-width:0;background:#08172d80;border:1px solid #65798d55;border-radius:10px;padding:4px}.raid-roster img,.raid-roster canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.raid-roster span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demon-gather .btn{margin-top:10px}.demon-shell{overflow:hidden;border-color:#a27497}

.live-duel-card{background:linear-gradient(145deg,#392a65e8,#113951ee);border-color:#ad8aff77}.duel-search-orbit{margin:20px auto;width:86px;height:86px;border-radius:50%;border:2px solid #a993ff;display:grid;place-items:center;box-shadow:0 0 22px #8b65f066;animation:duelPulse 2s ease-in-out infinite}.duel-search-orbit .ico{width:44px;height:44px}@keyframes duelPulse{50%{box-shadow:0 0 34px #8b65f099;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.duel-search-orbit{animation:none}}

.boss-chat{margin:12px 0 18px;padding:12px;border:1px solid #42627e;border-radius:16px;background:#0a233ae8}.boss-chat h3{font-size:16px;margin:0 0 8px}.boss-chat-log{max-height:130px;overflow-y:auto;overflow-wrap:anywhere}.boss-message{padding:5px 0;border-bottom:1px solid #ffffff12;font-size:12px}.boss-message b{color:#ffd879;margin-right:8px}.boss-message span{color:#e1efff}.boss-chat .form-row{margin-top:8px;gap:6px}.boss-chat input{min-width:0;flex:1;font-size:13px}.boss-chat button{flex-shrink:0;padding:10px;font-size:12px}.boss-chat [role=status]{color:#ffbd9d;font-size:12px}

.hatch-reveal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#031329eb;backdrop-filter:blur(8px)}.hatch-stage{position:relative;width:min(88vw,390px);text-align:center;isolation:isolate}.hatch-rays{position:absolute;inset:-60px;background:repeating-conic-gradient(from 0deg,#ffd76724 0deg 12deg,transparent 12deg 30deg);mask-image:radial-gradient(circle,#000,transparent 68%);animation:hatch-rays 12s linear infinite;z-index:-1}.hatch-egg{height:240px;position:relative;animation:hatch-shake .8s ease-in-out forwards}.egg-half{position:absolute;left:calc(50% - 80px);width:160px;height:200px;top:30px}.egg-half .egg-art{width:160px;height:200px}.egg-left{clip-path:polygon(0 0,55% 0,45% 30%,58% 45%,43% 60%,54% 80%,50% 100%,0 100%);animation:hatch-left .65s .8s forwards}.egg-right{clip-path:polygon(55% 0,100% 0,100% 100%,50% 100%,54% 80%,43% 60%,58% 45%,45% 30%);animation:hatch-right .65s .8s forwards}.hatch-prize{position:absolute;inset:0;opacity:0;animation:hatch-prize .75s 1s forwards}.hatch-prize>img{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 0 25px #ffd87955)}.hatch-prize h2{font-size:30px;margin:8px}.hatch-prize p{color:#bbd8ea}.hatch-prize .eyebrow{display:block}.essence-prize{height:230px;display:grid;place-items:center}.essence-prize .ico{width:125px;height:125px;filter:drop-shadow(0 0 30px #aa86ff)}@keyframes hatch-shake{20%,60%{transform:rotate(-7deg)}40%,80%{transform:rotate(7deg)}100%{transform:rotate(0)}}@keyframes hatch-left{to{transform:translate(-90px,35px) rotate(-30deg);opacity:0}}@keyframes hatch-right{to{transform:translate(90px,35px) rotate(30deg);opacity:0}}@keyframes hatch-prize{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes hatch-rays{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hatch-rays{animation:none}.hatch-egg{display:none}.hatch-prize{animation:none;opacity:1}}
.resource-icon{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0;width:26px;height:26px}.stat .resource-icon{width:26px;height:26px}.essence-prize .resource-icon{width:125px;height:125px}

/* Ambient card scenes: independent full images, bounded particles. */
.profile-showcase,.demon-card{position:relative;isolation:isolate;overflow:hidden}
.profile-showcase{background:linear-gradient(180deg,#0b254a55,#09223be8 88%),url('assets/scenes/sky-background-v1.png') center 45%/cover;border-color:#7fb5db88;box-shadow:inset 0 0 30px #77b6ff13,0 8px 24px #020b202b}
.demon-card{background:linear-gradient(180deg,#170d2999,#171c34e8 45%,#10273af5 75%),url('assets/boss/arena.webp') center top/100% auto no-repeat,#142438;border-color:#c68b9670;box-shadow:inset 0 0 32px #f48d5312,0 8px 24px #020b202b}
.profile-showcase>:not(.card-scenery),.demon-card>:not(.card-scenery){position:relative;z-index:1}
.card-scenery{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.scenery-halo{position:absolute;width:290px;height:290px;left:50%;top:16px;margin-left:-145px;border-radius:50%;background:radial-gradient(circle,#77e8ff36, #8a80ff1c 44%,transparent 70%);animation:cardAurora 7s ease-in-out infinite}
.infernal .scenery-halo{top:54px;background:radial-gradient(circle,#ff7c383d,#cc42c32b 40%,transparent 70%);animation-duration:5s}
.card-scenery i{position:absolute;left:var(--x);top:65%;width:var(--size);height:var(--size);border-radius:50%;background:#b8efff;box-shadow:0 0 7px 2px #75d8ff66;opacity:0;animation:cardStardust var(--duration) var(--delay) linear infinite}
.infernal i{top:45%;background:#ffcd75;box-shadow:0 0 7px 2px #ff6b4666;animation-name:cardEmbers}
.profile-showcase h2{text-shadow:0 2px 8px #07182a}.demon-card h2{text-shadow:0 2px 8px #10061c}.demon-card p{color:#c9dfed}
@keyframes cardAurora{0%,100%{opacity:.65;transform:scale(.93)}50%{opacity:1;transform:scale(1.08)}}
@keyframes cardStardust{0%{opacity:0;transform:translate3d(-7px,55px,0)}20%,65%{opacity:.7}100%{opacity:0;transform:translate3d(16px,-155px,0)}}
@keyframes cardEmbers{0%{opacity:0;transform:translate3d(0,65px,0) scale(.6)}15%,55%{opacity:.8}100%{opacity:0;transform:translate3d(-20px,-180px,0) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.card-scenery i,.scenery-halo{animation:none}.card-scenery i{opacity:.35}.scenery-halo{opacity:.7}}