.guide-page{--guide-bg: var(--landing-bg, #0c0f1a);--guide-panel: var(--landing-panel-solid, #1b1f30);--guide-blue: var(--landing-cyan, #0ff);--guide-green: var(--landing-green, #0f0);--guide-text: var(--landing-text, #d1d5db);--guide-muted: var(--landing-muted, #7dd3fc);--guide-radius: var(--landing-radius-md, 10px);display:flex;flex-direction:column;gap:1.5rem;width:100%;color:var(--guide-text)}.guide-page .panel{background:radial-gradient(circle at top right,rgba(0,255,255,.14),transparent 28rem),linear-gradient(145deg,#0f172afa,#080d1cfa);border:1px solid rgba(125,211,252,.26);border-radius:var(--guide-radius);box-shadow:inset 0 0 18px #00ffff0f,0 0 18px #00ffff0d}.guide-page--public{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}.guide-page--console{--guide-bg: var(--bg-color, #0c0f1a);--guide-panel: var(--panel-color, #1b1f30);--guide-blue: var(--neon-blue, #0ff);--guide-green: var(--neon-green, #0f0);--guide-text: var(--text-main, #d1d5db);--guide-muted: var(--text-subtle, #7dd3fc);--guide-radius: var(--radius, 10px)}.guide-hero{position:relative;display:block;overflow:hidden;padding:clamp(1.1rem,3vw,2rem);background:radial-gradient(circle at 15% 20%,rgba(0,255,255,.14),transparent 34%),radial-gradient(circle at 90% 10%,rgba(0,255,0,.1),transparent 32%),linear-gradient(135deg,#020617f5,#0f172ad1)}.guide-hero__topline{position:relative;z-index:2;display:flex;justify-content:flex-start;margin-bottom:1rem}.guide-back-link{display:inline-flex;align-items:center;min-height:42px;padding:.55rem .8rem;color:var(--guide-blue);background:#020617ad;border:1px solid rgba(125,211,252,.38);border-radius:.55rem;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.guide-back-link:before{content:"\2190";margin-right:.45rem;font-size:1rem;line-height:1}.guide-back-link:hover,.guide-back-link:focus-visible{color:#fff;background:#0e749059;border-color:var(--guide-blue);outline:none;transform:translate(-2px)}.guide-hero:after{content:"";position:absolute;inset:auto -8% -44% 40%;height:15rem;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(0,255,255,.08) 0,rgba(0,255,255,.08) 1px,transparent 1px,transparent 18px);transform:rotate(-4deg)}.guide-hero__copy{position:relative;z-index:1}.guide-kicker{display:inline-flex;align-items:center;width:fit-content;margin-bottom:.45rem;color:var(--guide-green);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-hero h1,.guide-section h2,.guide-info-card h3,.guide-callout h3,.guide-step-card h3{margin:0;letter-spacing:.06em;text-transform:uppercase}.guide-hero h1{color:var(--guide-blue);font-size:clamp(1.75rem,4vw,3.4rem);line-height:1.02;text-shadow:0 0 16px rgba(0,255,255,.18)}.guide-hero p,.guide-section p,.guide-list,.guide-ordered-list{color:var(--guide-muted);line-height:1.65}.guide-hero p{max-width:74ch;margin:.85rem 0 0;color:var(--guide-text)}.guide-layout{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:1rem;align-items:start}.guide-tools{display:flex;align-items:end;gap:.85rem;padding:.8rem .95rem;background:#020617b8;border:1px solid rgba(125,211,252,.18);border-radius:var(--guide-radius)}.guide-search{display:grid;flex:1 1 auto;gap:.35rem;min-width:0}.guide-search>span{color:var(--guide-blue);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-search input{width:100%;min-height:42px;padding:.55rem .7rem;color:var(--guide-text);background:#0f172ae0;border:1px solid rgba(125,211,252,.26);border-radius:.65rem;font:inherit;font-size:.78rem}.guide-search input::placeholder{color:#7dd3fc9e}.guide-search input:focus-visible{outline:2px solid var(--guide-blue);outline-offset:2px}.guide-search__status{flex:0 0 auto;margin:0;color:var(--guide-muted);font-size:.68rem;line-height:1.4;text-align:right}.guide-index{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.45rem;padding:.8rem;background:#020617d1;border:1px solid rgba(0,255,255,.22);border-radius:var(--guide-radius);box-shadow:inset 0 0 12px #00ffff0a}.guide-index__title{color:var(--guide-blue);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-index a{display:flex;align-items:center;min-height:38px;padding:.55rem .65rem;color:var(--guide-text);text-decoration:none;background:#0f172ab3;border:1px solid rgba(125,211,252,.15);border-radius:.75rem;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.guide-index a:hover,.guide-index a:focus-visible{color:#001316;background:var(--guide-green);border-color:var(--guide-green);box-shadow:0 0 12px #00ff0029}.guide-index a:focus-visible{outline:2px solid var(--guide-blue);outline-offset:2px}.guide-content{display:flex;flex-direction:column;gap:1rem;min-width:0}.guide-section{scroll-margin-top:1rem;padding:clamp(1rem,2.5vw,1.4rem)}.guide-section__heading{margin-bottom:1rem}.guide-section h2{color:var(--guide-blue);font-size:clamp(1.15rem,2vw,1.5rem)}.guide-subheading{margin:1.1rem 0 0;color:var(--guide-text);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.guide-step-grid,.guide-rule-grid,.guide-card-grid,.guide-status-row{display:grid;gap:.85rem}.guide-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-rule-grid,.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card-grid--roles{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-step-card,.guide-rule-card,.guide-info-card,.guide-callout,.guide-status-card,.guide-note,.guide-maintenance-note,.guide-list--cards li{background:#0f172ab8;border:1px solid rgba(125,211,252,.16);border-radius:.9rem;box-shadow:inset 0 0 12px #00ffff0a}.guide-step-card,.guide-rule-card,.guide-info-card,.guide-callout,.guide-status-card,.guide-note,.guide-maintenance-note{padding:.9rem}.guide-step-card__number{display:inline-flex;margin-bottom:.75rem;color:var(--guide-green);font-weight:800;letter-spacing:.12em}.guide-step-card h3,.guide-info-card h3,.guide-callout h3{color:var(--guide-text);font-size:.92rem;line-height:1.35}.guide-step-card p,.guide-info-card p{margin:.55rem 0 0;font-size:.9rem}.guide-bonus-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.85rem 0 0}.guide-bonus-list div{display:grid;gap:.18rem;min-width:0;padding:.48rem .55rem;background:#02061794;border:1px solid rgba(125,211,252,.13);border-radius:.65rem}.guide-bonus-list div:last-child{grid-column:1 / -1}.guide-bonus-list dt{color:var(--guide-muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.guide-bonus-list dd{margin:0;color:var(--guide-text);font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.guide-bonus-list dd.is-bonus{color:var(--guide-green)}.guide-bonus-list dd.is-penalty{color:#ff8a8a}.guide-rule-card{display:grid;gap:.35rem;border-left:3px solid rgba(0,255,255,.45)}.guide-rule-card strong{color:var(--guide-green);font-size:.84rem;letter-spacing:.06em;text-transform:uppercase}.guide-rule-card span{color:var(--guide-muted);line-height:1.55}.guide-table-wrap{overflow-x:auto;border:1px solid rgba(125,211,252,.16);border-radius:.9rem}.guide-table{width:100%;min-width:760px;border-collapse:collapse;color:var(--guide-text);background:#0f172aa6}.guide-table--buildings{min-width:1080px}.guide-table--ships{min-width:980px}.guide-table th,.guide-table td{padding:.78rem .85rem;border-bottom:1px solid rgba(125,211,252,.12);vertical-align:top}.guide-table th{color:var(--guide-blue);background:#020617b3;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.guide-table td:first-child{color:var(--guide-green);font-weight:800;white-space:nowrap}.guide-table tr:last-child td{border-bottom:0}.guide-stat-value{color:var(--guide-green);font-weight:900;white-space:nowrap}.guide-info-card{position:relative;overflow:hidden}.guide-info-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(to bottom,var(--guide-blue),var(--guide-green));opacity:.7}.guide-pill{display:inline-flex;margin-top:.75rem;padding:.28rem .55rem;color:var(--guide-green);background:#00ff0014;border:1px solid rgba(0,255,0,.28);border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-callout{border-color:#00ffff3d}.guide-callout--danger{border-color:#ff6b6b57;background:linear-gradient(135deg,#ff3c3c14,#0f172abd)}.guide-list,.guide-ordered-list{margin:.75rem 0 0;padding-left:1.1rem}.guide-list li,.guide-ordered-list li{margin-bottom:.55rem}.guide-list li:last-child,.guide-ordered-list li:last-child{margin-bottom:0}.guide-list strong{color:var(--guide-text)}.guide-note,.guide-maintenance-note{margin-top:1rem;color:var(--guide-muted);border-color:#00ff0038}.guide-maintenance-note strong{color:var(--guide-green)}.guide-list--cards{display:grid;gap:.7rem;padding:0;list-style:none}.guide-list--cards li{margin:0;padding:.8rem .9rem}.guide-status-row{grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0}.guide-status-card{display:grid;gap:.4rem}.guide-status-card strong{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.guide-status-card span{color:var(--guide-muted);line-height:1.5}.guide-status-card--green{border-color:#00ff0052}.guide-status-card--green strong{color:var(--guide-green)}.guide-status-card--amber{border-color:#f59e0b66}.guide-status-card--amber strong{color:#fbbf24}.guide-status-card--red{border-color:#ff3c3c73}.guide-status-card--red strong{color:#ff6b6b}.guide-scroll-cue{display:none}@media (max-width: 1180px){.guide-step-grid,.guide-card-grid--roles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.guide-hero,.guide-layout,.guide-two-column{grid-template-columns:1fr}.guide-index{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-index__title{grid-column:1 / -1}}@media (max-width: 720px){.guide-page{gap:.75rem}.guide-page--public{width:min(100% - 1rem,1180px);padding:1rem 0 2.5rem}.guide-hero{padding:.95rem}.guide-kicker{margin-bottom:.25rem;font-size:.62rem}.guide-hero h1{font-size:clamp(1.45rem,7vw,2rem)}.guide-hero p,.guide-section p,.guide-list,.guide-ordered-list{font-size:.78rem;line-height:1.5}.guide-hero p{margin-top:.55rem}.guide-layout{gap:.65rem}.guide-tools{display:grid;gap:.5rem;padding:.65rem .7rem}.guide-search>span{font-size:.6rem}.guide-search input{min-height:44px;font-size:.74rem}.guide-search__status{font-size:.62rem;text-align:left}.guide-index{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;min-width:0;padding:.45rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.guide-index::-webkit-scrollbar,.guide-step-grid::-webkit-scrollbar,.guide-rule-grid::-webkit-scrollbar,.guide-card-grid::-webkit-scrollbar,.guide-status-row::-webkit-scrollbar,.guide-list--cards::-webkit-scrollbar{display:none}.guide-index__title,.guide-index a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}.guide-index__title{align-self:center;padding:0 .25rem}.guide-index a{min-height:42px;padding:.5rem .65rem;font-size:.64rem}.guide-section{scroll-margin-top:.5rem;padding:.8rem}.guide-section__heading{margin-bottom:.65rem}.guide-section h2{font-size:1rem;line-height:1.2}.guide-step-grid,.guide-rule-grid,.guide-card-grid,.guide-status-row,.guide-list--cards{display:flex;flex-wrap:nowrap;gap:.6rem;min-width:0;margin-right:-.2rem;margin-left:-.2rem;padding-right:.2rem;padding-bottom:.25rem;padding-left:.2rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.guide-step-grid>*,.guide-rule-grid>*,.guide-card-grid>*,.guide-status-row>*,.guide-list--cards>li{flex:0 0 min(82vw,18rem);min-width:0;scroll-snap-align:start}.guide-step-card,.guide-rule-card,.guide-info-card,.guide-status-card,.guide-list--cards li{padding:.75rem}.guide-step-card p,.guide-info-card p,.guide-rule-card span,.guide-status-card span{font-size:.76rem}.guide-bonus-list{gap:.35rem;margin-top:.65rem}.guide-bonus-list div{padding:.4rem .45rem}.guide-bonus-list dt{font-size:.58rem}.guide-bonus-list dd{font-size:.7rem}.guide-two-column{grid-template-columns:1fr;gap:.65rem}.guide-callout,.guide-note,.guide-maintenance-note{padding:.7rem}.guide-callout h3,.guide-subheading{font-size:.82rem}.guide-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.guide-table th,.guide-table td{padding:.62rem .65rem;font-size:.68rem}.guide-table th{font-size:.64rem}.guide-scroll-cue:not([hidden]){display:grid;grid-template-columns:auto minmax(3rem,5rem) auto;align-items:center;justify-content:end;gap:.42rem;margin-top:.28rem;color:var(--guide-muted);font-size:.58rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.guide-scroll-cue__arrow{color:var(--guide-green);font-size:.8rem}.guide-scroll-cue__track{position:relative;display:block;height:.18rem;overflow:hidden;border-radius:999px;background:#7dd3fc2e}.guide-scroll-cue__thumb{position:absolute;top:0;left:0;display:block;width:30%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--guide-blue),var(--guide-green));box-shadow:0 0 8px #00ffff73;transition:left .12s ease,width .12s ease}.guide-page .guide-scroll-cue[hidden]{display:none}.guide-section{scroll-margin-top:.5rem}}@media (prefers-reduced-motion: reduce){.guide-scroll-cue__thumb{transition:none}}
