.user-profile-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:22px;border:1px solid #55c5ef;border-radius:16px;background:linear-gradient(150deg,#102c40,#061522);color:#e4f2fa;box-shadow:0 18px 80px #0009;font:14px/1.5 system-ui,sans-serif}
.user-profile-dialog::backdrop{background:#020b15cf;backdrop-filter:blur(5px)}
.user-profile-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.user-profile-dialog header h2{font-size:26px;margin:0}.user-profile-dialog header small{color:#6ccde9;letter-spacing:2px;font-size:10px}
.user-profile-dialog button{min-height:44px;padding:9px 16px;border:1px solid #5687a4;border-radius:8px;background:#16374b;color:#e7f6ff;font:700 14px/1.3 system-ui;cursor:pointer}.user-profile-dialog button:disabled{opacity:.45;cursor:not-allowed}.user-profile-dialog #upClose{font-size:24px;min-width:44px;padding:4px}
.user-profile-dialog fieldset{padding:0;border:0;margin:0;min-width:0}.user-profile-dialog label{display:block;font-weight:600;margin:12px 0}.user-profile-dialog input,.user-profile-dialog textarea{box-sizing:border-box;width:100%;display:block;margin-top:5px;padding:10px;border:1px solid #4a6f85;border-radius:7px;background:#061722;color:#ecf8ff;font:16px/1.5 system-ui;min-width:0}.user-profile-dialog textarea{resize:vertical}.user-profile-dialog input:read-only{color:#9cb5c5}.user-profile-dialog fieldset:disabled input,.user-profile-dialog fieldset:disabled textarea{opacity:.65}.user-profile-dialog p{font-size:12px;color:#a8c5d8;overflow-wrap:anywhere}
.user-profile-dialog .up-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.user-profile-dialog .up-identity{display:flex;align-items:center;gap:18px;margin:18px 0}.user-profile-dialog .up-identity img{width:84px;height:84px;object-fit:cover;border-radius:18px;border:1px solid #5ad5f2}.user-profile-dialog h3{font-size:16px;margin:12px 0 4px}.user-profile-dialog .up-presets{display:flex;gap:12px}.user-profile-dialog .up-presets button{padding:4px;width:76px;height:76px}.user-profile-dialog .up-presets img{display:block;width:100%;height:100%;object-fit:contain}.user-profile-dialog [aria-pressed=true]{outline:2px solid #4de3b6}.user-profile-dialog #upSave{width:100%;margin:16px 0;background:linear-gradient(#146185,#10384f);border-color:#57c8e7}.user-profile-dialog .up-actions{display:flex;gap:10px;flex-wrap:wrap}.user-profile-dialog #upNotice{padding:12px;background:#1b3948;border-radius:8px;min-height:20px;color:#b7ecfa}.user-profile-dialog #upHistoryList{margin-top:14px}.user-profile-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#05121b;padding:12px;border-radius:6px}.user-profile-dialog details{margin:8px 0}.user-profile-dialog :focus-visible{outline:2px solid #62e4ff;outline-offset:2px}
#playerProfile .profile-display-name{display:block;max-width:160px;font:600 12px/1.3 system-ui;color:#80e2f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
@media(max-width:540px){.user-profile-dialog{padding:16px}.user-profile-dialog .up-columns{grid-template-columns:minmax(0,1fr);gap:0}#playerProfile .profile-display-name{font-size:10px;max-width:110px}}
@media(max-height:600px) and (orientation:landscape){#playerProfile .profile-display-name{font-size:9px;max-width:120px}}

.user-profile-dialog header{position:sticky;top:-22px;z-index:2;background:#102b3d;margin:-22px -22px 16px;padding:18px 22px;border-bottom:1px solid #31566b}.user-profile-dialog textarea{min-height:80px}@media(max-width:540px){.user-profile-dialog header{top:-16px;margin:-16px -16px 14px;padding:14px 16px}}