/* DERBYO career: existing midnight palette and red primary actions. */
.account-entry,.career-header-best{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid var(--dy-border,#2c4057);border-radius:12px;background:transparent;color:var(--dy-text,#f4f7fc);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.account-entry{max-width:150px;overflow:hidden;text-overflow:ellipsis;display:block}.career-header-best img{width:24px;height:24px;object-fit:contain}.account-entry:hover,.career-header-best:hover{background:var(--dy-raised,#17283a)}
.career-dialog{position:relative;box-sizing:border-box;width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:34px;border:1px solid var(--dy-border,#2c4057);border-radius:var(--dy-radius,18px);background:linear-gradient(155deg,#132337,var(--dy-panel,#0d1927) 65%);color:var(--dy-text,#f4f7fc);box-shadow:0 24px 90px #0009;font-family:var(--dy-font,Arial,sans-serif)}
.career-dialog::backdrop{background:#020811c9;backdrop-filter:blur(8px)}.career-dialog h2{margin:12px 32px 12px 0;font-size:28px;line-height:1.2;letter-spacing:-1px;text-wrap:balance}.career-dialog h3{font-size:19px;line-height:1.35}.career-dialog p{line-height:1.65}.career-intro{margin:0 0 24px;color:var(--dy-muted);font-size:14px}.career-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--dy-border);border-radius:var(--dy-radius-sm);background:transparent;color:var(--dy-text);font-size:25px;cursor:pointer}
.career-tabs{display:flex;gap:5px;padding:4px;margin:22px 0;background:#07111d;border:1px solid var(--dy-border);border-radius:13px}.career-tabs button{flex:1;min-height:44px;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--dy-muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.career-tabs button[aria-selected="true"]{background:var(--dy-raised);color:var(--dy-text)}
.career-form{display:grid;gap:18px}.career-form label{display:grid;gap:9px;font-size:13px;font-weight:700}.career-form input{box-sizing:border-box;width:100%;min-height:50px;padding:13px 14px;border:1px solid var(--dy-border);border-radius:11px;background:#07111d;color:var(--dy-text);font:inherit;font-size:16px;line-height:1.4}.career-password{display:flex;border:1px solid var(--dy-border);border-radius:11px;background:#07111d;overflow:hidden}.career-password input{border:0;min-width:0}.career-password button{border:0;padding:0 12px;color:var(--dy-muted);background:transparent;font:inherit;font-size:11px;cursor:pointer}.career-submit{justify-content:center;width:100%;min-height:50px;margin-top:5px}.career-hint{margin:0;color:var(--dy-muted);font-size:12px;font-weight:400}.career-error{padding:12px 14px;margin:0;color:var(--dy-error,#ff9aa5);background:#ff536412;border:1px solid #ff536440;border-radius:10px;font-size:13px}.career-error[hidden]{display:none}.career-form-footer{display:flex;justify-content:space-between;gap:16px;margin-top:20px;color:var(--dy-muted);font-size:12px;line-height:1.65}.career-form-footer button,.career-board-me button{padding:0;border:0;background:transparent;color:var(--dy-text);font:inherit;font-size:12px;text-align:left;cursor:pointer}.career-form-footer button:hover,.career-board-me button:hover{text-decoration:underline}
.career-recovery{padding:20px;margin:24px 0;border:1px solid var(--dy-border);border-radius:14px;background:#07111d}.career-recovery h3{margin:0 0 10px}.career-recovery p{font-size:13px;color:var(--dy-muted)}.career-recovery code{display:block;margin:20px 0;padding:14px;border:1px dashed #60758f;border-radius:9px;font-size:17px;line-height:1.8;letter-spacing:1px;overflow-wrap:anywhere;user-select:all}.career-recovery .button{width:100%;justify-content:center}
.career-profile-heading{display:flex;align-items:center;gap:16px;margin-top:22px}.career-avatar{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border:1px solid #ff536450;border-radius:16px;background:#ff536414;color:var(--dy-primary);font-size:22px;font-weight:800}.career-profile-heading h2{margin:0;overflow-wrap:anywhere}.career-profile-heading p{margin:6px 0 0;color:var(--dy-muted);font-size:13px}.career-rating{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:20px 0;border-top:1px solid var(--dy-border);border-bottom:1px solid var(--dy-border)}.career-rating>div>span{font-size:12px;color:var(--dy-muted)}.career-rating strong{display:block;margin-top:8px;font-size:40px;font-weight:800;line-height:1;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.career-rating p{max-width:170px;margin:0;text-align:right;color:var(--dy-muted);font-size:12px;line-height:1.6}.career-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.career-stats>div{display:flex;flex-direction:column;gap:8px;min-width:0}.career-stats strong{font-size:25px}.career-stats span{font-size:11px;color:var(--dy-muted)}.career-profile-actions{display:flex;gap:10px;margin-top:24px}.career-profile-actions .button{flex:1;justify-content:center}.career-last{margin:16px 0;color:var(--dy-muted);font-size:12px}.career-later{display:block;margin:20px auto 0;min-height:40px;border:0;background:transparent;color:var(--dy-muted);font:inherit;font-size:13px;cursor:pointer}
.career-board{width:min(760px,calc(100% - 28px))}.career-board-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.career-board-heading h2{margin-top:0}.career-board-heading p{margin:0;color:var(--dy-muted);font-size:13px}.career-board-heading>img{flex-shrink:0;margin-right:20px}.career-table-wrap{max-height:46dvh;overflow:auto}.career-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.career-table thead{position:sticky;top:0;background:var(--dy-panel)}.career-table thead th{padding:12px 10px;font-size:11px;font-weight:400;color:var(--dy-muted);border-bottom:1px solid var(--dy-border);white-space:nowrap}.career-table tbody td,.career-table tbody th{padding:14px 10px;border-bottom:1px solid #2c405770;font-variant-numeric:tabular-nums}.career-table tbody th{font-weight:600;overflow-wrap:anywhere}.career-table tbody td:first-child{width:44px;color:var(--dy-muted)}.career-row-avatar{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:10px;border:1px solid var(--dy-border);border-radius:9px;color:var(--dy-muted);font-size:11px;vertical-align:middle}.career-table small{margin-left:8px;font-size:11px;color:var(--dy-muted)}.career-self{background:#ffffff08}.career-podium{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:800}.podium-1{color:#ffd18a;background:#ffd18a18}.podium-2{color:#cbd7e4;background:#cbd7e418}.podium-3{color:#d6a281;background:#d6a28118}.career-board-me{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px 0;border-top:1px solid var(--dy-border);font-size:12px}.career-board-me>span{margin-right:auto}.career-board-rules{margin:10px 0 0;padding-top:16px;border-top:1px solid var(--dy-border);color:var(--dy-muted);font-size:11px}.career-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:24px 10px;text-align:center;color:var(--dy-muted);font-size:14px}.career-empty h3{margin:16px 0 0;color:var(--dy-text)}.career-empty p{max-width:400px}.career-empty .button{margin-top:12px}
.career-dialog button:focus-visible,.account-entry:focus-visible,.career-header-best:focus-visible,.career-dialog input:focus-visible{outline:2px solid var(--dy-focus);outline-offset:3px}
@media(max-width:600px){.dh-site-header .header-right{gap:6px}.dh-site-header .dh-header-join{min-width:38px;min-height:42px;padding:8px}.dh-site-header .dh-header-join>span{display:none}.dh-site-header .dh-header-join .dy-icon{display:block;width:22px;height:22px}.career-header-best{min-width:36px;padding:6px;border:0}.career-header-best>span{display:none}.account-entry{max-width:78px;padding:8px 10px;min-height:42px;font-size:12px}.career-dialog{padding:26px 20px;border-radius:18px}.career-dialog h2{font-size:27px}.career-board-heading>img{width:42px;height:42px;margin-right:20px}.career-table-extra{display:none}.career-table thead th,.career-table tbody td,.career-table tbody th{padding-left:6px;padding-right:6px}.career-table{font-size:12px}.career-row-avatar{display:none}.career-profile-heading h2{font-size:25px}.career-profile-actions{flex-wrap:wrap}.career-profile-actions .button{font-size:12px}.career-recovery code{font-size:14px}.career-form-footer{flex-wrap:wrap}.career-stats{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:360px){.account-entry{max-width:64px;padding:8px}.dh-site-header .brand b{font-size:20px}.dh-site-header .header-right{gap:3px}.career-dialog{padding:24px 17px}.career-tabs button{font-size:12px;padding:8px}.career-board-heading h2{font-size:25px}}

/* Account screens use the same surfaces, controls and spacing as the lobby. */
.career-stats-full{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px;margin:26px 0}.career-stats-full strong{font-variant-numeric:tabular-nums}.career-profile-actions .button{gap:8px;min-height:48px}.career-profile-actions img{object-fit:contain}.career-back{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0 4px;padding:0 8px 0 0;border:0;background:transparent;color:var(--dy-muted);font:inherit;font-size:13px;cursor:pointer}.career-setting-identity{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--dy-border);border-bottom:1px solid var(--dy-border);font-size:13px}.career-setting-identity span{color:var(--dy-muted)}.career-setting-identity strong{overflow-wrap:anywhere}.career-security h3{margin:24px 0 20px;font-size:18px}.career-settings-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--dy-border)}.career-settings-footer .button{width:100%;justify-content:center}.career-saved{padding:12px 14px;margin:20px 0 0;border:1px solid var(--dy-border);border-radius:var(--dy-radius-sm);background:var(--dy-raised);font-size:13px}.career-password button{min-width:68px;min-height:48px}.career-profile-heading{margin-right:14px}.home-career button.home-career-identity{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.home-career-identity>span>strong{display:block;margin:6px 0 0;font-size:22px;font-weight:800}.career-form button:disabled{cursor:wait}
@media(max-width:600px){.career-stats-full{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px}.career-stats-full strong{font-size:25px}.career-stats-full span{font-size:11px}.career-profile-actions .button{flex-basis:40%;font-size:12px;padding-left:10px;padding-right:10px}.career-rating p{max-width:150px}.career-profile-heading{gap:12px}.career-avatar{width:48px;height:48px;border-radius:var(--dy-radius-sm);font-size:19px}.career-profile-heading h2{font-size:24px}.career-security h3{margin-top:22px}}
@media(max-width:740px){.home-career-identity>span>strong{font-size:15px;line-height:1.4;margin-top:4px}}

/* Full leaderboard follows the same trophy, metal places and restrained rows. */
.career-board-heading{padding-bottom:18px;border-bottom:1px solid var(--dy-border);align-items:center}.career-board-heading h2{margin-bottom:9px;font-size:30px}.career-board-heading>img{width:76px;height:76px;margin-right:14px;object-fit:contain}.career-board .career-empty{min-height:190px;padding:28px 10px}.career-board .career-empty h3{margin-top:0;font-size:20px}.career-board .career-empty p{font-size:13px}.career-table thead th{font-size:10px;letter-spacing:.4px}.career-table tbody td,.career-table tbody th{height:62px;padding:12px 10px;border-bottom-color:#38516a70}.career-table tbody td>strong{font-size:19px}.career-podium{width:31px;height:33px;border-radius:9px;font-size:14px;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #0002}.podium-1{background:linear-gradient(150deg,#ffe3a7,#c89950);color:#352717}.podium-2{background:linear-gradient(150deg,#e5edf6,#9aafc2);color:#1b2b3b}.podium-3{background:linear-gradient(150deg,#eac0a3,#aa7358);color:#352216}.career-row-avatar{background:linear-gradient(145deg,#29445c,#13283b);color:#d9e5f1;border-color:#46617a}.career-table .career-self{background:#ff53640b}.career-board .career-tabs{margin-top:20px}.career-board-me{border-top-color:#38516a}.career-board-me>strong{color:var(--dy-muted)}
@media(max-width:600px){.career-board-heading h2{font-size:27px}.career-board-heading>img{width:58px;height:64px;margin-right:12px}.career-table tbody td,.career-table tbody th{padding:10px 6px}.career-table tbody td>strong{font-size:17px}.career-board .career-empty{min-height:180px}.career-board .career-empty h3{font-size:19px}}

/* Shared bitmap controls: no font arrows, vector close marks or browser disclosure glyphs. */
.career-inline-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;object-fit:contain;vertical-align:middle;filter:none}.career-inline-icon.icon-back{transform:rotate(180deg)}.career-close img{display:block;width:20px;height:20px;object-fit:contain}.career-back,.career-board-me button,.career-form-footer button{align-items:center;gap:7px}.career-board-me button{display:inline-flex;min-height:44px}.career-dialog .button:has(.career-inline-icon){display:inline-flex;align-items:center;justify-content:center;gap:8px}.career-dialog summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;min-height:40px;cursor:pointer}.career-dialog summary::-webkit-details-marker{display:none}.career-dialog summary::marker{content:''}.career-dialog summary::after{content:'';display:block;flex:0 0 19px;width:19px;height:19px;background:url('/icons/arrow.webp') center/contain no-repeat}.career-dialog details[open]>summary::after{transform:rotate(90deg)}

/* Compact personal overview; auth, settings and public profiles keep their own layout. */
#account-dialog:has(#profile-friends){width:min(460px,calc(100% - 24px));padding:22px;border-radius:20px}
#account-dialog:has(#profile-friends)>.eyebrow{display:none}
#account-dialog:has(#profile-friends) .career-close{top:14px;right:14px;width:44px;height:44px;border-radius:12px}
#account-dialog:has(#profile-friends) .career-profile-heading{gap:12px;min-height:48px;margin:0 46px 0 0}
#account-dialog:has(#profile-friends) .career-avatar{width:44px;height:44px;border-radius:13px;font-size:18px}
#account-dialog:has(#profile-friends) .career-profile-heading h2{font-size:23px;line-height:1.2;letter-spacing:-.6px;text-wrap:initial}
#account-dialog:has(#profile-friends) .career-profile-heading p{margin-top:4px;font-size:11px}
#account-dialog:has(#profile-friends) .career-rating{gap:12px;margin-top:18px;padding:14px;border:1px solid #38516a80;border-radius:12px;background:#07111d66}
#account-dialog:has(#profile-friends) .career-rating>div{display:flex;align-items:center;gap:10px;flex-shrink:0}
#account-dialog:has(#profile-friends) .career-rating>div>span{font-size:11px}
#account-dialog:has(#profile-friends) .career-rating strong{margin:0;font-size:28px;letter-spacing:-.8px}
#account-dialog:has(#profile-friends) .career-rating p{max-width:135px;font-size:11px;line-height:1.4}
#account-dialog:has(#profile-friends) .career-stats-full{gap:16px 10px;margin:20px 0}
#account-dialog:has(#profile-friends) .career-stats-full>div{gap:4px}
#account-dialog:has(#profile-friends) .career-stats-full strong{font-size:22px;line-height:1.15}
#account-dialog:has(#profile-friends) .career-stats-full span{font-size:10px;line-height:1.4}
#account-dialog:has(#profile-friends) .career-last{margin:12px 0;font-size:11px}
#account-dialog:has(#profile-friends) .career-profile-actions{gap:8px;margin-top:16px;flex-wrap:nowrap}
#account-dialog:has(#profile-friends) .career-profile-actions .button{min-height:44px;padding:9px 10px;font-size:12px;border-radius:12px}
#account-dialog:has(#profile-friends) .profile-friends{margin-top:18px;padding-top:14px}
#account-dialog:has(#profile-friends) .profile-friends-heading h3{font-size:16px}
#account-dialog:has(#profile-friends) .profile-friends-heading h3 img{width:24px;height:24px}
#account-dialog:has(#profile-friends) .profile-friends .social-muted{margin-top:6px;font-size:12px;line-height:1.5}
#account-dialog:has(#profile-friends) .profile-friends .social-person{padding:10px 0}
#account-dialog:has(#profile-friends) .social-all-friends{display:inline-flex;align-items:center;gap:5px;min-height:44px;margin-top:4px}
@media(max-width:360px){#account-dialog:has(#profile-friends){padding:18px}#account-dialog:has(#profile-friends) .career-rating{padding:12px 10px;gap:8px}#account-dialog:has(#profile-friends) .career-rating p{max-width:105px;font-size:10px}}