body>header #account.world-profile-button{display:flex;align-items:center;gap:8px;min-height:40px;padding:3px 9px 3px 4px;border-radius:9px;text-align:left;background:linear-gradient(120deg,#153a4b,#061b29);border-color:#3e7286;line-height:1.2;max-width:245px}
.world-profile-avatar{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:none;overflow:hidden;border-radius:50%;border:1px solid #86cfe5;background:linear-gradient(145deg,#255e74,#102737);color:#fff;font:700 13px 'Noto Sans Thai','Segoe UI',sans-serif}
.world-profile-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.world-profile-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.world-profile-identity #commander{font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:155px;color:#f4fbff}
.world-profile-role{display:block;color:#fff;font:500 10px/1.3 'Noto Sans Thai','Segoe UI',sans-serif;letter-spacing:.2px}.world-profile-role.gold{color:#ffdc8c;text-shadow:0 0 12px #f8c95a40}
body>header:has(.world-profile-button){min-height:48px;height:48px}.world-profile-button:focus-visible{outline:2px solid #8beaff;outline-offset:3px}.world-profile-button .badge{font-size:8px;margin-left:4px}
#modal.world-profile-modal{padding:0;width:min(560px,calc(100vw - 24px));border:1px solid #4b8398;border-radius:16px;background:linear-gradient(145deg,#0e3145,#071925 70%)}
#modal.world-profile-modal .dialog-head{padding:14px 20px;margin:0;border:0}#modal.world-profile-modal .dialog-head h2{font-size:15px;color:#b6d9e7}#modal.world-profile-modal .dialog-head button{background:#17384a}
.world-profile-cover{height:74px;background:radial-gradient(ellipse at 80% 0,#24729188,transparent 70%),linear-gradient(110deg,#0d2738,#174458);border-block:1px solid #3c75895c;display:flex;justify-content:flex-end;align-items:center;padding:0 20px}.world-profile-cover>span{font:600 10px 'Rajdhani','Segoe UI',sans-serif;letter-spacing:2px;color:#9ed8e8}
.world-profile-hero{padding:0 22px 18px;display:flex;gap:16px;align-items:center;margin-top:-24px;position:relative}.world-profile-avatar.large{width:84px;height:84px;font-size:28px;border:3px solid #8ccfe3;box-shadow:0 0 0 5px #0c2b3d,0 9px 22px #0007}.world-profile-hero>div{padding-top:29px;min-width:0}.world-profile-hero h3{margin:0;color:#f5fbff;font:700 25px/1.35 'Noto Sans Thai','Segoe UI',sans-serif;overflow-wrap:anywhere}#modal-body .world-profile-handle{font-size:12px;margin:2px 0 7px;color:#8fb9ca}.world-profile-hero .world-profile-role{font-size:12px}
.world-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 20px}.world-profile-stats>div{padding:12px 8px;border:1px solid #2b566a;border-radius:9px;background:#071e2d;text-align:center;min-width:0}.world-profile-stats small{display:block;color:#9ebfcd;font-size:10px}.world-profile-stats b{display:block;margin-top:5px;color:#e1f6ff;font:700 24px/1.3 'Rajdhani','Segoe UI',sans-serif;overflow-wrap:anywhere}.world-profile-stats>div:nth-child(2) b{color:#ffdc8c}.world-profile-stats>div:nth-child(3) b{color:#77e7ff}
.world-profile-bio{padding:18px 22px 8px}.world-profile-bio h4{font-size:12px;margin:0 0 5px;color:#bce5f3}#modal-body .world-profile-bio p{font-size:13px;line-height:1.8;margin:0;color:#c4d8e1;white-space:pre-wrap;overflow-wrap:anywhere}.world-profile-meta{margin:8px 22px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.world-profile-meta dt{font-size:10px;color:#89acbe}.world-profile-meta dd{margin:4px 0 0;font-size:12px;color:#d3e8f1}.world-profile-actions{padding:14px 18px 5px;border-top:1px solid #295365;display:flex;gap:7px;flex-wrap:wrap}#modal-body .world-profile-actions button{font-size:11px;padding:8px 10px;margin:0}#modal-body .world-profile-footnote{font-size:10px;color:#85a5b7;margin:5px 22px 18px}.world-profile-view-note{padding:0 22px}
@media(max-width:800px){body>header #account.world-profile-button{max-width:150px;gap:6px;padding:3px 6px 3px 3px}.world-profile-identity #commander{font-size:11px;max-width:100px}.world-profile-role{font-size:9px}.world-profile-avatar{width:29px;height:29px}.world-profile-button .badge{display:none}.world-profile-hero h3{font-size:21px}.world-profile-stats{padding:0 14px;gap:5px}.world-profile-stats b{font-size:21px}.world-profile-cover>span{font-size:8px;letter-spacing:1px}.world-profile-hero{padding-left:18px;gap:13px}}
