/* The profile screen (profile.js) and its button at the top right. */
#profileBtn[aria-expanded="true"]{background:var(--gold);color:#3b2410;border-color:transparent}
#profile{position:fixed;right:16px;top:calc(64px + env(safe-area-inset-top,0px));width:min(300px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100vh - 90px);overflow:auto;padding:12px 14px;background:linear-gradient(160deg,rgba(18,40,92,.9),rgba(10,22,58,.92));border:1px solid #7fc8ff;border-radius:10px;box-shadow:0 0 18px rgba(127,200,255,.45),inset 0 0 24px rgba(127,200,255,.12);color:#e8f4ff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:4}
#profile[hidden]{display:none}
#profile .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#profile .head b{font-size:15px;letter-spacing:.2em;color:#bfe6ff;text-shadow:0 0 8px rgba(127,200,255,.8)}
#profile .head b::before{content:'【 ';}
#profile .head b::after{content:' 】';}
#profile .x{width:36px;height:36px;border-radius:8px;border:1px solid var(--hud-line);background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
#profile .who{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#profile .face{width:46px;height:46px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 38%,#f0c9a4 0 34%,transparent 35%),radial-gradient(circle at 50% 100%,#8c3d2b 0 48%,transparent 49%),#2f9c8f}
#profile .who b{display:block;font-size:16px}
#profile .who span{font-size:13px;color:var(--gold)}
#profile .stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:13px;margin-bottom:12px}
#profile .stats div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(127,200,255,.35);padding:2px 0}
#profile .stats b{color:#bfe6ff}
#profile .tt{font-weight:700;font-size:13px;margin-bottom:6px}
#profile .titles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
#profile .titles li{padding:6px 8px;border-radius:6px;background:rgba(127,200,255,.08);border:1px solid rgba(127,200,255,.2);opacity:.6;display:flex;flex-direction:column;font-size:12px}
#profile .titles li b{font-size:14px}
#profile .titles li.got{opacity:1;background:rgba(232,181,58,.18)}
#profile .titles li.got b{color:var(--gold)}
#profile .titles li i{font-style:normal;font-size:11px;color:#9fd2ff;margin-top:2px}