.factions-page{max-width:900px;margin:0 auto;padding:2rem 1rem 3rem}.factions-hero{margin-bottom:2.5rem}.factions-page h1{font-size:2rem;margin-bottom:.25rem}.factions-subtitle{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0 0 1rem}.factions-intro{color:var(--text-secondary);line-height:1.7}.factions-intro p{margin:0 0 .75rem}.factions-intro a{color:var(--accent);text-decoration:none}.factions-intro a:hover{text-decoration:underline}.factions-legend{margin-bottom:2rem;padding:1.25rem;background:#1a1a1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:10px}.section-heading{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.legend-items{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-dot.stance-pro{background:#ef4444}.legend-dot.stance-anti{background:var(--zone-stable)}.legend-dot.stance-opportunistic{background:var(--zone-elevated)}.legend-dot.stance-conditional{background:#a78bfa}.legend-dot.stance-kingmaker{background:#60a5fa}.legend-label{font-weight:600;color:var(--text-primary)}.legend-desc{color:var(--text-secondary)}.factions-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.faction-card{background:#1a1a1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:10px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.faction-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.faction-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;position:relative}.faction-color-bar{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--faction-color)}.faction-title-group{flex:1}.faction-name{font-size:1.3rem;margin:0 0 .2rem;color:var(--text-primary)}.faction-tagline{font-size:.85rem;color:var(--text-secondary);margin:0;font-style:italic;line-height:1.5}.faction-stance{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .6rem;border-radius:4px;white-space:nowrap;flex-shrink:0;margin-top:.2rem}.stance-pro{background:#ef444426;color:#ef4444}.stance-anti{background:#40916c26;color:var(--zone-stable)}.stance-opportunistic{background:#f4a26126;color:var(--zone-elevated)}.stance-conditional{background:#a78bfa26;color:#a78bfa}.stance-kingmaker{background:#60a5fa26;color:#60a5fa}.faction-body{padding:0 1.5rem 1.5rem}.faction-base{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.base-item{display:flex;gap:.5rem;font-size:.85rem;line-height:1.5}.base-label{font-weight:600;color:var(--text-secondary);min-width:90px;flex-shrink:0}.base-value{color:var(--text-secondary)}.faction-factor-alignment{margin-bottom:1.25rem;padding:.85rem;background:#ffffff08;border-radius:6px}.alignment-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.alignment-badges{display:flex;gap:.4rem;margin:.4rem 0 .5rem}.badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;text-transform:capitalize}.badge-primary{background:#e85d0426;color:var(--accent)}.badge-secondary{background:#ffffff0f;color:var(--text-secondary)}.alignment-description{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.faction-relations{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.relation-group{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.relation-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;min-width:70px}.relation-tags{display:flex;gap:.35rem;flex-wrap:wrap}.relation-tag{font-size:.75rem;padding:.15rem .5rem;border-radius:3px;text-decoration:none;transition:opacity .2s}.relation-tag:hover{opacity:.8}.alliance-tag{background:#40916c26;color:var(--zone-stable)}.conflict-tag{background:#ef44441f;color:#ef4444}.relation-none{font-size:.8rem;color:var(--text-secondary);font-style:italic}.faction-wildcard{padding:.85rem;background:#e85d040f;border-left:2px solid var(--accent);border-radius:0 6px 6px 0}.wildcard-label{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.wildcard-text{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:.3rem 0 0}.factions-dynamics{margin-bottom:2.5rem}.dynamics-content{display:flex;flex-direction:column;gap:1.25rem}.dynamics-block{background:#1a1a1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.25rem}.dynamics-block h3{font-size:1.1rem;margin:0 0 .5rem;color:var(--text-primary)}.dynamics-block p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0}.dynamics-block a{color:var(--accent);text-decoration:none}.dynamics-block a:hover{text-decoration:underline}.dynamics-block em{color:var(--text-primary);font-style:italic}.factions-disclaimer{padding:1.25rem;background:#1a1a1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:10px;border-left:3px solid var(--text-secondary)}.factions-disclaimer h2{font-size:1.1rem;margin:0 0 .5rem}.factions-disclaimer p{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin:0 0 .75rem}.factions-disclaimer p:last-child{margin-bottom:0}.factions-disclaimer a{color:var(--accent);text-decoration:none}.factions-disclaimer a:hover{text-decoration:underline}@media(max-width:600px){.faction-header{flex-direction:column;gap:.5rem}.faction-stance{align-self:flex-start}.base-item{flex-direction:column;gap:.1rem}.base-label{min-width:unset}.legend-items{flex-direction:column;gap:.5rem}}