:root{color:#17201a;background:#f6f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,.button-link,.file-button{align-items:center;background:#24443a;border:1px solid #24443a;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:.45rem;min-height:2.25rem;padding:.45rem .7rem;position:relative;text-decoration:none}button:hover,.button-link:hover,.file-button:hover{background:#1a342c}button:disabled{background:#77827b;border-color:#77827b;cursor:not-allowed}button:focus-visible,.button-link:focus-visible,.file-button:focus-within,input:focus-visible,select:focus-visible{outline:3px solid #946820;outline-offset:2px}.file-button input{cursor:pointer;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}input,select{border:1px solid #9ea79d;border-radius:6px;color:#17201a;min-height:2.5rem;padding:.5rem .65rem;width:100%}.app-shell{min-height:100vh}.top-bar{align-items:center;background:#17201a;color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:.65rem clamp(.85rem,3vw,2rem)}h1,h2,h3{letter-spacing:0;line-height:1.15;margin:0}h1{font-size:1.25rem}h2{font-size:1rem}h3{font-size:.95rem}.toolbar,.section-heading,.subsection-heading{align-items:center;display:flex;gap:.75rem}.toolbar{flex-wrap:wrap;justify-content:flex-end}.alert-strip{display:grid;gap:.5rem;padding:0 clamp(.85rem,3vw,2rem)}.alert-strip:empty{display:none}.controls-band{background:#ebe5d8;border-bottom:1px solid #d2c7b5;display:grid;gap:.7rem;grid-template-columns:minmax(14rem,1.1fr) minmax(32rem,3fr);padding:.8rem clamp(.85rem,3vw,2rem)}.controls-band label,.search-controls label{color:#33413a;display:grid;font-size:.82rem;font-weight:800;gap:.3rem}.controls-grid{display:grid;gap:.65rem;grid-template-columns:repeat(6,minmax(7.25rem,1fr))}.name-field{min-width:0}.controls-band .loadout-summary{align-items:center;background:transparent;border:0;display:flex;flex-wrap:wrap;gap:.65rem;grid-column:1 / -1;margin:0;padding:0}.controls-band .loadout-summary span{color:#33413a;font-size:.82rem;font-weight:800;text-transform:none}.controls-band .loadout-summary strong{display:inline;margin:0}.planner-body{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(18rem,.38fr) minmax(32rem,1fr);padding:1rem clamp(.85rem,3vw,2rem)}.drawer-open-button{display:none}.status-strip{background:#ebe5d8;border-bottom:1px solid #d2c7b5;display:grid;gap:.65rem;padding:.75rem clamp(1rem,4vw,3rem)}.status-summary{display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr))}.status-summary div{align-items:center;background:#fbfaf6;border:1px solid #d2c7b5;border-radius:6px;display:flex;gap:.55rem;justify-content:space-between;min-width:0;padding:.55rem .7rem}.status-summary strong{color:#33413a;font-size:.82rem;text-transform:uppercase}.status-summary span{color:#24443a;font-size:.88rem;font-weight:800;text-align:right}.status-messages{display:grid;gap:.4rem;list-style:none;margin:0;padding:0}.status-messages li{background:#fff7db;border:1px solid #e2c66a;border-radius:6px;color:#674a08;padding:.55rem .7rem}.workspace{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(18rem,.72fr) minmax(28rem,1.28fr);padding:clamp(1rem,4vw,3rem)}.planner-panel{background:#fff;border:1px solid #d7d2c5;border-radius:8px;box-shadow:0 1px 2px #17201a14;min-width:0;padding:1rem}.planner-panel label{color:#33413a;display:grid;font-size:.9rem;font-weight:700;gap:.4rem}.field-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.85rem}.section-heading{justify-content:space-between;margin-bottom:.9rem}.subsection-heading{justify-content:space-between;margin-bottom:.65rem}.metric{background:#e8f0ec;border:1px solid #bfd2c8;border-radius:999px;color:#24443a;font-size:.85rem;font-weight:700;padding:.25rem .6rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.analysis-panel{min-height:12rem}.analysis-list{display:grid;gap:.55rem;list-style:none;margin:.9rem 0 0;padding:0}.analysis-list li{border:1px solid #ddd8cc;border-radius:6px;color:#33413a;padding:.65rem .75rem}.error-row{background:#fff0ed;border:1px solid #d27a67;border-radius:6px;color:#6d2418;margin:0;padding:.75rem}.controls-panel{grid-column:1}.memorized-panel{grid-column:1;display:grid;gap:1rem}.spell-search-panel{grid-column:2}.loadout-summary{background:#f6f4ee;border:1px solid #d7d2c5;border-radius:6px;display:grid;gap:.65rem;margin-top:.9rem;padding:.75rem}.loadout-summary span{color:#526058;font-size:.82rem;font-weight:800;text-transform:uppercase}.loadout-summary strong{color:#17201a;display:block;margin-top:.2rem}.summary-metrics{display:flex;flex-wrap:wrap;gap:.45rem}.summary-metrics span{background:#e8f0ec;border:1px solid #bfd2c8;border-radius:999px;color:#24443a;padding:.25rem .5rem}.search-field{display:grid;gap:.45rem}.search-field label{color:#33413a;font-size:.9rem;font-weight:800}.search-input{align-items:center;border:1px solid #9ea79d;border-radius:6px;display:flex;gap:.55rem;padding-left:.65rem}.search-input:focus-within{outline:3px solid #946820;outline-offset:2px}.search-input input{border:0;min-height:2.5rem;outline:0;padding-left:0}.search-controls{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(12rem,.35fr) minmax(18rem,1fr)}.result-summary{color:#526058;font-size:.9rem;margin:.8rem 0}.slot-cap-message{background:#fff7db;border:1px solid #e2c66a;border-radius:6px;color:#674a08;font-size:.9rem;margin:0 0 .75rem;padding:.6rem .75rem}.spell-results,.spell-list{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.spell-results li,.spell-list li{align-items:flex-start;border:1px solid #ddd8cc;border-radius:6px;display:flex;gap:.85rem;justify-content:space-between;padding:.8rem}.spell-row-main{display:grid;gap:.5rem;min-width:0;width:100%}.spell-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:space-between}.spell-title-row>div{display:grid;gap:.15rem;min-width:0}.spell-class-summary{color:#526058;font-size:.82rem;font-weight:800}.spell-results strong,.spell-list strong{color:#17201a}.spell-results p,.spell-list p{color:#33413a;margin:0}.spell-results span,.spell-list span{color:#526058;font-size:.85rem}.spell-detail-table{border:1px solid #d7d2c5;border-bottom:0;border-radius:6px;display:grid;margin:0;overflow:hidden}.spell-detail-table div{align-items:baseline;background:#fbfaf6;border-bottom:1px solid #d7d2c5;display:grid;gap:.55rem;grid-template-columns:5.75rem minmax(0,1fr);min-width:0;padding:.32rem .55rem}.spell-detail-table dt{color:#526058;font-size:.72rem;font-weight:800;text-transform:uppercase}.spell-detail-table dd{color:#17201a;font-size:.85rem;font-weight:700;margin:0;overflow-wrap:anywhere}.spell-details-text{background:#f6f4ee;border-left:3px solid #b9a56f;display:grid;gap:.25rem;padding:.55rem .65rem}.spell-details-text strong{color:#33413a;font-size:.78rem;text-transform:uppercase}.spell-details-text p{color:#33413a;font-size:.85rem}.spell-results .availability-badge,.spell-list .availability-badge,.spell-results .action-status{border:1px solid;border-radius:999px;font-size:.78rem;font-weight:800;line-height:1;padding:.3rem .5rem}.spell-results .availability-badge.available,.spell-list .availability-badge.available{background:#e8f0ec;border-color:#bfd2c8;color:#24443a}.spell-results .availability-badge.unavailable,.spell-list .availability-badge.unavailable,.spell-results .action-status{background:#f6f4ee;border-color:#d7d2c5;color:#526058}.source-link{color:#24443a;font-size:.82rem;font-weight:800}.compact-list{gap:.5rem}.icon-button{flex:0 0 auto;justify-content:center;min-height:2.25rem;padding:.45rem;width:2.25rem}.empty-row{border:1px dashed #c7c0b2;border-radius:6px;color:#526058;margin:.75rem 0 0;padding:.75rem}.warnings-panel{border-bottom:1px solid #ddd8cc;padding-bottom:1rem}.memorized-spells-section{display:grid;gap:.75rem}.warning-list{display:grid;gap:.6rem;list-style:none;margin:0;padding:0}.warning-list li{align-items:flex-start;border:1px solid;border-radius:6px;display:flex;gap:.65rem;padding:.75rem}.warning-list li.conflict{background:#fff0ed;border-color:#d27a67;color:#6d2418}.warning-list li.warning{background:#fff7db;border-color:#e2c66a;color:#674a08}.warning-list div{display:grid;gap:.3rem}.warning-list p{margin:0}.warning-list span{font-size:.82rem;font-weight:700}.unknown-spell-row{display:grid;gap:.2rem;min-width:0}.drawer-backdrop{background:#17201a8a;top:0;right:0;bottom:0;left:0;padding-right:2.5rem;position:fixed;z-index:10}.mobile-memorized-drawer{background:#fff;box-shadow:.35rem 0 1.5rem #17201a3d;display:grid;gap:1rem;height:100%;max-width:24rem;overflow-y:auto;padding:1rem;width:min(86vw,24rem)}.drawer-close-button{justify-self:start}@media(max-width:1120px){.controls-band{grid-template-columns:1fr}.controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.top-bar{align-items:stretch;flex-direction:column}.toolbar{justify-content:flex-start}.controls-grid,.search-controls{grid-template-columns:1fr}.planner-body{grid-template-columns:1fr;padding-bottom:5rem}.desktop-memorized-panel{display:none}.drawer-open-button{bottom:1rem;box-shadow:0 .35rem 1rem #17201a38;display:inline-flex;left:1rem;position:fixed;z-index:8}.drawer-open-button span{border-left:1px solid rgb(255 255 255 / 42%);padding-left:.55rem}.spell-search-panel{grid-column:1}.spell-results li,.spell-list li{align-items:stretch;flex-direction:column}.spell-title-row{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.toolbar{display:grid;grid-template-columns:1fr 1fr}.spell-detail-table div{grid-template-columns:1fr;gap:.15rem}.icon-button{width:100%}}