.state-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.state-family-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:15px;border:1px solid rgba(184,145,83,.28);border-radius:7px;background:linear-gradient(180deg,rgba(15,17,18,.9),rgba(8,9,10,.94));color:inherit;text-decoration:none}.state-family-card:hover,.state-family-card.is-active{border-color:rgba(218,172,92,.72);box-shadow:0 8px 22px rgba(0,0,0,.2)}.state-family-card__mark{color:#c99a50}.state-family-card h2{margin:0 0 5px;font:600 .96rem Cinzel,serif;color:#e5c17e}.state-family-card p{margin:0;font-size:.88rem;line-height:1.35;opacity:.78}.state-family-card>strong{font-family:Cinzel,serif;color:#d8c6a5}.states-toolbar{margin-bottom:16px}.states-level-filter{display:flex;gap:6px;flex-wrap:wrap}.states-level-filter a{padding:7px 10px;border:1px solid rgba(184,145,83,.25);border-radius:5px;color:#cfc3b0;text-decoration:none}.states-level-filter a.is-active,.states-level-filter a:hover{border-color:#c99a50;color:#efd39b;background:rgba(201,154,80,.09)}.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.state-card{display:flex;flex-direction:column;gap:11px;padding:15px;border:1px solid rgba(184,145,83,.28);border-left:3px solid #a8a8a8;border-radius:7px;background:linear-gradient(180deg,rgba(15,17,18,.94),rgba(7,8,9,.96));color:inherit;text-decoration:none}.state-card--superior{border-left-color:#78ccff}.state-card--supreme{border-left-color:#e8c16d}.state-card:hover{transform:translateY(-1px);border-top-color:rgba(218,172,92,.55);border-right-color:rgba(218,172,92,.55);border-bottom-color:rgba(218,172,92,.55)}.state-card__head{display:flex;justify-content:space-between;gap:10px;align-items:start}.state-card__head h2{margin:0;font:600 1.05rem Cinzel,serif;color:#eee6d9}.state-card__head span,.state-level{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#cfcfcf}.state-card--superior .state-card__head span,.state-level--superior{color:#78ccff}.state-card--supreme .state-card__head span,.state-level--supreme{color:#e8c16d}.state-card__narrative{margin:0;font-style:italic;opacity:.78}.state-card__effect{margin-top:auto;padding-top:10px;border-top:1px solid rgba(184,145,83,.16);display:grid;gap:4px}.state-card__effect strong{font:600 .7rem Cinzel,serif;text-transform:uppercase;letter-spacing:.08em;color:#d9ad67}.state-card__effect span{line-height:1.4}.state-empty{padding:28px;border:1px dashed rgba(184,145,83,.35);border-radius:7px;text-align:center}.state-detail-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.state-detail-heading h1{margin:.15rem 0 .45rem}.state-level{display:inline-block;padding:5px 8px;border:1px solid currentColor;border-radius:4px}.state-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.state-detail-actions form{margin:0}.state-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.state-detail-block,.state-rules{padding:18px;border:1px solid rgba(184,145,83,.3);border-radius:7px;background:linear-gradient(180deg,rgba(14,16,17,.86),rgba(8,9,10,.86))}.state-detail-block h2,.state-rules h2{margin:0 0 10px;font:600 1rem Cinzel,serif;color:#d9ad67}.state-detail-block p{margin:0;line-height:1.6}.state-detail-block--effect{border-left:3px solid #c99a50}.state-rules{margin-top:14px}.state-rules>div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(184,145,83,.15)}.state-rules span{opacity:.72}.state-form{padding:18px;border:1px solid rgba(184,145,83,.28);border-radius:7px;background:rgba(10,11,12,.82)}.state-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.state-form label{display:grid;gap:5px}.state-form__wide{grid-column:1/-1}.state-form input,.state-form select,.state-form textarea{width:100%}.state-form__check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;justify-content:start}.state-form__check input{width:auto}.state-form__actions{display:flex;gap:8px;margin-top:16px}@media(max-width:900px){.state-family-grid,.state-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.state-family-grid,.state-grid,.state-detail-grid,.state-form__grid{grid-template-columns:1fr}.state-form__wide{grid-column:auto}.state-detail-heading{flex-direction:column}.state-rules>div{grid-template-columns:1fr}}
.tdd-sidebar__submenu a.tdd-sidebar__subsection{padding-left:2rem;font-size:.92em;opacity:.92}.tdd-sidebar__submenu a.tdd-sidebar__subsection.is-active{opacity:1}