.magic-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.magic-heading h2{margin:0}.magic-heading p{max-width:70ch}.magic-count{border:1px solid #b3a16c80;border-radius:12px;padding:.7rem 1rem;text-align:center;white-space:nowrap;color:#decfa4}.magic-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:1.2rem;align-items:start}.magic-library{min-width:0}.magic-filters{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.8rem}.magic-filters label:first-child{grid-column:1/-1}.magic-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-height:760px;overflow:auto;padding:.15rem .35rem .5rem .1rem}.magic-spell-card{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;text-align:left;min-height:112px;padding:.8rem;background:linear-gradient(135deg,#243a2e,#17271f);border:1px solid #64705a70;border-radius:10px;color:#e9e0c5}.magic-spell-card:hover,.magic-spell-card.selected{border-color:#cdb57c;background:linear-gradient(135deg,#394633,#233228)}.magic-spell-card.selected{box-shadow:inset 0 0 0 1px #cdb57c}.magic-spell-card>span:nth-child(2){flex:1;min-width:90px}.magic-spell-card strong,.magic-spell-card small{display:block;overflow-wrap:anywhere}.magic-spell-card small{font-size:.75rem;opacity:.8;margin-top:.2rem}.magic-school-sigil{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;font-size:1.7rem;border:1px solid #bfa46c;color:#d1bd89;background:radial-gradient(circle,#546348,#17271f)}.magic-school-sigil[data-school=blood]{color:#e1b3a2;background:radial-gradient(circle,#793f36,#201c19)}.magic-school-sigil[data-school=death]{color:#bec5de;background:radial-gradient(circle,#4b4865,#1a1f24)}.magic-school-sigil[data-school=healing]{color:#cbd9a5}.magic-mode{font-size:.67rem;border:1px solid #c5a56a50;border-radius:20px;padding:.15rem .45rem;color:#d4b87e}.magic-mode.auto{color:#a9c4b0;border-color:#91b89c60}.magic-detail{min-width:0;border:1px solid #a48c5966;border-radius:12px;padding:1.15rem;background:linear-gradient(130deg,#27382c,#18281f)}.magic-detail-title{display:flex;gap:.8rem;align-items:center}.magic-detail-title h3{margin:0}.magic-detail-title small{opacity:.75}.magic-stats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}.magic-stats>div{padding:.55rem;background:#0e1a1355;border-radius:6px}.magic-stats dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#b9ad8b}.magic-stats dd{margin:.2rem 0 0;overflow-wrap:anywhere}.magic-resolution{border-left:3px solid #ad9869;padding:.6rem .8rem;background:#10201755;font-size:.85rem}.magic-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.magic-detail form{margin-top:1rem}.magic-detail label,.magic-casting label,.magic-filters label{display:block;margin-bottom:.65rem}.magic-detail input:not([type=checkbox]),.magic-detail select,.magic-detail textarea,.magic-filters select,.magic-filters input,.magic-casting select,.magic-casting textarea,.magic-casting input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box}.magic-detail .check,.magic-casting .check{display:flex;align-items:flex-start;gap:.6rem;font-size:.86rem}.magic-detail .check input,.magic-casting .check input{flex:0 0 auto;width:auto;margin-top:.2rem}.magic-detail details{margin:.6rem 0;padding:.6rem;border:1px solid #65735b66;border-radius:6px}.magic-detail details>summary{cursor:pointer;margin-bottom:.3rem}.magic-warning{color:#e1be84;background:#5a3a203d;border-left:3px solid #b18750;padding:.6rem}.magic-formula{border-top:1px solid #a8946255;padding-top:.65rem;font-variant-numeric:tabular-nums}.magic-queue{margin-top:1.5rem}.magic-casting{border:1px solid #71816366;background:#15271e;padding:1rem;border-radius:10px;margin-bottom:.8rem;overflow-wrap:anywhere}.magic-casting header{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.magic-casting header strong{font-size:.8rem;color:#d4ba80}.magic-needs-review{border-color:#b68b50}.magic-casting-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:start;margin-top:.7rem}.magic-casting-actions form{flex:1 1 100%;min-width:0}.magic-casting-actions button{white-space:normal}.magic-power b{font-size:1.5rem;color:#e6ce93}.magic-effects{margin:1rem 0}.magic-effects article{padding:.7rem;border-bottom:1px solid #a8946233}.magic-effects form,.magic-gm-pool form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end}.magic-effects input{flex:1;min-width:160px}.magic-history{margin-top:1rem}.magic-history>summary,.magic-gm-pool>summary{cursor:pointer;margin-bottom:.8rem}.magic-casting blockquote{border-left:2px solid #c5ad6c;padding-left:.8rem;margin-left:0;white-space:pre-wrap}.magic-gm-pool{padding:.7rem;border:1px solid #7e845b66;border-radius:8px;margin-bottom:1rem}
@media(max-width:850px){.magic-workspace{grid-template-columns:1fr}.magic-card-grid{max-height:370px;grid-template-columns:repeat(2,minmax(0,1fr))}.magic-heading{align-items:flex-start}.magic-count{font-size:.8rem}.magic-detail{padding:.85rem}}
@media(max-width:430px){.magic-card-grid{grid-template-columns:1fr}.magic-filters,.magic-stats{grid-template-columns:1fr}.magic-filters label:first-child{grid-column:auto}.magic-count{display:none}.magic-form-grid{grid-template-columns:1fr}.magic-casting header{display:block}.magic-casting{padding:.7rem}}
.magic-detail textarea,.magic-casting textarea{background:#101e16;color:#e9e0c5;font:inherit;line-height:1.5;min-height:5.5rem;padding:.6rem;border:1px solid #6c765d;border-radius:5px;resize:vertical}.magic-casting header>strong{display:block}.magic-detail [data-magic-draft=note]{margin-top:.3rem}
.magic-reference-list{border:1px solid #8d795455;border-radius:10px;padding:.8rem;margin-bottom:1rem;max-height:300px;overflow:auto}.magic-reference-list summary{cursor:pointer}.magic-reaction{margin:.8rem 0;padding:.8rem;border:1px solid #82978288;border-radius:8px;background:#213529}.magic-reaction small{display:block;line-height:1.5;margin:.7rem 0}.magic-casting fieldset{min-width:0;border:1px solid #82978255;border-radius:8px;margin:.7rem 0}.magic-school-sigil[data-school=ice]{background:radial-gradient(circle,#476a78,#18262b);color:#b5e0e7}.magic-school-sigil[data-school=magma]{background:radial-gradient(circle,#965536,#2d251b);color:#efbd88}.magic-school-sigil[data-school=dream],.magic-school-sigil[data-school=mentalism]{background:radial-gradient(circle,#665077,#201f2b);color:#d6bde8}.magic-school-sigil[data-school=swarm],.magic-school-sigil[data-school=nature]{background:radial-gradient(circle,#547447,#1e2b1c);color:#c2db9d}
