.civilizations-page{min-height:calc(100vh - var(--nav-h,64px));padding:calc(var(--nav-h,64px) + 24px)24px 48px;max-width:1200px;margin:0 auto}.civ-compare{flex-direction:column;gap:32px;display:flex}.civ-compare__header{text-align:center;margin-bottom:8px}.civ-compare__title{font-family:var(--serif);color:var(--parchment);letter-spacing:.04em;margin:0 0 8px;font-size:2rem;font-weight:700}.civ-compare__subtitle{font-family:var(--sans);color:var(--parchment-dim);margin:0;font-size:.95rem;line-height:1.6}.civ-compare__body{align-items:flex-start;gap:32px;display:flex}@media (max-width:860px){.civ-compare__body{flex-direction:column;align-items:center}}.civ-compare__selector{flex-direction:column;flex-shrink:0;gap:6px;min-width:200px;display:flex}.civ-option{border-radius:var(--radius,8px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;align-items:center;gap:10px;padding:8px 12px;transition:background .2s,opacity .2s;display:flex}.civ-option:hover{background:var(--bg-card-hover,rgba(38,30,20,.95));border-color:var(--border)}.civ-option--selected{background:var(--bg-card,rgba(26,21,15,.88));border-color:var(--border-hover,rgba(200,169,81,.42))}.civ-option--disabled{opacity:.4;cursor:not-allowed}.civ-option__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.civ-option__swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px}.civ-option__name{font-family:var(--serif);color:var(--parchment);flex:1;font-size:.95rem}.civ-option__peak{font-family:var(--sans);color:var(--parchment-mute);font-size:.75rem}.civ-compare__chart-wrap{flex:1;justify-content:center;min-width:0;display:flex;position:relative}.civ-compare__svg{width:100%;max-width:480px;height:auto}.civ-compare__axis-label{font-family:var(--sans);fill:var(--parchment-dim);pointer-events:none;font-size:11px}.civ-compare__ring-label{font-family:var(--sans);fill:var(--parchment-mute);pointer-events:none;font-size:9px}.civ-compare__dot{cursor:pointer;transition:r .15s}.civ-compare__dot:hover{r:6}.civ-compare__tooltip{background:var(--bg-elev,rgba(48,38,25,.95));border:1px solid var(--border-hover);border-radius:var(--radius,8px);font-family:var(--sans);color:var(--parchment);pointer-events:none;white-space:nowrap;z-index:10;flex-direction:column;gap:2px;padding:8px 14px;font-size:.8rem;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px rgba(0,0,0,.5)}.civ-compare__tooltip-value{color:var(--gold);margin-top:2px;font-size:1rem;font-weight:700}.civ-compare__facts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.civ-fact-card{background:var(--bg-card,rgba(26,21,15,.88));border:1px solid var(--border);border-radius:var(--radius-lg,14px);border-left-width:4px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.civ-fact-card__header{align-items:center;gap:10px;display:flex}.civ-fact-card__swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.civ-fact-card__name{font-family:var(--serif);color:var(--parchment);margin:0;font-size:1.2rem;font-weight:700}.civ-fact-card__meta{font-family:var(--sans);color:var(--parchment-dim);flex-wrap:wrap;gap:6px 16px;font-size:.8rem;display:flex}.civ-fact-card__desc{font-family:var(--serif);color:var(--parchment);margin:0;font-size:.9rem;line-height:1.7}.civ-fact-card__scores{flex-direction:column;gap:8px;margin-top:4px;display:flex}.civ-fact-score{grid-template-columns:100px 1fr 28px;align-items:center;gap:8px;display:grid}.civ-fact-score__label{font-family:var(--sans);color:var(--parchment-dim);white-space:nowrap;font-size:.78rem}.civ-fact-score__bar-track{background:var(--border-soft,rgba(200,169,81,.08));border-radius:3px;height:6px;overflow:hidden}.civ-fact-score__bar-fill{border-radius:3px;height:100%}.civ-fact-score__value{font-family:var(--mono);color:var(--parchment-dim);text-align:right;font-size:.75rem}.civ-compare__empty{text-align:center;font-family:var(--serif);color:var(--parchment-mute);padding:60px 20px;font-size:1.05rem}@media (max-width:640px){.civilizations-page{padding:calc(var(--nav-h,64px) + 16px)14px 36px}.civ-compare__title{font-size:1.5rem}.civ-compare__selector{min-width:unset;flex-flow:wrap;gap:4px}.civ-option{gap:6px;padding:6px 8px}.civ-option__peak{display:none}.civ-fact-card{padding:16px}.civ-fact-score{grid-template-columns:80px 1fr 24px}}