/* Revision 1.4. Semantic Atlas symbols complement verified game icons. */
.atlas-symbol{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #617883;border-radius:7px;background:radial-gradient(circle at 30% 20%,#355567,#172c39 75%);color:#e3cc94;box-shadow:0 1px 8px #0003}
.atlas-symbol svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.stat-symbol{display:inline-flex;color:#b6dce4;margin-right:9px;vertical-align:middle}.stat-symbol svg{width:20px;height:20px}
.stat-bar strong{display:flex;align-items:center;line-height:1.4}.catalog-portrait{display:inline-flex;flex-shrink:0}.catalog-portrait .class-portrait{position:relative;width:54px;height:59px;overflow:hidden;border-radius:6px}
.catalog-portrait .class-portrait img{position:absolute;max-width:none}.catalog-portrait .class-portrait:after{display:none}
.growth-context{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 22px;color:#c8d7dc;font-size:14px}
.growth-context>span:first-child{color:#e8d5a4;display:flex;align-items:center;gap:9px;font-weight:600}.growth-context svg{width:21px;height:21px}
.growth-steps{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.growth-steps li{display:flex;gap:13px;padding:18px 16px;background:linear-gradient(140deg,#213c4a,#142530);border:1px solid #456270;border-radius:9px;min-width:0}
.growth-step-symbol{display:flex;align-items:center;justify-content:center;flex:none;position:relative;width:39px;height:42px;color:#e5ce98}.growth-step-symbol svg{width:29px;height:29px}.growth-step-symbol b{position:absolute;bottom:-5px;right:-3px;background:#142530;border:1px solid #8b7957;border-radius:50%;width:19px;height:19px;font-size:11px;text-align:center;line-height:17px}
.growth-steps h3{font-size:16px;line-height:1.5;color:#f0e8d7;margin:0 0 8px}.growth-steps p{font-size:14px;line-height:1.7;color:#c0d0d8;margin:0}
.board-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #56707b;border-radius:8px;background:#122732;margin-bottom:23px;overflow:hidden}
.board-roadmap>div{padding:13px 16px;border-right:1px solid #45606c}.board-roadmap>div:last-child{border-right:0;background:#37302455}.board-roadmap strong{display:block;font-size:17px;font-weight:600;color:#eddbb5;margin:3px 0}.board-roadmap span,.board-roadmap small{font-size:13px;color:#b7cad5}
.growth-filters{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 17px}.growth-filters label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#c6d5da;flex:1;min-width:180px;max-width:310px}.growth-filters select{width:100%;min-height:46px}
.growth-card-note{margin:0 18px 17px;padding:12px 0 0;border-top:1px solid #70889455;line-height:1.65}.growth-card-note>span{font-size:13px;color:#c3d5dd;display:block;margin-bottom:4px}.growth-card-note>strong{font-size:22px;font-weight:700;color:#edddba;font-variant-numeric:tabular-nums}.growth-card-note small{display:block;font-size:13px;color:#c1d2da;margin-top:5px}.growth-card-note p{font-size:14px;color:#e0e8e6;line-height:1.7;margin:0}
.growth-explain{display:grid;gap:15px;margin:20px 0}.growth-explain section{padding:22px;border:1px solid #526c7a;background:#142530;border-radius:8px}.growth-explain h3{font-family:Forum,serif;font-size:28px;display:flex;gap:12px;align-items:center;margin:0 0 10px;color:#f1e3c0}.growth-explain svg{width:25px;height:25px;color:#d8c28f}.growth-explain p{font-size:16px;line-height:1.8;color:#c9d8df;margin:0}.growth-sources{margin-top:24px}
@media(max-width:1050px){.growth-steps{grid-template-columns:1fr}.growth-steps li{padding:16px}.growth-steps h3{margin-bottom:4px}.board-roadmap>div{padding:12px 10px}.board-roadmap strong{font-size:16px}}
@media(max-width:760px){.growth-context{font-size:14px;gap:6px;margin-bottom:17px}.growth-steps{gap:9px;margin-bottom:20px}.growth-steps h3{font-size:16px}.growth-steps p{font-size:14px}.growth-steps li{gap:12px}.board-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.board-roadmap>div{border-bottom:1px solid #45606c}.board-roadmap>div:nth-child(3){border-right:0}.board-roadmap>div:nth-child(n+4){border-bottom:0}.board-roadmap strong{font-size:16px}.board-roadmap small{font-size:12px}.growth-filters{gap:12px}.growth-filters label{min-width:140px;max-width:none}.growth-card-note{margin-inline:14px}.growth-card-note p{font-size:14px}.catalog-portrait .class-portrait{width:54px;height:39px}.stat-bar{grid-template-columns:20px 135px 1fr}.stat-bar strong{font-size:12px}.stat-symbol{margin-right:6px}.stat-symbol svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.growth-steps,.atlas-symbol{animation:none;transition:none}}
