#hd #um.pc-account{position:relative}#hd #pc-account-card.pc-account-card{position:absolute;right:0;z-index:1100;width:382px;max-width:calc(100vw - 24px);padding:0;top:calc(100% + 15px);border:1px solid #e2eae9;border-radius:18px;background:#fff;box-shadow:0 18px 60px #253f5130;line-height:1.6;overflow:auto;max-height:calc(100dvh - 95px);animation:pc-corner-in .18s ease both;scrollbar-width:thin;text-align:left}#pc-account-card *{box-sizing:border-box}#pc-account-card a{text-decoration:none}#pc-account-card svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}#pc-account-card .pc-corner-hero{position:relative;isolation:isolate;padding:21px 23px 24px;background:linear-gradient(115deg,#eaf4f1,#edf3fa);overflow:hidden}#pc-account-card .pc-corner-hero:after{content:"";position:absolute;width:185px;height:185px;border:1px solid #b6cfca65;right:-65px;bottom:-135px;border-radius:50%;box-shadow:0 0 0 24px #d4e5df38,0 0 0 48px #d4e5df20;z-index:-1}#pc-account-card .pc-corner-eyebrow{font-size:10px;font-weight:600;color:#79938f;letter-spacing:1px;margin-bottom:17px}#pc-account-card .pc-corner-eyebrow span{font-weight:400;font-size:9px;margin-left:12px;letter-spacing:.5px;color:#9aaba6}#pc-account-card .pc-corner-identity{display:flex;align-items:center;gap:14px}#pc-account-card .pc-corner-avatar{display:block;flex:none;width:56px;height:56px;border-radius:18px;border:3px solid white;overflow:hidden;box-shadow:0 4px 13px #6d978416}#pc-account-card .pc-corner-avatar img{display:block;width:50px;height:50px;object-fit:cover;border-radius:14px}#pc-account-card .pc-corner-who{min-width:0;flex:1}#pc-account-card .pc-corner-name{display:block;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;color:#314b4e!important;line-height:1.6}#pc-account-card .pc-corner-meta{display:flex;align-items:center;gap:13px;margin-top:5px;color:#8c9b9d;font-size:10px}#pc-account-card .pc-corner-group{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}#pc-account-card .pc-corner-group .pc-rank-badge{display:block;width:14px;height:14px;max-width:14px;margin:0;border:0}#pc-account-card .pc-corner-credit{white-space:nowrap}#pc-account-card .pc-corner-credit b{font-weight:500;color:#6f8583;margin-left:3px}#pc-account-card .pc-corner-ornament{position:absolute;right:21px;bottom:18px;color:#a5bdb5;font-size:24px}#pc-account-card .pc-corner-body{padding:19px 20px 0}#pc-account-card .pc-corner-section-title{font-size:11px;font-weight:600;color:#657c7b;display:flex;align-items:center;justify-content:space-between;margin:0 2px 11px}#pc-account-card .pc-corner-section-title span{font-size:9px;color:#a6b0ad;font-weight:400}#pc-account-card .pc-corner-daily{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#pc-account-card .pc-corner-tile{display:flex;align-items:center;gap:10px;padding:12px 11px;border:1px solid #edf0e9;border-radius:10px;background:#f6f8f3;color:#7b9271;min-width:0;transition:background .15s,transform .15s}#pc-account-card .pc-corner-tile--record{background:#f1f6f9;border-color:#eaf0f4;color:#7791a9}#pc-account-card .pc-corner-tile--note{background:#f8f5ed;border-color:#f0ecdf;color:#ac9870}#pc-account-card .pc-corner-tile--wish{background:#faf3f4;border-color:#f3e8ec;color:#b18d99}#pc-account-card .pc-corner-tile i{display:flex;align-items:center;justify-content:center;width:25px;flex:none;font-style:normal}#pc-account-card .pc-corner-tile strong{display:block;font-size:12px;font-weight:500;color:#536764;line-height:1.7}#pc-account-card .pc-corner-tile small{display:block;font-size:9px;color:#9ca7a1;line-height:1.7;white-space:nowrap}#pc-account-card .pc-corner-tile:hover{transform:translateY(-1px);filter:brightness(.985)}#pc-account-card .pc-corner-common{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:16px 0 12px;border-bottom:1px solid #eef2ef}#pc-account-card .pc-corner-common a{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;border-radius:8px;color:#7a8b8e!important;font-size:11px}#pc-account-card .pc-corner-common svg{width:17px;height:17px;color:#9aabae}#pc-account-card .pc-corner-common a:hover{background:#f4f7f7;color:#4e7772!important}#pc-account-card .pc-corner-inbox{display:flex;justify-content:space-around;padding:13px 0;gap:10px}#pc-account-card .pc-corner-inbox a,#pc-account-card .pc-corner-admin a{display:inline-flex;align-items:center;gap:7px;color:#87999b!important;font-size:10px}#pc-account-card .pc-corner-inbox svg,#pc-account-card .pc-corner-admin svg{width:15px;height:15px}#pc-account-card .pc-corner-unread{width:5px;height:5px;background:#dc9a98;border-radius:50%}#pc-account-card .pc-corner-admin{display:flex;gap:18px;border-top:1px dashed #e9eeee;padding:10px 10px 12px}#pc-account-card .pc-corner-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fafcfb;padding:13px 21px;border-top:1px solid #edf1ee}#pc-account-card .pc-corner-foot>span{font-size:9px;color:#a7b3ad}#pc-account-card .pc-corner-exit{display:inline-flex;align-items:center;gap:6px;color:#bb9994!important;font-size:10px;white-space:nowrap}#pc-account-card .pc-corner-exit svg{width:15px;height:15px}#pc-account-card .pc-corner-exit:hover{color:#ac716b!important}#pc-account-card a:focus-visible,#pc-avatar-toggle:focus-visible{outline:2px solid #97b6b0;outline-offset:3px}#pc-account-card .pc-corner-hooks{padding:0 20px}#pc-account-card .pc-corner-hooks:empty{display:none}@keyframes pc-corner-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){#hd #pc-account-card.pc-account-card{position:fixed;right:12px;top:74px;width:360px;border-radius:16px;max-height:calc(100dvh - 90px)}#pc-account-card .pc-corner-hero{padding:18px 19px 21px}#pc-account-card .pc-corner-body{padding:17px 15px 0}#pc-account-card .pc-corner-tile{padding:12px 9px;gap:7px}#pc-account-card .pc-corner-foot{padding:13px 17px}}@media(prefers-reduced-motion:reduce){#hd #pc-account-card.pc-account-card{animation:none}#pc-account-card .pc-corner-tile{transition:none}#pc-account-card .pc-corner-tile:hover{transform:none}}

/* Native disclosure remains usable without JS and cannot be clipped by the header. */
#hd,#hd>.wp,#hd .hdc,#hd #um.pc-account{overflow:visible}
#hd details#um.pc-account{padding:0;flex:0 0 auto}
#hd #um.pc-account>summary.pc-avatar-toggle{list-style:none;cursor:pointer}
#hd #um.pc-account>summary.pc-avatar-toggle::-webkit-details-marker{display:none}
#hd #um.pc-account>summary.pc-avatar-toggle::marker{content:''}
#hd details#um.pc-account:not([open])>#pc-account-card{display:none!important}
#hd details#um.pc-account[open]>#pc-account-card{display:block!important;visibility:visible;opacity:1}
#hd details#um.pc-account[open]>.pc-avatar-toggle{border-color:#8eafa6}
/* Compact personal panel: owned medals beside the name, admin alongside settings. */
#pc-account-card .pc-corner-hero{padding:15px 20px 17px}
#pc-account-card .pc-corner-eyebrow{margin-bottom:11px}
#pc-account-card .pc-corner-identity{gap:12px}
#pc-account-card .pc-corner-avatar{width:50px;height:50px;border-radius:16px}
#pc-account-card .pc-corner-avatar img{width:44px;height:44px;border-radius:12px}
#pc-account-card .pc-corner-name-row{display:flex;align-items:center;min-width:0}
#pc-account-card .pc-corner-name{font-size:17px;min-width:0;max-width:175px;flex:0 1 auto}
#pc-account-card .pc-corner-medals{display:inline-flex;align-items:center;gap:5px;flex:none;margin-left:17px}
#pc-account-card .pc-corner-medals a{display:inline-flex;align-items:center;justify-content:center;width:18px;height:20px;color:#8ba095;font-size:12px}
#pc-account-card .pc-corner-medals img{display:block;width:16px;height:16px;max-width:16px;margin:0;border:0}
#pc-account-card .pc-corner-body{padding:13px 17px 0}
#pc-account-card .pc-corner-section-title{margin-bottom:9px}
#pc-account-card .pc-corner-daily{gap:8px}
#pc-account-card .pc-corner-tile{padding:9px 10px}
#pc-account-card .pc-corner-common{padding:10px 0 8px;gap:0 10px}
#pc-account-card .pc-corner-common a{padding:7px 11px}
#pc-account-card .pc-corner-inbox{padding:10px 0}
#pc-account-card .pc-corner-foot{padding:10px 18px}