: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.5rem;padding:.55rem .8rem;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:1.5rem;justify-content:space-between;padding:1.25rem clamp(1rem,4vw,3rem)}.eyebrow{color:#cbbf9a;font-size:.8rem;font-weight:700;letter-spacing:0;margin:0 0 .15rem;text-transform:uppercase}h1,h2,h3{letter-spacing:0;line-height:1.15;margin:0}h1{font-size:clamp(1.75rem,3vw,2.6rem)}h2{font-size:1rem}h3{font-size:.95rem}.toolbar,.section-heading,.subsection-heading{align-items:center;display:flex;gap:.75rem}.workspace{display:grid;gap:1rem;grid-template-columns:minmax(18rem,.95fr) minmax(18rem,.8fr) minmax(20rem,1fr);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}.source-line{align-items:center;color:#526058;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.45rem;margin-top:.7rem}.source-line.compact{margin-top:0}.source-line a{color:#24443a;font-weight:700}.source-badge{border:1px solid;border-radius:999px;font-size:.72rem;font-weight:800;line-height:1;padding:.25rem .45rem;text-transform:uppercase}.source-badge.verified{background:#e8f0ec;border-color:#bfd2c8;color:#24443a}.source-badge.uncertain{background:#fff7db;border-color:#e2c66a;color:#674a08}.source-badge.provisional{background:#fff0ed;border-color:#d27a67;color:#6d2418}.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}.loadout-list{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.loadout-list li{align-items:center;border:1px solid #ddd8cc;border-radius:6px;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem}.level-field{max-width:5rem}.planner-panel .level-field{display:block}.level-field input{min-height:2.25rem;padding-inline:.55rem;text-align:right}.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}.status-grid{display:grid;gap:.65rem;grid-template-columns:repeat(4,minmax(0,1fr))}.status-grid div{background:#f6f4ee;border:1px solid #d7d2c5;border-radius:6px;display:grid;gap:.25rem;min-width:0;padding:.75rem}.status-grid strong{color:#24443a;font-size:1.25rem;line-height:1}.status-grid span{color:#526058;font-size:.8rem;font-weight:700}.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:.9rem 0 0;padding:.75rem}.spell-search-panel{grid-column:1 / -1}.search-field{display:grid;gap:.45rem;margin-top:1rem}.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}.result-summary{color:#526058;font-size:.9rem;margin:.8rem 0}.spell-results,.spell-list{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.spell-results li,.spell-list li{align-items:center;border:1px solid #ddd8cc;border-radius:6px;display:flex;gap:.85rem;justify-content:space-between;padding:.8rem}.spell-row-main,.spell-list li div{display:grid;gap:.35rem;min-width:0}.spell-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.spell-results strong,.spell-list strong{color:#17201a}.spell-results p{color:#33413a;margin:0}.spell-results span,.spell-list span{color:#526058;font-size:.85rem}.spell-meta{display:flex;flex-wrap:wrap;gap:.4rem}.spell-meta span{background:#f6f4ee;border:1px solid #d7d2c5;border-radius:999px;padding:.2rem .45rem}.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}.stacking-panel{border-top:1px solid #ddd8cc;margin-top:1rem;padding-top:1rem}.stacking-list{display:grid;gap:.6rem;list-style:none;margin:0;padding:0}.stacking-list li{align-items:flex-start;border:1px solid;border-radius:6px;display:flex;gap:.65rem;padding:.75rem}.stacking-list li.conflict{background:#fff0ed;border-color:#d27a67;color:#6d2418}.stacking-list li.warning{background:#fff7db;border-color:#e2c66a;color:#674a08}.stacking-list div{display:grid;gap:.3rem}.stacking-list p{margin:0}.stacking-list span{font-size:.82rem;font-weight:700}@media(max-width:960px){.top-bar,.toolbar{align-items:stretch;flex-direction:column}.toolbar{flex-direction:row}.workspace{grid-template-columns:1fr}}@media(max-width:560px){.field-grid,.status-grid,.toolbar{grid-template-columns:1fr}.toolbar{display:grid}.spell-results li,.spell-list li{align-items:stretch;flex-direction:column}.icon-button{width:100%}}