.rr-catalog{--accent:#80b8cf}.rr-note{color:#bac6d2;max-width:70ch}.rr-controls{display:flex;flex-wrap:wrap;gap:20px;margin:28px 0 16px}.rr-controls label{display:grid;gap:8px;flex:1;min-width:180px;color:#dce4eb}.rr-controls select{width:100%;min-height:48px;padding:12px;background:#10151c;color:#edf2f7;border:1px solid #586879;border-radius:4px;font:inherit}.rr-controls select:focus-visible{outline:2px solid #a0dfff;outline-offset:4px}.rr-controls[hidden],.rr-card[hidden]{display:none!important}.rr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rr-card{border:1px solid #344453;border-top:3px solid var(--accent);background:#10171f;border-radius:6px;overflow:hidden;min-width:0}.branch-economy,.branch-resource{--accent:#85c39a}.branch-engineering{--accent:#aaa5dc}.branch-logistics{--accent:#9cbbd0}.branch-military{--accent:#cb9392}.rr-art{width:100%;height:220px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 76%,#203340,#10171f)}.rr-art img{display:block;width:100%;height:220px;min-height:0;max-height:220px;object-fit:contain;cursor:default}.rr-copy{padding:20px;display:grid;grid-template-rows:72px 28px 88px 24px;align-content:start}.rr-copy h2{font-size:23px;line-height:28px;margin:0;overflow-wrap:anywhere}.rr-category{font-size:13px;line-height:22px;color:var(--accent);margin:0}.rr-description{font-size:14px;line-height:22px;margin:0;color:#c9d3de}.rr-marker-note{font-size:12px;line-height:20px;margin:0;color:#99adbe;align-self:end}[data-rr-count]{font-size:14px;color:#b9c9d7;min-height:22px}.rr-power{border:1px solid #344453;border-left:3px solid #d6b868;background:#10171f;margin-top:28px;padding:24px}.rr-power h2{margin:0 0 12px}.rr-power p{font-size:14px;line-height:22px;margin:0;max-width:76ch}@media(max-width:1000px){.rr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.rr-grid{grid-template-columns:minmax(0,1fr);gap:20px}.rr-controls label{flex-basis:100%}.rr-copy h2{font-size:22px;line-height:27px}.rr-power{padding:16px}}

.rr-catalog[data-kind="resources"] .rr-art{height:auto;aspect-ratio:1;position:relative}.rr-catalog[data-kind="resources"] .rr-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}