#trades{padding-bottom:72px}
.exchange-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 32px}
.exchange-how>div{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e5e0f0;border-radius:18px;background:linear-gradient(145deg,#fff,#faf8ff)}
.exchange-how b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#7352eb;color:#fff;font-family:Manrope,sans-serif}
.exchange-how span{display:grid;gap:4px}.exchange-how strong{font-size:14px;line-height:1.25;color:#211c38}.exchange-how small{font-size:12px;line-height:1.45;color:#6d6880}
.social-section,.exchange-section{margin-top:28px}.social-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:13px}
.social-section-heading h2{margin:2px 0 0;font-size:23px}.social-section-heading>span{font-size:12px;color:#777184}.social-section-heading button{border:0;background:none;color:#6543dc;font-weight:800;cursor:pointer}
.social-empty-card{min-height:170px;display:grid;place-items:center;text-align:center}.social-empty-card div{max-width:360px;display:grid;gap:8px}.social-empty-card strong{font-size:18px}.social-empty-card button{justify-self:center;margin-top:5px}
.exchange-section .trade-summary{margin-top:0}.exchange-tabs{display:flex;gap:8px;margin:14px 0}
.exchange-tabs button{border:1px solid #ddd7ec;background:#fff;color:#665f78;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}
.exchange-tabs button.active{background:#2a2447;color:#fff;border-color:#2a2447}.exchange-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:999px;background:rgba(115,82,235,.13);font-size:11px}.exchange-tabs .active b{background:rgba(255,255,255,.18)}
.exchange-empty{padding:28px!important;text-align:center}.exchange-empty-visual{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:16px}.exchange-empty-visual span{display:grid;place-items:center;width:62px;height:82px;border-radius:13px;background:#342957;color:#aa94ff;font-size:34px;border:1px solid #715acf;box-shadow:0 10px 24px rgba(48,37,84,.12)}.exchange-empty-visual b{font-size:25px;color:#7766b7}
.exchange-empty h3{margin:0 0 7px;font-size:21px}.exchange-empty p{max-width:520px;margin:0 auto 18px;color:#6b657a;line-height:1.55}.exchange-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.friend-pound-grid.mystery-return-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:15px}
.mystery-return-card{position:relative;min-height:210px;padding:0!important;border:0!important;background:transparent!important;perspective:900px;cursor:pointer}.mystery-return-card:disabled{cursor:not-allowed}
.mystery-return-inner{position:absolute;inset:0;display:block;transition:transform .55s cubic-bezier(.2,.75,.25,1);transform-style:preserve-3d}.mystery-return-card.revealed .mystery-return-inner{transform:rotateY(180deg)}
.mystery-return-back,.mystery-return-front{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.mystery-return-back{padding:18px;background:radial-gradient(circle at 25% 20%,#5c4b96,#2a2349 70%);border:2px solid #7e68c9;color:#c0aeff;box-shadow:0 12px 25px rgba(35,28,66,.17)}
.mystery-return-back:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(187,167,255,.48);border-radius:11px}.mystery-return-back strong{font-size:58px;line-height:1}.mystery-return-back small{z-index:1;margin-top:10px;text-transform:uppercase;letter-spacing:.12em;color:#d3c7fa;font-size:9px;font-weight:800}
.mystery-return-front{transform:rotateY(180deg);justify-content:flex-start;background:#fff;border:2px solid #6fdbad;box-shadow:0 12px 30px rgba(36,151,105,.18)}.mystery-return-front .puppy-photo{width:100%;height:137px}.mystery-return-front strong{margin-top:10px}.mystery-return-front small{font-size:10px;color:#6d687a}.mystery-return-front em{font-size:10px;color:#168a57;font-style:normal;font-weight:800}
.mystery-return-card.ineligible{opacity:.48}.mystery-return-card.ineligible .mystery-return-back{filter:saturate(.45)}.mystery-return-card.is-picking{pointer-events:none}.mystery-return-note{margin:0 0 14px;padding:11px 13px;border-radius:12px;background:#f1edff;color:#4c3b8f;font-size:12px;font-weight:700}
.practice-exchange-card{max-width:760px;padding:30px}.practice-kicker{display:inline-flex;padding:6px 10px;border-radius:99px;background:#e8f8f2;color:#167453;font-size:11px;font-weight:800;letter-spacing:.06em}.practice-exchange-card h2{margin:13px 0 8px}.practice-exchange-card>p{color:#6c667a;line-height:1.55}.practice-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:22px 0}.practice-player{padding:18px;border:1px solid #e2ddef;border-radius:17px;text-align:center;background:#faf9fd}.practice-player span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 8px;border-radius:50%;background:#ebe5ff;font-size:24px}.practice-player small{display:block;color:#777184}.practice-arrow{color:#765fe0;font-size:26px}
.practice-mystery-row{display:flex;justify-content:center;gap:15px;margin:22px 0}.practice-mini-card{width:120px;height:165px;border:0;border-radius:15px;background:linear-gradient(145deg,#514183,#241d44);color:#bca8ff;font-size:48px;box-shadow:0 12px 25px rgba(35,28,66,.17);cursor:pointer;position:relative}.practice-mini-card:after{content:"";position:absolute;inset:9px;border:1px dashed #7865bd;border-radius:10px}.practice-mini-card.revealed{background:#e7f8f1;color:#168a57;font-size:15px;font-weight:800;border:2px solid #36b77f}.practice-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.practice-result-grid div{padding:16px;border-radius:14px;background:#f6f3ff}.practice-result-grid .review{background:#fff1f5}.practice-result-grid strong,.practice-result-grid small{display:block}.practice-result-grid small{margin-top:5px;color:#6c667a;line-height:1.4}
.caught-up-exchange{display:grid;justify-items:center;text-align:center;gap:8px;margin:20px 0;padding:24px;border-radius:18px;background:#f3fbf8;border:1px solid #ccecdf}.caught-up-exchange>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#d7f4e8;color:#168a57;font-size:24px;font-weight:900}.caught-up-exchange p{margin:0;font-size:18px;font-weight:800;color:#25203e}.caught-up-exchange small{max-width:460px;color:#686278;line-height:1.5}
.offer-first-callout{display:grid!important;grid-template-columns:150px 1fr;align-items:center;gap:18px}.offered-puppy{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:10px;border-radius:14px;background:#fff}.offered-puppy .puppy-photo{grid-row:1/3;width:52px;height:52px;border-radius:11px}.offered-puppy b,.offered-puppy small{display:block}.offered-puppy small{font-size:10px;color:#706a7d}.offer-first-callout>div:last-child{position:relative;padding-right:68px}.hidden-return-card{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(4deg);display:grid!important;place-items:center;width:48px;height:64px;border-radius:9px;background:linear-gradient(145deg,#514183,#241d44);border:1px solid #7a64c0;color:#beaaff!important;font-size:25px!important;font-style:normal!important;box-shadow:0 8px 18px rgba(36,29,68,.18)}
.practice-return-row{align-items:stretch}.practice-return-card{width:145px;min-height:170px;display:grid;justify-items:center;align-content:center;gap:7px;border:2px solid #e1dced;border-radius:16px;background:#fff;color:#251f3e;cursor:pointer;box-shadow:0 10px 22px rgba(42,34,71,.08)}.practice-return-card>span{font-size:34px}.practice-return-card strong,.practice-return-card small{display:block}.practice-return-card small{color:#726c7e}.practice-return-card:hover,.practice-return-card.selected{border-color:#7558e7;background:#f4f0ff;transform:translateY(-2px)}.practice-return-card em{font-size:10px;font-style:normal;color:#168a57;font-weight:800}
@media(max-width:900px){.exchange-how{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.exchange-how{grid-template-columns:1fr}.social-section-heading{align-items:flex-start}.practice-exchange-card{padding:22px}.practice-players{grid-template-columns:1fr}.practice-arrow{transform:rotate(90deg)}.practice-result-grid{grid-template-columns:1fr}.offer-first-callout{grid-template-columns:1fr}.practice-return-row{flex-direction:column;align-items:center}.practice-return-card{width:100%}}
@media(prefers-reduced-motion:reduce){.mystery-return-inner{transition:none}}