.flip-host{min-height:470px;padding:20px;display:grid;place-items:center;background:#161719;perspective:1400px}.trainer-flip{width:min(100%,310px);height:430px;padding:0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.25,1)}.trainer-flip.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 45px #0006}.flip-front{background:#080909}.flip-front img{width:100%;height:100%;object-fit:cover;display:block}.flip-front i{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);width:max-content;padding:8px 12px;border-radius:99px;background:#000c;color:#fff;font:700 9px "Space Grotesk";font-style:normal;letter-spacing:.1em;text-transform:uppercase}.flip-back{transform:rotateY(180deg);padding:31px 27px;background:radial-gradient(circle at 100% 0,#ff7a00 0 2%,transparent 32%),linear-gradient(150deg,#161817,#070807);border:1px solid #ff7a00;display:flex;flex-direction:column}.flip-back small{font:700 9px "Space Grotesk";letter-spacing:.15em;color:#ff7a00}.flip-back strong{font:600 25px/1.02 "Space Grotesk";letter-spacing:-.03em;margin:24px 0}.flip-back dl{margin:0;display:grid;gap:14px}.flip-back dl div{padding-bottom:10px;border-bottom:1px solid #ffffff20}.flip-back dt{font:700 8px "Space Grotesk";letter-spacing:.14em;text-transform:uppercase;color:#999}.flip-back dd{margin:4px 0 0;font-size:12px;font-weight:700}.flip-back em{margin-top:auto;color:#ff8a1e;font:700 9px "Space Grotesk";font-style:normal;letter-spacing:.1em;text-transform:uppercase}.trainer-flip:focus-visible{outline:4px solid var(--lime);outline-offset:5px;border-radius:18px}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}}@media(max-width:780px){.flip-host{min-height:510px}.trainer-flip{width:min(100%,340px);height:470px}}
.trainer-portrait:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#050606 92%);pointer-events:none}.trainer-portrait img{object-position:center 18%}.trainer-portrait>.portrait-tag{position:absolute;z-index:2;right:16px;top:16px;padding:7px 10px;border-radius:7px;background:#ff7900;color:#fff;font:800 10px "Space Grotesk";letter-spacing:.12em}.trainer-portrait>strong{position:absolute;z-index:2;left:20px;right:20px;bottom:55px;color:#fff;font:700 21px/1.02 "Space Grotesk";letter-spacing:-.03em;text-shadow:0 2px 12px #000}.trainer-portrait>i{z-index:3}
.trainer-portrait{isolation:isolate;background:radial-gradient(circle at 78% 26%,#ff9d002f,transparent 32%),#070909;border-radius:25px}.trainer-portrait:before{content:"";position:absolute;z-index:3;inset:10px;border:1px solid #fff;border-radius:21px;pointer-events:none}.trainer-portrait:after{z-index:1;inset:28% 0 0;background:linear-gradient(transparent,#050606 88%)}.trainer-portrait img{position:relative;z-index:1;filter:contrast(1.06) saturate(.92);object-position:center 16%}.trainer-portrait>.panel-code{position:absolute;z-index:4;right:28px;top:24px;color:#ff7900;font:800 15px "Space Grotesk";letter-spacing:.18em}.trainer-portrait>.portrait-tag{z-index:5;right:-2px;top:51px;padding:11px 15px;border-radius:10px;transform:rotate(6deg);box-shadow:0 8px 20px #0008;font-size:10px;letter-spacing:.08em}.trainer-portrait>.panel-ring{position:absolute;z-index:2;width:230px;height:230px;border:1px solid #ffffff70;border-radius:50%;left:50%;top:35%;transform:translate(-50%,-50%);box-shadow:0 0 0 32px #ffffff0b,0 0 0 70px #ffffff08}.trainer-portrait>.panel-ring:after{content:"";position:absolute;inset:24px;border:1px dashed #ff9d00;border-radius:50%}.trainer-portrait>.panel-motto{position:absolute;z-index:5;left:8px;top:59%;padding:11px 17px;background:#f7f5f0;color:#111;border-radius:9px;transform:rotate(-4deg);box-shadow:0 8px 20px #0007;font:800 11px "Space Grotesk";letter-spacing:.04em;white-space:nowrap}.trainer-portrait>strong{z-index:4;left:25px;right:42%;bottom:39px;font-size:14px;line-height:1.06}.trainer-portrait>.panel-role{position:absolute;z-index:4;right:24px;bottom:39px;width:34%;text-align:right;color:#fff;font:500 10px/1.15 "DM Sans"}.trainer-portrait>i{z-index:6;bottom:9px;padding:5px 9px;font-size:7px;background:#000b}