.pet-trade-popup{position:fixed;z-index:10000;right:20px;bottom:20px;width:360px;max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;background:#080808;color:#f5f5f5;border-radius:10px;box-shadow:0 0 0 1px #666,0 12px 60px #000;font-family:"XBAND Rough",sans-serif;animation:pet-trade-arrive .3s steps(3,end) both}.pet-trade-popup h2{font:28px/1.2 "XBAND Rough",sans-serif;margin:0 0 16px;letter-spacing:1px}.pet-trade-popup p{font:18px/1.45 "XBAND Rough",sans-serif!important;letter-spacing:.3px;margin:10px 0;color:#eee}.pet-trade-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pet-trade-monster{min-width:0;background:#111;border-radius:6px;padding:10px}.pet-trade-monster img{display:block;width:100%;height:110px;object-fit:contain}.pet-trade-buttons{display:flex;gap:10px;margin-top:18px}.pet-trade-popup button,.pet-trade-popup a{font:20px/1.2 "XBAND Rough",sans-serif!important;letter-spacing:1px;display:inline-block;padding:12px 18px;border-radius:5px;background:#eee;color:#080808;cursor:pointer;min-height:44px;flex:1;text-align:center;text-decoration:none}.pet-trade-popup button:disabled{opacity:.5;cursor:wait}.pet-trade-popup>a{margin-top:12px}.pet-trade-popup button:focus-visible,.pet-trade-popup a:focus-visible{outline:2px solid #fff;outline-offset:4px}@keyframes pet-trade-arrive{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:520px){.pet-trade-popup{right:12px;bottom:12px;width:calc(100% - 24px);padding:18px}}@media(prefers-reduced-motion:reduce){.pet-trade-popup{animation:none}}