.trainer-menu-button{margin-left:auto;display:flex!important;flex:none;width:44px;height:42px;padding:10px 11px!important;flex-direction:column;justify-content:center;gap:5px;border:1px solid #303A5D;border-radius:9px;background:#1B2440;color:#DDE5FF;cursor:pointer}
.trainer-menu-button span{display:block;width:100%;height:2px;border-radius:2px;background:currentColor}
header>#shiny{margin-left:auto}
header>#shiny+.trainer-menu-button{margin-left:0}
.trainer-menu-shade{position:fixed;inset:0;z-index:900;background:rgba(4,7,15,.7);backdrop-filter:blur(3px)}
.trainer-menu-shade[hidden]{display:none}
.trainer-menu-drawer{position:fixed;z-index:901;top:0;right:0;width:min(84vw,320px);height:100dvh;box-sizing:border-box;padding:20px;background:#151C31;border-left:1px solid #303A5D;box-shadow:-18px 0 48px rgba(0,0,0,.48);transform:translateX(105%);transition:transform .2s ease;overflow-y:auto}
.trainer-menu-drawer.open{transform:translateX(0)}
.trainer-menu-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#E8ECF8}
.trainer-menu-title b{font-size:12px;letter-spacing:.15em;text-transform:uppercase}
.trainer-menu-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #303A5D;border-radius:8px;background:#202A48;color:#E8ECF8;font-size:25px;cursor:pointer}
.trainer-menu-links{display:grid;gap:8px}
.trainer-menu-links a,.trainer-menu-controls>*{box-sizing:border-box;display:flex;width:100%;min-height:44px;align-items:center;justify-content:flex-start;padding:11px 13px;border:1px solid #303A5D;border-radius:9px;background:#1B2440;color:#E8ECF8;text-decoration:none;font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:none;cursor:pointer}
.trainer-menu-links a.active{border-color:#7565B5;background:#2B2447;color:#FFF}
.trainer-identity{display:flex;align-items:center;gap:10px;margin:-6px 0 18px;padding:10px;border:1px solid #303a5d;border-radius:10px;background:#10172a;color:#e8ecf8}.trainer-identity span:last-child{display:grid}.trainer-identity small{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#919bb8}.trainer-avatar,.trainer-avatar-placeholder{width:42px;height:42px;flex:none;border-radius:50%;object-fit:contain;background:#242d47;image-rendering:pixelated}.trainer-avatar-placeholder{position:relative;background:#777f93}.trainer-avatar-placeholder:after{content:"";position:absolute;left:5px;right:5px;top:19px;border-top:4px solid #3e4557}.friends-menu-link{gap:8px}.friend-notification{display:grid;place-items:center;margin-left:auto;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#e33842;color:white;font:800 11px/1 system-ui;font-style:normal;box-shadow:0 0 0 2px #1b2440}
.friend-notification[hidden]{display:none!important}
.trainer-menu-controls{display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid #303A5D}
@media(prefers-reduced-motion:reduce){.trainer-menu-drawer{transition:none}}
.trainer-identity{text-decoration:none}.trainer-identity:hover{border-color:#7565b5;background:#171d35}
.menu-beta{margin-left:auto;padding:2px 6px;border:1px solid #d28aca;border-radius:999px;color:#f1b3e7;font-size:7px;letter-spacing:.1em;text-transform:uppercase}
.trainer-avatar-placeholder{--rc:#e0483c;position:relative;overflow:visible;background:linear-gradient(180deg,var(--rc) 0 48%,#f2f4fa 52% 100%);box-shadow:0 0 0 2px #10162a,0 0 16px color-mix(in srgb,var(--rc) 55%,transparent)}
.trainer-avatar-placeholder:after{content:"";position:absolute;inset:0;margin:auto;width:11px;height:11px;border:2px solid #10162a;border-radius:50%;background:#f2f4fa}
.rankball.trainer-avatar-placeholder{position:relative;overflow:visible;flex:none;background:linear-gradient(180deg,var(--rc) 0 48%,#f2f4fa 52% 100%);box-shadow:0 0 0 2px #10162a,0 0 16px color-mix(in srgb,var(--rc) 55%,transparent)}
.rankball.trainer-avatar-placeholder::after{content:"";position:absolute;inset:0;margin:auto;width:11px;height:11px;border-radius:50%;background:#f2f4fa;border:2px solid #10162a}