:root{color:#29251d;font-synthesis:none;text-rendering:optimizelegibility;background:#e9e1d1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:linear-gradient(#f6f1e6 0,#e9e1d1 52%,#dfd3bd 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.app-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:1rem}.topbar,.page-heading,.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.profile-actions{align-items:center;gap:10px;display:flex}.topbar{padding:.5rem .25rem 1rem}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-family:Georgia,serif;font-size:clamp(1.6rem,6vw,2.3rem)}h2{margin-bottom:0;font-family:Georgia,serif;font-size:clamp(1.5rem,5vw,2rem)}.eyebrow{color:#765b2b;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem;font-weight:800}.save-state,.tag{background:#f2ead9;border:1px solid #bcae91;border-radius:999px;padding:.3rem .65rem;font-size:.78rem}.primary-nav{z-index:3;background:#f8f4eaf5;border:1px solid #bcae91;border-radius:.75rem;grid-template-columns:repeat(8,minmax(0,1fr));gap:.15rem;padding:.25rem;display:grid;position:sticky;top:0;box-shadow:0 4px 14px #30271116}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;min-width:1450px;font-size:.86rem}.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;border-bottom:1px solid #ded5c2;padding:.65rem .8rem}.table-scroll th:first-child{min-width:180px}.table-scroll th:nth-last-child(2){min-width:150px}.table-scroll th:last-child{white-space:normal;min-width:360px}.recruitment-table th,.recruitment-table td{text-align:center}.recruitment-table th:first-child,.recruitment-table td:first-child,.recruitment-table th:last-child,.recruitment-table td:last-child{text-align:left}.table-scroll .recruitment-table{table-layout:fixed;box-sizing:border-box;width:100%;min-width:0}.table-scroll .recruitment-table th,.table-scroll .recruitment-table td{box-sizing:border-box;white-space:normal;min-width:0}.table-scroll .recruitment-table th:first-child,.table-scroll .recruitment-table td:first-child{width:18%}.table-scroll .recruitment-table th:not(:first-child),.table-scroll .recruitment-table td:not(:first-child){width:10.25%}.table-scroll .recruitment-table th:not(:first-child){text-align:center}.primary-nav button{color:#51452f;white-space:nowrap;background:0 0;border:0;border-radius:.5rem;min-width:0;min-height:44px;font-size:.86rem}.primary-nav button.active{color:#fffaf0;background:#443a27}.recipe-category{gap:.75rem;display:grid}.recipe-search{max-width:32rem}.recipe-category h2{margin-bottom:0}.recipe-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem;display:grid}.recipe-card h3{margin-bottom:.5rem}.recipe-card p{line-height:1.45}.recipe-card ul{margin:.35rem 0 0;padding-left:1.25rem}.recipe-option+.recipe-option{margin-top:.4rem}.recipe-or{font-weight:800;margin:.35rem 0 0!important}main{padding:1.25rem 0 3rem}.brother-detail-sticky-header{z-index:2;background:#fffdf7;border:1px solid #c9bda4;border-radius:.7rem;margin-inline:-.25rem;padding:.75rem 1rem;position:sticky;top:4.5rem;box-shadow:0 4px 14px #30271118}.brother-detail-sticky-header .page-heading{gap:.75rem}.brother-detail-sticky-header>p{margin:.35rem 0 0}.page-stack{gap:1rem;display:grid}button,.button-like{color:#29251d;min-height:42px;font:inherit;cursor:pointer;background:#fffdf7;border:1px solid #8d7a55;border-radius:.45rem;padding:.55rem .8rem;font-weight:700}button:hover,button:focus-visible,.button-like:hover{border-color:#2e5948;box-shadow:0 0 0 2px #2e594833}button.primary{color:#fff;background:#2e5948;border-color:#2e5948}.text-button{background:0 0;border:0;justify-self:start;padding-left:0}.danger-button{color:#812e20;border-color:#934231}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:.8rem;display:grid}.roster-card{color:#29251d;text-align:left;cursor:pointer;background:#fffdf7;border:1px solid #8d7a55;border-radius:.45rem;align-content:start;gap:.65rem;min-height:160px;padding:1rem;display:grid}.card-title{justify-content:space-between;gap:1rem;font-size:1.1rem;display:flex}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.data-warning{color:#7b421e;font-size:.85rem;font-weight:700}.panel,.empty-state,.notice,.danger-zone,.removed-list{background:#fffdf7;border:1px solid #c9bda4;border-radius:.7rem;padding:1rem;box-shadow:0 4px 14px #3027110c}.empty-state{text-align:center;padding:2rem 1rem}.notice{justify-content:space-between;align-items:center;gap:1rem;display:flex}.notice p{margin:.25rem 0 0}.notice.warning{border-left:5px solid #b97722}.notice.success{border-left:5px solid #2e7957}.notice.danger,.danger-zone{border-left:5px solid #a34835}.danger-zone{background:#fff8f3;flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.danger-zone h3,.danger-zone p{flex-basis:100%;margin-bottom:0}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:.8rem;display:grid}.stat-list{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.stat-list span{border-bottom:1px solid #e7decb;grid-template-columns:1fr auto;gap:.15rem .5rem;padding:.45rem;display:grid}.stat-list small{color:#6d6250;grid-column:1/-1}.profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-perk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.profile-perk-grid span{background:#f3ecde;border:1px solid #e7decb;border-radius:.35rem;padding:.45rem}.target-comparison{border:1px solid #e7decb;border-radius:.45rem;margin-top:.8rem;overflow:hidden}.target-row{border-top:1px solid #e7decb;grid-template-columns:1.2fr repeat(5,minmax(0,1fr));align-items:center;gap:.35rem;padding:.45rem .55rem;font-size:.86rem;display:grid}.target-row:first-child{border-top:0}.target-header{color:#6d6250;background:#f2ecdf;font-size:.72rem;font-weight:700}.target-row span:nth-child(2){font-weight:700}.recommendation-section{gap:1rem;display:grid}.recommendation-heading,.recommendation-title{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.recommendation-heading h3,.recommendation-title h4{margin-bottom:.2rem}.recommendation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.7rem;display:grid}.recommendation-card{background:#fff;border:1px solid #b9aa8d;border-left:5px solid #2e5948;border-radius:.55rem;gap:.75rem;padding:.9rem;display:grid}.recommendation-card.compact{border-left-width:3px}.recommendation-card p{margin:0;font-size:.88rem}.recommendation-title small{color:#765b2b;text-transform:uppercase;font-weight:800}.score-badge{color:#244b3c;text-align:center;background:#e3eee7;border-radius:.45rem;min-width:70px;padding:.4rem;font-size:.72rem;font-weight:800;display:grid}.score-badge b{font-size:1.25rem}.projection-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.35rem;display:grid}.projection-row span{background:#f3ecde;border-radius:.35rem;padding:.4rem;display:grid}.projection-row small{color:#6d6250}.recommendation-note{color:#7b421e}.equipment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.equipment-detail-column{align-content:start;gap:.75rem;display:grid}.modal-backdrop{z-index:10;background:#17140dbd;place-items:center;padding:.75rem;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#faf6ec;border-radius:.8rem;width:min(760px,100%);max-height:calc(100vh - 1.5rem);padding:1rem;overflow-y:auto;box-shadow:0 20px 60px #0007}.modal-draggable{will-change:transform}.modal-draggable .modal-header{cursor:grab}.modal-draggable .modal-header:active{cursor:grabbing}.level-up-action{margin-top:.75rem;margin-bottom:.5rem}.perk-plan-recommendation-action{margin-top:.4rem;margin-bottom:.4rem;display:inline-block}.panel p>button{margin-top:.4rem;margin-bottom:.4rem}.strip-armour-help{margin-top:.6rem}.famed-summary{color:#5d4a2d;align-items:center;min-height:42px;padding:.4rem .7rem;font-size:.9rem;display:flex}.modal-backdrop{z-index:20;background:#17130dcc;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fffdf7;border:1px solid #c9bda4;border-radius:.7rem;gap:.7rem;width:min(28rem,100%);max-height:calc(100vh - 2rem);padding:1rem;display:grid;overflow:auto;box-shadow:0 8px 30px #30271133}.modal-header{border-bottom:1px solid #d2c6ad;padding-bottom:.75rem}.modal-header button{background:0 0;border:0;font-size:1.5rem}.choice-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.choice-grid button{place-content:center;gap:.4rem;min-height:140px;font-size:1.5rem;display:grid}.choice-grid span{font-size:.8rem;font-weight:400}.stepper{grid-template-columns:repeat(4,1fr);gap:.3rem;padding:0;font-size:.78rem;list-style:none;display:grid}.stepper li{border-bottom:3px solid #cbbfa7;padding:.5rem .2rem}.stepper li.active{border-color:#2e5948;font-weight:800}.form-stack{gap:1rem;display:grid}.field-grid,.inline-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.inline-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;position:relative}.catalogue-results{z-index:4;background:#fffdf7;border:1px solid #9e9074;border-radius:.35rem;width:min(280px,100% - 2rem);max-height:17rem;position:absolute;top:4.35rem;left:1rem;overflow-y:auto;box-shadow:0 8px 20px #3027112b}.catalogue-results button{text-align:left;border:0;border-radius:0;width:100%;min-height:2.25rem;padding:.4rem .6rem;font-size:.86rem;display:block}.catalogue-results button:hover,.catalogue-results button:focus-visible{box-shadow:none;background:#e3eee7}label{color:#4e4432;gap:.35rem;font-size:.86rem;font-weight:700;display:grid}input,select,textarea{box-sizing:border-box;color:#211f1a;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #9e9074;border-radius:.35rem;padding:.55rem}textarea{resize:vertical;min-height:84px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#2e5948;outline:3px solid #2e594844}label.wide,.field-error{grid-column:1/-1}label.check,label.toggle{align-items:center;gap:.55rem;display:flex}label.check input,label.toggle input{width:1.15rem;min-height:1.15rem}.stat-entry{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.stat-entry fieldset{border:1px solid #c5b89f;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.stat-entry legend{padding:0 .3rem;font-weight:800}.review-card{background:#fff;border-left:5px solid #2e5948;padding:1rem}.modal-actions{padding-top:1rem}.file-drop{cursor:pointer;background:#fffdf7;border:2px dashed #8d7a55;border-radius:.6rem;place-items:center;min-height:110px;display:grid}.file-drop input{width:auto}.image-list{gap:.4rem;display:grid}.image-list div{background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.4rem;display:grid}.image-list img{object-fit:cover;border-radius:.35rem;width:64px;height:64px}.button-like{align-items:center;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.inventory-list{gap:.65rem;display:grid}.inventory-controls{grid-template-columns:2fr repeat(3,1fr);gap:.65rem;display:grid}.equipment-group-row{text-align:left;background:#fffdf7;border:1px solid #c9bda4;border-radius:.6rem;grid-template-columns:minmax(0,1.5fr) 1fr 1.5fr auto;align-items:center;gap:.65rem;width:100%;padding:.75rem;display:grid}.equipment-group-row>button:first-child{text-align:left;cursor:pointer;background:0 0;border:0;gap:.2rem;padding:0;display:grid}.equipment-group-row small{color:#6b604d}.equipment-recommendation{justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;display:flex}.equipment-recommendation strong{overflow-wrap:anywhere}.quantity-controls{white-space:nowrap;align-items:center;gap:.45rem;display:flex}.quantity-controls button{min-width:2rem;padding:.25rem .5rem}.quantity-controls span{text-align:center;min-width:1.5rem;font-weight:700}.inventory-header{color:#6b604d;grid-template-columns:minmax(0,1.5fr) 1fr .5fr 1.2fr;gap:.65rem;padding:0 .75rem;font-size:.8rem;display:grid}.equipment-instances{gap:.45rem;padding:.45rem 0 .45rem 1rem;display:grid}.level-up-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.equipment-row{background:#fffdf7;border:1px solid #c9bda4;border-radius:.6rem;grid-template-columns:minmax(160px,1.4fr) minmax(140px,1fr) repeat(2,minmax(120px,1fr)) auto auto;align-items:end;gap:.65rem;padding:.75rem;display:grid}.equipment-row>div:first-child{gap:.25rem;display:grid}.equipment-row>div:first-child span{color:#6b604d;font-size:.8rem}.equipment-status-stack{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.field-error{color:#9a3020;margin:0;font-weight:700}.formation-controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.formation-controls label:first-child{min-width:220px}.formation-brother-controls{gap:.55rem;display:grid}.formation-brother-controls h3,.formation-control-help{margin:0}.formation-control-help{color:#6b5b42;font-size:.82rem}.formation-brother-grid{grid-template-columns:repeat(6,minmax(90px,1fr));gap:.45rem;display:grid}.formation-brother-toggle{color:#4d402c;text-align:center;cursor:pointer;background:#f7f0e3;border:1px solid #8d7a55;border-radius:.45rem;place-content:center;gap:.12rem;min-height:48px;padding:.35rem .45rem;display:grid}.formation-brother-toggle.selected{color:#234536;background:#edf4ec;border-color:#2e5948}.formation-brother-toggle.unavailable{color:#928977;cursor:not-allowed;opacity:.65;background:#e8e1d5;border-color:#b9ad98}.formation-brother-toggle small{font-size:.68rem}.formation-message{color:#8e3e28;margin:0;font-size:.84rem;font-weight:700}.formation-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);align-items:start;gap:1rem;display:grid}.formation-board{background:linear-gradient(#e9dfca 49%,#f3ead8 50%);border:1px solid #bcae91;border-radius:.65rem;min-height:390px;position:relative;overflow:hidden}.formation-board:before{content:"";border-top:1px dashed #9c8a69;position:absolute;inset:50% 4% auto}.formation-rank{color:#716044;text-transform:uppercase;font-size:.72rem;font-weight:800;position:absolute;left:.7rem}.formation-rank.front{top:.7rem}.formation-rank.back{bottom:.7rem}.formation-slot{z-index:1;text-align:center;background:#fffdf7;border:2px solid #675438;border-radius:.55rem;place-content:center;width:74px;min-height:48px;padding:.25rem;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 5px #3326112b}.formation-slot.occupied{background:#edf4ec;border-color:#2e5948}.formation-slot.empty{color:#816f51;background:#f7f0e3;border-style:dashed;border-color:#a79678}.formation-slot small{color:#5c523f;text-overflow:ellipsis;white-space:nowrap;max-width:68px;font-size:.62rem;overflow:hidden}.formation-slot.wedge-point{background:#fff1df;border-width:3px;border-color:#9a432c;box-shadow:0 0 0 3px #9a432c22,0 3px 7px #33261138}.formation-arrows{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.formation-arrows line{stroke:#9a432c;stroke-width:1.35px;stroke-dasharray:3 2}.formation-arrows path{fill:#9a432c}.formation-summary{gap:.8rem;display:grid}.formation-summary p{margin:0}.formation-facts{gap:.45rem;display:grid}.formation-facts span{background:#f3ecde;border-radius:.35rem;padding:.45rem;font-size:.84rem;font-weight:700}.formation-opening-moves{gap:.6rem;display:grid}.formation-opening-moves h3{margin:0}.formation-opening-moves img{border-radius:.45rem;width:100%;max-width:900px;height:auto;display:block}@media (width<=720px){.table-scroll .recruitment-table{min-width:960px}.target-comparison{border:0;overflow:visible}.target-header{display:none}.target-row{grid-template-columns:1fr 1fr;gap:.25rem .7rem;padding:.6rem 0}.target-row span:nth-child(n+3){color:#6d6250;font-size:.78rem}.target-row span:nth-child(3):before{content:"Min ";font-weight:700}.target-row span:nth-child(4):before{content:"Strong ";font-weight:700}.target-row span:nth-child(5):before{content:"Exceptional ";font-weight:700}.target-row span:nth-child(6){grid-column:1/-1;font-weight:700}.inventory-controls{grid-template-columns:1fr 1fr}.inventory-header{display:none}.equipment-group-row{grid-template-columns:1fr auto}.equipment-group-row small{grid-column:1/-1}.app-shell{padding:.65rem}.brother-detail-sticky-header{margin-inline:0;padding:.65rem;top:3.8rem}.save-state{display:none}.primary-nav{margin-inline:-.2rem}.primary-nav button{padding-inline:.25rem;font-size:.78rem}.choice-grid,.field-grid,.stat-entry,.equipment-detail-grid{grid-template-columns:1fr}.profile-stat-grid,.profile-perk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stepper{grid-template-columns:repeat(2,1fr)}.equipment-row{grid-template-columns:1fr 1fr}.equipment-row>div:first-child,.equipment-row>.tag-row{grid-column:1/-1}.modal-actions{flex-wrap:wrap}.formation-layout{grid-template-columns:1fr}.formation-board{min-height:350px}.formation-slot{width:60px;min-height:44px}.formation-brother-grid{grid-template-columns:repeat(3,minmax(85px,1fr))}}@media (width<=420px){.primary-nav button{font-size:.68rem}.page-heading{align-items:flex-end}.equipment-row,.profile-stat-grid,.profile-perk-grid{grid-template-columns:1fr}.equipment-row>*{grid-column:1!important}}.exceptional-potential b{color:#238447}.potential-key{color:#238447;font-size:.85rem}.recruitment-table .recruitment-rating--strong{color:#238447;font-weight:800}.recruitment-table .recruitment-rating--promising{color:#a86616;font-weight:800}