.progression-hud{position:fixed;left:12px;bottom:12px;z-index:4;width:min(330px,calc(100vw - 24px));padding:9px 11px 8px;background:#071316f2;border:1px solid #346659;box-shadow:0 8px 24px #0009;color:#b9d8ce;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:auto;font-variant-numeric:tabular-nums}
.progression-toggle{display:none}.progression-line{display:flex;justify-content:space-between;align-items:center;gap:5px;white-space:nowrap}.progression-line b,.progression-line strong{color:#83e4bb}.progression-line strong{font-weight:700}.progression-level{margin-top:7px}.progression-meter{height:4px;margin:6px 0 3px;background:#26413c;overflow:hidden}.progression-meter i{display:block;width:0;height:100%;background:#60d5a8;transition:width .65s ease-out}.progression-level+.progression-meter i{background:#e3bc69}.progression-hud small{display:block;color:#95aaa5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progression-danger:empty,.progression-event:empty{display:none}.progression-danger{margin-top:6px;padding:4px 6px;background:#522522;border:1px solid #a85f4a;color:#ffc2a2;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progression-event{margin-top:5px;color:#f1cd7e;font-weight:700}.progression-hud.celebrating{border-color:#e1b85d;animation:progression-flare 1.2s ease-out}.progression-hud[data-danger="warning"]{border-color:#8c6841}.progression-hud[data-danger="struggling"],.progression-hud[data-danger="poverty"]{border-color:#ba754b;animation:progression-pulse 2.4s ease-in-out infinite}.progression-hud[data-danger="insolvent"],.progression-hud[data-danger="margin-danger"],.progression-hud[data-danger="bankrupt"]{border-color:#c1645b;animation:progression-pulse 1.8s ease-in-out infinite}.progression-equity-alert{animation:progression-equity 2s ease-in-out infinite}
@keyframes progression-flare{50%{box-shadow:0 0 20px #d8ae6466}}@keyframes progression-pulse{50%{box-shadow:0 0 15px #ab473944}}@keyframes progression-equity{50%{filter:brightness(1.65)}}
@media(max-width:720px){.progression-hud{left:8px;bottom:8px;width:min(275px,calc(100vw - 16px));padding:5px 8px}.progression-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;background:transparent;color:#93dcb7;border:0;padding:4px 2px;text-align:left;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.progression-details{display:none}.progression-hud.expanded .progression-details{display:block;margin-top:7px}.progression-hud.expanded .progression-chevron{transform:rotate(180deg)}.progression-danger{font-size:10px;padding:3px 5px}.progression-hud:not(.expanded) .progression-event{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.progression-slot{height:0}.progression-close,.progression-backdrop{display:none}
@media(max-width:720px){.progression-slot{position:relative;height:42px;margin-bottom:12px}.progression-hud{position:relative;left:auto;bottom:auto;width:100%;height:42px;padding:4px 9px}.progression-toggle{height:31px;min-width:0;gap:12px}.progression-toggle #progression-summary{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:none}.progression-toggle .progression-chevron{flex:none}.progression-hud.expanded .progression-details{position:fixed;left:0;right:0;bottom:0;z-index:8;display:block;margin:0;width:100%;max-height:55dvh;overflow:auto;padding:15px 16px calc(20px + env(safe-area-inset-bottom));background:#081315;border:1px solid #638873;box-shadow:0 -14px 40px #000d}.progression-close{display:block;margin:0 0 14px auto;border:1px solid #759979;background:#17271f;color:#dbf3da;font:700 12px ui-monospace,monospace;padding:9px 14px;min-height:38px}.progression-hud.expanded .progression-backdrop{display:block;position:fixed;inset:0;z-index:7;background:#0009}.progression-danger{position:fixed;bottom:8px;right:8px;z-index:6;max-width:min(200px,50vw);font-size:10px}.progression-event{position:fixed;bottom:8px;left:8px;z-index:6;max-width:70vw;padding:5px;background:#16271e;border:1px solid #b6a35c}.progression-hud.expanded .progression-danger,.progression-hud.expanded .progression-event{display:none}}
@media(prefers-reduced-motion:reduce){.progression-hud,.progression-equity-alert{animation:none!important}.progression-meter i{transition:none}}
.progression-workbench{margin-top:9px;border-top:1px solid #38514a}.progression-workbench summary{padding:9px 2px;color:#dcb675;cursor:pointer;font-weight:700;letter-spacing:.05em}.progression-workbench[open]{max-height:54dvh;overflow:auto}.progression-workbench-body{display:grid;gap:13px;padding:4px 0 8px}.progression-workbench section{border-top:1px solid #38514a;padding-top:8px;min-width:0}.progression-workbench h3,.progression-workbench h4{margin:0 0 6px;color:#ddb877;font:700 11px ui-monospace,monospace;letter-spacing:.08em}.progression-workbench h4{margin-top:10px}.objective-row,.career-row,.blotter-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;border-bottom:1px solid #29413b;padding:6px 1px;font-variant-numeric:tabular-nums}.objective-row span,.career-row strong,.blotter-row span{color:#d9e6d8;min-width:0}.objective-row b,.career-row>span,.blotter-row b{color:#e0bb75;font-weight:700}.objective-row small,.career-row small,.blotter-row small{flex-basis:100%;color:#9ab6aa;white-space:normal}.career-row.earned strong,.blotter-row.profit b{color:#83e4bb}.blotter-row.loss b{color:#f29585}.career-row button,#unlockList>button,.blotter-filters button{border:1px solid #4d705e;background:#14241e;color:#c7e1c7;padding:5px 7px;font:700 10px ui-monospace,monospace}.progression-list-scroll{max-height:176px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#4a7867 #0c1a18}.stat-row{display:flex;justify-content:space-between;gap:8px;padding:4px 1px;border-bottom:1px solid #263e37;font-variant-numeric:tabular-nums}.stat-row span{color:#a9c4b8}.stat-row strong{color:#deebdb;text-align:right}.blotter-filters{display:flex;gap:4px;flex-wrap:wrap;margin:7px 0}.blotter-filters button.active{border-color:#cfab69;color:#ffdf9f}.progression-workbench button{cursor:pointer}#blotterSummary{color:#e1c285;font-weight:700}
@media(max-width:720px){.progression-workbench{margin-top:7px}.progression-workbench summary{display:none}.progression-workbench[open]{max-height:none;overflow:visible}.progression-hud.expanded .progression-event:not(:empty){display:block;bottom:calc(55dvh + 8px);z-index:10;max-width:calc(100vw - 16px)}.progression-list-scroll{max-height:150px}}
/* Part 6 · desktop: career strip lives in the page layout (fixed height, never covers the chart).
   The full career panel opens as a side sheet over a backdrop. Mobile (≤720px) keeps the drawer. */
.progression-next:empty{display:none}
@media(max-width:720px){.progression-next{display:none}}
@media(min-width:721px){
.progression-slot{height:62px;margin-bottom:13px}
.progression-hud{position:relative;left:auto;bottom:auto;width:100%;height:62px;padding:8px 14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr) auto;grid-template-rows:auto auto auto;column-gap:26px;align-content:center;box-shadow:none;background:#081315}
.progression-details{display:contents}
.progression-close{display:none}
.progression-details>.progression-line:not(.progression-level){grid-column:1;grid-row:1}
.progression-line:not(.progression-level)+.progression-meter{grid-column:1;grid-row:2;margin:4px 0 3px}
#wealthNext{grid-column:1;grid-row:3}
.progression-details>.progression-level{grid-column:2;grid-row:1;margin-top:0}
.progression-level+.progression-meter{grid-column:2;grid-row:2;margin:4px 0 3px}
#xpNext{grid-column:2;grid-row:3}
.progression-next,.progression-danger,.progression-event{grid-column:3;grid-row:1/4;align-self:stretch;margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.progression-next{border-left:1px solid #26383b;padding-left:14px}
.progression-next small{color:#718c88;letter-spacing:.1em;font-size:10px}
.progression-next span{color:#d9e6d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.progression-next b{color:#e0bb75}
.progression-danger,.progression-event{z-index:1;padding:4px 10px;white-space:nowrap;text-overflow:ellipsis}
.progression-event{z-index:2;background:#16271e;border:1px solid #b6a35c}
.progression-workbench{grid-column:4;grid-row:1/4;margin:0;border:0}
.progression-workbench summary{list-style:none;border:1px solid #675239;color:#e9b06c;padding:9px 12px;font-size:11px;white-space:nowrap}
.progression-workbench summary::-webkit-details-marker{display:none}
.progression-workbench summary::after{content:' ▸'}
.progression-workbench[open]{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);max-height:none;z-index:8;overflow:auto;overscroll-behavior:contain;padding:0 16px 20px;background:#081315;border-left:1px solid #638873;box-shadow:-14px 0 40px #000d}
.progression-workbench[open] summary{position:sticky;top:0;z-index:1;background:#081315;border:0;border-bottom:1px solid #38514a;padding:16px 0 12px;margin-bottom:6px}
.progression-workbench[open] summary::after{content:'  ✕ CLOSE';float:right;color:#dbf3da}
.progression-workbench .progression-list-scroll{max-height:220px}
.progression-hud.expanded .progression-backdrop{display:block;position:fixed;inset:0;z-index:7;background:#0009}
}