.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:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:1.5rem;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: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,.guide-hero__signal{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-hero__signal{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-self:center}.guide-hero__signal span,.guide-hero__signal strong{min-height:4.5rem;display:flex;align-items:center;justify-content:center;color:var(--guide-text);background:#0f172ac7;border:1px solid rgba(0,255,255,.22);border-radius:1rem;box-shadow:inset 0 0 16px #00ffff0d;text-transform:uppercase;letter-spacing:.08em}.guide-hero__signal strong{color:#001316;background:linear-gradient(135deg,var(--guide-green),rgba(0,255,255,.9));border-color:#00ff00a6}.guide-layout{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:1rem;align-items:start}.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}@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-hero__signal,.guide-step-grid,.guide-rule-grid,.guide-card-grid,.guide-card-grid--roles,.guide-status-row,.guide-index{grid-template-columns:1fr}.guide-section{scroll-margin-top:.5rem}.guide-index a{min-height:44px}}
