/* Phantom Echo P0-A: inert until the server confirms a real owned Echo. */
.petArt{position:relative;flex:0 0 56px;width:56px;height:56px;isolation:isolate}
.petArt .petImg{width:56px;height:56px;display:block}
.petArt.pe-equipped::before{content:"";position:absolute;inset:-5px;border-radius:15px;border:1px solid rgba(239,57,80,.68);box-shadow:0 0 13px rgba(235,27,62,.3),inset 0 0 10px rgba(64,198,225,.13);pointer-events:none;z-index:2}
.petArt.pe-equipped::after{content:"";position:absolute;top:-7px;right:-7px;width:17px;height:17px;z-index:3;background:url('/images/map/phantom_node/sigil_rogue_byte.png') center/contain no-repeat;filter:drop-shadow(0 0 5px #df3548);pointer-events:none}
.petEchoBtn{margin-top:8px;background:rgba(96,19,35,.28);color:#ffb9c3;border:1px solid rgba(240,87,104,.43);border-radius:8px;padding:5px 9px;min-height:30px;cursor:pointer;font-size:10px;letter-spacing:.09em;font-weight:850}
.petEchoBtn:focus-visible,.pe-close:focus-visible,.pe-action:focus-visible{outline:2px solid #87d9ef;outline-offset:3px}
.pe-mask[hidden]{display:none!important}
.pe-mask{position:fixed;inset:0;z-index:11050;background:rgba(2,5,12,.88);display:flex;align-items:flex-end;justify-content:center;padding:12px;box-sizing:border-box}
.pe-panel{width:min(440px,100%);max-height:min(85dvh,720px);overflow-y:auto;position:relative;box-sizing:border-box;padding:24px 22px max(22px,env(safe-area-inset-bottom));border-radius:20px 20px 14px 14px;background:linear-gradient(175deg,#18212c,#090d15 72%);border:1px solid rgba(145,193,221,.23);color:#ecf2f8;box-shadow:0 18px 50px rgba(0,0,0,.65)}
.pe-close{position:absolute;right:12px;top:10px;border:0;background:rgba(255,255,255,.07);border-radius:9px;width:36px;height:36px;font-size:24px;color:white;cursor:pointer}
.pe-kicker{font-size:10px;letter-spacing:.17em;font-weight:900;color:#e27789;margin-right:25px}
.pe-art{height:156px;position:relative;display:grid;place-items:center;isolation:isolate}
.pe-art img{max-height:102px;max-width:120px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 18px rgba(228,45,62,.34))}
.pe-halo{position:absolute;width:135px;height:135px;border-radius:50%;border:1px solid rgba(231,39,70,.38);box-shadow:inset 0 0 25px rgba(235,29,64,.20),0 0 35px rgba(51,170,202,.10)}
.pe-panel h2{margin:0;text-align:center;letter-spacing:.16em;font-size:21px}
.pe-sub{text-align:center;color:#a9bbc9;font-size:12px;margin:8px 0 20px}
.pe-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid #33404b;border-bottom:1px solid #33404b;padding:14px 0;font-size:11px}
.pe-data span{color:#a0b2c0}.pe-data strong{text-align:right;word-break:break-word}
.pe-disclaimer{font-size:11px;line-height:1.5;color:#9aacba;text-align:center;margin:16px 0}
.pe-action{width:100%;min-height:46px;border:1px solid rgba(230,77,103,.6);background:linear-gradient(110deg,#813447,#462633);border-radius:11px;color:#f8e7eb;font-weight:900;letter-spacing:.08em;cursor:pointer}
.pe-action:disabled{opacity:.48;cursor:default}
@media(max-width:390px){.petArt,.petArt .petImg{width:48px;height:48px}.petArt{flex-basis:48px}.pe-panel{padding:20px 15px max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.pe-mask *,.petArt *{animation:none!important;transition:none!important}}