.training-page{padding:4px 0 12px}.training-resources{grid-template-columns:repeat(3,minmax(0,1fr));height:52px;border:1px solid #5e6061;border-radius:10px;background:linear-gradient(#666,#3d3e40);box-shadow:inset 0 1px #868686,0 2px 5px #0009}.training-resources .resource{justify-content:center;border-left:1px solid #2b2b2b}.training-resources .resource:first-child{border-left:0}.training-resources .resource-count{font-size:14px;font-weight:700}.training-title{margin:7px 0 8px;text-align:center;color:#f3f3f0;font-size:19px}.rank-card,.training-card,.training-note{border:1px solid #3f4042;border-radius:9px;background:#292929;box-shadow:0 1px 2px #0008}.rank-card{padding:9px;text-align:center;font-size:16px;font-weight:700}.rank-card p{margin:2px 0}.rank-card strong,.training-stat strong{color:#28c4d5}.rank-bonus{display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px}.rank-bonus img{width:20px;height:20px;object-fit:contain}.rank-next{min-height:17px;color:#d9bd72;font-size:15px}.rank-row{display:flex;justify-content:center;gap:5px;margin-top:6px}.rank-row img{width:23px;height:20px;object-fit:cover;border:1px solid #8f2c20;border-radius:2px;background:#ae1711;transition:filter .2s,opacity .2s}.rank-row img.rank-locked{filter:grayscale(1);opacity:.3}.training-list{display:grid;gap:5px;margin-top:5px}.training-card{padding:10px 10px 8px;text-align:center}.training-stat{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 10px;color:#b6b6b6;font-size:16px;font-weight:700}.training-stat img{width:20px;height:20px;object-fit:cover;border-radius:4px;filter:grayscale(.6)}.training-progress{height:11px;margin:0 0 8px;overflow:hidden;border:2px solid #171717;border-radius:7px;background:#4b403d;box-shadow:inset 0 1px 2px #000}.training-progress span{display:block;height:100%;background:repeating-linear-gradient(125deg,#c72c17 0 23px,#f26324 23px 40px,#ffbf36 40px 54px,#d83318 54px 72px);box-shadow:inset 0 1px #ffca67}.training-upgrade{display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;font-size:14px}.training-upgrade img{width:20px;height:20px;margin:0 4px;object-fit:contain}.training-upgrade:disabled{filter:grayscale(.85) brightness(.72);cursor:not-allowed}.training-message{min-height:18px;margin:4px 0;text-align:center;color:#f4d465;font-size:15px}.training-note{margin:0;padding:9px;color:#28c4d5;text-align:center;font-size:15px;font-weight:700;line-height:19px}.training-nav{margin-top:5px}.training-nav a{text-decoration:none}@media(max-width:390px){.training-title{font-size:17px}.training-stat,.rank-card,.rank-bonus,.rank-next,.training-message,.training-note{font-size:14px}}

.rank-current-icon{display:block;width:70px;height:70px;margin:0 auto 3px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}
.rank-card{position:relative;isolation:isolate;overflow:hidden;background:#202224 url('assets/training/rank-card-background.png') center/cover no-repeat;box-shadow:inset 0 0 28px #000,0 1px 2px #0008;text-shadow:0 1px 2px #000,0 0 4px #000}
.rank-card::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#17191bd9 0%,#202326c7 27%,#222528e8 50%,#202326c7 73%,#17191bd9 100%)}
.rank-card::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(#1116,#0002 40%,#1117)}
.rank-row{gap:3px;align-items:center}
.rank-row img{box-sizing:border-box;width:36px;height:36px;padding:2px;object-fit:contain;border:1px solid transparent;border-radius:5px;background:linear-gradient(#353535,#191919);box-shadow:inset 0 0 4px #000}
.rank-row img:not(.rank-locked){filter:none}
.rank-row img.rank-current{border-color:#e0a72f;box-shadow:inset 0 0 4px #000,0 0 4px #e2a52d,0 1px 2px #000}
@media(max-width:390px){.rank-row img{width:33px;height:33px}.rank-current-icon{width:62px;height:62px}}

/* Кнопки улучшения повторяют стиль основной кнопки разведки в конвое. */
.training-upgrade{min-height:34px;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:13px;letter-spacing:.035em;-webkit-text-stroke:.35px #173017}
.training-upgrade:disabled{background:linear-gradient(#0baa08,#086f04);border-color:#1a2119;color:#f2f2f2;filter:none;opacity:1;cursor:not-allowed}
.rank-card .rank-next{min-height:14px;color:#22cc36;font-size:12px;font-weight:400;line-height:14px;letter-spacing:.01em}
.rank-card p{cursor:text;-webkit-user-select:text;user-select:text}
.training-note{color:#22cc36;font-size:14px;font-weight:400;line-height:18px}
.rank-card .rank-bonus{flex-wrap:nowrap;white-space:nowrap;font-size:14px;font-weight:600}