/* Backpack: compact contents, one selected item, no repeated action stacks. */
.itemGlyph{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle;}
.itemSymbol{--item-accent:#afc9bf;position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:62px;flex:none;color:var(--item-accent);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--item-accent) 12%,transparent),transparent 75%);}
.itemSymbol>.itemGlyph{width:37px;height:37px;margin-top:-6px;filter:drop-shadow(0 2px 4px #0005);}
.itemSymbol>small{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:9px/1.3 'IBM Plex Mono',monospace;letter-spacing:1.5px;opacity:.8;}
.itemSymbol.large{width:114px;height:117px;}.itemSymbol.large>.itemGlyph{width:78px;height:78px;stroke-width:1.25;}.itemSymbol.large>small{font-size:11px;bottom:2px;}
.pack-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px;}
#panel .pack-heading h2{font:600 38px/1.05 'Barlow Condensed','Arial Narrow',sans-serif;margin:6px 0;color:#edf1e5;letter-spacing:.3px;}
.pack-weight{text-align:right;min-width:128px;}.pack-weight>b{display:block;font:600 24px/1.2 'Barlow Condensed',sans-serif;color:#e3edda;}.pack-weight small{font:13px 'IBM Plex Mono',monospace;color:#a2b8b3;}.pack-weight>span{display:block;font-size:12px;color:#89a6a4;margin-top:5px;}.pack-weight i{display:block;height:3px;background:#33484b;margin-top:9px;}.pack-weight i:before{content:'';display:block;width:var(--load);height:100%;background:#a5cabd;}
.pack-sources{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:16px;border-bottom:1px solid var(--field-line);}
#panel .pack-sources button{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#122228;font-size:13px;min-height:43px;}.pack-sources .itemGlyph{width:21px;height:21px;}.pack-sources small{font-size:11px;color:#94aba4;margin-left:3px;}
#panel .pack-sources [aria-pressed=true]{background:#25433f;color:#e4f1dc;border-color:#8fbfb099;}
.pack-toolbar{display:flex;gap:10px;margin:17px 0 12px;}
.pack-search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0 11px;border:1px solid #66868055;background:#071116;}.pack-search>.itemGlyph{width:18px;color:#8eb2b1;}
#panel .pack-search input{width:100%;min-width:0;min-height:42px;border:0;background:transparent;color:#e8efe3;font:14px 'IBM Plex Mono',monospace;outline-offset:0;box-shadow:none;padding:8px 0;}
.pack-sort{display:flex;align-items:center;gap:8px;font-size:12px;color:#91aaa5;}.pack-sort select{min-height:42px;background:#122128;color:#d9e6df;border:1px solid #6b898955;padding:6px;font-size:13px;}
.pack-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 17px;}
#panel .pack-filters button{font-size:12px;min-height:32px;padding:5px 9px;border-color:transparent;background:transparent;color:#a0b6b1;}.pack-filters small{margin-left:4px;color:#6f9391;}
#panel .pack-filters [aria-pressed=true]{background:#6e91911c;color:#dce9dd;border-color:#90b4ac55;}
.pack-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:20px;align-items:start;}
.pack-list{min-width:0;}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;align-content:start;}
.pack-group{grid-column:1/-1;margin:12px 0 1px!important;font:12px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:1.3px;color:#91b0a9;border-bottom:1px solid #72898228;padding-bottom:7px;}.pack-group:first-child{margin-top:0!important;}
#panel .pack-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-height:145px;min-width:0;width:100%;padding:12px 8px 10px;background:linear-gradient(155deg,#1b2c32,#102026);border:1px solid #9bb9b131;border-radius:3px;text-align:center;white-space:normal;}
#panel .pack-item.is-selected{border-color:#9acac2;background:linear-gradient(150deg,#2d4547,#15282b);box-shadow:inset 0 -3px #8cc5b9;}
#panel .pack-item b{font-size:13px;font-weight:500;line-height:1.35;color:#e3e9df;word-break:normal;}
.pack-quantity{position:absolute;right:8px;top:7px;font-size:12px;color:#d3e5d1;z-index:1;}.pack-item-mass{font-size:10px;color:#8ea9a1;line-height:1.3;margin-top:auto;}
#panel .pack-help{font-size:12px;line-height:1.5;color:#789894;margin:14px 0;}
.pack-inspector{position:sticky;top:0;border:1px solid #9fbbb135;background:#0e1c22;padding:17px;min-width:0;border-top:2px solid #89b8b0;}
.inspector-art{display:flex;flex-direction:column;align-items:center;gap:10px;background:radial-gradient(ellipse at 50% 10%,#39625a44,transparent 80%);padding:8px 0 17px;margin:-8px -8px 8px;border-bottom:1px solid #729b9729;}.inspector-art>span:not(.itemSymbol){font-size:11px;color:#9eb9ad;letter-spacing:.7px;}
#panel .pack-inspector h3{font-size:26px;line-height:1.1;margin:15px 0 9px;}#panel .pack-inspector p{font-size:13px;line-height:1.65;margin:8px 0 15px;}
.item-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 8px;margin:19px 0;padding:14px 0;border-block:1px solid #6f938f33;}.item-facts dt{font-size:11px;color:#8da9a0;}.item-facts dd{margin:5px 0 0;font:500 21px/1.2 'Barlow Condensed',sans-serif;color:#e5eade;}.item-facts dd small{font:11px 'IBM Plex Mono',monospace;color:#94aaa2;}
#panel .pack-inspector h4{font-size:12px;text-transform:uppercase;letter-spacing:.6px;margin:14px 0 6px;color:#9dc0b2;}
.ingredient-list{display:flex;flex-wrap:wrap;gap:6px;}.ingredient{display:flex;align-items:center;gap:5px;border:1px solid #8eaaa733;background:#11242a;padding:4px 7px;color:#bad0c2;min-width:0;}.ingredient>.itemSymbol{width:23px;height:26px;background:none;}.ingredient .itemGlyph{width:20px;height:20px;margin:0;}.ingredient .itemSymbol>small{display:none;}.ingredient>span:not(.itemSymbol){font-size:12px;line-height:1.4;}.ingredient b{font-size:12px;color:#e2ead6;white-space:nowrap;}.ingredient.is-missing{color:#b69981;border-color:#ac805a38;}.ingredient.is-missing b{color:#e0ab83;}
.item-actions{display:grid;gap:7px;margin-top:17px;}#panel .item-actions>button{min-height:42px;text-align:left;font-size:12px;background:#213a3b;}.pack-transfer{display:flex;flex-direction:column;gap:6px;}#panel .pack-transfer button{font-size:12px;text-align:left;background:#13262b;}#panel .item-actions .pack-discard{background:transparent;color:#b49c8c;border-color:transparent;font-size:12px;}
#panel .pack-note{font-size:12px;line-height:1.5;margin:7px 0;color:#98aaa0;}
#panel .item-uses{border:0;background:none;box-shadow:none;margin:10px 0;padding:0;}#panel .item-uses summary{font-size:14px;padding:9px 0;letter-spacing:0;}#panel .item-uses ul{font-size:12px;line-height:1.6;padding-left:15px;margin:7px 0;}
.pack-empty{grid-column:1/-1;padding:35px 15px;border:1px dashed #688f8344;color:#abc0b4;}
.nearby-deposit{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#29382970;border:1px solid #a1ba7944;padding:12px;margin:15px 0;}.nearby-deposit>span{font-size:13px;color:#c8d5b9;}.take-all{margin-top:12px;}.empty-hands{margin-top:18px;}
.item-tooltip{position:fixed;z-index:250;display:flex;gap:12px;width:330px;max-width:calc(100vw - 24px);padding:16px;pointer-events:none;border:1px solid #88bfb7;border-left:3px solid #b8c795;border-radius:4px;box-shadow:0 12px 36px #0008;background:#0c1b22f7;font-family:'IBM Plex Mono',monospace;color:#e8efdf;}.item-tooltip>div{min-width:0;}.item-tooltip b{font-size:14px;line-height:1.3;}.item-tooltip span:not(.itemSymbol){display:block;font-size:11px;color:#9bbab0;margin-top:5px;}.item-tooltip p{font-size:12px;line-height:1.6;margin:10px 0;color:#b9ccc1;}.item-tooltip small:not(.itemSymbol small){font-size:10px;color:#87a79d;}.item-tooltip .itemSymbol{width:40px;height:53px;}.item-tooltip .itemGlyph{width:32px;height:32px;}
.station-badge{font-size:11px;line-height:1.5;color:#b6ceb6;border:1px solid #8fb79950;padding:8px 10px;background:#21382c70;}.workshop-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.craft-card{background:#122329;border:1px solid #a2bdae36;padding:15px;display:flex;flex-direction:column;gap:13px;min-width:0;}.craft-title{display:flex;align-items:center;gap:8px;}.craft-title small{font-size:10px;color:#8fadac;letter-spacing:.6px;}#panel .craft-card h3{font-size:22px;line-height:1.12;margin:5px 0;}#panel .craft-card p{font-size:12px;line-height:1.5;margin:0;}.craft-card .ingredient-list{margin-bottom:auto;}.craft-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #91b5a32c;padding-top:11px;}.craft-footer>span{font-size:12px;line-height:1.4;color:#b8c5b4;}.craft-footer small{display:block;font-size:10px;color:#829e92;margin-top:5px;}.craft-footer button{flex:none;}#panel .bike-upgrades{background:transparent;margin-top:25px;}#panel .bike-upgrades>.workshop-recipes{margin:12px;}.workshop-intro{margin:0 0 18px;}
#panel .pack-view button:disabled,#panel .workshop-view button:disabled{opacity:.45;cursor:not-allowed;}
#overlay:is([data-screen=inventory],[data-screen=supplies],[data-screen=workshop]) .field-secondary{flex-basis:175px;}#overlay:is([data-screen=inventory],[data-screen=supplies],[data-screen=workshop]) .field-content{padding:24px;}
@media(max-width:1050px){.pack-layout{grid-template-columns:minmax(0,1fr) 220px;gap:13px;}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));}.pack-inspector{padding:13px;}#overlay:is([data-screen=inventory],[data-screen=supplies],[data-screen=workshop]) .field-secondary{flex-basis:155px;padding-inline:7px;}}
@media(max-width:850px){.pack-layout{grid-template-columns:1fr;}.pack-inspector{position:relative;display:block;}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));}.inspector-art{float:left;width:120px;margin:0 18px 10px 0;border:0;}.pack-inspector>.item-facts{clear:both;grid-template-columns:repeat(4,minmax(0,1fr));}.item-actions{grid-template-columns:1fr 1fr;}.pack-transfer{grid-column:1/-1;flex-direction:row;}.pack-transfer button{flex:1;}.item-actions>.pack-note{grid-column:1/-1;}#overlay:is([data-screen=inventory],[data-screen=supplies],[data-screen=workshop]) .field-secondary{flex-basis:auto;}.workshop-recipes{grid-template-columns:1fr;}.item-tooltip{display:none;}}
@media(max-width:600px){#overlay:is([data-screen=inventory],[data-screen=supplies],[data-screen=workshop]) .field-content{padding:17px 13px;}.pack-heading{gap:10px;}#panel .pack-heading h2{font-size:32px;}.pack-weight{min-width:94px;}.pack-weight>b{font-size:22px;}.pack-weight small{font-size:11px;}.pack-weight>span{font-size:11px;}.pack-sources{display:grid;grid-template-columns:1fr 1fr;gap:6px;}#panel .pack-sources button{padding:8px;font-size:12px;min-height:44px;gap:5px;}.pack-sources small{margin-left:auto;font-size:10px;}.pack-toolbar{gap:6px;}.pack-sort>span{display:none;}.pack-sort select{max-width:100px;font-size:12px;min-height:44px;}#panel .pack-search input{font-size:13px;}.pack-filters{gap:4px;}#panel .pack-filters button{min-height:38px;font-size:12px;padding:6px 8px;}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}#panel .pack-item{min-height:142px;padding:11px 5px 9px;}#panel .pack-item b{font-size:12px;}.pack-item .itemSymbol{width:49px;height:59px;}.pack-quantity{font-size:11px;right:5px;}.pack-item-mass{font-size:10px;}.pack-inspector{margin-top:5px;}.item-actions>button,.pack-transfer>button{min-height:44px!important;}.pack-inspector>.item-facts{grid-template-columns:1fr 1fr;}.station-badge{max-width:100px;font-size:10px;}.craft-card{padding:13px;}.craft-title .itemSymbol{width:45px;}.nearby-deposit{align-items:flex-start;}.nearby-deposit>span{font-size:12px;}.nearby-deposit>button{flex:none;}}