/* Account settings stay compact; public member profiles keep their own layout. */
html body #window[data-window="account"]{position:fixed;inset:var(--account-top,88px) var(--account-right,14px) auto auto;margin:0;z-index:100;width:460px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--account-top,88px) - 14px);overflow:auto;overscroll-behavior:contain;padding:0;background:#080808;color:#ecece7;border:1px solid #30302c;border-radius:16px;box-shadow:0 16px 48px #0006;font-family:var(--font-ui,Inter,Arial,sans-serif)}
html body #window[data-window="account"] .window-heading{min-height:52px;padding:14px 24px;background:none;border-bottom:1px solid #242421}
html body #window[data-window="account"] .window-heading .wordmark{display:none}
html body #window[data-window="account"] #window-title{font:800 italic 28px/1 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:.03em;text-transform:uppercase;color:#f4f7f1;margin:0}
html body #window[data-window="account"] .window-heading .icon-button{width:25px;height:25px;min-width:25px;border:0;box-shadow:none;background:none;color:#939389;padding:4px}
#window[data-window="account"] .window-body{padding:0}
#window[data-window="account"] .mp-profile{background:none;color:#e7e7de;min-height:0}
#window[data-window="account"] .mpa-head{padding:22px 24px;gap:13px;flex-wrap:nowrap;border-bottom:0}
#window[data-window="account"] .mpa-avatar{width:42px;height:42px;border:1px solid #34342e;box-shadow:none;background:#1b1b18;color:#c8c8b9;font:500 13px/1 var(--font-ui,Inter,sans-serif);letter-spacing:0}
#window[data-window="account"] .mpa-identity h2{font:550 18px/1.25 var(--font-ui,Inter,sans-serif);text-transform:none;letter-spacing:-.4px;color:#efefe7}
#window[data-window="account"] .mpa-meta{font-size:11px;color:#808077;line-height:1.4}
#window[data-window="account"] .mpa-preview{font-size:9px;letter-spacing:0;text-transform:none;color:#909083}
#window[data-window="account"] .mpa-actions{width:auto;flex:none;margin-left:auto}
#window[data-window="account"] :is(.mp-outline,.mp-button){font:500 11px/1.3 var(--font-ui,Inter,sans-serif);min-height:32px;padding:7px 10px;border:1px solid #33332d;border-radius:6px;background:#151512;color:#d5d5c9;box-shadow:none;gap:6px}
#window[data-window="account"] :is(.mp-outline,.mp-button) svg{width:13px;height:13px}
#window[data-window="account"] .mpa-actions .mp-outline{border:0;background:none;padding:6px;color:#b0b0a5}
#window[data-window="account"] .mpa-actions .mp-outline svg{width:15px;height:15px}
#window[data-window="account"] .mpa-block{padding:0 24px;border:0;gap:0}
#window[data-window="account"] .mp-connected-account{padding:0 0 18px;gap:0}
#window[data-window="account"] .mp-connected-account strong{font-size:11px;font-weight:500;color:#bbcab0;margin:0 0 5px}
#window[data-window="account"] .mp-connected-account div>span{font-size:10px;color:#808077}
#window[data-window="account"] .acct-stats{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;gap:20px;margin:0 0 10px;padding:17px 0;border:0;border-block:1px solid #262621;border-radius:0;background:none;box-shadow:none}
#window[data-window="account"] .acct-stats>div{padding:0;border:0;background:none;min-width:0}
#window[data-window="account"] .acct-stat-league{grid-column:auto}
#window[data-window="account"] .acct-stats dt{font:400 10px/1.3 var(--font-ui,Inter,sans-serif);letter-spacing:0;text-transform:none;color:#818177;margin:0 0 5px}
#window[data-window="account"] .acct-stats dd{display:flex;align-items:center;gap:5px;font:500 20px/1.15 var(--font-ui,Inter,sans-serif);letter-spacing:-.4px;color:#e4e4da;margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
#window[data-window="account"] .acct-stat-league dd{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:23px;letter-spacing:0}
#window[data-window="account"] .acct-stats dd small{font-size:10px;font-weight:400;color:#828277;letter-spacing:0;margin:0;align-self:center}
#window[data-window="account"] .acct-league-logo{display:none}
#window[data-window="account"] .acct-list{display:block;border:0;border-radius:0;background:none;overflow:visible;gap:0}
#window[data-window="account"] .acct-row{border:0!important;border-radius:0;background:none;box-shadow:none}
#window[data-window="account"] .acct-row+.acct-row{border-top:1px solid #242420!important}
#window[data-window="account"] .acct-row::before{content:none}
#window[data-window="account"] button.acct-row,#window[data-window="account"] .acct-row>summary{display:flex;align-items:center;flex-direction:row;min-height:45px;padding:0;gap:12px;font:400 12px/1.4 var(--font-ui,Inter,sans-serif);color:#bfbfb4}
#window[data-window="account"] .acct-row .acct-ico{display:none}
#window[data-window="account"] .acct-row>span,#window[data-window="account"] .acct-row>summary>span{flex:1}
#window[data-window="account"] .acct-row small{font-size:10px;color:#77776c;order:initial}
#window[data-window="account"] .acct-row .acct-chevron{display:block;width:13px;height:13px;color:#77776c}
#window[data-window="account"] .acct-manage-body{padding:0 0 16px;background:none}
#window[data-window="account"] .acct-manage-body p{font-size:11px;line-height:1.6;color:#8d8d80;margin:2px 0 12px}
#window[data-window="account"] .acct-disconnect{background:none;border:1px solid #67433b;color:#d29889;border-radius:6px;font-size:11px;padding:8px 10px}
#window[data-window="account"] .acct-connect{padding:0;background:none;border:0}
#window[data-window="account"] .acct-connect p{font-size:12px;color:#89897c;line-height:1.6;margin:0 0 18px}
#window[data-window="account"] .mpa-community{margin:0 24px;border-top:1px solid #242420}
#window[data-window="account"] .mpa-community>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:45px;font-size:12px;color:#bfbfb4;cursor:pointer}
#window[data-window="account"] .mpa-community>summary::-webkit-details-marker{display:none}
#window[data-window="account"] .mpa-community>summary svg{width:13px;height:13px;color:#77776c;transform:rotate(90deg)}
#window[data-window="account"] .mpa-community[open]>summary svg{transform:rotate(-90deg)}
#window[data-window="account"] .mpa-community>div{padding:5px 0 17px}
#window[data-window="account"] .mpa-row{flex-wrap:wrap;gap:9px}
#window[data-window="account"] .mpa-row-icon{display:none}
#window[data-window="account"] .mpa-row>div{flex:1 1 100%;gap:5px}
#window[data-window="account"] .mpa-row strong{font:500 12px/1.4 var(--font-ui,Inter,sans-serif);color:#d0d0c3}
#window[data-window="account"] .mpa-row>div>span{font-size:10px;color:#818176}
#window[data-window="account"] .mpa-link{font-size:11px;color:#9e9e91;padding:6px 0}
#window[data-window="account"] .mpa-public{margin-top:9px}
#window[data-window="account"] .mpa-session{display:flex;justify-content:flex-end;margin:0 24px;padding:16px 0 20px;border-top:1px solid #282822}
#window[data-window="account"] .mpa-session [data-signout]{border:0;background:none;padding:0;min-height:22px;color:#979788}
#window[data-window="account"] .mp-body{padding:0 24px 22px}
#window[data-window="account"] .mp-editor{padding:0;background:none;border:0}
#window[data-window="account"] .mp-section-head h3{font:500 16px/1.3 var(--font-ui,Inter,sans-serif);letter-spacing:-.3px}
#window[data-window="account"] .mp-editor .mp-eyebrow{display:none}
#window[data-window="account"] .mp-field-row{grid-template-columns:1fr}
#window[data-window="account"] .mp-editor label{font-size:11px;color:#a5a597}
#window[data-window="account"] .mp-editor :is(input,textarea,select){background:#131310;border:1px solid #35352d;color:#e2e2d5;border-radius:6px;font-size:12px}
#window[data-window="account"] .mp-notice{margin:0 24px 14px;padding:10px 12px;background:#171b12;border:1px solid #3c472f;border-radius:6px;color:#c6d6b1;font-size:11px}
#window[data-window="account"] .mp-session-bar{background:none;border-color:#252520;padding:18px 24px}
#window[data-window="account"] .mp-session-bar div>span{color:#858578}
@media(max-width:400px){#window[data-window="account"] .mpa-head{padding-inline:20px;gap:10px}#window[data-window="account"] .mpa-actions span{display:none}#window[data-window="account"] .mpa-block{padding-inline:20px}#window[data-window="account"] :is(.mpa-community,.mpa-session){margin-inline:20px}}

/* Kickbase identity and the account's earned community trophies. */
#window[data-window="account"] .mpa-identity{min-width:0}
#window[data-window="account"] .mpa-identity h2{overflow-wrap:anywhere}
#window[data-window="account"] .mpa-avatar{overflow:hidden;flex-shrink:0}
#window[data-window="account"] .mpa-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
#window[data-window="account"] .mpa-trophies{margin:0 24px 20px;padding:17px 0 0;border-top:1px solid #262621}
#window[data-window="account"] .mpa-trophy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#window[data-window="account"] .mpa-trophy-heading h3{margin:0;font:500 12px/1.4 var(--font-ui,Inter,sans-serif);color:#d8d8ce}
#window[data-window="account"] .mpa-trophy-heading>span{font-size:10px;color:#8b8b7d;font-variant-numeric:tabular-nums}
#window[data-window="account"] .mpa-trophy-note{margin:7px 0 12px;font:400 10px/1.5 var(--font-ui,Inter,sans-serif);color:#85857a}
#window[data-window="account"] .mpa-trophy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#window[data-window="account"] .mp-badge-tile{padding:8px 4px;border:1px solid #25251f;border-radius:8px;background:#10100d;color:#d6d6c9}
#window[data-window="account"] .mp-badge-tile:hover{border-color:#64644c;background:#191912}
#window[data-window="account"] .mp-badge-tile:focus-visible{outline:2px solid #c8cf9a;outline-offset:2px}
#window[data-window="account"] .mp-badge-tile .mp-badge-art{width:62px;height:70px}
#window[data-window="account"] .mp-badge-tile strong{font-size:9px;color:#c5c5b6}
#window[data-window="account"] .mp-badge-tile>span{color:#878777;font-size:8px}
#window[data-window="account"] .mp-badge-tile.is-locked strong{color:#8b8b7c}
#window[data-window="account"] .mp-badge-progress{background:#292923}
#window[data-window="account"] .mp-badge-progress i{background:#9ca77a}
#window[data-window="account"] .mpa-trophy-detail{margin-top:10px;padding:12px;border:1px solid #333329;border-radius:8px;background:#13130f}
#window[data-window="account"] .mpa-trophy-detail strong{font-size:11px;color:#deded1}
#window[data-window="account"] .mpa-trophy-detail p{font-size:10px;line-height:1.5;color:#a6a694;margin:5px 0}
#window[data-window="account"] .mpa-trophy-detail>span{font-size:9px;color:#abb891}
@media(max-width:400px){#window[data-window="account"] .mpa-trophies{margin-inline:20px}}

/* A single, paged trophy row keeps the account menu short. */
#window[data-window="account"] .mpa-trophies{position:relative}
#window[data-window="account"] .mpa-trophy-heading{padding-right:96px;min-height:26px}
#window[data-window="account"] .mpa-trophy-nav{position:absolute;top:17px;right:0;display:flex;align-items:center;gap:4px}
#window[data-window="account"] .mpa-trophy-nav>span{font-size:10px;color:#777;min-width:29px;font-variant-numeric:tabular-nums}
#window[data-window="account"] .mpa-trophy-nav button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid #303030;border-radius:50%;background:#151515;color:#eee;font:400 21px/1 Arial;cursor:pointer}
#window[data-window="account"] .mpa-trophy-nav button:disabled{opacity:.3;cursor:default}
#window[data-window="account"] .mpa-trophy-nav button:focus-visible{outline:2px solid #cdff5f;outline-offset:2px}
#window[data-window="account"] .mpa-trophy-grid{margin-top:12px}
#window[data-window="account"] .mp-badge-tile{min-width:0;gap:5px;background:#111;border-color:#272727;padding:10px 2px}
#window[data-window="account"] .mp-badge-tile .mp-badge-art{max-width:100%;object-fit:contain}
#window[data-window="account"] .mp-badge-tile.is-locked .mp-badge-art{filter:grayscale(1);opacity:.8}
#window[data-window="account"] .mp-badge-tile strong{font-size:9px;letter-spacing:0;overflow-wrap:anywhere;color:#bcbcbc}
#window[data-window="account"] .mp-badge-tile.is-locked strong{color:#999}
#window[data-window="account"] .mp-badge-tile>span{color:#888}
#window[data-window="account"] .mp-badge-tile[aria-expanded="true"]{border-color:#999;background:#1c1c1c}
#window[data-window="account"] .mp-badge-progress{display:none}
#window[data-window="account"] .mpa-trophy-detail{background:#111;border-color:#303030}
#window[data-window="account"] .mpa-trophy-detail>span{color:#999}

#window[data-window="account"] .mp-badge-tile strong,#window[data-window="account"] .mp-badge-tile>span{margin-top:0}

/* Account: connection and sign-out sit beside the name (stacked, right-aligned); the panel ends with the trophies. */
#window[data-window="account"] .mpa-head{position:relative;align-items:center}
#window[data-window="account"] .mpa-actions{display:grid;justify-items:end;gap:8px;margin-left:auto}
#window[data-window="account"] .mpa-actions .mp-account-settings,#window[data-window="account"] .mpa-actions .acct-list{margin:0;padding:0;border:0;background:none}
#window[data-window="account"] .mpa-actions .acct-row{position:static;margin:0;border:0}
#window[data-window="account"] .mpa-actions .acct-row>summary{display:inline-flex;align-items:center;gap:7px;padding:0;min-height:22px;border:0;background:none;color:#b0b0a5;font:500 13px/1 var(--font-ui,Inter,sans-serif);list-style:none;cursor:pointer;white-space:nowrap}
#window[data-window="account"] .mpa-actions .acct-row>summary::-webkit-details-marker{display:none}
#window[data-window="account"] .mpa-actions .acct-row>summary:hover{color:#fff}
#window[data-window="account"] .mpa-actions .acct-ico{display:inline-grid;width:15px;height:15px;margin:0;padding:0;border:0;background:none}
#window[data-window="account"] .mpa-actions .acct-ico svg{width:15px;height:15px}
#window[data-window="account"] .mpa-actions .acct-chevron{display:none}
#window[data-window="account"] .mpa-actions .acct-manage-body{position:absolute;left:24px;right:24px;top:calc(100% - 6px);z-index:5;padding:14px 16px;border:1px solid #2c2c2c;border-radius:12px;background:#111;box-shadow:0 14px 34px #000c}
#window[data-window="account"] .mpa-actions .acct-manage-body p{margin:0 0 10px;font-size:12.5px;line-height:1.45;color:#a9a9a3}
#window[data-window="account"] .mpa-actions [data-signout],#window[data-window="account"] .mpa-actions .mp-button{display:inline-flex;align-items:center;gap:6px;padding:0;min-height:22px;border:0;background:none;color:#8f8f86;font:500 13px/1 var(--font-ui,Inter,sans-serif)}
#window[data-window="account"] .mpa-actions [data-signout]:hover{color:#fff}
#window[data-window="account"] .mpa-actions .acct-connect p{display:none}
#window[data-window="account"] .mpa-trophies{border-bottom:0!important;padding-bottom:24px}

/* Trophy paging: round buttons with centred chevrons; disabled = quiet, enabled = brighter ring. */
#window[data-window="account"] .mpa-trophy-nav button{width:34px;height:34px;border:1px solid #3a3a3a;border-radius:50%;background:#161616;color:#f2f2ee}
#window[data-window="account"] .mpa-trophy-nav button svg{display:block;width:16px;height:16px}
#window[data-window="account"] .mpa-trophy-nav button:not(:disabled):hover{border-color:#5a5a5a;background:#1e1e1e}
#window[data-window="account"] .mpa-trophy-nav button:disabled{opacity:1;border-color:#232323;background:#0f0f0f;color:#4a4a46}
#window[data-window="account"] .mpa-trophy-heading{padding-right:150px}
#window[data-window="account"] .mpa-trophy-nav{top:12px;gap:6px}
#window[data-window="account"] .mpa-trophy-nav>span{min-width:34px;text-align:center;font-size:12px;color:#8a8a84}