/* Rustline — metal sunucu tarayıcısı */
.tpl-rustline { --r-a: var(--primary); --r-warn: #f0a43a; --r-metal: linear-gradient(180deg, #2c2620, #1b1713); --r-line: #3a2f25; --r-ink: #efe6dc; --r-ink2: #b0a090; }
.tpl-rustline .connect-float { display: none; }
.tpl-rustline, .tpl-rustline h1, .tpl-rustline h2, .tpl-rustline b { font-family: 'Oswald', 'Roboto Condensed', sans-serif; }
.r-board { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .015) 0 2px, transparent 2px 6px), linear-gradient(180deg, #221c17, #15110e); border-bottom: 2px solid var(--r-line); padding: 22px 0; }
.r-board-in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 30px; align-items: center; }
.r-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--r-ink); }
.r-logo img { width: 64px; padding: 6px; background: var(--r-metal); border: 2px solid var(--r-line); }
.r-logo b { display: block; font-size: 28px; text-transform: uppercase; letter-spacing: .04em; line-height: 1; }
.r-logo small { color: #3ddc97; font-size: 12px; letter-spacing: .14em; font-family: 'Roboto Condensed', sans-serif; }
.r-meter { padding: 14px 18px; background: #110e0b; border: 2px solid var(--r-line); box-shadow: inset 0 2px 10px rgba(0, 0, 0, .6); }
.r-meter-head, .r-meter-foot { display: flex; justify-content: space-between; font-size: 12.5px; letter-spacing: .1em; color: var(--r-ink2); font-family: 'Roboto Condensed', sans-serif; }
.r-meter-head b { color: var(--r-ink); font-size: 16px; } .r-meter-foot b { color: var(--r-warn); }
.r-bar { display: block; height: 12px; margin: 8px 0; background: #241d17; border: 1px solid var(--r-line); overflow: hidden; }
.r-bar i { display: block; height: 100%; background: repeating-linear-gradient(45deg, var(--r-a) 0 10px, color-mix(in oklab, var(--r-a) 70%, black) 10px 20px); }
.r-bar.sm { height: 8px; margin: 0; width: 120px; }
.r-connect { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 26px; background: linear-gradient(180deg, #f08a4b, #b4521f); border: 2px solid #6b2e10; color: #1a0d05; font: 700 15px 'Oswald', sans-serif; letter-spacing: .1em; cursor: pointer; box-shadow: inset 0 2px 0 rgba(255, 255, 255, .3), 0 6px 0 #4a1f0a; }
.r-connect i { font-size: 22px; } .r-connect:active { transform: translateY(4px); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .3), 0 2px 0 #4a1f0a; }
.r-tabs { position: sticky; top: 0; z-index: 60; background: #15110e; border-bottom: 3px solid var(--r-a); }
.r-tabs-in { display: flex; align-items: flex-end; gap: 12px; height: 56px; }
.r-links { display: flex; gap: 4px; flex: 1; align-items: flex-end; height: 100%; }
.r-links > a, .r-links .t-more > button { white-space: nowrap; display: flex; align-items: center; gap: 8px; padding: 0 18px; height: 44px; color: var(--r-ink2); text-decoration: none; text-transform: uppercase; letter-spacing: .08em; font: 500 14px 'Oswald', sans-serif; background: #1f1915; border: 2px solid var(--r-line); border-bottom: 0; }
.r-links > a:hover, .r-links > a.active { background: var(--r-a); color: #1a0d05; border-color: var(--r-a); }
.r-tabs .nav-user { align-self: center; }
.r-tabs .btn { border-radius: 0 !important; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.r-home { padding: 26px 16px 50px; }
.r-panel { background: var(--r-metal); border: 2px solid var(--r-line); margin-bottom: 20px; position: relative; }
.r-panel::before, .r-panel::after { content: ''; position: absolute; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: #5a4636; box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25); }
.r-panel::before { left: 8px; } .r-panel::after { right: 8px; }
.r-panel-head { display: flex; align-items: center; gap: 10px; padding: 12px 24px; border-bottom: 2px solid var(--r-line); font: 600 15px 'Oswald', sans-serif; letter-spacing: .12em; color: var(--r-ink); }
.r-panel-head i { color: var(--r-a); } .r-panel-head span { margin-left: auto; color: var(--r-ink2); font-size: 12px; }
.r-panel-head.plain { border: 2px solid var(--r-line); background: var(--r-metal); margin-bottom: 12px; }
.r-table { width: 100%; border-collapse: collapse; font-family: 'Roboto Condensed', sans-serif; }
.r-table th { text-align: left; padding: 10px 20px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--r-ink2); background: #110e0b; }
.r-table td { padding: 12px 20px; border-top: 1px solid var(--r-line); color: var(--r-ink); }
.r-table tr:hover td { background: rgba(255, 140, 60, .05); }
.r-srv { display: flex; align-items: center; gap: 12px; } .r-srv img { width: 40px; height: 40px; object-fit: cover; border: 2px solid var(--r-line); } .r-srv b { font-size: 18px; text-transform: uppercase; }
.r-desc { color: var(--r-ink2) !important; font-size: 14px; }
.r-cap { display: flex; align-items: center; gap: 10px; } .r-cap small { color: var(--r-ink2); }
.r-btn { display: inline-block; padding: 8px 16px; background: #2d241d; border: 2px solid var(--r-line); color: var(--r-warn); font: 600 13px 'Oswald', sans-serif; letter-spacing: .1em; text-decoration: none; }
.r-btn:hover { background: var(--r-a); color: #1a0d05; border-color: var(--r-a); }
.r-cols { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; align-items: start; }
.r-news { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.r-plate { display: flex; flex-direction: column; background: var(--r-metal); border: 2px solid var(--r-line); text-decoration: none; color: var(--r-ink); }
.r-plate:hover { border-color: var(--r-a); color: var(--r-ink); }
.r-plate-img { height: 150px; background: center / cover; filter: sepia(.35) saturate(.85); border-bottom: 2px solid var(--r-line); }
.r-plate-body { padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.r-plate-body em { align-self: flex-start; font-style: normal; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; padding: 2px 8px; background: var(--r-warn); color: #1a0d05; font-family: 'Oswald', sans-serif; }
.r-plate-body b { font-size: 18px; text-transform: uppercase; } .r-plate-body small { color: var(--r-ink2); }
.r-don { display: grid; grid-template-columns: auto 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 20px; border-top: 1px solid var(--r-line); font-family: 'Roboto Condensed', sans-serif; }
.r-don:first-of-type { border-top: 0; }
.r-don img { width: 30px; height: 30px; } .r-don b { font-size: 15px; } .r-don em { font-style: normal; color: var(--r-warn); font-weight: 700; } .r-don small { color: var(--r-ink2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r-rank { width: 24px; height: 24px; display: grid; place-items: center; background: #2d241d; color: var(--r-warn); font: 700 12px 'Oswald', sans-serif; }
.r-panel:has(.r-don:not(:has(.r-rank))) .r-don { grid-template-columns: 30px minmax(0, 1fr) auto; }
.r-chart { display: flex; align-items: flex-end; gap: 3px; height: 110px; padding: 16px 20px; }
.r-chart i { flex: 1; background: linear-gradient(180deg, var(--r-a), #5a2a12); }
.r-foot { margin-top: 30px; background: #0e0b09; }
.r-stripes { height: 10px; background: repeating-linear-gradient(45deg, var(--r-warn) 0 14px, #15110e 14px 28px); }
.r-foot-in { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 22px 16px 30px; color: var(--r-ink2); font-size: 13px; font-family: 'Roboto Condensed', sans-serif; }
.r-foot nav { display: flex; gap: 18px; flex-wrap: wrap; } .r-foot a { color: var(--r-ink); text-transform: uppercase; letter-spacing: .06em; font-size: 12.5px; text-decoration: none; }
@media (max-width: 1024px) {
  .r-board-in { grid-template-columns: 1fr; } .r-connect { flex-direction: row; justify-content: center; }
  .r-links { display: none; } .nav-open .r-links { display: flex; flex-direction: column; align-items: stretch; height: auto; position: absolute; top: 56px; left: 0; right: 0; background: #15110e; padding: 10px; }
  .t-burger { margin-left: auto; align-self: center; } .r-tabs .nav-user .btn-register { display: none; }
  .r-cols, .r-news { grid-template-columns: 1fr; } .r-desc, .r-table th:nth-child(2), .r-table th:nth-child(4), .r-table td:nth-child(4) { display: none; }
  .r-table td, .r-table th { padding: 10px; } .r-bar.sm { width: 70px; }
}