.ux-life .ux-context{padding:10px 14px;background:#f0efdf;border-left:3px solid #829765;border-radius:0 8px 8px 0;font-size:14px;line-height:1.6;color:#4d5948}
.ux-life .section-heading h1{font-size:26px}.ux-life .section-heading{margin-bottom:12px!important;min-height:40px!important}.ux-life .eyebrow{letter-spacing:.12em;font-size:12px;color:#7c765f}
.ux-life .section-tabs{gap:8px;margin-bottom:16px;border-bottom:1px solid #d4ccb7;padding-bottom:10px;flex-wrap:wrap}
.ux-life .section-tabs button{min-height:42px;font-size:14px;padding:9px 18px;background:#fbf8ee;border:1px solid #d3c8b0;border-radius:9px;color:#584b39}
.ux-life .section-tabs button.selected,.ux-life .section-tabs button[aria-selected=true]{background:#526f56;color:#fffdf2;border-color:#526f56;box-shadow:0 3px 0 #344d3b}
.ux-life button:focus-visible,.ux-life a:focus-visible,.ux-life select:focus-visible{outline:3px solid #3b899c;outline-offset:3px}
.ux-life button:disabled{opacity:.55;cursor:not-allowed}.ux-life [hidden]{display:none!important}
.ux-life .ux-camp-overview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px;align-items:start}
.ux-life .ux-camp-landscape{min-width:0}.ux-life .ux-camp-menu h2{font-size:20px;margin:0 0 12px}
.ux-life .ux-camp-landscape .camp-scene-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;padding:0}
.ux-life .ux-camp-landscape .camp-scene-heading h2{font-size:16px;margin:0}.ux-life .ux-camp-landscape .camp-scene-heading>span,.ux-life .ux-camp-landscape .camp-scene-heading>p{display:none}
.ux-life .ux-camp-landscape .camp-view-controls{margin-left:auto}.ux-life .ux-camp-landscape .camp-view-controls button{min-height:30px!important;font-size:12px}
.ux-life .ux-camp-landscape .camp-building-list,.ux-life .ux-camp-landscape .camp-equipment-heading,.ux-life .ux-camp-landscape .camp-resident-list{display:none}
.ux-life .ux-camp-landscape .camp-scroll-note{font-size:12px;margin:6px 0}.ux-life .camp-scene{margin:0;background:transparent;border:0;padding:0}
.ux-life .ux-entries{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ux-life .ux-entry{display:flex;align-items:center;gap:10px;padding:16px 12px;min-height:98px;background:#fcf9ee;border:1px solid #cfc1a7;border-radius:12px;box-shadow:0 3px 0 #dfd5c0;text-align:left;color:#514431}
.ux-life .ux-entry:hover{background:#edf0df;border-color:#708965;transform:translateY(-1px)}
.ux-life .ux-entry b{font-size:16px;display:block}.ux-life .ux-entry small{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:#746650}.ux-life .ux-entry>span:last-child{margin-left:auto}
.ux-life .ux-entry-icon{color:#587856;flex:none}.ux-entry-icon svg{width:27px;height:27px}.ux-life .ux-entry.warm{background:#f4e6cf;border-color:#c2a371}
.ux-life .ux-people{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ux-life .ux-people button{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:72px;border:1px solid #d4c8b0;background:#fffdf5;border-radius:10px;color:#524936;text-align:left;flex:1;min-width:160px}
.ux-life .ux-people .nui{width:42px!important;height:48px!important;flex:none}.ux-life .ux-people button.selected{border:2px solid #5f8059;background:#edf0df;padding:7px 11px}.ux-life .ux-people b{font-size:14px}.ux-life .ux-people small{display:block;font-size:12px;margin-top:4px}
.ux-life .ux-care h2,.ux-life .ux-step-title,.ux-life .ux-food-heading h2{font-size:18px;margin:8px 0 12px}.ux-life .ux-care-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ux-life .ux-care-actions button{min-height:84px;text-align:left;padding:16px}.ux-life .ux-care-actions small{display:block;font-size:13px;font-weight:400;margin-top:6px}
.ux-life .ux-equipment{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:16px}.ux-life .ux-equipment>button{display:flex;flex-direction:column;gap:8px;text-align:left;padding:16px}.ux-life .ux-equipment-art{height:100px;display:flex;justify-content:center;width:100%}.ux-life .ux-equipment-art>*{max-width:100%;height:100px}.ux-life .ux-equipment small,.ux-life .ux-equipment>button>span:last-child{font-size:12px}
.ux-life .ux-detail-top{position:sticky;top:-16px;z-index:5;display:flex;align-items:center;justify-content:space-between;background:#f4efdf;border-bottom:1px dashed #c3b396;padding:8px 0;margin-bottom:12px;gap:8px}
.ux-life .ux-detail-top b{font-size:13px;color:#75694f}.ux-life .ux-inspector .sheet-close{display:block!important;position:static;width:auto;min-height:36px;margin:0;padding:6px 10px;font-size:13px;border:1px solid #c9baa0;background:#fffdf6;border-radius:8px;color:#554a38}
.ux-life .ux-inspector h2{font-size:22px}.ux-life .ux-inspector p{font-size:14px;line-height:1.65}.ux-life .ux-inspector .primary{min-height:46px}.ux-life .ux-inspector select{font-size:14px;max-width:100%}
.ux-life .ux-craft-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:14px}.ux-life .ux-craft-controls>.field-label{width:245px;margin:0}.ux-life .ux-craft-controls>.worker-note{display:none}.ux-life .ux-craft-controls .making-toolbar{margin:0;padding:0;flex:1;display:flex;flex-wrap:wrap;align-items:end;gap:8px;border:0;background:transparent}.ux-life .making-toolbar input{width:180px;min-width:0}.ux-life .making-toolbar label{font-size:13px}.ux-life .making-toolbar select{max-width:170px}.ux-life .making-toolbar button{min-height:40px}
.ux-life .make-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.ux-life .ux-recipe{padding:0;min-height:0;border:1px solid #d1c4a9;border-radius:12px;background:#fffcf2;overflow:hidden;box-shadow:0 2px 0 #e4d9c5;display:block}
.ux-life .ux-recipe.ux-selected{border:2px solid #627e58;background:#eef1df}.ux-life .ux-recipe-pick{display:flex;align-items:center;gap:12px;width:100%;height:100%;min-height:134px;padding:14px;border:0;background:transparent;color:#564630;text-align:left}.ux-life .ux-recipe-pick:hover{background:#f0eedc}
.ux-life .ux-recipe-art{display:flex;justify-content:center;align-items:center;width:72px;height:80px;flex:none}.ux-life .ux-recipe-art>*{max-width:72px;max-height:80px}.ux-life .ux-recipe-symbol{font-size:34px}.ux-life .ux-recipe-copy{min-width:0}.ux-life .ux-recipe h3{font-size:16px;margin:7px 0}.ux-life .ux-recipe-copy small{font-size:12px;font-weight:400;line-height:1.5;display:block}.ux-life .ux-recipe-open{display:block;color:#53734c;font-size:12px;margin-top:9px}.ux-life .tag{font-size:12px;position:static;display:inline-block}
.ux-life .ux-food-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.ux-life .ux-food-heading button{font-size:12px;min-height:36px}.ux-life .food-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.ux-life .food-item{padding:14px;min-height:105px;text-align:left}.ux-life .food-item.selected{outline:2px solid #60805a;outline-offset:-2px;background:#edf0dc}.ux-life .food-item>strong{font-size:15px}.ux-life .food-item small{font-size:12px}.ux-life .ration-stats th,.ux-life .ration-stats td{padding:7px;font-size:13px}.ux-life .motion-recipient .nui{width:52px;height:60px}.ux-life .food-stock-card .soft-button{font-size:12px;min-height:32px}
.ux-life .status-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-life .status-identity{display:flex;gap:10px}.ux-life .status-identity .nui{width:65px;height:76px}.ux-life .status-identity h2{font-size:19px}.ux-life .status-equipment,.ux-life .status-talent{font-size:14px}
@media(min-width:901px){
 .ux-life.crew-fit.cloth-ui .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 188px;gap:0}
 .ux-life.crew-fit.cloth-ui.ux-detail .workspace{grid-template-columns:minmax(0,1fr) 380px}
 .ux-life.crew-fit.cloth-ui #main-content{grid-column:1;grid-row:1;padding:16px 22px 24px;overflow:auto}
 .ux-life.crew-fit.cloth-ui .companion-sidebar{grid-column:1/-1;grid-row:2}
 .ux-life.crew-fit.cloth-ui .inspector{grid-column:2;grid-row:1;position:static;display:block;transform:none;width:auto;height:auto;max-height:none;overflow:auto;padding:16px;border-left:1px solid #c5b598;background:#f7f3e7}
 .ux-life .sheet-toggle{display:none!important}
 .ux-life .topbar{min-height:50px!important;height:50px!important;padding:3px 18px!important;gap:16px}.ux-life .brand{font-size:21px}.ux-life .brand small{font-size:11px}.ux-life .resourcebar{padding:4px 18px!important;min-height:38px!important}.ux-life .resource{min-height:30px!important}
 .ux-life.ux-detail .ux-camp-overview{grid-template-columns:1fr}.ux-life.ux-detail .ux-camp-menu{display:none}
 .ux-life.ux-detail .status-roster{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 .ux-life.crew-fit.cloth-ui .workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 210px;overflow:hidden}
 .ux-life.crew-fit.cloth-ui #main-content{grid-column:1;grid-row:1;padding:12px 10px 64px;overflow:auto;min-height:0}.ux-life.crew-fit.cloth-ui .companion-sidebar{grid-column:1;grid-row:2}
 .ux-life .ux-camp-overview{grid-template-columns:1fr;gap:14px}.ux-life .ux-camp-menu{grid-row:1}.ux-life .ux-camp-menu h2{display:none}.ux-life .ux-entry{min-height:80px;padding:12px 9px}.ux-life .ux-entry b{font-size:14px}.ux-life .ux-entry small{font-size:11px}.ux-life .ux-entry-icon svg{width:22px}
 .ux-life .section-tabs{gap:6px}.ux-life .section-tabs button{padding:7px 10px;font-size:13px;flex:1;white-space:nowrap}.ux-life .ux-care-actions{grid-template-columns:1fr 1fr;gap:8px}.ux-life .ux-care-actions button{padding:12px}.ux-life .ux-people button{min-width:140px;padding:7px;gap:4px}.ux-life .ux-people b{font-size:13px}
 .ux-life .status-roster{grid-template-columns:1fr}.ux-life .make-catalog{grid-template-columns:1fr}.ux-life .food-grid{grid-template-columns:1fr 1fr}.ux-life .ux-craft-controls{display:block}.ux-life .ux-craft-controls>.field-label{width:100%;margin-bottom:10px}.ux-life .making-toolbar input{width:155px}
 .ux-life.crew-fit.cloth-ui .ux-inspector{position:fixed;z-index:80;top:12px;bottom:12px;left:8px;right:8px;width:auto;height:auto;max-height:none;padding:16px;overflow:auto;background:#fffaf0;border:2px solid #ae9871;border-radius:16px;box-shadow:0 0 0 100vmax #302a2466;transform:none;display:none}
 .ux-life.crew-fit.cloth-ui .ux-inspector.is-open{display:block}.ux-life .sheet-toggle{position:fixed;right:12px;bottom:278px;z-index:40;padding:10px 15px;min-height:40px;border-radius:20px;background:#526f56;color:#fff;box-shadow:0 3px 10px #0003}
 .ux-life .ux-detail-top{top:-16px}.ux-life .ux-inspector .sheet-close{min-height:42px}.ux-life .ux-food-heading{align-items:start}.ux-life .ux-food-heading button{max-width:140px}
}

/* Give the working surface room while preserving all four live status meters. */
.ux-life .nui-memos button{min-height:24px;padding:2px 5px}.ux-life .nui-memos>div{margin:0}.ux-life .section-heading{min-height:32px!important;margin-bottom:6px!important}.ux-life .section-tabs{padding:0 0 6px;margin-bottom:10px}.ux-life .section-tabs button{min-height:38px;padding:7px 14px}
.ux-life .ux-entry{min-height:80px;padding:12px 10px}.ux-life .ux-camp-menu .ux-context{margin:12px 0 4px;padding:8px 10px;font-size:13px}.ux-life .ux-camp-menu .text-button{min-height:28px;padding:3px}
.ux-life .ux-detail-scroll{flex:1;min-height:0;overflow:auto;padding-right:3px;overscroll-behavior:contain}.ux-life .ux-detail-footer{flex:none;padding:12px 0 0;border-top:1px dashed #c5b69a;background:#f7f3e7}.ux-life .ux-detail-footer button{margin:0;width:100%}.ux-life .ux-detail-top{position:static;flex:none;margin:0 0 8px;padding:0 0 8px}
@media(min-width:901px){
 .ux-life.crew-fit.cloth-ui{grid-template-rows:auto minmax(0,1fr) 60px}
 .ux-life.crew-fit.cloth-ui .workspace{grid-template-rows:minmax(0,1fr) 156px}
 .ux-life.crew-fit.cloth-ui .companion-sidebar{height:156px}
 .ux-life.crew-fit.cloth-ui #main-content{padding:10px 18px 14px}
 .ux-life.crew-fit.cloth-ui .ux-inspector{display:flex;flex-direction:column;overflow:hidden}
 .ux-life .bottom-nav{height:60px;min-height:60px}.ux-life .bottom-nav button{min-height:50px}
 .ux-life .ux-craft-controls{margin-bottom:10px}
}
@media(max-width:900px){.ux-life.crew-fit.cloth-ui .ux-inspector.is-open{display:flex;flex-direction:column;overflow:hidden}.ux-life .ux-detail-footer{background:#fffaf0}}

.ux092 .ux-shade{display:none}.ux-life .ux-status-extra{border-top:1px dashed #ccbca1;padding:10px 0}.ux-life .ux-status-extra summary,.ux-life .ux-more-detail summary{min-height:36px;padding:8px 0;color:#5c6f48;cursor:pointer;font-size:14px}
.ux-life .ux-detail-scroll>.field-label{margin:8px 0}.ux-life .ux-detail-scroll>h2{margin:0 0 6px}.ux-life .ux-detail-scroll>.ingredient-list{margin:8px 0;padding:0;display:block}.ux-life .ingredient-list li{padding:7px;margin:0;border-bottom:1px solid #e5dbc7}.ux-life .ingredient-list .text-button{font-size:12px;min-height:24px;padding:2px}.ux-life .ingredient-list strong,.ux-life .ingredient-list span{font-size:13px}.ux-life .execution-note{padding:8px;margin:8px 0}.ux-life .execution-note p{font-size:13px;margin:4px 0}
@media(min-width:901px){
 .ux-life.crew-fit.cloth-ui .workspace{grid-template-rows:minmax(0,1fr) 176px}.ux-life.crew-fit.cloth-ui .companion-sidebar{height:176px}
 .ux-life .ux-camp{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 12px}.ux-life .ux-camp>.section-heading{grid-column:1;grid-row:1}.ux-life .ux-camp>.section-heading .chip,.ux-life .ux-camp>.section-heading .eyebrow{display:none}.ux-life .ux-camp>.section-tabs{grid-column:2;grid-row:1}.ux-life .ux-camp>section{grid-column:1/-1}
}
@media(max-width:900px){.ux-life:has(.ux-inspector.is-open) .ux-shade{display:block;position:fixed;inset:0;z-index:75;background:#302a2466;border:0;border-radius:0}.ux-life.crew-fit.cloth-ui .ux-inspector{box-shadow:0 4px 24px #0004}}
@media(max-width:900px){.ux-life .section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.ux-life .section-tabs button{width:100%;min-width:0;white-space:normal;padding:7px 5px}}

.ux-life .ux-gear-art{display:block;width:72px;height:72px;background-image:url(./assets/cloth-v8/gear-atlas.png);background-size:400% 300%;background-repeat:no-repeat}
.ux-life .ux-recipe-effect{display:block;font-size:12px;font-weight:400;line-height:1.5;margin-top:5px}

.ux-life .ux-recipe-pick{height:auto}.ux-life .ux-recipe-reason{font-size:12px;line-height:1.5;padding:0 14px 12px;margin:0;color:#755b3e}.ux-life .ux-camp-menu details{margin-top:10px}.ux-life .ux-equipment .nui{width:100px;height:100px}
.ux-life .ux-care-plan .motion-recipient{min-height:0;height:auto;padding:4px 0}.ux-life .ux-care-plan>p{margin:6px 0}.ux-life .ux-care-actions button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
@media(min-width:901px){
 .ux-life.crew-fit.cloth-ui .brand{line-height:1.15}.ux-life.crew-fit.cloth-ui .brand small{line-height:14px;margin-top:0}
 .ux-life.crew-fit.cloth-ui .companion-card{gap:1px;padding:3px}.ux-life.crew-fit.cloth-ui .order-nui>.nui{height:28px!important;width:28px!important}
}

/* Animal field guide: existing art, readable wrapping at narrow widths. */
.cloth-ui .animal-book .animal-card{align-items:flex-start;border:1px solid #c9c1a8;background:var(--paper,#fffaf0);padding:16px;min-width:0}.animal-book .animal-card p{margin:7px 0;line-height:1.65;overflow-wrap:anywhere}.animal-book .animal-card>.scene-sprite{align-self:center;width:100px;height:100px;flex:0 0 100px}
.cloth-ui .animal-book h2{margin:8px 0;font-size:20px}.cloth-ui .animal-book>p{margin:6px 0;line-height:1.5}.cloth-ui .animal-book>.soft-button{margin-top:6px}.cloth-ui .animal-book .animal-card{display:block}.cloth-ui .animal-book .animal-card>.scene-sprite{float:right;width:64px;height:64px;margin:0 0 8px 8px}.cloth-ui .animal-book .animal-card h3{margin:0 0 8px}.cloth-ui .animal-book .animal-card p{font-size:14px;margin:6px 0}