:root{color-scheme:dark;--gold:#e8c570;--muted:#a9bdcb;--navy:#071c2c}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:#edf2f7;background:linear-gradient(#03152255,#03152266),url('/assets/profile/lounge-v31.png') center/cover fixed,#071b2b;font:14px/1.45 Arial,Helvetica,sans-serif}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid #e2bc67;border-radius:7px;background:linear-gradient(#f7d98b,#c99a43);color:#17202b;padding:10px 18px;font-weight:700;text-align:center;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f7d98b;outline-offset:3px}.site-header{height:76px;padding:8px max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#031827f5;border-bottom:1px solid #b18b4b}.site-header img{object-fit:contain;width:180px;height:58px}.site-header nav{display:flex;gap:28px}.site-header nav a{color:#eef1f4;font-size:13px}.site-header [aria-current]{color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:7px}main{max-width:700px;margin:24px auto;padding:24px;border:1px solid #d2ac63;border-radius:12px;background:linear-gradient(135deg,#061e2df5,#031723f7);box-shadow:0 15px 50px #0007}.title-row{display:flex;align-items:center;justify-content:space-between}h1{font-size:26px;margin:0 0 5px}h2{font-size:20px;margin:0}h3{font-size:14px;margin:0 0 10px}p{margin:6px 0}.identity{font-size:12px;color:var(--muted);overflow-wrap:anywhere}#message:empty,#profile-status:empty,#form-error:empty{display:none}#message,#profile-status{font-size:13px;color:var(--gold);margin:8px 0}#message.error,#form-error{color:#ffb9b9;border:1px solid #b55757;border-radius:6px;background:#56232b88;padding:10px}#message.error{font-weight:bold}.intro{text-align:center;color:#d5dfe5;margin-bottom:12px}.avatar{width:96px;height:96px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#243d51,#041421);border:3px solid var(--gold);border-radius:50%;box-shadow:inset 0 0 0 4px #142d3d,0 2px 10px #0007;overflow:hidden}.avatar img{width:85%;height:85%;object-fit:contain}.form-avatar{margin:12px auto 20px;width:90px;height:90px}.hero{display:flex;gap:18px;align-items:center;padding:18px 0 20px}.hero-info{flex:1;min-width:0}.hero h2{overflow-wrap:anywhere}.hero p{font-size:13px}.hero #profile-region{color:var(--muted);font-size:12px}.member{font-size:11px;border:1px solid #476173;border-radius:5px;padding:3px 8px;background:#183143}.outlined,.quiet{color:var(--gold);background:#071d2e;border:1px solid #ac8c4a}.quiet{border-color:#355063;padding:6px 12px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:8px;border:1px solid #a88a50;border-radius:8px;padding:13px 15px;background:#061925}.stat-icon{grid-row:span 2;color:var(--gold);font-size:35px}.stats strong{color:#ffe6a1;font-size:25px;line-height:1.1}.stats div>span:last-child{font-size:12px}.game-stats{margin-top:16px;border:1px solid #28475b;border-radius:8px;padding:14px}.game-stats>div{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;border-top:1px solid #28475b;padding-top:12px}.game-stats span{font-size:12px;color:var(--muted);border-right:1px solid #28475b}.game-stats span:last-child{border:0}.game-stats b{display:block;color:white;font-size:20px;margin-top:4px}.game-stats small{display:block;text-align:center;font-size:10px;color:#8da7b7;margin-top:6px}.settings{border:1px solid #917b4e;border-radius:8px;overflow:hidden;margin-top:16px}.settings button,.settings a{display:block;text-align:left;padding:11px 14px;width:100%;border:0;border-bottom:1px solid #294455;border-radius:0;background:#071d2a;color:#e7edf2;font-weight:400;font-size:13px}.settings span{float:right}.settings a:last-child{border:0}.pro-card{margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #c8a861;border-radius:8px;padding:12px;color:var(--gold)}.pro-card small{display:block;font-size:11px;color:#d2dce3}.small{font-size:12px;padding:8px 12px}.logout{display:block;margin:16px auto 0;color:#c9d8e2;background:none;border:0;font-weight:400;font-size:12px}.play-link{display:block;margin-top:12px}fieldset{border:0;padding:0;margin:0;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}label{display:block;font-size:13px;font-weight:600}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #607386;border-radius:6px;background:#071b29;color:#edf3f7;padding:9px 11px;margin-top:5px;min-height:39px}label small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}input[type=checkbox]{accent-color:#d8b45e;width:17px;height:17px;margin:0;flex-shrink:0}.visibility{margin-top:18px}.choices{display:flex;flex-wrap:wrap;gap:10px 18px}.choices label,.check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400}.check{margin-top:12px}.rules,.details{font-size:12px;color:#c4d3df;margin-top:12px}.rules{border-top:1px solid #314c5d;padding-top:12px}summary{cursor:pointer;color:var(--gold)}.welcome{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:8px;padding:13px 8px;margin-top:16px;border:1px solid #c3a15b;border-radius:7px;font-size:12px}.welcome span{padding:0 10px;border-left:1px solid #314c5d}.form-actions{display:flex;gap:8px;margin-top:16px}.form-actions>button:first-child{flex:1}.form-note{display:block;font-size:11px;text-align:center;margin-top:12px;color:var(--muted)}footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;background:#041827eb;border-top:1px solid #806739;padding:13px;font-size:11px}footer span{color:#9bb1c1}#guest nav{display:flex;gap:18px;margin:16px 0}#guest nav a{font-size:13px}#auth-form label{margin-bottom:14px}#auth-form button[type=submit]{width:100%}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:4px;top:2px;border:0;background:transparent;color:#d6e0e9;padding:8px}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8}.eye-slash{display:none}[aria-pressed=true] .eye-slash{display:block}.privacy{display:flex;align-items:center;gap:8px}#mode-help{color:var(--muted);font-size:12px}
@media(max-width:720px){.site-header{padding:8px 14px;height:66px}.site-header img{width:135px;height:48px}.site-header nav{gap:13px}.site-header nav a{font-size:11px}main{margin:16px 12px;padding:19px 16px}.hero{gap:12px;flex-wrap:wrap}.hero .outlined{width:100%}.avatar{width:76px;height:76px}.stats{gap:7px}.stats>div{padding:12px 8px;grid-template-columns:1fr;text-align:center;gap:4px}.stat-icon{grid-row:auto;font-size:24px}.stats strong{font-size:22px}.form-grid{gap:12px}.welcome strong{width:100%;text-align:center}.game-stats span{font-size:10px}h1{font-size:24px}footer{gap:12px}}
@media(max-width:370px){.form-grid{grid-template-columns:1fr}.site-header nav{gap:8px}.site-header img{width:110px}.pro-card{flex-wrap:wrap}.welcome span{padding:0 5px}}

/* v57: accessible avatar action and compact Pro/upload dialog. */
.avatar-button{position:relative;flex-shrink:0;background:none;border:0;padding:0;border-radius:50%;color:var(--gold)}
.avatar-button .avatar img.custom-avatar{width:100%;height:100%;object-fit:cover}
.avatar-camera{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:30px;height:30px;background:#e8c570;color:#102332;border:2px solid #071c2c;border-radius:50%;box-shadow:0 2px 8px #0006}
.avatar-camera svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.avatar-dialog{width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid #c8a861;border-radius:16px;background:linear-gradient(135deg,#102c3e,#051724);color:#edf2f7;box-shadow:0 24px 90px #0009;text-align:center}
.avatar-dialog::backdrop{background:#020d19cc;backdrop-filter:blur(4px)}
.avatar-dialog-mark{display:grid;place-items:center;margin:0 auto 14px;width:56px;height:56px;border:1px solid #947d4e;border-radius:50%;background:#d5ae581a;color:var(--gold);font-size:30px}
.avatar-dialog h2{font-size:21px;margin-bottom:10px}.avatar-dialog p{line-height:1.6;color:#c9d9e4}.avatar-dialog .avatar-help{font-size:12px;margin-top:14px}.avatar-dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}.avatar-dialog-actions button{min-height:42px}
#avatar-error:empty{display:none}#avatar-error{font-size:13px;color:#ffb9b9;margin-top:12px}

/* v58: lifetime nickname change quota, independent of membership. */
#handle[readonly]{color:#a9bdcb;background:#102332;border-color:#3b5262;cursor:default}
label small#handle-quota{font-size:11px;line-height:1.5;color:var(--gold);margin-top:7px}
.handle-confirmation{padding:11px 13px;border:1px solid #917b4e;border-radius:7px;background:#c8a8610b;color:#f0dbab}

.avatar img.standard-avatar,.form-avatar img{width:100%;height:100%;object-fit:cover}
