/* The trainer card is a compact identity task, independent of the game's menus. */
.pk-trainer-avatar{display:block;object-fit:contain;flex:none;aspect-ratio:1;filter:drop-shadow(0 5px 6px #00192330)}
#user-pill.pk-trainer-pill{position:relative;padding-left:43px;min-height:40px}
#user-pill>.pk-trainer-pill-avatar{position:absolute;inset-inline-start:4px;top:50%;width:32px;height:32px;transform:translateY(-50%);border-radius:10px;filter:none}
.pk-trainer-eyebrow{display:block;color:#a8cebe;font:800 10px/1.4 var(--ui-font,system-ui);letter-spacing:.16em}
.pk-trainer-card{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;margin:0 0 16px;border:1px solid #8dbbaa70;border-radius:18px;background:linear-gradient(115deg,#315d57,#1d3c49 72%);box-shadow:inset 0 1px #d8f3cf1a,0 7px 18px #00131d25;position:relative;overflow:hidden}
.pk-trainer-card:before{content:"";position:absolute;right:10%;top:-80px;width:200px;height:200px;border:20px solid #d9edb60a;border-radius:50%;pointer-events:none}
.pk-trainer-card-art>.pk-trainer-avatar{width:78px;height:78px}
.pk-trainer-card-copy{min-width:0;z-index:1}.pk-trainer-card-copy h3{margin:4px 0!important;font:800 clamp(17px,2.6vw,24px)/1.2 var(--ui-font,system-ui)!important;color:#fff5d3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-trainer-card-copy p{margin:0;color:#b9d6d2;font:500 11px/1.5 var(--ui-font,system-ui)}
.pk-trainer-edit{display:inline-flex;align-items:center;justify-content:center;gap:7px;z-index:1;white-space:nowrap}.pk-trainer-edit svg,.pk-trainer-account-edit svg{width:15px;height:15px;flex:none}
.pk-trainer-account-edit{display:flex;align-items:center;gap:10px;border:1px solid #83aaad80;background:#163b4b;border-radius:12px;color:#e0edda;padding:6px 11px;font:700 12px/1.4 var(--ui-font,system-ui);cursor:pointer;width:100%;text-align:left;margin:10px 0 12px}.pk-trainer-account-edit>.pk-trainer-avatar{width:40px;height:40px}.pk-trainer-account-edit>span{flex:1}.pk-trainer-account-edit:hover{border-color:#f2d27f;background:#204a56}
.pk-trainer-public-head{display:grid!important;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;min-height:86px}.pk-trainer-public-head>.pk-trainer-avatar{grid-column:1;grid-row:1/3;width:86px;height:86px}.pk-trainer-public-head h2{grid-column:2;margin:0!important;align-self:end}.pk-trainer-public-head .prof-title{grid-column:2;align-self:start;justify-self:start}
.pk-trainer-editor{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#031c2ce8;backdrop-filter:blur(10px);overflow:hidden}
.pk-trainer-editor.hidden{display:none!important}
.pk-trainer-dialog{width:min(100%,660px);max-height:100%;max-height:calc(100dvh - 24px);min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #8ab4a9;border-radius:24px;background:linear-gradient(150deg,#21434a,#102d3d);box-shadow:0 24px 90px #0009,inset 0 1px #e8ffcf33;animation:pk-trainer-in .25s ease-out}
.pk-trainer-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 15px;border-bottom:1px solid #83aca53d}.pk-trainer-editor-head h2{font:800 clamp(23px,4vw,29px)/1.2 var(--ui-font,system-ui);letter-spacing:-.035em;margin:3px 0 0;color:#fff4cf;text-shadow:0 2px #0b23325c}.pk-trainer-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #85a6a575;background:#2d525d;color:#e5efde;border-radius:13px;font:500 27px/1 system-ui;cursor:pointer}
.pk-trainer-editor-body{padding:17px 24px 15px;min-height:0;overflow:hidden;display:grid;gap:18px;align-content:start}
.pk-trainer-preview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center;min-height:0}.pk-trainer-preview-art{position:relative}.pk-trainer-preview-art:before{content:"";position:absolute;inset:-8%;background:radial-gradient(ellipse,#d1f9ab28,transparent 70%);border-radius:50%}.pk-trainer-preview-art>.pk-trainer-avatar{position:relative;width:112px;height:112px;animation:pk-trainer-in .22s ease-out}.pk-trainer-name-field{min-width:0}.pk-trainer-name-field label{font:700 13px/1.4 var(--ui-font,system-ui);color:#e9edcf;margin:0 0 7px;display:block}.pk-trainer-name-field input{width:100%;min-width:0;font:700 18px/1.3 var(--ui-font,system-ui);height:46px;padding:10px 13px;border:1px solid #7da4a5;border-radius:12px;color:#f8f5df;background:#0e2938;box-shadow:inset 0 2px 3px #00152440}.pk-trainer-name-field input:focus{outline:2px solid #e8cc7a;outline-offset:2px}.pk-trainer-name-field small{display:block;font:500 10px/1.5 var(--ui-font,system-ui);color:#9cbcc0;margin-top:5px}
.pk-trainer-portrait-picker{margin:0;padding:0;border:0;min-width:0;min-height:0}.pk-trainer-portrait-picker legend{float:none;font:800 14px/1.3 var(--ui-font,system-ui);color:#e6edd6;width:100%;padding:0 0 10px}.pk-trainer-portrait-picker legend span{float:right;font:500 10px/1.7 var(--ui-font,system-ui);color:#a2c0bf}.pk-trainer-portraits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pk-trainer-portrait{position:relative;display:grid;justify-items:center;gap:5px;min-width:0;min-height:0;padding:7px 5px 8px;border:1px solid #60858c88;border-radius:14px;background:#173a48;cursor:pointer;color:#bfd3d1;font:700 10px/1.25 var(--ui-font,system-ui);transition:background .15s,border-color .15s,transform .15s;box-shadow:0 3px #041e2d40}.pk-trainer-portrait>.pk-trainer-avatar{width:74px;height:74px;max-width:100%}.pk-trainer-portrait>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-trainer-portrait>i{display:none;position:absolute;right:5px;top:4px;width:19px;height:19px;background:#f6d271;color:#263a3d;border:2px solid #16343e;border-radius:50%;font:900 11px/15px system-ui;font-style:normal}.pk-trainer-portrait.on{border:2px solid #efcf72;padding:6px 4px 7px;background:linear-gradient(145deg,#61794f,#254c4c);color:#fff3c9;box-shadow:0 0 0 2px #f4d47a1f,0 4px 12px #001c2b40}.pk-trainer-portrait.on>i{display:block}.pk-trainer-portrait:hover{background:#31555a;border-color:#c6d6b1;transform:translateY(-2px)}.pk-trainer-portrait:focus-visible,.pk-trainer-close:focus-visible,.pk-trainer-account-edit:focus-visible{outline:3px solid #ffe3a0;outline-offset:3px}.pk-trainer-portrait:disabled{cursor:wait;transform:none;opacity:.7}
.pk-trainer-editor-foot{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 24px 18px;border-top:1px solid #83aca53d;background:#0c28333d}.pk-trainer-editor-foot p{font:500 11px/1.5 var(--ui-font,system-ui);color:#b3cdc5;max-width:260px;margin:0;min-height:32px}.pk-trainer-save{min-height:46px;font:800 13px/1.3 var(--ui-font,system-ui)!important;min-width:180px;padding:11px 16px!important;flex:none}
@keyframes pk-trainer-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.pk-trainer-card{grid-template-columns:64px minmax(0,1fr);gap:9px;padding:10px 12px;margin-bottom:12px}.pk-trainer-card-art{grid-row:1/3}.pk-trainer-card-art>.pk-trainer-avatar{width:64px;height:64px}.pk-trainer-card-copy{align-self:end}.pk-trainer-card-copy h3{font-size:17px!important}.pk-trainer-edit{grid-column:2;justify-self:start;min-height:30px!important;padding:5px 9px!important;font-size:10px!important;gap:5px}.pk-trainer-edit svg{width:12px;height:12px}.pk-trainer-card-copy p{font-size:10px}.pk-trainer-eyebrow{font-size:8px}.pk-trainer-dialog{border-radius:20px}.pk-trainer-editor-head{padding:15px 17px 12px}.pk-trainer-editor-body{padding:13px 16px;gap:15px}.pk-trainer-preview{grid-template-columns:82px minmax(0,1fr);gap:14px}.pk-trainer-preview-art>.pk-trainer-avatar{width:82px;height:82px}.pk-trainer-name-field label{font-size:11px}.pk-trainer-name-field input{height:42px;font-size:16px;padding:8px 10px}.pk-trainer-portraits{gap:7px}.pk-trainer-portrait{padding:6px 3px;gap:3px;border-radius:12px;font-size:8px}.pk-trainer-portrait.on{padding:5px 2px}.pk-trainer-portrait>.pk-trainer-avatar{width:61px;height:61px}.pk-trainer-portrait-picker legend{font-size:12px;padding-bottom:8px}.pk-trainer-portrait-picker legend span{font-size:8px}.pk-trainer-editor-foot{padding:12px 16px 15px;gap:10px;display:grid}.pk-trainer-editor-foot p{font-size:10px;min-height:0;max-width:none}.pk-trainer-save{width:100%;min-height:43px}.pk-trainer-public-head{grid-template-columns:62px minmax(0,1fr);min-height:62px;column-gap:12px}.pk-trainer-public-head>.pk-trainer-avatar{width:62px;height:62px}}
@media(max-height:650px) and (orientation:portrait){.pk-trainer-editor-head{padding:12px 16px 10px}.pk-trainer-editor-head h2{font-size:22px}.pk-trainer-editor-body{gap:12px;padding-block:10px}.pk-trainer-preview{grid-template-columns:66px minmax(0,1fr)}.pk-trainer-preview-art>.pk-trainer-avatar{width:66px;height:66px}.pk-trainer-portrait>.pk-trainer-avatar{width:52px;height:52px}.pk-trainer-portraits{gap:6px}.pk-trainer-editor-foot{padding-block:10px}.pk-trainer-portrait-picker legend{padding-bottom:7px}.pk-trainer-name-field small{font-size:9px}}
@media(max-height:480px) and (orientation:landscape){.pk-trainer-dialog{width:min(100%,800px);border-radius:17px}.pk-trainer-editor-head{padding:10px 18px}.pk-trainer-editor-head h2{font-size:22px}.pk-trainer-close{width:34px;height:34px}.pk-trainer-editor-body{grid-template-columns:minmax(160px,.8fr) minmax(0,1.8fr);gap:22px;padding:10px 18px;align-items:center}.pk-trainer-preview{display:flex;flex-direction:column;gap:5px}.pk-trainer-preview-art>.pk-trainer-avatar{width:74px;height:74px}.pk-trainer-name-field{width:100%}.pk-trainer-name-field label{font-size:10px;margin-bottom:4px}.pk-trainer-name-field input{height:34px;font-size:14px;padding:6px 9px}.pk-trainer-name-field small{font-size:8px;margin-top:3px}.pk-trainer-portraits{gap:6px}.pk-trainer-portrait{padding:4px 3px;gap:2px;font-size:8px;border-radius:10px}.pk-trainer-portrait.on{padding:3px 2px}.pk-trainer-portrait>.pk-trainer-avatar{width:52px;height:52px}.pk-trainer-portrait-picker legend{font-size:12px;padding-bottom:7px}.pk-trainer-portrait-picker legend span{font-size:8px}.pk-trainer-editor-foot{display:flex;padding:8px 18px;gap:20px}.pk-trainer-editor-foot p{font-size:9px;min-height:0;max-width:55%}.pk-trainer-save{min-height:36px;min-width:160px;padding:7px 14px!important;width:auto}.pk-trainer-card{padding:8px 13px;gap:10px;grid-template-columns:58px minmax(0,1fr) auto;margin-bottom:9px}.pk-trainer-card-art{grid-row:auto}.pk-trainer-card-art>.pk-trainer-avatar{width:58px;height:58px}.pk-trainer-edit{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.pk-trainer-dialog,.pk-trainer-preview-art>.pk-trainer-avatar{animation:none}.pk-trainer-portrait{transition:none}.pk-trainer-portrait:hover{transform:none}}
/* Leave room for the software keyboard while editing the name. */
@media(max-height:480px) and (orientation:portrait){.pk-trainer-dialog:has(#pk-trainer-name:focus) .pk-trainer-portrait-picker{display:none}.pk-trainer-dialog:has(#pk-trainer-name:focus) .pk-trainer-editor-body{padding-block:12px}.pk-trainer-dialog:has(#pk-trainer-name:focus) .pk-trainer-preview{grid-template-columns:62px minmax(0,1fr)}}
/* Separate identity, favorites and titles into compact native subviews. */
#scr-goals .ui-scroll:has(#goals-body.pk-trainer-profile-body){display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}
#goals-body.pk-trainer-profile-body{display:grid!important;grid-template-rows:auto minmax(0,1fr);gap:13px;min-height:0;height:100%;margin:0;overflow:hidden;align-content:stretch}
.pk-trainer-profile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px;border:1px solid #71938a59;border-radius:13px;background:#0b2938a6}
.pk-trainer-profile-tab{min-height:36px;padding:7px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a9c7c6;font:750 12px/1.3 var(--ui-font,system-ui);cursor:pointer}
.pk-trainer-profile-tab[aria-selected=true]{background:linear-gradient(#e8da9b,#c9bc7f);border-color:#efdfaa;color:#253c40;box-shadow:0 2px 8px #0019253b}.pk-trainer-profile-tab:focus-visible{outline:2px solid #fff0b2;outline-offset:2px}
.pk-trainer-profile-views{min-height:0;display:grid;overflow:hidden}.pk-trainer-subpage{min-height:0;display:grid;align-content:start;gap:14px;overflow:hidden}.pk-trainer-subpage[hidden]{display:none!important}
.pk-trainer-subpage .pk-trainer-card{margin:0}.pk-trainer-adventure-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pk-trainer-adventure-summary>div{display:grid;gap:4px;justify-items:center;padding:12px 8px;border:1px solid #6a92924d;border-radius:13px;background:#0b2a393d}.pk-trainer-adventure-summary span{color:#a4c2bc;font:600 10px/1.3 var(--ui-font,system-ui)}.pk-trainer-adventure-summary b{color:#f3e4aa;font:800 21px/1.2 var(--ui-font,system-ui)}
.pk-trainer-public-button{justify-self:start;min-height:40px;font:750 12px/1.3 var(--ui-font,system-ui)!important;padding:10px 17px!important;margin:0!important}
.pk-trainer-subpage-team{grid-template-rows:auto auto minmax(0,1fr);gap:9px}.pk-trainer-subpage h3{margin:0!important;font-size:18px;line-height:1.3}.pk-trainer-team-hint{margin:0;color:#a4c3bd;font:500 11px/1.4 var(--ui-font,system-ui)}
.pk-trainer-subpage-team .fav-slots{margin:0;min-height:0;align-items:stretch}.pk-trainer-subpage-team .fav-slot{min-height:100px;max-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:9px 5px;border-radius:16px;background:linear-gradient(160deg,#34565080,#143541);border:1px solid #8ebaa16b}.pk-trainer-subpage-team .fav-slot canvas{max-width:100%;max-height:130px;object-fit:contain}.pk-trainer-subpage-team .fav-slot b{font:750 12px/1.3 var(--ui-font,system-ui);margin-top:5px}
.pk-trainer-subpage-title{justify-items:start;gap:15px}.pk-trainer-title-banner{display:flex;align-items:center;gap:12px;padding:17px 21px;border:1px solid #d4bb6480;border-radius:16px;background:linear-gradient(120deg,#6c5f3273,#244a4d);width:100%;color:#f4e5ad}.pk-trainer-title-banner>span{font-size:32px;color:#f3d47f}.pk-trainer-title-banner>b{font:800 20px/1.3 var(--ui-font,system-ui)}.pk-trainer-subpage-title>.field{min-height:42px;width:100%;margin:0;max-width:100%!important;font:600 14px/1.3 var(--ui-font,system-ui)}.pk-trainer-subpage-title>.note{margin:0;font:500 12px/1.6 var(--ui-font,system-ui)}
@media(max-width:600px){#goals-body.pk-trainer-profile-body{gap:10px}.pk-trainer-profile-nav{gap:4px}.pk-trainer-profile-tab{min-height:34px;font-size:11px}.pk-trainer-subpage{gap:12px}.pk-trainer-adventure-summary{gap:7px}.pk-trainer-adventure-summary>div{padding:12px 4px}.pk-trainer-adventure-summary span{font-size:9px}.pk-trainer-adventure-summary b{font-size:20px}.pk-trainer-subpage-team .fav-slot{min-height:100px;padding:8px 3px}.pk-trainer-subpage-team .fav-slot canvas{max-height:105px}.pk-trainer-subpage-team .fav-slot b{font-size:10px}.pk-trainer-subpage h3{font-size:16px}.pk-trainer-title-banner{padding:14px}.pk-trainer-title-banner>b{font-size:18px}}
@media(max-height:520px) and (orientation:landscape){#goals-body.pk-trainer-profile-body{gap:7px}.pk-trainer-profile-nav{padding:3px;border-radius:10px}.pk-trainer-profile-tab{min-height:29px;padding:5px 8px;font-size:10px}.pk-trainer-subpage-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px 14px}.pk-trainer-subpage-card>.pk-trainer-card{grid-column:1;grid-row:1/3;grid-template-columns:64px minmax(0,1fr);height:100%;align-content:center;padding:9px 12px}.pk-trainer-subpage-card .pk-trainer-card-art{grid-row:1/3}.pk-trainer-subpage-card .pk-trainer-card-art>.pk-trainer-avatar{width:64px;height:64px}.pk-trainer-subpage-card .pk-trainer-edit{grid-column:2;justify-self:start;min-height:29px;padding:5px 8px;font-size:10px}.pk-trainer-subpage-card .pk-trainer-card-copy h3{font-size:17px!important}.pk-trainer-subpage-card .pk-trainer-card-copy p{font-size:9px}.pk-trainer-adventure-summary{gap:6px;align-self:end}.pk-trainer-adventure-summary>div{padding:7px 3px;gap:2px;border-radius:10px}.pk-trainer-adventure-summary span{font-size:8px}.pk-trainer-adventure-summary b{font-size:16px}.pk-trainer-public-button{grid-column:2;justify-self:stretch;min-height:30px;padding:6px 10px!important;font-size:10px!important}.pk-trainer-subpage-team{grid-template-rows:auto minmax(0,1fr);gap:7px;position:relative}.pk-trainer-subpage-team h3{font-size:13px}.pk-trainer-team-hint{position:absolute;right:0;top:1px;font-size:9px}.pk-trainer-subpage-team .fav-slots{grid-row:2;gap:10px}.pk-trainer-subpage-team .fav-slot{min-height:65px;max-height:125px;padding:3px 5px;border-radius:12px;flex-direction:row;gap:7px}.pk-trainer-subpage-team .fav-slot canvas{width:80px;max-width:56%;height:68px;max-height:85px}.pk-trainer-subpage-team .fav-slot b{font-size:10px;margin:0}.pk-trainer-subpage-title{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:8px 16px;align-content:center}.pk-trainer-subpage-title h3{grid-column:2;grid-row:1;font-size:13px}.pk-trainer-title-banner{grid-column:1;grid-row:1/3;padding:10px 16px;min-height:75px;height:100%}.pk-trainer-title-banner>span{font-size:25px}.pk-trainer-title-banner>b{font-size:17px}.pk-trainer-subpage-title>.field{grid-column:2;grid-row:2;min-height:35px;height:35px;font-size:12px;padding:6px 10px}.pk-trainer-subpage-title>.note{grid-column:1/3;grid-row:3;font-size:9px;line-height:1.4}}

/* A confirmed save is readable without a hover-only colour dot. */
.pk-trainer-save-status{display:block;margin-top:7px;color:#bfe0c6;font:600 10px/1.4 var(--ui-font,system-ui)}
.pk-trainer-save-status[data-state=conflict]{color:#ffcf94}
.pk-trainer-editor-body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pk-trainer-profile-views,.pk-trainer-subpage{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}