.wraith-wizard-page { max-width: 1020px; margin: 37px auto 68px; }
.wraith-section { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--border); }
.wraith-section > .field-note { margin: 10px 0 18px; }
.wraith-selection { margin: 15px 0; padding: 18px; border: 1px solid #72696f66; border-radius: 3px; background: #211e23; }
.wraith-selection > h4 { font: 20px/1.3 var(--serif); color: var(--gold); margin-bottom: 10px; }
.wraith-selection .button { min-height: 44px; margin-top: 14px; }
.wraith-constraint { padding: 13px 15px; margin: 16px 0; background: #28232b; border-left: 2px solid var(--gold); color: var(--muted); font-size: 12px; line-height: 1.8; }
.wraith-card { background: linear-gradient(140deg, #211b23, #17161a); }
.wraith-card .world-symbol { color: #bcb0bc; text-shadow: 0 0 35px #c1a4c026; }
.spheres-page .world-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wraith-sheet .cs-game-title { color: #58435d; }
.wraith-sheet .cs-detail dd, .wraith-sheet .cs-story p { overflow-wrap: anywhere; }
.wraith-sheet .cs-shadow { border-top: 3px double #766674; }
.wraith-sheet .cs-shadow .cs-section-title { color: #58435d; }
.wraith-sheet .cs-tie { margin: 13px 0; }
.wraith-sheet .cs-tie p { margin-top: 5px; }
@media (max-width: 900px) { .spheres-page .world-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .wraith-wizard-page { margin: 26px auto 45px; } .wraith-selection { padding: 14px; } }
@media print { .wraith-sheet .cs-game-title, .wraith-sheet .cs-shadow .cs-section-title { color: #111; } }