#opening-campaign{position:absolute;z-index:10;left:30px;top:278px;width:330px;max-height:calc(100dvh - var(--command-workspace-height,78px) - 290px);overflow:auto;padding:13px 14px;border:1px solid #a58950;background:linear-gradient(135deg,#273329f5,#101a15fa);box-shadow:inset 0 0 0 3px #10181199,0 10px 35px #0009;color:#c7cbb5;font:12px/1.45 system-ui;scrollbar-width:thin;scrollbar-color:#9b814c #111a14}
#opening-campaign[hidden]{display:none}
body.opening-campaign-active #first-mate:not(.guidance-library-open){display:none}
#opening-campaign header{display:grid;grid-template-columns:1fr auto;gap:2px 12px;border-bottom:1px solid #77643e80;padding-bottom:8px}
#opening-campaign header .smallcaps{grid-column:1/-1;font-size:8px;color:#d8bd78}
#opening-campaign header strong{font:18px/1.2 Georgia;color:#f0deb0}
#opening-campaign header small{align-self:end;color:#aeb59f;font-size:9px;text-align:right}
.opening-mission-track{display:flex;gap:5px;margin:9px 0 8px}.opening-mission-track i{height:4px;flex:1;background:#4a5544}.opening-mission-track i.past{background:#81966b}.opening-mission-track i.current{background:#f2ce6c;box-shadow:0 0 10px #f2ce6c80}
#opening-campaign .opening-summary{margin:6px 0 10px;color:#aeb7a1;font:11px/1.45 system-ui}
.opening-objective{border-left:3px solid #e7c766;background:#b4933510;padding:9px 10px}.opening-objective>span{font:9px system-ui;color:#ae9d70}.opening-objective h3{font:16px/1.2 Georgia;color:#eddbab;margin:3px 0 7px}.opening-objective>p{margin:0 0 9px;color:#d2d2bb;font:11px/1.5 system-ui}.opening-objective.answered{border-color:#9db37b;background:#758b5d18}
.opening-state{display:grid;gap:3px;padding-top:7px;border-top:1px solid #7c6a424d}.opening-state strong{font-size:11px;color:#efd47f}.opening-state small{font-size:10px;line-height:1.45;color:#bfc5af}
.opening-progress{height:10px;margin:9px 0 2px;padding:2px;border:1px solid #9b8146;background:#0c130f;overflow:hidden}.opening-progress i{display:block;height:100%;background:linear-gradient(90deg,#a77b2a,#ffe292);box-shadow:0 0 10px #e4c25a80;transition:width .2s linear}
.opening-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.opening-actions button{min-height:31px;padding:6px 8px;font:10px/1.3 system-ui}.opening-actions .primary{flex:1;min-width:125px;color:#211b0d;background:#f0d27d;border-color:#ffe7a2;text-align:center;box-shadow:0 0 13px #e3bd5438}.opening-actions .primary:hover,.opening-actions .primary:focus-visible{background:#ffe6a0}
#opening-campaign details{margin-top:8px;color:#9daa96;font-size:10px}#opening-campaign details summary{cursor:pointer;padding:4px 0}#opening-campaign details p{margin:5px 0}#opening-campaign details button{font-size:9px;padding:5px 7px;background:#17241c}
.hidden-ui #opening-campaign{opacity:1!important;pointer-events:auto!important}
@media(max-height:850px) and (min-width:761px){#opening-campaign{top:220px;max-height:calc(100dvh - var(--command-workspace-height,78px) - 232px);width:310px;padding:10px 11px}.opening-objective>p{display:none}.opening-summary{display:none}}
@media(max-width:760px){#opening-campaign{position:fixed;left:10px;right:10px;top:74px;width:auto;max-height:205px;padding:9px 10px;z-index:112}#opening-campaign header strong{font-size:15px}.opening-summary{display:none}.opening-objective{padding:6px 8px}.opening-objective>p{display:none}.opening-objective h3{font-size:14px;margin-bottom:4px}.opening-state{padding-top:4px}.opening-actions{margin-top:5px}#opening-campaign details{display:none}}
@media(prefers-reduced-motion:reduce){.opening-progress i{transition:none}}