/* Player guide: readable rules and an in-world system visual. */
.person-notice{margin:20px 0 0;padding:13px 16px;border-left:2px solid #c0795f;background:#30302b;color:#e9d8c8;font-size:12px;line-height:1.85}
.person-notice[hidden]{display:none}
.guide-intro{background:#262722;color:#f0e9de;padding:30px 34px;display:grid;grid-template-columns:.7fr 1.05fr 1.6fr;align-items:center;gap:30px;border-left:3px solid #a84d39;margin-bottom:75px}
.guide-intro .guide-intro-mark{font:700 9px var(--sans);letter-spacing:.18em;color:#c4957f;margin:0}
.guide-intro>p:not(.guide-intro-mark){font:700 22px/1.6 var(--serif);margin:0;color:#f2e7d9}
.guide-intro>span{font-size:12px;line-height:2;color:#c7bfb3}
.guide-subhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:0 0 23px}
.guide-subhead .eyebrow{margin:0 0 9px;color:#a15c45}
.guide-subhead h3{font:700 clamp(23px,2.6vw,30px)/1.5 var(--serif);margin:0;color:#292923}
.guide-subhead>p{font-size:12px;line-height:1.9;color:#777168;max-width:490px;margin:0}
.system-preview,.status-guide,.warning-guide{margin-bottom:80px}
.system-switches{display:flex;gap:8px;margin:0 0 13px}
.system-switch{background:transparent;border:1px solid #a69f94;color:#645f57;padding:9px 15px;font-size:12px}
.system-switch:hover,.system-switch.is-active{border-color:#9a4433;background:#9a4433;color:#fff}
.system-figure{margin:0}
.system-view{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:460px;aspect-ratio:1672 / 880;background:#111e25}
.system-view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.system-view:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,19,.23),transparent 25%,transparent 75%,rgba(3,13,19,.23));pointer-events:none}
.holo-panel{position:relative;z-index:1;width:min(63%,620px);color:#eafcff;padding:22px 27px;border:1px solid rgba(164,236,255,.72);background:linear-gradient(125deg,rgba(8,34,49,.86),rgba(7,31,45,.72));box-shadow:0 0 38px rgba(95,196,232,.22),inset 0 0 34px rgba(95,196,232,.07);backdrop-filter:blur(3px)}
.holo-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.14em;color:#a5dce9}
.holo-panel h4{font:700 clamp(18px,2vw,26px)/1.35 var(--serif);margin:18px 0 6px;color:#f2fdff}
.holo-panel>p:not(.holo-foot){font-size:11px;color:#c2e6ec;margin:0 0 16px}
.holo-list{border-top:1px solid rgba(159,217,230,.4)}
.holo-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid rgba(159,217,230,.25);font-size:12px}
.holo-list strong{font-weight:600}.holo-list span{color:#b5dce5;white-space:nowrap}
.holo-foot{font-size:10px;color:#b0dce9;margin:15px 0 0}
.system-figure figcaption{font-size:11px;color:#777168;line-height:1.8;margin-top:11px}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.status-grid details{background:#f4f0e8;border:1px solid #c9c1b4;padding:0 19px}
.status-grid summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:62px}
.status-grid summary::-webkit-details-marker{display:none}.status-grid summary strong{font:700 16px var(--serif)}.status-grid summary span{font-size:17px;color:#a1533f}.status-grid details[open] summary span{transform:rotate(45deg)}
.status-grid details p{font-size:12px;line-height:2;color:#69635b;margin:0 0 18px}
.warning-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.warning-list article{grid-column:span 2;background:#ded8cd;border-top:2px solid #a7543f;padding:18px;display:flex;align-items:flex-start;gap:14px}
.warning-list article:nth-last-child(-n+2){grid-column:span 3}
.warning-list article>span{color:#ac6854;font-size:10px;letter-spacing:.1em;padding-top:4px}
.warning-list h4{font:700 15px/1.6 var(--serif);margin:0 0 8px}.warning-list p{font-size:12px;line-height:1.9;color:#716a60;margin:0}
.command-intro{margin-bottom:20px}.guide-layout .commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:0;align-items:start}.commands details{border-top:1px solid #aaa399}.commands details>div{padding:0 12px 22px 0}.commands code{width:155px;flex:none;overflow-wrap:anywhere}.commands summary{gap:12px}
@media(max-width:900px){.guide-intro{grid-template-columns:1fr 1.5fr}.guide-intro-mark{grid-column:1 / -1}.system-view{min-height:400px}.holo-panel{width:70%}.warning-list article,.warning-list article:nth-last-child(-n+2){grid-column:span 3}.warning-list article:last-child{grid-column:span 6}}
@media(max-width:720px){.guide-intro{display:block;padding:25px;margin-bottom:52px}.guide-intro>p:not(.guide-intro-mark){font-size:20px;margin:12px 0}.guide-subhead{display:block}.guide-subhead>p{margin-top:10px}.system-preview,.status-guide,.warning-guide{margin-bottom:58px}.system-view{aspect-ratio:auto;min-height:330px}.holo-panel{width:82%;padding:17px}.holo-panel h4{margin-top:12px}.holo-panel>p:not(.holo-foot){font-size:10px}.holo-list>div{font-size:11px;padding:8px 0}.status-grid{grid-template-columns:1fr}.warning-list{display:block}.warning-list article{margin-bottom:8px}.guide-layout .commands{grid-template-columns:1fr}.commands code{width:145px}.commands summary span{font-size:11px}}
@media(max-width:380px){.holo-panel{width:88%;padding:14px}.holo-panel h4{font-size:17px}.holo-top{font-size:8px}.commands code{width:128px;font-size:12px}}

/* Long examples stay inside a scrollable floating panel. */
.system-switches{flex-wrap:wrap}
.holo-panel{display:flex;flex-direction:column;max-height:450px}
.holo-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#79bac7 rgba(9,35,48,.45);scrollbar-width:thin}
.holo-list>div{flex-shrink:0}
.holo-forum-text{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--sans);color:#e4f5f8;margin:12px 0}
.holo-list>.holo-message{display:block;padding:11px 12px;margin:10px 0;background:rgba(126,197,214,.12);border:1px solid rgba(160,225,236,.19);font-size:12px;line-height:1.7}
.holo-message strong{display:block;color:#c1e9ef;font-size:11px;margin-bottom:4px}
.holo-message p{margin:0;white-space:pre-wrap;color:#eefafd}
.holo-foot{flex-shrink:0}
@media(max-width:720px){.holo-panel{max-height:300px}.holo-list>div{font-size:11px}.holo-forum-text{font-size:11px}.holo-list>.holo-message{font-size:11px}.system-switch{padding:8px 11px}}

/* Upcoming commands remain readable but are not presented as usable. */
.commands summary .command-badge{flex:none;color:#826d5f;background:#ded5ca;border:1px solid #b9aea0;padding:3px 7px;font-size:10px;font-weight:600;white-space:nowrap}
.commands .unavailable summary code{color:#827a71}
@media(max-width:380px){.commands summary .command-badge{font-size:9px;padding:3px 5px}}
@media(max-width:720px){.commands code{width:90px}.commands summary{gap:9px}}
@media(max-width:380px){.commands code{width:75px}}

/* Keep the longer mission example comfortable to read on smaller screens. */
.holo-mission-text{font-size:13px}
@media(max-width:720px){.holo-mission-text{font-size:12px}}