/* PitchPulse V0.8.7 — restore reveal layout, smaller visible cards, better portraits, stronger animations */
body.v087{--v087-panel:rgba(8,17,31,.94);--v087-panel2:rgba(11,22,40,.98);--v087-line:rgba(157,193,255,.15);--v087-text:#eef5ff;--v087-muted:#afc1d6;--v087-glow:0 18px 46px rgba(0,0,0,.34)}

/* cancel the v0.8.6 full-screen reveal behavior and restore right-side reveal panel */
body.v087.v086-reveal-open{overflow:auto!important}
body.v087.v086-reveal-open #draft .draftgrid,
body.v087 #draft .draftgrid{grid-template-columns:220px minmax(540px,1fr) minmax(530px,590px)!important;gap:12px!important;align-items:start!important}
body.v087.v086-reveal-open #draft .sidebar,
body.v087.v086-reveal-open #draft .pitchwrap{filter:none!important;opacity:1!important;pointer-events:auto!important}
body.v087 #draft .reveal,
body.v087.v086-reveal-open #draft .reveal{position:sticky!important;top:10px!important;inset:auto!important;z-index:auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(100vh - 18px)!important;overflow:auto!important;padding:12px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(9,18,34,.96),rgba(8,16,31,.98))!important;border:1px solid rgba(155,188,255,.12)!important;box-shadow:var(--v087-glow),inset 0 1px 0 rgba(255,255,255,.04)!important}
body.v087 #draft .reveal .v086Close,
body.v087 #draft .reveal .emptycards{display:none!important}
body.v087 #draft .reveal .sourceStage,
body.v087.v086-reveal-open #draft .reveal .sourceStage{min-height:112px!important;padding:14px!important;border-radius:18px!important;background:radial-gradient(circle at 75% 15%,rgba(123,240,255,.10),transparent 13rem),linear-gradient(145deg,#0c1f39,#11294a 58%,#0b1830)!important;margin:0 0 10px!important}
body.v087 #draft .reveal .sourceStage h3{font-size:2.1rem!important;margin:.18rem 0!important}
body.v087 #draft .reveal .sourceStage p,body.v087 #draft .reveal .sourceStage small{font-size:.62rem!important;line-height:1.38!important;color:#cbd9ea!important}
body.v087 #draft .reveal .targetChip{margin:0 0 8px!important}
body.v087 #draft .reveal #cards,
body.v087.v086-reveal-open #draft .reveal #cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:row!important;gap:8px!important;overflow:visible!important;padding:0!important;margin:0!important;align-items:stretch!important}
body.v087 #draft .reveal .revealGridHint{display:flex!important}

/* restore card design closer to previous state, but more compact in reveal */
body.v087 #draft .reveal .playerCard,
body.v087 #draft .reveal .v80PlayerCard{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;min-height:256px!important;height:auto!important;border-radius:22px!important;padding:10px!important;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at 16% 100%,color-mix(in srgb,var(--rarity) 20%,transparent),transparent 34%),linear-gradient(180deg,#10223a,#0c172a 54%,#08111c)!important;border:1px solid rgba(150,190,255,.17)!important;box-shadow:0 16px 36px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.06)!important;overflow:hidden!important;transform:translateY(10px) scale(.97);opacity:0;animation:v087CardIn .55s cubic-bezier(.2,.8,.2,1) forwards!important;animation-delay:calc(var(--v087i,0) * 65ms)!important}
body.v087 #draft .reveal .playerCard::before,
body.v087 #draft .reveal .v80PlayerCard::before{content:''!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 66%,#92efff),rgba(255,255,255,.04),color-mix(in srgb,var(--rarity) 44%,#9e74ff))!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;pointer-events:none!important;z-index:5!important}
body.v087 #draft .reveal .playerCard::after,
body.v087 #draft .reveal .v80PlayerCard::after{content:''!important;position:absolute!important;inset:auto -45% 42% -45%!important;height:90px!important;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 16%,transparent),transparent 68%)!important;pointer-events:none!important;z-index:0!important;animation:v087Aura 4.2s ease-in-out infinite!important}
body.v087 #draft .reveal .playerCard:hover,
body.v087 #draft .reveal .v80PlayerCard:hover{transform:translateY(-2px) scale(1.012)!important;box-shadow:0 20px 44px rgba(0,0,0,.34),0 0 0 1px color-mix(in srgb,var(--rarity) 28%,transparent),inset 0 1px rgba(255,255,255,.07)!important}
body.v087 #draft .reveal .cardTop{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important;position:relative!important;z-index:2!important}
body.v087 #draft .reveal .cardTop>div{display:flex!important;flex-direction:column!important;gap:1px!important}
body.v087 #draft .reveal .cardRating{font-size:2rem!important;line-height:.92!important;font-weight:1000!important;letter-spacing:-.05em!important;color:#fbfdff!important;text-shadow:0 6px 18px rgba(0,0,0,.18)!important}
body.v087 #draft .reveal .cardTier{font-size:.58rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:color-mix(in srgb,var(--rarity) 72%,#ffffff)!important}
body.v087 #draft .reveal .cardTop>span{display:grid!important;place-items:center!important;min-width:34px!important;height:34px!important;padding:0 8px!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;font-size:.9rem!important;color:#dfe9f8!important}
body.v087 #draft .reveal .v80PortraitWrap{position:relative!important;height:94px!important;margin:8px 0 10px!important;border-radius:15px!important;display:grid!important;place-items:end center!important;overflow:hidden!important;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.16))!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:inset 0 -16px 34px rgba(0,0,0,.22)!important}
body.v087 #draft .reveal .v80PortraitWrap::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--rarity) 18%,transparent),transparent 42%);opacity:.9;pointer-events:none}
body.v087 #draft .reveal .v80PortraitWrap>i{position:absolute!important;inset:auto 0 0!important;height:3px!important;background:linear-gradient(90deg,transparent,var(--rarity),transparent)!important;opacity:.8!important;animation:v087Shimmer 2.8s linear infinite}
body.v087 #draft .reveal .v80PixelPortrait{position:relative!important;height:88px!important;width:72px!important;object-fit:contain!important;image-rendering:pixelated!important;filter:drop-shadow(0 12px 12px rgba(0,0,0,.44)) saturate(1.08)!important;transform-origin:50% 100%!important;animation:v087PortraitFloat 2.6s ease-in-out infinite!important}
body.v087 #draft .reveal .cardName{font-size:1.02rem!important;line-height:1.02!important;font-weight:950!important;letter-spacing:0!important;color:#fff!important;min-height:2.05em!important;margin:0 0 6px!important;text-wrap:balance!important;position:relative!important;z-index:2!important}
body.v087 #draft .reveal .cardMeta{display:grid!important;grid-template-columns:1fr auto!important;gap:3px 8px!important;color:#c7d6e9!important;font-size:.56rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.22!important;position:relative!important;z-index:2!important}
body.v087 #draft .reveal .cardMeta span:last-child{font-weight:900!important;color:#ffffff!important}
body.v087 #draft .reveal .cardStats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important;position:relative!important;z-index:2!important}
body.v087 #draft .reveal .cardStats span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:4px 2px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.022))!important;border:1px solid rgba(255,255,255,.06)!important;color:#eef6ff!important;font-size:.58rem!important;font-weight:850!important;white-space:nowrap!important}
body.v087 #draft .reveal .cardBottom{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-top:8px!important;position:relative!important;z-index:2!important}
body.v087 #draft .reveal .price{font-size:.8rem!important;font-weight:1000!important;color:#ffe58f!important;white-space:nowrap!important}
body.v087 #draft .reveal .sign{border:0!important;border-radius:12px!important;min-height:34px!important;padding:7px 10px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--rarity) 54%,#ffffff),color-mix(in srgb,var(--rarity) 95%,#5d7fff))!important;color:#09111d!important;font-size:.57rem!important;font-weight:1000!important;letter-spacing:.04em!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important;white-space:nowrap!important;position:relative!important;overflow:hidden!important}
body.v087 #draft .reveal .sign::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.38) 49%,transparent 64%);transform:translateX(-120%) skewX(-20deg)}
body.v087 #draft .reveal .sign:hover::after{animation:v087BtnShine .8s ease}
body.v087 #draft .reveal .playerCard[data-tier="rare"],body.v087 #draft .reveal .v80Reveal-rare{box-shadow:0 16px 38px rgba(0,0,0,.30),0 0 0 1px rgba(129,175,255,.08),0 0 22px rgba(120,164,255,.12)!important}
body.v087 #draft .reveal .playerCard[data-tier="epic"],body.v087 #draft .reveal .v80Reveal-epic{box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 0 1px rgba(184,124,255,.10),0 0 26px rgba(174,104,255,.16)!important}
body.v087 #draft .reveal .playerCard[data-tier="legendary"],body.v087 #draft .reveal .v80Reveal-legendary{box-shadow:0 16px 40px rgba(0,0,0,.34),0 0 0 1px rgba(255,211,115,.13),0 0 28px rgba(255,201,96,.18)!important}
body.v087 #draft .reveal .playerCard[data-tier="icon"],body.v087 #draft .reveal .v80Reveal-icon,
body.v087 #draft .reveal .playerCard[data-tier="ultra"],body.v087 #draft .reveal .v80Reveal-ultra{box-shadow:0 16px 46px rgba(0,0,0,.36),0 0 0 1px rgba(255,233,174,.16),0 0 32px rgba(255,224,141,.22)!important}

/* keep other page card styling elegant but not oversized */
body.v087 .v80MiniPortrait{width:42px!important;height:50px!important;image-rendering:pixelated!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
body.v087 .v80DetailPortrait{width:110px!important;height:130px!important;image-rendering:pixelated!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.34))}

@keyframes v087CardIn{0%{opacity:0;transform:translateY(14px) scale(.95)}65%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v087PortraitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes v087Aura{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.06);opacity:.95}}
@keyframes v087Shimmer{0%{opacity:.4;transform:translateX(-15%)}50%{opacity:.95}100%{opacity:.4;transform:translateX(15%)}}
@keyframes v087BtnShine{to{transform:translateX(120%) skewX(-20deg)}}

/* responsive sizes */
@media(max-width:1490px){
  body.v087 #draft .draftgrid,body.v087.v086-reveal-open #draft .draftgrid{grid-template-columns:210px minmax(500px,1fr) minmax(480px,540px)!important}
  body.v087 #draft .reveal #cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,auto)!important}
  body.v087 #draft .reveal .playerCard,body.v087 #draft .reveal .v80PlayerCard{min-height:242px!important}
}
@media(max-width:1180px){
  body.v087 #draft .draftgrid,body.v087.v086-reveal-open #draft .draftgrid{grid-template-columns:200px 1fr!important}
  body.v087 #draft .reveal,body.v087.v086-reveal-open #draft .reveal{grid-column:1/-1!important;position:static!important;max-height:none!important;overflow:visible!important}
  body.v087 #draft .reveal #cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:860px){
  body.v087 #draft .draftgrid,body.v087.v086-reveal-open #draft .draftgrid{grid-template-columns:1fr!important}
  body.v087 #draft .reveal #cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:560px){
  body.v087 #draft .reveal{padding:10px!important}
  body.v087 #draft .reveal .sourceStage{min-height:96px!important;padding:12px!important}
  body.v087 #draft .reveal .sourceStage h3{font-size:1.6rem!important}
  body.v087 #draft .reveal #cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.v087 #draft .reveal .playerCard,body.v087 #draft .reveal .v80PlayerCard{min-height:220px!important;padding:9px!important;border-radius:18px!important}
  body.v087 #draft .reveal .cardRating{font-size:1.6rem!important}
  body.v087 #draft .reveal .v80PortraitWrap{height:78px!important;margin:6px 0 8px!important}
  body.v087 #draft .reveal .v80PixelPortrait{height:72px!important;width:58px!important}
  body.v087 #draft .reveal .cardName{font-size:.84rem!important;min-height:1.8em!important}
  body.v087 #draft .reveal .cardMeta{font-size:.5rem!important}
  body.v087 #draft .reveal .cardStats span{font-size:.5rem!important;min-height:24px!important}
  body.v087 #draft .reveal .sign{min-height:30px!important;padding:6px 8px!important;font-size:.5rem!important}
}