/* Research/city states adapted from the exported Tidal Glass 12ui branch.
   Existing navigation, safe areas and guide focus remain the owning shell. */
.knowledge-tabs{display:flex;gap:3px;padding:4px;margin:12px 0;border:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.188);border-radius:22px;background:rgb(var(--sk-09232b, 9, 35, 43));box-shadow:inset 0 1px rgba(var(--sk-e8fff9, 232, 255, 249), 0.031)}
.knowledge-tabs button{flex:1;min-width:0;min-height:44px;border:0;border-radius:18px;background:transparent;color:rgb(var(--sk-c4d9db, 196, 217, 219));font:inherit;font-size:12px;padding:8px 10px;cursor:pointer}
.knowledge-tabs button[aria-pressed=true]{background:linear-gradient(145deg,rgb(var(--sk-9cead3, 156, 234, 211)),rgb(var(--sk-7dccb9, 125, 204, 185)));color:rgb(var(--sk-09232b, 9, 35, 43));font-weight:800;box-shadow:inset 0 1px #ffffff65,0 3px 7px rgba(var(--sk-000000, 0, 0, 0), 0.2)}
.knowledge-tabs button:focus-visible,.knowledge-branches button:focus-visible{outline:2px solid rgb(var(--sk-b9f8e5, 185, 248, 229));outline-offset:2px}
.knowledge-branches{display:flex;gap:7px;overflow-x:auto;padding:5px 0 9px;scrollbar-width:thin}.knowledge-branches button{flex:0 0 auto;min-height:38px}
.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:12px;align-items:start;margin-top:12px}
.knowledge-grid>.card{margin:0;min-width:0}.knowledge-grid>.card.locked{opacity:1;background:linear-gradient(145deg,rgb(var(--sk-10262e, 16, 38, 46)),rgb(var(--sk-0b2028, 11, 32, 40)))}
.tech-card{border:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.188)!important;border-radius:20px!important;padding:16px!important;box-shadow:inset 0 1px rgba(var(--sk-defff4, 222, 255, 244), 0.043),0 5px 12px rgba(var(--sk-000000, 0, 0, 0), 0.133)!important}
.tech-card.learned{border-color:rgba(var(--sk-91e2cb, 145, 226, 203), 0.345)!important}.tech-card .head .ic-wrap{width:42px;height:42px;flex-shrink:0}.tech-card .ttl{font-size:15px}.tech-card .tier{font-size:12px;min-width:28px;height:28px;background:rgb(var(--sk-24434c, 36, 67, 76));color:rgb(var(--sk-c8f3e7, 200, 243, 231));box-shadow:none}
.capability-summary{margin:12px 0}.capability-lead{margin:0;padding:10px 12px;border-inline-start:2px solid rgb(var(--sk-91e2cb, 145, 226, 203));border-radius:10px;background:rgba(var(--sk-062028, 6, 32, 40), 0.702);color:rgb(var(--sk-e5f3ef, 229, 243, 239));font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.capability-unlocks{font-size:11px;line-height:1.9;color:rgb(var(--sk-b3dad1, 179, 218, 209));margin:9px 0 0}.capability-unlocks strong{font-weight:600;color:rgb(var(--sk-dbeae7, 219, 234, 231))}
.capability-details{font-size:12px;line-height:1.9;color:rgb(var(--sk-bed2d2, 190, 210, 210));margin-top:8px}.capability-details summary{cursor:pointer;padding:7px 0;min-height:38px;color:rgb(var(--sk-abdcca, 171, 220, 202))}.capability-details p{margin:7px 0}.capability-details ul{padding-inline-start:20px;margin:8px 0}.capability-details li{margin:4px 0}.capability-tags{display:flex;gap:5px;flex-wrap:wrap}.capability-tags span{padding:3px 8px;border:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.125);border-radius:9px;background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.031);font-size:11px}
.tech-prerequisites{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px;margin:12px 0;color:rgb(var(--sk-a8c0c4, 168, 192, 196))}.tech-prerequisites .chip{min-height:36px;font-size:11px;padding:5px 9px}.tech-earned{border-top:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.133);margin-top:12px;padding-top:12px;color:rgb(var(--sk-a4e4ce, 164, 228, 206));font-size:12px;line-height:1.9}.tech-earned .ic{width:18px;height:18px;vertical-align:middle;margin-inline-end:5px}
.research-command>.card:first-child{border-radius:20px;border-color:rgba(var(--sk-91e2cb, 145, 226, 203), 0.271)}.research-command>.card .ring-prog{width:64px;height:64px;flex:0 0 64px}.research-command>.card .ring-prog .ic{width:30px;height:30px}.research-explainer{line-height:1.9;margin:8px 0}
.inventory-summary{display:flex;gap:0;flex-wrap:wrap;border:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.149);border-radius:17px;background:rgb(var(--sk-0b2830, 11, 40, 48));padding:8px;margin:12px 0}
.inventory-summary>span{flex:1;min-width:74px;text-align:center;font-size:10px;color:rgb(var(--sk-b9d6d6, 185, 214, 214));padding:5px 7px;border-inline-end:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.098)}.inventory-summary>span:last-child{border:0}.inventory-summary b{display:block;font-size:18px;color:rgb(var(--sk-e2f5ee, 226, 245, 238))}.inventory-summary .attention b{color:rgb(var(--sk-f1ce81, 241, 206, 129))}.inventory-summary .paused b{color:#f4a99b}
.inventory-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:12px;align-items:start}.inventory-card{position:relative;margin:0!important;border:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.208)!important;border-radius:21px!important;padding:16px!important;background:linear-gradient(145deg,rgba(var(--sk-123039, 18, 48, 57), 0.933),rgba(var(--sk-09222b, 9, 34, 43), 0.933))!important;box-shadow:inset 0 1px rgba(var(--sk-def7ef, 222, 247, 239), 0.047),0 5px 12px rgba(var(--sk-000000, 0, 0, 0), 0.133)!important;min-width:0}
.inventory-heading{display:flex;gap:10px;align-items:center}.inventory-heading h3{margin:0;font-size:15px}.inventory-heading .ic-wrap{width:38px;height:38px;flex-shrink:0}.inventory-heading .ic-wrap>.ic{width:28px;height:28px}.inventory-status{font-size:10px;border-radius:12px;padding:5px 9px;white-space:nowrap;background:rgba(var(--sk-91e2cb, 145, 226, 203), 0.075);color:rgb(var(--sk-b2ead7, 178, 234, 215));border:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.157)}.inventory-card.attention .inventory-status{color:rgb(var(--sk-f1ce81, 241, 206, 129));background:rgba(var(--sk-f1ce81, 241, 206, 129), 0.063);border-color:rgba(var(--sk-f1ce81, 241, 206, 129), 0.188)}.inventory-card.paused .inventory-status{color:#f4a99b;background:#f4a99b10;border-color:#f4a99b30}
.inventory-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:16px 0}.inventory-meter{display:grid;grid-template-columns:1fr auto;gap:6px;min-width:0}.inventory-meter span{font-size:11px;color:rgb(var(--sk-c0d5d5, 192, 213, 213))}.inventory-meter b{font-size:13px;font-variant-numeric:tabular-nums}.inventory-meter .bar{grid-column:1/-1;height:5px;margin:0}.inventory-reason{font-size:12px;color:rgb(var(--sk-f1ce81, 241, 206, 129));line-height:1.9;display:flex;gap:6px;margin:10px 0}.inventory-reason .ic{flex-shrink:0;margin-top:4px}
.inventory-output{padding:10px 12px;border:1px solid rgba(var(--sk-91e2cb, 145, 226, 203), 0.09);border-radius:12px;background:rgba(var(--sk-061b23, 6, 27, 35), 0.439);margin:12px 0}.inventory-output>span{font-size:10px;color:rgb(var(--sk-9dbcbd, 157, 188, 189))}.inventory-output p{font-size:12px;line-height:1.9;margin:4px 0 0;color:rgb(var(--sk-dbeee9, 219, 238, 233))}.inventory-detail{font-size:12px;line-height:1.9}.inventory-detail>summary{min-height:40px;padding-block:8px;cursor:pointer;color:rgb(var(--sk-adcfd0, 173, 207, 208))}.inventory-manage{margin-top:12px;width:100%;min-height:42px}.inventory-art{float:left;width:86px;height:68px;object-fit:contain;margin:8px 0 4px 10px;filter:drop-shadow(0 5px 5px rgba(var(--sk-000000, 0, 0, 0), 0.267))}.inventory-art+.inventory-metrics{min-height:65px}
@media(min-width:1000px) and (orientation:landscape){.inventory-list{grid-template-columns:1fr}.inventory-card{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(180px,1fr) minmax(160px,1fr);gap:8px 18px;align-items:center}.inventory-heading{grid-column:1}.inventory-art{grid-column:1;grid-row:2/4;float:none;margin:0;width:100px;height:76px}.inventory-metrics{grid-column:2;grid-row:1/3;margin:0}.inventory-output{grid-column:3;grid-row:1/3;margin:0}.inventory-detail{grid-column:2/4}.inventory-reason{grid-column:2/4;margin:0}.inventory-manage{grid-column:1;margin:0}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.inventory-heading{flex-wrap:wrap}.inventory-heading .grow{min-width:130px}.inventory-status{margin-inline-start:auto}.knowledge-tabs button{font-size:11px;padding:8px 5px}.tech-card,.inventory-card{padding:13px!important}.inventory-summary{padding:6px}.inventory-summary>span{min-width:65px}}