@charset "UTF-8";
/* Shared community invitation. Scoped separately from the legacy hidden HUD pills. */
.dc-banner,.dc-compact-banner,#pkwDiscordCommunity{box-sizing:border-box;direction:ltr;font-family:Heebo,BattleHeebo,Arial,sans-serif;color:#fff;text-shadow:none}
.dc-banner *,.dc-compact-banner *,#pkwDiscordCommunity *{box-sizing:border-box;letter-spacing:normal}
.dc-banner{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:18px 24px;border:1px solid #b8a1ff88;border-radius:18px;background:radial-gradient(ellipse at 90% 0%,#d27cff55,transparent 48%),linear-gradient(115deg,#29358c,#5933bd 58%,#813cc3);box-shadow:0 8px 30px #25125733,inset 0 1px #ffffff30}
.dc-banner:before{content:"";position:absolute;z-index:-1;inset:-80px auto auto 28%;width:240px;height:240px;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 38px #ffffff06,0 0 0 76px #ffffff04;pointer-events:none}
.dc-emblem{flex:none;display:grid;place-items:center;width:65px;height:65px;border:1px solid #ffffff3a;border-radius:20px;background:linear-gradient(145deg,#ffffff2c,#ffffff08);box-shadow:0 8px 18px #18115f35;transform:rotate(-7deg)}
.dc-emblem img{display:block;width:37px;height:28px;transform:rotate(7deg)}
.dc-banner-copy{flex:1;min-width:0}.dc-kicker{display:block;font-size:10px;font-weight:650;color:#e6d8ff;margin:0 0 4px}
.dc-banner h2{font-size:25px;line-height:1.3;margin:0 0 5px;color:#fff;font-weight:850}
.dc-banner p{font-size:12px;line-height:1.65;margin:0;color:#f2ecff}
.dc-tags{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 0;padding:0;list-style:none;font-size:10px;color:#fff}
.dc-tags li{padding:3px 9px;border-radius:20px;border:1px solid #ffffff27;background:#15134326}
a.dc-join{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:11px 20px;background:#fff;color:#46308d;border:1px solid #ffffffa6;border-radius:11px;font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 5px 16px #17105b40;transition:transform .18s,box-shadow .18s}
a.dc-join:hover{color:#35206e;transform:translateY(-2px);box-shadow:0 8px 22px #17105b60}
.dc-join-arrow{font:800 20px/1 Arial,sans-serif}
.dc-banner a:focus-visible,.dc-compact-banner:focus-visible,#pkwDiscordCommunity a:focus-visible,#pkwDiscordCommunity button:focus-visible{outline:3px solid #ffdf85;outline-offset:4px}
.battle-main>.dc-banner{grid-column:1/-1;margin-bottom:0}
body.battle-login .battle-nav .community-pill{min-height:40px;background:linear-gradient(115deg,#555be0,#853ec2);border:1px solid #c6b2ff75;color:#fff;box-shadow:0 3px 17px #7455eb35;font-weight:750}
.community-pill .dc-nav-icon{width:19px;height:15px;flex:none}
.dc-signup-link{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;font-size:12px;line-height:1.7;color:#d8c6ff!important;text-decoration:none}
.dc-signup-link img{width:18px;height:14px}.dc-signup-link:hover{text-decoration:underline}
.dc-compact-banner{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto;padding:15px 18px;max-width:720px;min-height:60px;background:linear-gradient(110deg,#414dc5,#863ebd);border:1px solid #c1a9ff88;border-radius:14px;font-size:14px;font-weight:750;text-decoration:none;box-shadow:0 7px 24px #36257935}
.dc-compact-banner img{width:27px;height:22px;flex:none}.dc-compact-banner:hover{color:#fff;filter:brightness(1.1)}

#pkwDiscordCommunity{position:fixed;left:20px;right:auto;bottom:106px;top:auto;width:282px;max-width:calc(100vw - 32px);z-index:480;overflow:hidden;border:1px solid #c5a2ffb3;border-radius:19px;background:radial-gradient(circle at 10% 0%,#e99aff44,transparent 62%),linear-gradient(135deg,#394ac8,#7138b4 85%);box-shadow:0 10px 28px #17134455,inset 0 1px #ffffff30;pointer-events:auto;touch-action:manipulation}
#pkwDiscordCommunity .dc-game-link{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:17px 15px 15px;color:#fff!important;text-decoration:none!important;background:none;border:0;letter-spacing:normal}
#pkwDiscordCommunity .dc-game-link:hover{background:#ffffff0c}
#pkwDiscordCommunity .dc-game-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#ffffff19;border:1px solid #ffffff30;box-shadow:0 4px 12px #24126025}
#pkwDiscordCommunity .dc-game-icon img{width:28px;height:22px;display:block}
#pkwDiscordCommunity .dc-game-copy{display:block;min-width:0;padding-left:14px}
#pkwDiscordCommunity .dc-kicker{font-size:9px;margin:0 0 4px;color:#e6dbff}
#pkwDiscordCommunity .dc-game-title{display:block;font-size:16px;font-weight:850;line-height:1.5;color:#fff}
#pkwDiscordCommunity .dc-detail{grid-column:1/-1;font-size:12px;line-height:1.7;color:#f2eaff;margin:0}
#pkwDiscordCommunity .dc-game-bottom{grid-column:1/-1;display:flex;flex-direction:column;gap:8px}
#pkwDiscordCommunity .dc-reward{display:block;font-size:10px;font-weight:700;color:#ffe8a5}
#pkwDiscordCommunity [hidden]{display:none!important}
#pkwDiscordCommunity .dc-game-join{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:8px 12px;border-radius:10px;background:#fff;color:#493086;font-size:12px;font-weight:850}
#pkwDiscordCommunity .dc-mini-join{display:none;font-size:11px;color:#f4e6ff;line-height:1.6;margin-top:3px}
#pkwDiscordCommunity .dc-toggle{position:absolute;left:0;top:0;z-index:2;display:grid;place-items:center;width:34px;height:34px;min-width:0;padding:0;border:0;border-radius:0 0 13px 0;background:#190d5638;color:#fff;font:600 21px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
#pkwDiscordCommunity .dc-toggle:hover{background:#190d5680}
#pkwDiscordCommunity .dc-status{margin:0;padding:0 14px 11px;color:#fff1b8;font-size:11px;line-height:1.6}
#pkwDiscordCommunity.is-compact{width:257px}
#pkwDiscordCommunity.is-compact .dc-game-link{padding:12px;gap:10px}
#pkwDiscordCommunity.is-compact :is(.dc-detail,.dc-game-bottom,.dc-kicker){display:none}
#pkwDiscordCommunity.is-compact .dc-mini-join{display:block}
body:is(.battle-active,.bh-focus,.bh-chat-open) #pkwDiscordCommunity,html.pkw-in-panel #pkwDiscordCommunity{display:none!important}
@media(min-width:801px){body.battle-login .battle-splash{height:210px}.dc-banner .dc-tags{display:none}}
@media(max-width:1100px) and (min-width:801px){.dc-banner{padding:15px 18px;gap:14px}.dc-banner h2{font-size:22px}.dc-banner p{max-width:490px}.dc-emblem{width:52px;height:52px}.dc-banner .dc-join{padding-inline:13px}}
@media(max-width:800px){
 .battle-main>.trainer-column{order:0}.battle-main>.dc-banner{order:1;width:100%}.battle-main>.starter-column{order:2}
 .dc-banner{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:20px;border-radius:17px}
 .dc-emblem{width:48px;height:48px;border-radius:15px}.dc-emblem img{width:29px;height:23px}.dc-banner h2{font-size:22px}.dc-banner p{font-size:12px}
 .dc-banner>.dc-join{grid-column:1/-1;width:100%;min-height:46px}.dc-tags{font-size:9px;gap:5px}.dc-tags li{padding:3px 7px}
 body.battle-login .battle-nav .community-pill{min-height:40px;padding:7px 10px;font-size:10px}
}
@media(max-width:768px),(max-height:560px){
 #pkwDiscordCommunity,#pkwDiscordCommunity.is-compact{width:230px;max-width:calc(100vw - 88px);left:auto;right:8px;top:210px;bottom:auto;border-radius:14px}
 #pkwDiscordCommunity .dc-game-link{padding:11px 12px;grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:69px}
 #pkwDiscordCommunity .dc-game-icon{width:34px;height:34px;border-radius:11px}#pkwDiscordCommunity .dc-game-icon img{width:22px;height:17px}
 #pkwDiscordCommunity .dc-game-title{font-size:13px}#pkwDiscordCommunity .dc-game-copy{padding-left:0}
 #pkwDiscordCommunity :is(.dc-detail,.dc-game-bottom,.dc-kicker,.dc-toggle){display:none}
 #pkwDiscordCommunity .dc-mini-join{display:block;font-size:11px;color:#fff0b1}
 #pkwDiscordCommunity .dc-status{font-size:10px;padding-bottom:9px}
 body:has(#pkwJourneyTracker.bh-journey-expanded) #pkwDiscordCommunity{display:none!important}
}
@media(max-height:560px) and (min-width:541px){#pkwDiscordCommunity,#pkwDiscordCommunity.is-compact{left:10px;right:auto;top:auto;bottom:98px;width:216px}}
@media(max-width:360px){body.battle-login .battle-nav .community-pill{padding:6px 8px;font-size:9px;gap:5px}.community-pill .dc-nav-icon{width:17px}.dc-banner{padding:16px;gap:10px}.dc-banner h2{font-size:20px}.dc-banner .dc-tags{display:none}}
@media(prefers-reduced-motion:reduce){.dc-banner *,.dc-compact-banner,#pkwDiscordCommunity *{animation:none!important;transition:none!important}.dc-join:hover{transform:none}}

/* Direct invitation surfaces: the reward stays readable in either identity. */
.pkw-dc-landing{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;margin-top:16px;border:1px solid #baa7ff;border-radius:17px;background:radial-gradient(ellipse at 0 0,#926cea55,transparent 65%),linear-gradient(115deg,#283879,#552f8a);box-shadow:inset 0 1px #ffffff30,0 7px 20px #062e4333;color:#fff;text-shadow:none;box-sizing:border-box;font-family:inherit}
.pkw-dc-landing *{box-sizing:border-box}
.pkw-dc-logo{display:grid;place-items:center;width:46px;height:46px;border:1px solid #d4bcff66;border-radius:14px;background:#9e8bf344}
.pkw-dc-copy{display:grid;gap:4px;min-width:0}
.pkw-dc-copy strong{font-size:15px;line-height:1.4;color:#fff}
.pkw-dc-copy [data-dc-reward]{font-size:18px;font-weight:850;color:#fff0a6;line-height:1.3}
.pkw-dc-copy small{font-size:11px;line-height:1.6;color:#e6e0ff}
.pkw-dc-landing .pkw-dc-join{display:flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:10px 15px;border:1px solid #ffffffb3;border-radius:10px;background:#f7f4ff;color:#35266b;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 3px #20114d55;white-space:nowrap}
.pkw-dc-landing .pkw-dc-join:hover{background:#fff2be;color:#35266b}
.pkw-dc-landing .pkw-dc-join:focus-visible{outline:3px solid #ffe590;outline-offset:4px}
.pkw-dc-status{grid-column:1/-1;margin:0;color:#fff2ac;font-size:12px;line-height:1.7}
.pkw-dc-landing [hidden]{display:none!important}
#pkwDiscordCommunity .dc-reward{font-size:14px;color:#fff0a6}
#pkwDiscordFeature{position:relative;text-decoration:none!important;direction:inherit}
#pkwDiscordFeature .pkw-dc-feature-art{display:grid;place-items:center;width:55px;height:52px;margin:7px auto 0;border-radius:17px;border:2px solid #e2d7ff;background:linear-gradient(150deg,#97a0ff,#5667df 50%,#8053c5);box-shadow:inset 0 2px #ffffff66,0 4px #34357c,0 6px 9px #17284466;transform:rotate(-5deg)}
#pkwDiscordFeature .pkw-dc-feature-art img{display:block;width:34px!important;height:27px!important;object-fit:contain;filter:none;transform:rotate(5deg)}
#pkwDiscordFeature>small{position:absolute;top:48px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:2px 5px;border:1px solid #fff6c6;border-radius:6px;background:#fff0a6;color:#533968!important;font:bold 9px/1.3 Arial,sans-serif!important;text-shadow:none!important;box-shadow:0 2px #3c26586b}
#pkwDiscordFeature>small.is-claimed{background:#e9e4ff;color:#49366b!important;font-size:8px!important}
#pkwMobileHUD .pkw-dc-mobile#pkwDiscordMobile{display:grid!important;grid-template-columns:18px 1fr!important;align-content:center!important;align-items:center!important;gap:2px 4px!important;pointer-events:auto!important;position:relative!important;min-height:44px!important;width:72px!important;padding:5px!important;border:1px solid #d6c3ff!important;border-radius:12px!important;background:linear-gradient(130deg,#3f4396,#7250b0)!important;color:#fff!important;text-decoration:none!important;box-shadow:inset 0 1px #ffffff35,0 3px #172e4055!important;font:750 10px/1.2 Arial,sans-serif!important}
#pkwDiscordMobile img{grid-row:1/3!important;width:18px!important;height:15px!important;filter:none!important}
#pkwDiscordMobile>span{font:800 10px/1.2 Arial,sans-serif!important;color:#fff!important}
#pkwDiscordMobile>small{font:700 8px/1.3 Arial,sans-serif!important;color:#fff0a6!important;white-space:normal!important}
@media(max-width:1100px){#pkwDiscordFeature .pkw-dc-feature-art{width:45px;height:43px;border-radius:13px;margin-top:5px}#pkwDiscordFeature>small{top:37px;font-size:8px!important}#pkwDiscordFeature .pkw-dc-feature-art img{width:29px!important;height:23px!important}}
@media(max-width:600px){.pkw-dc-landing{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:16px}.pkw-dc-logo{width:40px;height:40px}.pkw-dc-copy strong{font-size:13px}.pkw-dc-copy [data-dc-reward]{font-size:17px}.pkw-dc-landing .pkw-dc-join{grid-column:1/-1;min-height:44px}}
@media(prefers-reduced-motion:reduce){.pkw-dc-landing *{animation:none!important;transition:none!important}}

/* Standalone pages keep the invitation in document flow, outside battle/cards. */
html body:not(.map-hud) #pkwDiscordCommunity#pkwDiscordCommunity{position:relative!important;inset:auto!important;transform:none!important;width:min(620px,calc(100% - 32px))!important;max-width:none!important;margin:14px auto!important;z-index:auto!important}
#pkwMobileHUD:not(#pm-old):not(#pm-legacy):not(#pm-classic) .pm-top:has(#pkwDiscordMobile){gap:4px!important}
/* Keep the fourth shortcut clear of the atlas on narrow phones. The full
   Discord/reward description remains available in its accessible label. */
@media(orientation:portrait) and (max-width:388px){
 #pkwMobileHUD .pkw-dc-mobile#pkwDiscordMobile{width:44px!important;height:44px!important;grid-template-columns:1fr!important;gap:2px!important;padding:3px!important;justify-items:center!important}
 #pkwDiscordMobile img{grid-row:auto!important}
 #pkwDiscordMobile>span{display:none!important}
 #pkwDiscordMobile>small{font-size:7.5px!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important}
}
