.craft-page .craft-banner{min-height:78px;padding:12px 21px;margin-bottom:10px}.craft-page .craft-banner h1{font-size:1.5rem;margin:4px 0}.craft-page .craft-banner p{font-size:.65rem;margin:0}.craft-page .reference-count{padding:4px 10px}.craft-page .reference-count strong{font-size:1.6rem}
.craft-discovery{margin:0 0 13px;min-width:0}.craft-discovery-heading{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin-bottom:5px}.craft-discovery-heading>span{font-size:.62rem;color:#b9b5a4}.craft-discovery-heading>div{display:flex;gap:4px}.craft-discovery-heading .icon-button{width:25px;height:23px;padding:3px}.craft-discovery-heading .icon{width:15px;height:15px}
.craft-group-rail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a18c6e #172126;overscroll-behavior-x:contain;padding:2px 1px 5px}.craft-group{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:64px;padding:9px;background:linear-gradient(135deg,#2b3235,#1d252a);border:1px solid #455358;border-radius:7px;text-align:left;color:#d0d0be;cursor:pointer;transition:background .18s,border-color .18s}.craft-group:after{content:'';position:absolute;right:4px;top:4px;width:7px;height:7px;border-top:1px solid #647171;border-right:1px solid #647171}.craft-group:hover{background:#343b3c;border-color:#9c8764}.craft-group.selected{border-color:#c7a271;background:linear-gradient(140deg,#54412b,#2b3030);box-shadow:inset 0 -2px #ba9768}.craft-group>.item-art{width:36px;height:38px;flex-shrink:0}.craft-group>.item-art img{max-width:100%;max-height:100%}.craft-group>span:last-child{min-width:0}.craft-group strong{display:block;font-size:.62rem;line-height:1.3;font-weight:500}.craft-group small{display:block;font-size:.5rem;color:#93a7a8;margin-top:5px;white-space:nowrap}.craft-group.selected small{color:#c1bba3}.all-recipe-art{display:grid;place-items:center;width:34px;height:36px;flex-shrink:0;color:#cbb287}.all-recipe-art .icon{width:25px;height:25px}
.craft-layout{height:calc(100dvh - 525px);min-height:410px}.recipe-detail-heading{height:80px;min-height:80px;flex-shrink:0;padding:10px 15px}.recipe-detail-heading>.item-art{height:43px;width:43px}.recipe-detail-heading h3{font-size:1.02rem}.recipe-tabs{flex-shrink:0}.recipe-tabs button{padding:10px 0}.flow-panel .horizontal-tree{min-height:175px}
.store-cover .button-row{gap:12px;margin-top:12px}.store-cover .button-row>.badge{font-size:.53rem;white-space:normal}.store-cover .button-row>.button{font-size:.72rem;min-height:35px}.store-cover .eyebrow{font-size:.51rem}.store-cover .store-tagline{margin-bottom:6px}
.detail-dialog:has(.wardrobe){width:min(1060px,calc(100vw - 32px));max-width:1060px;padding:0}.detail-dialog:has(.wardrobe) .dialog-heading{padding:17px 22px}.detail-dialog:has(.wardrobe) #dialog-body{padding:0}.wardrobe{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:510px;max-height:74dvh}.wardrobe-board{padding:21px;border-right:1px solid #454f50;background:linear-gradient(#192128dd,#121a21f5),url('./outfitter.webp') center/cover;min-width:0;overflow:auto;scrollbar-width:thin}.wardrobe-board>.eyebrow{font-size:.51rem;letter-spacing:.16em;color:#bda47d}.wardrobe-board h3{font:400 1.6rem Georgia,serif;color:#e3d1ae;margin:10px 0}.wardrobe-board>p{font-size:.67rem;line-height:1.6;color:#a2b4b7}.outfit-slots{display:flex;flex-direction:column;gap:9px;margin:17px 0}.outfit-slot{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:65px;background:#182229de;border:1px solid #485954;border-radius:7px;padding:9px 12px;cursor:pointer}.outfit-slot.active{border-color:#bd9e6c;background:#35372d}.outfit-slot>.item-art{width:39px;height:42px}.outfit-slot>span:last-child{flex:1;min-width:0}.outfit-slot small{display:block;font-size:.52rem;color:#b6a887;letter-spacing:.1em;text-transform:uppercase}.outfit-slot strong{display:block;font-size:.7rem;line-height:1.4;color:#d2d0b9;margin-top:4px;overflow-wrap:anywhere}.wardrobe-board>.button{width:100%;font-size:.75rem}.wardrobe-board>.source-note{font-size:.59rem;margin-top:11px;line-height:1.6}.wardrobe-browser{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#1b2429}.wardrobe-toolbar{padding:18px 20px 12px;display:flex;align-items:center;gap:14px}.wardrobe-toolbar>div{flex:1}.wardrobe-toolbar h3{font-size:1.12rem;color:#dfd0b7;margin:0 0 6px}.wardrobe-toolbar small{font-size:.58rem;color:#9baeae}.wardrobe-toolbar button{border:0;background:none;font-size:.64rem;cursor:pointer}.wardrobe-search{padding:0 20px 12px;font-size:.59rem;color:#a3b6b5}.wardrobe-search input{height:38px;font-size:.73rem}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:3px 20px 18px;overflow:auto;min-height:0;scrollbar-width:thin;align-content:start}.wardrobe-choice{display:flex;align-items:center;flex-direction:column;text-align:center;padding:13px 10px;background:linear-gradient(140deg,#29353b,#202b31);border:1px solid #45575b;border-radius:7px;cursor:pointer;min-width:0;min-height:125px;color:#d3ceb9}.wardrobe-choice.selected{background:#353a30;border-color:#c19c67}.wardrobe-choice>.item-art{width:63px;height:63px;margin-bottom:10px}.wardrobe-choice strong{font-size:.65rem;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.wardrobe-choice small{font-size:.51rem;margin-top:6px;color:#b3b8a1}.wardrobe-grid>.empty-state{grid-column:1/-1}.wardrobe-grid>.source-note{grid-column:1/-1}.wardrobe-status{padding:12px 20px;margin:0;border-top:1px solid #3c4b4e;font-size:.61rem;color:#bcb39a;line-height:1.6;margin-top:auto}
@media(min-width:1651px){.craft-discovery-heading>div{visibility:hidden}}
@media(max-width:1650px){.craft-group-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:156px}.craft-group strong{font-size:.66rem}.craft-group>.item-art{width:41px}.craft-layout{height:calc(100dvh - 525px);min-height:410px}}
@media(max-width:1100px){.craft-layout{height:490px;max-height:none}.wardrobe{grid-template-columns:240px minmax(0,1fr)}.wardrobe-board{padding:17px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.craft-page .craft-banner{min-height:87px;padding:14px 17px}.craft-page .craft-banner h1{font-size:1.4rem}.craft-group-rail{grid-auto-columns:152px}.craft-layout{height:auto;min-height:0}.craft-detail{max-height:none}.recipe-detail-heading{min-height:80px;height:auto}.recipe-tabs{padding-inline:10px}.craft-group strong{font-size:.65rem}.store-cover .button-row{align-items:flex-start}.store-cover .button-row>.button{font-size:.72rem}.wardrobe{display:flex;flex-direction:column;max-height:78dvh;min-height:0;overflow:auto}.wardrobe-board{padding:15px;border-right:0;border-bottom:1px solid #46514e;overflow:visible;background-size:cover}.wardrobe-board h3{font-size:1.3rem;margin:7px 0}.wardrobe-board>p{font-size:.6rem;margin:5px 0}.outfit-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0}.outfit-slot{gap:7px;padding:7px;min-height:66px}.outfit-slot>.item-art{width:29px;height:34px}.outfit-slot strong{font-size:.57rem}.outfit-slot small{font-size:.45rem}.wardrobe-board>.button{min-height:35px}.wardrobe-board>.source-note{margin-bottom:0}.wardrobe-browser{overflow:visible;min-height:350px;flex-shrink:0}.wardrobe-toolbar{padding:15px}.wardrobe-search{padding:0 15px 12px}.wardrobe-grid{padding:0 15px 15px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;min-height:200px}.wardrobe-choice{min-height:110px;padding:9px}.wardrobe-choice>.item-art{height:48px;width:48px}.wardrobe-choice strong{font-size:.59rem}.wardrobe-status{font-size:.57rem;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.craft-group{transition:none}}
.store-cover>.store-outfit-teaser{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:160px;max-width:160px;flex-shrink:0;background:#141d23;padding:10px;border:1px solid #4e5d5c;border-radius:9px}.store-outfit-teaser>.item-art{width:61px;height:59px;background:radial-gradient(#62513640,transparent);border:1px solid #34444a;border-radius:5px}.store-cover>div:first-child{max-width:none;flex:1}.store-page .campaign-card p{min-height:1.5em;line-height:1.5;font-size:.66rem}.store-page .store-section-heading h3{font-size:1rem}.store-page .store-section-heading p{font-size:.71rem}.store-page .store-section-heading>.text-link{display:flex;gap:10px;align-items:center;font-size:.69rem}.store-page .store-section-heading>.text-link>.icon{width:16px;height:16px}
.events-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:97px;padding:17px 23px;border:1px solid #535950;border-radius:9px;background:linear-gradient(115deg,#2c302e,#1b272e)}.events-heading .eyebrow{font-size:.52rem;color:#b6a17c}.events-heading h1{font-size:1.7rem;font-weight:550;color:#e2d4b9;margin:6px 0}.events-heading p{font-size:.73rem;color:#a4b8b8;margin:0}.events-heading>.badge{font-size:.56rem;white-space:normal;line-height:1.6}.events-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.events-filters>.button{font-size:.65rem;min-height:33px}.events-filters>.button[aria-pressed=true]{background:#4d412f;color:#e0c69c;border-color:#a28559}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.campaign-grid .campaign-card{padding:12px 16px}.campaign-grid .collection-art{height:122px;margin-bottom:9px}.campaign-grid .campaign-card>small{margin-top:7px}.campaign-grid .campaign-card h3{font-size:1.23rem;margin:5px 0}.campaign-grid .campaign-card p{font-size:.64rem;line-height:1.6;margin:0 0 10px}.campaign-grid .campaign-card .text-link{font-size:.6rem}.campaign-preview .campaign-detail{padding-top:17px;border-top:1px solid #45534e;color:#94a8a9;font-size:.72rem}.events-page>.source-note{font-size:.65rem;margin:13px 0 0}.campaign-preview>img{opacity:1;filter:none;mix-blend-mode:normal;background:#000}
@media(max-width:1250px){.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.events-heading{display:block}.events-heading>.badge{margin-top:12px}.store-page .store-section-heading>.text-link{margin-top:12px}}
@media(max-width:760px){.store-cover>.store-outfit-teaser{width:100%;max-width:100%;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;margin-top:8px}.store-outfit-teaser>.item-art{width:100%;height:52px}.events-heading{padding:18px}.events-heading h1{font-size:1.5rem}.events-heading p{line-height:1.6}.events-filters{gap:6px}.events-filters>.button{font-size:.6rem;flex:1;white-space:nowrap}.campaign-grid{grid-template-columns:1fr}.campaign-grid .campaign-card{padding:17px}.campaign-grid .collection-art{height:170px}.campaign-grid .campaign-card h3{font-size:1.4rem}.campaign-grid .campaign-card p{font-size:.7rem}.events-page>.source-note{font-size:.61rem;line-height:1.8}.store-page .store-section-heading>.text-link{font-size:.69rem}}

.wardrobe{height:min(650px,74dvh)}.wardrobe-browser,.wardrobe-board{min-height:0}.wardrobe-grid{flex:1}.wardrobe-status{flex-shrink:0}@media(max-width:760px){.wardrobe{height:auto}.wardrobe-browser{min-height:350px}.wardrobe-grid{flex:auto}}
