:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20242a;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#2c536314,#0000 340px),#f4f6f3;min-width:320px;margin:0}button,input,select{font:inherit;min-width:0}button{cursor:pointer}.app-shell{width:min(1560px,100% - 32px);margin:0 auto;padding:24px 0 48px}.app-header{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 22px;display:flex}.app-header h1,.section-title h2{letter-spacing:0;margin:0}.app-header h1{font-size:34px;line-height:1.08}.eyebrow{color:#657078;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.header-stat{background:#fff;border:1px solid #d9dfdc;border-radius:8px;grid-template-columns:24px auto;align-items:center;gap:2px 10px;min-width:170px;padding:12px;display:grid}.header-stat svg{color:#2f7d57;grid-row:span 2}.header-stat span{color:#69737b;font-size:12px}.header-stat strong{font-size:20px}.layout{grid-template-columns:minmax(720px,1.35fr) minmax(360px,.65fr);align-items:start;gap:16px;display:grid}.panel{background:#fffffff0;border:1px solid #d9dfdc;border-radius:8px;min-width:0;box-shadow:0 14px 40px #21272b0f}.control-panel,.result-panel,.optimizer-panel,.browser-panel{padding:18px}.section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-title svg{color:#2f647d}.control-grid,.browser-controls{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;display:grid}.browser-controls{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(145px,.9fr))}.field{gap:6px;display:grid}.field span,.computed span,.metric span{color:#657078;font-size:12px;font-weight:700}input,select{color:#20242a;background:#fff;border:1px solid #c9d1ce;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}select:disabled{color:#4f5b63;cursor:not-allowed;background:#eef3f4}.field-hint{color:#657078;font-size:12px;font-weight:700}.toggle-hint{align-items:center;gap:6px;margin-top:1px;display:inline-flex}input[type=checkbox]{accent-color:#2f7d57;width:16px;min-height:16px}.check-stack{gap:8px;display:grid}.armor-control{gap:6px;display:grid}.check-stack label,.inline-controls label,.slot-vanguard,.special-grid label,.status-control label{color:#2f363c;align-items:center;gap:8px;font-size:14px;display:inline-flex}.armor-control select{min-height:32px;padding-block:4px}.computed{background:#eef5f0;border:1px solid #cfe0d4;border-radius:8px;align-content:center;gap:4px;min-height:64px;padding:10px 12px;display:grid}.computed strong{font-size:22px}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0 12px;display:grid}.segmented button{color:#303941;background:#fff;border:1px solid #cbd3d0;border-radius:6px;min-height:38px;font-weight:700}.segmented button.active{color:#fff;background:#244b5f;border-color:#244b5f}.inline-controls{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:12px 0 14px;display:flex}.field.compact{min-width:220px}.action-button,.secondary-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-weight:800;display:inline-flex}.action-button{color:#fff;background:#244b5f;border:1px solid #244b5f}.action-button svg,.secondary-button svg{width:18px;height:18px}.secondary-button{color:#244b5f;background:#fff;border:1px solid #cbd3d0}.party-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.party-slot{background:#fbfcfb;border:1px solid #dce2df;border-radius:8px;align-content:start;gap:8px;min-height:152px;padding:10px;display:grid}.slot-elements,.pal-badges,.status-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge{color:#fff;letter-spacing:0;white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.element-badge,.status-badge{background:var(--badge-color)}.status-badge.muted{opacity:.45}.neutral-badge{background:#69737b}.advanced{border-top:1px solid #dce2df;margin-top:16px;padding-top:12px}.advanced summary{cursor:pointer;color:#244b5f;align-items:center;gap:8px;font-weight:800;display:inline-flex}.advanced-grid{grid-template-columns:1fr;gap:16px;margin-top:14px;display:grid}.advanced h3,.breakdown-grid h3,.optimizer-table h3{margin:0 0 10px;font-size:15px}.status-controls{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px;display:grid}.status-control{border:1px solid #dfe5e2;border-radius:8px;grid-template-columns:minmax(86px,1fr) max-content max-content max-content;align-items:center;gap:8px;min-width:0;min-height:38px;padding:7px;display:grid}.status-control label{white-space:nowrap}.status-control small{color:#a34b33;font-weight:800}.assumption{color:#5a646b;margin:12px 0;font-size:13px}.special-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.result-panel .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{background:#fbfcfb;border:1px solid #dce2df;border-radius:8px;align-content:center;gap:4px;min-height:78px;padding:12px;display:grid}.metric.strong{background:#eef8f1;border-color:#bfd9c9}.metric strong{font-size:24px;line-height:1.05}.breakdown-grid{grid-template-columns:minmax(280px,.8fr) minmax(300px,1fr);gap:16px;display:grid}.result-panel .breakdown-grid{grid-template-columns:1fr}.formula{overflow-wrap:anywhere;background:#f3f8f4;border-left:4px solid #2f7d57;border-radius:0 6px 6px 0;margin:0 0 10px;padding:8px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.breakdown-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.breakdown-list div{border-bottom:1px solid #e4e9e6;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.breakdown-list dt{color:#657078;font-weight:700}.breakdown-list dd{text-align:right;justify-items:end;gap:2px;margin:0;font-weight:800;display:grid}.breakdown-list dd small{color:#657078;overflow-wrap:anywhere;font-weight:700}.modifier-line{grid-template-columns:110px minmax(0,1fr);gap:10px;margin:0 0 8px;font-size:13px;display:grid}.modifier-line>span{color:#657078;font-weight:800}.modifier-line div{flex-wrap:wrap;gap:5px;display:flex}.modifier-line b{overflow-wrap:anywhere;background:#eef3f4;border-radius:6px;padding:4px 6px;display:inline-flex}.status-row{border-top:1px solid #e2e7e4;border-bottom:1px solid #e2e7e4;margin:16px 0;padding:10px 0}.status-row span{color:#657078;font-weight:800}.reason-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.result-panel .reason-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.reason{background:#fbfcfb;border:1px solid #dce2df;border-radius:8px;padding:9px}.reason strong{margin-bottom:6px;display:block}.reason ul,.notes ul{margin:0;padding-left:17px}.reason li{color:#4c575f;font-size:12px;line-height:1.35}.notes{color:#614a2c;background:#fff9ef;border:1px solid #ead7bd;border-radius:8px;grid-template-columns:20px minmax(0,1fr);gap:8px;margin-top:14px;padding:10px;font-size:13px;display:grid}.notes svg{margin-top:1px}.optimizer-panel,.browser-panel{margin-top:16px}.optimizer-leads{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.optimizer-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.result-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:0;display:block}.result-button:focus-visible,.action-button:focus-visible,.secondary-button:focus-visible,.segmented button:focus-visible{outline-offset:2px;outline:3px solid #2f7d5747}.empty-state{color:#657078;background:#fbfcfb;border:1px dashed #cbd3d0;border-radius:8px;align-items:center;min-height:132px;padding:12px;font-weight:700;display:grid}.optimized-summary{background:#fbfcfb;border:1px solid #dce2df;border-radius:8px;gap:8px;padding:12px;display:grid}.optimized-summary h3,.optimized-summary p{margin:0}.optimized-summary p{color:#38434a}.optimized-summary small,.compact-result span,.compact-result small{color:#66727a}.optimizer-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.optimizer-table{border:1px solid #dce2df;border-radius:8px;overflow:hidden}.optimizer-table h3{background:#f3f6f5;border-bottom:1px solid #dce2df;padding:12px}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{vertical-align:top;text-align:left;border-bottom:1px solid #edf1ef;padding:9px}th{color:#657078;text-transform:uppercase;font-size:12px}.compact-result{gap:2px;display:grid}.compact-result strong{color:#1d5139}.compact-result small{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.search-field{position:relative}.search-field svg{color:#748087;width:18px;height:18px;position:absolute;bottom:10px;left:10px}.search-field input{padding-left:34px}.pal-list{gap:10px;margin-top:14px;display:grid}.pal-row{background:#fbfcfb;border:1px solid #dce2df;border-radius:8px;padding:12px}.pal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pal-head h3,.pal-head p,.skill-text{margin:0}.pal-head h3 span{color:#657078;font-size:14px}.pal-head p{color:#3f4c53;font-weight:700}.skill-text{color:#3d464d;margin-top:8px;line-height:1.45}.pal-weakness-line{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.pal-weakness-line strong{color:#657078;text-transform:uppercase;font-size:12px}.pal-weakness-line span{color:#657078;font-size:13px}.browser-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.browser-meta div{border-top:1px solid #e1e7e4;padding-top:8px}.browser-meta strong{color:#657078;text-transform:uppercase;margin-bottom:4px;font-size:12px;display:block}.browser-meta p{color:#374249;margin:0 0 4px;font-size:13px}.weakness-badges{flex-wrap:wrap;gap:5px;display:flex}.pal-row details{margin-top:8px}.pal-row summary{cursor:pointer;color:#244b5f;font-weight:800}pre{white-space:pre-wrap;background:#eef3f4;border-radius:6px;max-width:100%;padding:10px;font-size:12px;overflow:auto}@media (width<=1180px){.layout,.advanced-grid,.breakdown-grid,.optimizer-tables{grid-template-columns:1fr}.party-grid,.reason-grid,.browser-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.app-shell{width:min(100% - 20px,1560px);padding-top:10px}.app-header,.pal-head{display:grid}.app-header h1{font-size:28px}.control-grid,.browser-controls,.metric-grid,.optimizer-leads,.browser-meta,.status-controls,.special-grid,.party-grid,.reason-grid{grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.status-control{grid-template-columns:1fr}.optimizer-table{overflow-x:auto}table{min-width:660px}}