#belts{width:min(960px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:25px;background:#0a1012 url('metal-texture.svg')}.belt-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.belt-card{display:grid;grid-template-columns:115px minmax(0,1fr);border:1px solid #665940;background:#091012;position:relative}.belt-card.active{border-color:#76b7a4;box-shadow:inset 0 0 12px #41756433}.belt-card.locked{border-color:#47493e}.belt-art{background:url('concept-atlas.svg?v=3#mining') center/100% 100% no-repeat;min-height:210px}.belt-cinder .belt-art{filter:sepia(.4) saturate(.7)}.belt-tartarus .belt-art{filter:grayscale(.65)}.belt-veil .belt-art{filter:hue-rotate(40deg) brightness(1.3)}.locked .belt-art{filter:grayscale(1) brightness(.5)}.belt-content{padding:15px}.belt-content h3{font:small-caps 23px Georgia;margin:5px 0;color:#d0c6b0}.belt-content p{font:12px/1.6 'Segoe UI',sans-serif;color:#aeb6ae;margin:8px 0}.belt-content strong{font:14px Georgia;color:#92c8b9;display:block}.belt-content small{font:11px 'Segoe UI',sans-serif;color:#9ba59c;display:block;margin-top:7px}.belt-content button{width:100%;margin-top:15px;font:small-caps 14px Georgia;min-height:40px}.belt-equipment{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;border:1px solid #454d41}.belt-equipment span{font:12px/1.6 'Segoe UI',sans-serif;color:#bfbaa8}.belt-equipment button{white-space:nowrap}.mineral-store{border-top:1px solid #555540;padding-top:12px}.mineral-store h3{font:small-caps 22px Georgia;margin:5px 0 12px}#mineral-store{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#mineral-store>div{padding:10px;border:1px solid #41483d;font:13px Georgia;color:#bdb7a5}#mineral-store strong{display:block;font-size:20px;font-weight:400;color:#ded6c0;margin-top:5px}.mining-equipment{padding:22px;margin-top:16px}.mining-equipment h2{font:small-caps 25px Georgia}.mining-equipment h3{font:small-caps 21px Georgia;margin:24px 0 12px}.module-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-choice{border:1px solid #64583f;padding:15px;background:#081012;display:flex;flex-direction:column}.module-choice.equipped{border-color:#689e89;background:#0d1d19}.module-choice h4{font:small-caps 20px Georgia;margin:5px 0 12px;color:#d0c5ae}.module-choice p{font:12px/1.6 'Segoe UI',sans-serif;margin:0 0 8px;color:#aab5ae}.module-choice strong{font:15px Georgia;color:#84c4b0;margin-bottom:7px}.module-choice small{font:11px/1.6 'Segoe UI',sans-serif;color:#aaa895;margin-bottom:14px}.module-choice button{margin-top:auto;font:small-caps 14px Georgia}.mining-summary{font:13px/1.6 'Segoe UI',sans-serif;color:#85c7b6}.operation[data-card="mining"] .yield{font-size:clamp(10px,.95vw,16px)}.operation button[data-mining-open]{width:72%}.operation .yield{line-height:1.35}.operation[data-card="mining"] .yield:before{width:22px;height:24px}button:disabled{opacity:.6}#belts .secondary{margin-left:0;margin-top:10px}@media(max-width:900px){.module-options{grid-template-columns:1fr}.belt-list{grid-template-columns:1fr}}@media(max-width:500px){#belts{padding:16px}.belt-card{grid-template-columns:85px minmax(0,1fr)}.belt-content{padding:12px}.belt-content h3{font-size:21px}.belt-equipment{flex-wrap:wrap}#mineral-store{grid-template-columns:1fr 1fr}.mining-equipment{padding:16px}.belt-art{min-height:215px}.module-choice h4{font-size:21px}.operation[data-card="mining"] .yield{font-size:15px}}
.belt-art{background-image:url("mining-art.svg");background-size:cover;background-position:center}
.catalog-filters{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;padding:14px 0;margin:8px 0 12px;border-top:1px solid #424939;border-bottom:1px solid #424939}.catalog-filters label{font:12px 'Segoe UI',sans-serif;color:#b6b6a7;display:flex;flex-direction:column;gap:6px}.catalog-filters select{font:13px 'Segoe UI',sans-serif;padding:9px 30px 9px 10px;border:1px solid #766347;background:#0c1717;color:#d4cdbb;min-height:40px}.catalog-filters select:focus-visible{outline:2px solid #83c5b1;outline-offset:2px}.catalog-filters>span{font:12px 'Segoe UI',sans-serif;color:#a2b2a7;margin-left:auto;padding-bottom:10px}.refinery-heading,.product-store{padding:20px;margin-top:12px}.refinery-heading h2,.product-store h2{font:small-caps 25px Georgia}.refinery-heading p{font:13px/1.65 'Segoe UI',sans-serif;color:#b3b8ad}.recipe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.recipe-card{padding:18px;display:flex;flex-direction:column}.recipe-card h3{font:small-caps 22px Georgia;margin:4px 0 12px;color:#d9cbb0}.recipe-card .recipe-input{font:13px/1.6 'Segoe UI',sans-serif;color:#b6b9ad;min-height:42px;margin:0}.recipe-arrow{color:#9b8964;font-size:20px}.recipe-card strong{font:16px/1.6 Georgia;color:#87c6b5}.recipe-card small{font:11px 'Segoe UI',sans-serif;color:#a9b4ab;margin:8px 0}.recipe-stock{font:12px/1.6 'Segoe UI',sans-serif;color:#c3b9a0;min-height:40px;margin:8px 0}.recipe-card button{margin-top:12px;font:small-caps 15px Georgia;min-height:42px}.recipe-card progress{margin-top:auto;height:8px}.recipe-card.active{border-image:none;border:5px double #669480;background:#0d201c}.product-store{margin-bottom:16px}#refinery-store{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#refinery-store>div{border:1px solid #4d4b39;padding:12px;font:12px Georgia;color:#bcb6a1}#refinery-store strong{display:block;font-size:22px;font-weight:400;color:#e1d7c1;margin-top:6px}.operation[data-card="refining"] .yield{font-size:clamp(10px,.9vw,15px)}.operation[data-card="refining"] button{width:70%}@media(max-width:700px){.recipe-list{grid-template-columns:1fr}#refinery-store{grid-template-columns:1fr 1fr}.catalog-filters{gap:10px}.catalog-filters label{flex:1;min-width:145px}.catalog-filters select{width:100%;max-width:100%}.catalog-filters>span{width:100%;margin:0;padding:0}.refinery-heading,.product-store{padding:16px}}
.operation[data-card="mining"] h2,.operation[data-card="refining"] h2{white-space:normal;font-size:clamp(12px,1vw,17px);line-height:1.1;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}@media(max-width:620px){.operation[data-card="mining"] h2,.operation[data-card="refining"] h2{font-size:16px}}

.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skill-card{padding:18px}.skill-card h3{color:var(--gold,#b5a487)}.skill-card progress{width:100%;margin-top:14px}.skill-card small{color:#a8b9b5}#skills-open{width:100%;margin-top:10px}#refining-level{color:#73c9bf}@media(max-width:600px){.skill-grid{grid-template-columns:1fr}}
.recipe-card .resource-source{display:inline;padding:2px 0;margin:0;min-height:0;width:auto;border:0;background:none;box-shadow:none;color:#92cec5;font:inherit;text-transform:none;text-decoration:underline;text-decoration-color:#567c75;text-underline-offset:3px;cursor:pointer}.recipe-card .resource-source:hover{color:#e4d5b3;text-decoration-color:currentColor}.recipe-card .resource-source:focus-visible{outline:2px solid #92cec5;outline-offset:3px}.resource-source span{font-size:.85em}
.combat-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.combat-art{height:95px;background:url("concept-atlas.svg?v=3#vesper") center/contain no-repeat;margin-bottom:12px;flex-shrink:0}

.catalog-filters input{background:#0c1717;color:#d4cdbb;border:1px solid #766347;padding:9px;min-height:40px;width:130px}
.current-activity{position:sticky;top:8px;z-index:5;display:flex;align-items:center;gap:18px;padding:12px 16px;margin:0 0 14px;background:#0c1716;box-shadow:0 4px 18px #0009}.current-activity>div{flex:1;min-width:0}.current-activity small{display:block;color:#a99b7e;font:10px Georgia;letter-spacing:.12em}.current-activity strong{display:block;color:#d9cbb0;font:18px Georgia;margin:4px 0}.current-activity p{font:12px/1.5 'Segoe UI',sans-serif;color:#a8c9c2;margin:4px 0 8px}.current-activity button{flex-shrink:0;font:14px Georgia}.current-activity progress{height:5px}.current-activity #activity-trade{display:block;margin-top:8px;font-size:11px;color:#c3adce}.current-activity #activity-trade[hidden]{display:none}@media(max-width:620px){.current-activity{top:3px;padding:10px;gap:10px}.current-activity strong{font-size:15px}.current-activity button{font-size:11px;padding:8px}.current-activity p{font-size:11px}}