button.fates-accent{background:linear-gradient(180deg,#8a5a24,#533313);border-color:#d2a452;color:#fff0bf}
.fates-modal{position:fixed;inset:0;z-index:95;display:none;background:rgba(2,4,8,.92);backdrop-filter:blur(6px);padding:12px;overflow:auto}
.fates-modal.open{display:block}
.fates-panel{width:min(1280px,98vw);margin:0 auto 30px;border:1px solid #98743b;border-radius:16px;background:linear-gradient(180deg,#171713,#090c12);box-shadow:0 28px 80px rgba(0,0,0,.7);padding:14px}
.fates-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;position:sticky;top:0;z-index:4;background:rgba(12,14,15,.97);padding:8px 4px 10px;border-bottom:1px solid #594927}
.fates-head h2{margin:0;color:#f2d486}.fates-head .sub{max-width:820px}.fates-close{font-size:20px}
.fates-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.fates-toolbar label{display:grid;gap:3px;font-size:11px;color:var(--muted)}.fates-toolbar input,.fates-toolbar select{min-width:140px}
.fates-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.fates-card{grid-column:span 6;border:1px solid #3e4654;border-radius:12px;background:#0d1118;padding:12px}.fates-card.wide{grid-column:span 12}.fates-card.third{grid-column:span 4}.fates-card h3{margin:0 0 8px;color:#f0d88d}.fates-card h4{margin:10px 0 5px;color:#d6c69a}
.fates-stats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:7px}.fates-stat{border:1px solid #394354;border-radius:9px;padding:7px;background:#090d13}.fates-stat b{display:block;font-size:18px;color:#ffe69a}.fates-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.fates-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.fates-actions button{padding:7px 9px}.fates-note{border-left:3px solid #a78940;background:#17150f;padding:7px 9px;border-radius:6px;margin:7px 0;font-size:12px}.fates-unresolved{border-left-color:#d36a72;background:#241316}.fates-ok{color:#9be9ae}.fates-warn{color:#ffd17a}.fates-bad{color:#ff939b}
.fates-row{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.fates-row>label{flex:1 1 140px}.fates-row input,.fates-row select{width:100%}
.fates-signatures{display:grid;gap:6px}.fates-sig{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;border:1px solid #334052;border-radius:8px;padding:6px}.fates-sig input{min-width:0}
.fates-creatures{display:grid;gap:5px;max-height:230px;overflow:auto;margin-top:7px}.fates-creature{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:6px;align-items:center;border:1px solid #354052;border-radius:8px;padding:6px;background:#0a0e14}.fates-creature small{color:var(--muted)}
.fates-log{max-height:300px;overflow:auto;background:#070a0f;border:1px solid #313b4a;border-radius:9px;padding:8px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.fates-tests{display:grid;gap:5px}.fates-test{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #2f3744;padding:5px 0}.fates-test b.pass{color:#8ee3a4}.fates-test b.fail{color:#ff8e96}
.fates-evidence{display:grid;gap:6px}.fates-evidence article{border:1px solid #3a4454;border-radius:9px;padding:8px}.fates-evidence .tag{display:inline-block;border:1px solid #65573a;border-radius:999px;padding:2px 6px;font-size:10px;color:#e7ce8b;margin-right:5px}
.fates-roster{display:grid;gap:6px}.fates-roster-row{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:6px;align-items:end;border:1px solid #354052;border-radius:8px;padding:7px;background:#0a0e14}.fates-roster-row.active{border-color:#d9b85f}.fates-roster-row.desparked{border-color:#98505a;background:#211215}.fates-roster-row label{display:grid;gap:3px;font-size:10px;color:var(--muted)}.fates-roster-meta{font-size:11px;color:var(--muted);padding:8px 4px}
.fates-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.fates-tabs button.active{outline:2px solid #d9b85f}.fates-view{display:none}.fates-view.active{display:block}
@media(max-width:900px){.fates-card,.fates-card.third{grid-column:span 12}.fates-stats{grid-template-columns:1fr 1fr}.fates-creature{grid-template-columns:auto 1fr auto}.fates-creature .fates-secondary{grid-column:2/-1}.fates-roster-row{grid-template-columns:1fr 1fr}.fates-roster-meta{grid-column:1/-1}.fates-panel{padding:9px}}