:root{--mamba-gold:#e7bd60;--mamba-surface:#191a19;--mamba-muted:#b7bbb5}
.has-game-navigation{padding-left:208px}
.has-game-navigation .sidebar{display:none}
.has-game-navigation .workspace{margin-left:0;width:100%}
.mamba-navigation{position:fixed;inset:0 auto 0 0;width:208px;padding:110px 16px 24px;display:flex;flex-direction:column;gap:10px;background:#111211;border-right:1px solid #34372f;z-index:30}
.mamba-navigation a{display:flex;align-items:center;gap:14px;min-height:52px;padding:12px 16px;border-radius:12px;color:#c8cbc5;text-decoration:none;font-size:15px}
.mamba-navigation a>span{font-size:22px;width:24px;text-align:center}
.mamba-navigation a[aria-current]{background:#332d1e;color:var(--mamba-gold);box-shadow:inset 3px 0 var(--mamba-gold)}
.mamba-navigation a:hover{background:#272923;color:#fff}
.has-game-navigation :focus-visible{outline:3px solid var(--mamba-gold);outline-offset:4px}
.has-game-navigation .button,.has-game-navigation .icon-button{min-height:44px}
.has-game-navigation .season-note,.has-game-navigation .creation-note{font-size:14px;line-height:1.6}
@media(max-width:900px){
 .has-game-navigation{padding-left:0;padding-bottom:calc(80px + env(safe-area-inset-bottom))}
 .mamba-navigation{inset:auto 0 0;width:100%;height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;border-right:0;border-top:1px solid #414333}
 .mamba-navigation a{padding:7px 2px;min-height:58px;gap:4px;flex-direction:column;font-size:12px;line-height:1.2;justify-content:center}
 .mamba-navigation a>span{font-size:19px}
 .mamba-navigation a[aria-current]{box-shadow:inset 0 3px var(--mamba-gold)}
 .has-game-navigation .workspace{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.has-game-navigation *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.has-game-navigation .mobile-brand{display:block}

.career-dashboard{padding:28px;margin:24px 0 32px;border:1px solid #625033;border-radius:18px;background:linear-gradient(125deg,#282317,#171a18 70%);display:grid;gap:18px}
.dashboard-identity{display:flex;align-items:center;gap:18px;min-width:0}.dashboard-identity>svg{width:84px;height:84px;flex-shrink:0}.dashboard-identity>div{min-width:0}.dashboard-identity h2{overflow-wrap:anywhere}.dashboard-identity p{color:#c1c2b9}
.dashboard-overall{margin-left:auto;text-align:center;display:grid;flex-shrink:0}.dashboard-overall b{font-size:38px;color:#e7bd60;line-height:1.1}.dashboard-overall span{font-size:12px}
.career-dashboard>p{font-size:15px;line-height:1.6;max-width:72ch;color:#d0d1c9}.career-dashboard>.button{justify-self:start;white-space:normal;text-align:center}
.dashboard-decisions summary{cursor:pointer;min-height:44px;padding:10px 0;color:#e7bd60}.dashboard-decisions a{display:block;padding:12px 0;text-decoration:underline}
@media(max-width:640px){.career-dashboard{padding:18px}.dashboard-identity{gap:10px}.dashboard-identity>svg{width:56px;height:56px}.dashboard-identity h2{font-size:24px}.dashboard-overall b{font-size:28px}.career-dashboard>.button{width:100%}}

.career-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0 24px}
.career-filters label{display:grid;gap:6px;font-size:14px;flex:1 1 180px}
.career-filters input,.career-filters select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #55594b;border-radius:8px;background:#191c18;color:#f0f0e8;font:inherit}
@media(max-width:640px){.career-filters label{flex-basis:100%}.career-filters button{flex:1}}

.onboarding-guide{display:flex;gap:24px;align-items:start;padding:22px;margin:20px 0;border:1px solid #514a34;border-radius:14px;background:#202219}
.onboarding-guide>div{flex:1;min-width:0}.onboarding-guide h2{font-size:25px;margin:8px 0 12px}.onboarding-guide p{font-size:15px;line-height:1.65;color:#d3d5ca;max-width:78ch}.onboarding-guide>button{flex-shrink:0;white-space:normal}
@media(max-width:640px){.onboarding-guide{display:block;padding:16px}.onboarding-guide>button{margin-top:12px}.onboarding-guide h2{font-size:23px}}

.development-preview{padding:14px;border-radius:10px;background:#302a1c;color:#f0ce87;font-size:16px;font-weight:700}
.development-stepper{display:grid;grid-template-columns:48px minmax(60px,100px) 48px;gap:10px;align-items:center;margin-top:8px}
.development-stepper input{width:100%;min-height:44px;text-align:center;font:inherit;background:#141713;color:#f3f4ec;border:1px solid #61644f;border-radius:8px}
.development-stepper button{padding:8px;font-size:22px}.development-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.club-arrival{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #a18348;border-radius:20px;color:#f0f1e8;background:radial-gradient(ellipse at top,#3b3020,#151815 65%);text-align:center}
.club-arrival::backdrop{background:#080a08dc}.arrival-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.arrival-top button{font-size:28px;min-width:44px;min-height:44px}
.arrival-art{display:flex;justify-content:center;align-items:center;gap:20px;margin:16px 0}.arrival-art>svg{width:112px;height:128px}.club-arrival h2{font-size:clamp(30px,5vw,44px);margin:12px 0 18px;overflow-wrap:anywhere}.club-arrival p{line-height:1.6}
.arrival-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.arrival-facts dt{font-size:13px;color:#b9bcb0}.arrival-facts dd{margin:8px 0 0;font-size:20px;font-weight:700;color:#edca7e}.arrival-next{padding:16px;border-block:1px solid #4a4534}.arrival-actions{display:grid;gap:10px;margin:24px 0 12px}
@media(max-width:480px){.club-arrival{padding:18px}.arrival-art>svg{width:84px;height:98px}.arrival-facts{gap:8px}.arrival-facts dd{font-size:17px}.arrival-facts dt{font-size:12px}}

.result-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-outcome{padding:6px 12px;border-radius:8px;font-size:14px}.result-win{background:#233427;color:#bfe0aa}.result-loss{background:#392620;color:#ffc6ab}
.result-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;margin:24px 0;text-align:center}.result-scoreboard>div{display:grid;justify-items:center;gap:10px}.result-scoreboard svg{width:56px;height:66px}.result-scoreboard b{font-size:14px;overflow-wrap:anywhere}.result-scoreboard h2{font-size:clamp(28px,5vw,52px);white-space:nowrap}.result-scoreboard h2 span{color:#92998b}
.result-athlete{font-size:16px}.result-athlete strong{color:#e7bd60}.result-statistics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}.result-statistics>div{padding:12px 8px;background:#22261f;border-radius:10px;text-align:center}.result-statistics dt{font-size:12px;color:#b9c0af}.result-statistics dd{margin:5px 0 0;font-size:24px;font-weight:700}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
@media(max-width:640px){.result-scoreboard{gap:10px}.result-scoreboard b{font-size:12px}.result-statistics{grid-template-columns:repeat(3,minmax(0,1fr))}.result-actions>*{flex:1;white-space:normal}}

.appearance-editor{width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#191d18;color:#f1f2e9;border:1px solid #927844;border-radius:16px;padding:24px}
.appearance-editor::backdrop{background:#080a08cf}.appearance-editor h2{margin-bottom:12px}.appearance-editor [data-preview]{display:flex;justify-content:center;margin:18px 0}.appearance-editor [data-preview] svg{width:100px;height:120px}
.appearance-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.appearance-editor-fields label{display:grid;gap:6px;font-size:14px}.appearance-editor select{width:100%;min-width:0;min-height:44px;background:#10140f;color:#f1f2e9;border:1px solid #666c5b;border-radius:8px;padding:10px;font:inherit}.appearance-editor-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
@media(max-width:400px){.appearance-editor-fields{grid-template-columns:1fr}}

.retirement-hero{display:grid;gap:22px;border-color:#806638;background:linear-gradient(135deg,#262216,#161b16 65%)}
.retirement-identity{display:flex;align-items:center;gap:20px}.retirement-identity>svg{width:90px;height:108px;flex-shrink:0}.retirement-identity h2{margin:8px 0;overflow-wrap:anywhere}.retirement-identity>div{min-width:0}
.retirement-best{padding:20px;border:1px solid #73613d;border-radius:12px}.retirement-best h3{margin:8px 0 12px}.retirement-timeline{border-left:2px solid #70603e;margin-left:8px;padding-left:18px}.retirement-timeline article{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid #363c2e}.retirement-timeline article>span{color:#edc87a;font-weight:700;flex-shrink:0}.retirement-timeline h4{margin:0 0 6px;font-size:16px}.retirement-actions{display:flex;gap:12px;flex-wrap:wrap}
.retirement-hero summary{padding:12px 0;min-height:44px;cursor:pointer}
@media(max-width:640px){.retirement-identity{gap:12px}.retirement-identity>svg{width:64px;height:78px}.retirement-timeline article{display:block}.retirement-timeline h4{margin-top:10px}.retirement-actions>*{width:100%;white-space:normal}}

@media(max-width:900px){html:has(.has-game-navigation){scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}.has-game-navigation :where(a,button,input,select,textarea,summary,[tabindex="0"]){scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom))}}