.how-it-works-page{max-width:62rem;margin:0 auto}.how-it-works-content{max-width:54rem;margin:0 auto;padding:clamp(1.25rem,4vw,3rem)}.how-it-works-kicker{color:#f0c04a;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .5rem;font:700 .72rem/1.2 ui-monospace,monospace}.how-it-works-intro{max-width:42rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}@media (width<=63.999rem){.how-it-works-content{min-height:0;overflow-y:auto}}@media (width>=64rem){body:has(.how-it-works-page){background-attachment:fixed;overflow:auto}.how-it-works-page.app{height:auto;min-height:100dvh;display:block}}.how-it-works-content{max-width:68rem}.hiw-section{border-top:1px solid var(--hud-edge);margin-top:clamp(1.75rem,4vw,3rem);padding-top:clamp(1.25rem,3vw,2rem)}.hud .hiw-section-heading{letter-spacing:.1em;align-items:baseline;gap:.7rem;margin:0 0 .4rem;font-size:clamp(1.05rem,2.1vw,1.35rem);line-height:1.25;display:flex}.hiw-section-index{border-bottom:2px solid var(--hud-gold);color:var(--hud-gold);letter-spacing:.08em;flex:none;font:700 .85em/1 ui-monospace,monospace}.hiw-section-lede{color:var(--hud-dim);max-width:46rem;margin:0 0 1rem}.hiw-subheading{letter-spacing:.14em;text-transform:uppercase;margin:1.75rem 0 .6rem;font-size:.78rem}.hiw-hero{border:1px solid var(--hud-edge);border-radius:.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.hiw-hero-art{width:100%;height:clamp(9rem,26vw,17rem);display:block}.hiw-hero-copy{background:linear-gradient(to bottom, #0b0e12bf, var(--hud-panel) 3rem);margin-top:-2.5rem;padding:1.25rem clamp(1rem,3vw,2rem) 1.5rem;position:relative}.hud .hiw-hero-copy h2{margin:0 0 .6rem;font-size:clamp(1.7rem,4.4vw,2.9rem);line-height:1.05}.hiw-network{color:var(--hud-dim);margin:.75rem 0 0;font:.78rem/1.4 ui-monospace,monospace}.hiw-network span{color:var(--hud-gold)}.hiw-alert{margin:.75rem 0 0}.hiw-loop{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.hiw-step{background:var(--hud-panel);border:1px solid var(--hud-edge);border-top:3px solid var(--hud-gold);border-radius:.4rem;padding:1rem;position:relative}.hiw-step-index{color:var(--hud-gold);opacity:.28;font:700 2.6rem/1 ui-monospace,monospace;position:absolute;top:.3rem;right:.6rem}.hiw-step-art{color:var(--hud-gold);margin-bottom:.6rem;display:block}.hiw-glyph{width:2rem;height:2rem;display:block}.hiw-step p{margin:0}.hiw-step-headline{font-size:1.02rem;font-weight:700;line-height:1.25}.hiw-step .rules-term-label{margin-bottom:.5rem;font-size:.78rem;display:block}.hiw-step-line{color:var(--hud-dim);font-size:.9rem}.hiw-caveat{border:1px solid var(--hud-edge);border-left:3px solid var(--hud-gold);color:var(--hud-dim);background:#f0c04a0f;border-radius:.25rem;gap:.7rem;margin:1rem 0 0;padding:.75rem .9rem;font-size:.9rem;display:flex}.hiw-caveat-mark{border:1px solid var(--hud-gold);color:var(--hud-gold);text-align:center;border-radius:50%;flex:none;width:1.5em;height:1.5em;font-weight:700;line-height:1.45em}.hiw-splits{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1rem;display:grid}.hiw-split{background:var(--hud-panel);border:1px solid var(--hud-edge);border-radius:.4rem;margin:0;padding:1rem}.hiw-split figcaption{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:.78rem}.hiw-bar{border-radius:.25rem;gap:2px;height:1.4rem;display:flex;overflow:hidden}.hiw-bar-slice{min-width:.5rem;display:block}.hiw-legend{gap:.35rem;margin:.75rem 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.hiw-legend li{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.hiw-legend b{font-variant-numeric:tabular-nums}.hiw-legend-note{color:var(--hud-dim);font-style:normal}.hiw-swatch{border-radius:2px;flex:none;width:.7rem;height:.7rem;transform:translateY(.05rem)}.hiw-split-footnote{color:var(--hud-dim);margin:.9rem 0 0;font-size:.84rem}.hiw-dials{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.5rem;margin:0;display:grid}.hiw-dial{background:var(--hud-panel);border:1px solid var(--hud-edge);border-radius:.3rem;padding:.6rem .75rem}.hiw-dial dt{color:var(--hud-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.hiw-dial dd{color:var(--hud-gold);margin:.25rem 0 0;font:700 .95rem/1.3 ui-monospace,monospace}.hiw-risks{grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));gap:.6rem;display:grid}.hiw-risk{background:var(--hud-panel);border:1px solid var(--hud-edge);border-left:3px solid #e8a0a0;border-radius:.35rem;padding:.75rem .9rem}.hiw-risk-wide{border-left-color:var(--hud-gold);margin-top:.75rem}.hiw-risk summary{cursor:pointer;align-items:center;gap:.7rem;display:flex}.hiw-risk-art{color:#e8a0a0;flex:none}.hiw-risk-heading{font-weight:700;line-height:1.3}.hiw-risk p{color:var(--hud-dim);margin:.6rem 0 0;font-size:.9rem}.hiw-banners{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:.75rem;display:grid}.hiw-banner{background:var(--hud-panel);border:1px solid var(--hud-edge);border-top:3px solid var(--hiw-faction,var(--hud-gold));border-radius:.4rem;padding:.9rem}.hiw-camp{width:4.5rem;height:4.5rem;display:block}.hiw-banner h4{margin:.4rem 0 .35rem;font-size:1rem}.hiw-banner-symbol{color:var(--hiw-faction,var(--hud-gold))}.hiw-banner p{color:var(--hud-dim);margin:0;font-size:.86rem}.hiw-banner p.hiw-banner-materials{border-top:1px solid var(--hud-edge);margin-top:.5rem;padding-top:.5rem}.hiw-terms{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));gap:.5rem;display:grid}.hiw-term{background:var(--hud-panel);border:1px solid var(--hud-edge);border-left:3px solid var(--hud-gold);border-radius:.35rem;padding:.7rem .85rem}.hiw-term summary{cursor:pointer;display:block}.hiw-term summary .rules-term-game{line-height:1.3;display:block}.hiw-term summary .rules-term-label{font-size:.8rem;display:block}.hiw-term p{margin:.6rem 0 0;font-size:.9rem}.hiw-risk,.hiw-term{position:relative}.hiw-risk summary::-webkit-details-marker{display:none}.hiw-term summary::-webkit-details-marker{display:none}.hiw-risk summary,.hiw-term summary{padding-right:1.4rem}.hiw-risk summary:after,.hiw-term summary:after{color:var(--hud-gold);content:"▸";font-size:.85em;position:absolute;top:.7rem;right:.7rem}.hiw-risk[open] summary:after,.hiw-term[open] summary:after{content:"▾"}@media (width<=30rem){.hiw-step-index{font-size:1.8rem}}