Mediawiki:common.css

Вернуться

Строка 4970: Строка 4970:


/* === Снаряжение охотника ========================================= */
/* === Снаряжение охотника ========================================= */
/* Сдержанный стиль: старый металл, кость и приглушённая бронза. */
/* v3: плотная таблица на широком экране, карточки в узком Citizen. */
/* Все правила ограничены .scmc-hunter-equipment. */


.scmc-hunter-equipment {
.scmc-hunter-equipment {
--hunter-bg: #0d100f;
--hunter-bg: #0f1211;
--hunter-surface: #131715;
--hunter-surface: #151917;
--hunter-surface-alt: #171b18;
--hunter-surface-alt: #181d1a;
--hunter-surface-raised: #1b201d;
--hunter-surface-hover: #1b201d;
--hunter-border: #343a35;
--hunter-line: #303632;
--hunter-border-soft: #292e2a;
--hunter-line-soft: #272c29;
--hunter-bronze: #a18c5c;
--hunter-bronze: #9a875e;
--hunter-bronze-dark: #665b3e;
--hunter-bronze-muted: #61583f;
--hunter-bone: #d7ceb7;
--hunter-bone: #d8d0bd;
--hunter-text: #d7dcd7;
--hunter-text: #d3d8d3;
--hunter-muted: #98a098;
--hunter-muted: #969e98;
--hunter-cold: #8ba3a0;
--hunter-cold: #9aadaa;
--hunter-good: #9eae89;
--hunter-good: #a5b28f;
--hunter-bad: #b88778;
--hunter-bad: #c09383;
max-width: 1240px;
max-width: 1320px;
margin: 0 auto;
margin: 0 auto;
color: var(--hunter-text);
color: var(--hunter-text);
font-size: 15px;
font-size: 15px;
line-height: 1.55;
line-height: 1.5;
}
}


Строка 5001: Строка 5000:
}
}


/* Заголовки разделов */
/* Заголовки */
.scmc-hunter-equipment h2 {
.scmc-hunter-equipment h2 {
margin: 0 0 1rem;
margin: 0 0 1rem;
padding: 0 0 0.7rem;
padding: 0 0 0.72rem;
border-bottom: 1px solid var(--hunter-border);
border: 0;
border-bottom: 1px solid var(--hunter-line);
color: var(--hunter-bone);
color: var(--hunter-bone);
font-size: 1.55rem;
font-size: 1.55rem;
font-weight: 650;
font-weight: 650;
letter-spacing: 0.025em;
letter-spacing: 0.02em;
}
}


.scmc-hunter-equipment h3 {
.scmc-hunter-equipment h3 {
position: relative;
position: relative;
margin: 2rem 0 0.75rem;
margin: 2rem 0 0.72rem;
padding: 0.55rem 0 0.55rem 16px;
padding: 0.42rem 0 0.42rem 15px;
border: 0;
border: 0;
border-bottom: 1px solid var(--hunter-border-soft);
border-bottom: 1px solid var(--hunter-line-soft);
color: #e2e5df;
color: #e0e3de;
font-size: 1.08rem;
font-size: 1.08rem;
font-weight: 650;
font-weight: 650;
letter-spacing: 0.018em;
letter-spacing: 0.015em;
}
}


.scmc-hunter-equipment h3::before {
.scmc-hunter-equipment h3::before {
position: absolute;
position: absolute;
top: 0.72rem;
top: 0.58rem;
bottom: 0.72rem;
bottom: 0.58rem;
left: 0;
left: 0;
width: 3px;
width: 3px;
Строка 5040: Строка 5040:
}
}


/* Таблицы */
/* Базовая таблица */
.scmc-hunter-equipment .scmc-hunter-table {
.scmc-hunter-equipment .scmc-hunter-table {
width: 100%;
width: 100%;
margin: 0 0 2rem;
margin: 0 0 2rem;
overflow: hidden;
overflow: hidden;
border: 1px solid var(--hunter-border) !important;
border: 1px solid var(--hunter-line) !important;
border-radius: 6px;
border-radius: 5px;
border-collapse: separate !important;
border-collapse: separate !important;
border-spacing: 0;
border-spacing: 0;
Строка 5056: Строка 5056:
.scmc-hunter-equipment .scmc-hunter-table thead th,
.scmc-hunter-equipment .scmc-hunter-table thead th,
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th {
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th {
padding: 10px 11px !important;
padding: 9px 10px !important;
border: 0 !important;
border: 0 !important;
border-right: 1px solid #3e4238 !important;
border-right: 1px solid #393d35 !important;
border-bottom: 1px solid var(--hunter-bronze-dark) !important;
border-bottom: 1px solid var(--hunter-bronze-muted) !important;
background: #22241e !important;
background: #20231e !important;
color: #cfc5aa !important;
color: #c9c0a9 !important;
font-size: 0.75rem;
font-size: 0.71rem;
font-weight: 700;
font-weight: 700;
line-height: 1.25;
line-height: 1.25;
letter-spacing: 0.045em;
letter-spacing: 0.05em;
text-align: left;
text-align: left;
text-transform: uppercase;
text-transform: uppercase;
Строка 5083: Строка 5083:


.scmc-hunter-equipment .scmc-hunter-table tbody td {
.scmc-hunter-equipment .scmc-hunter-table tbody td {
padding: 12px 11px !important;
padding: 11px 10px !important;
vertical-align: middle;
vertical-align: top;
border: 0 !important;
border: 0 !important;
border-right: 1px solid var(--hunter-border-soft) !important;
border-right: 1px solid var(--hunter-line-soft) !important;
border-bottom: 1px solid var(--hunter-border-soft) !important;
border-bottom: 1px solid var(--hunter-line-soft) !important;
background: var(--hunter-surface) !important;
background: var(--hunter-surface) !important;
color: var(--hunter-text);
color: var(--hunter-text);
line-height: 1.45;
line-height: 1.43;
transition: background-color 120ms ease;
transition: background-color 120ms ease;
}
}
Строка 5096: Строка 5096:
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td {
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td {
background: var(--hunter-surface-alt) !important;
background: var(--hunter-surface-alt) !important;
}
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td {
background: var(--hunter-surface-hover) !important;
}
}


Строка 5106: Строка 5110:
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td {
/* Колонки широкого режима */
background: var(--hunter-surface-raised) !important;
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-item { width: 25%; }
}
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-stat { width: 7%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-speed { width: 13%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-desc { width: 41%; }


/* Ширины: броня */
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-item { width: 22%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-item { width: 26%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-stat { width: 8%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-speed { width: 14%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-desc { width: 36%; }
 
/* Ширины: оружие */
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-item { width: 23%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-damage { width: 9%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-damage { width: 9%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-type { width: 11%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-type { width: 10%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-notes { width: 25%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-notes { width: 27%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-desc { width: 32%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-desc { width: 32%; }


/* Ширины: специальное оборудование */
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-item { width: 22%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-item { width: 23%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-type { width: 13%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-type { width: 14%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-effect { width: 32%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-effect { width: 31%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-desc { width: 33%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-desc { width: 32%; }


/* Предмет и изображение */
/* Предмет */
.scmc-hunter-equipment .scmc-hunter-item {
.scmc-hunter-equipment .scmc-hunter-item {
display: flex;
display: flex;
align-items: center;
align-items: flex-start;
gap: 11px;
gap: 10px;
min-width: 0;
min-width: 0;
}
}
Строка 5139: Строка 5137:
.scmc-hunter-equipment .scmc-hunter-icon {
.scmc-hunter-equipment .scmc-hunter-icon {
display: grid;
display: grid;
flex: 0 0 76px;
flex: 0 0 64px;
width: 76px;
width: 64px;
height: 76px;
height: 64px;
overflow: hidden;
overflow: hidden;
place-items: center;
place-items: center;
border: 1px solid #3c423c;
border: 1px solid #383e39;
border-left-color: var(--hunter-bronze-dark);
border-left-color: var(--hunter-bronze-muted);
border-radius: 3px;
border-radius: 3px;
background: #0b0e0d;
background: #0b0e0d;
Строка 5155: Строка 5153:
width: auto !important;
width: auto !important;
height: auto !important;
height: auto !important;
max-width: 70px !important;
max-width: 60px !important;
max-height: 70px !important;
max-height: 60px !important;
object-fit: contain;
object-fit: contain;
image-rendering: pixelated;
image-rendering: pixelated;
Строка 5163: Строка 5161:
.scmc-hunter-equipment .scmc-hunter-item-body {
.scmc-hunter-equipment .scmc-hunter-item-body {
min-width: 0;
min-width: 0;
padding-top: 1px;
}
}


.scmc-hunter-equipment .scmc-hunter-name {
.scmc-hunter-equipment .scmc-hunter-name {
margin-bottom: 6px;
margin-bottom: 6px;
color: #e5e8e3;
color: #e3e6e1;
font-size: 0.98rem;
font-size: 0.96rem;
font-weight: 650;
font-weight: 650;
line-height: 1.25;
line-height: 1.25;
Строка 5180: Строка 5179:
}
}


.scmc-hunter-equipment .scmc-hunter-tag,
.scmc-hunter-equipment .scmc-hunter-tag {
.scmc-hunter-equipment .scmc-hunter-status,
.scmc-hunter-equipment .scmc-hunter-damage-type {
display: inline-flex;
display: inline-flex;
align-items: center;
align-items: center;
min-height: 21px;
min-height: 19px;
padding: 2px 7px;
padding: 1px 6px;
border: 1px solid #414742;
border: 1px solid #3c433e;
border-radius: 3px;
border-radius: 2px;
background: #1b201d;
background: #1a1f1c;
color: #b5bcb5;
color: #adb5ae;
font-size: 0.7rem;
font-size: 0.67rem;
font-weight: 650;
font-weight: 650;
line-height: 1.2;
line-height: 1.2;
Строка 5197: Строка 5194:


.scmc-hunter-equipment .scmc-hunter-tag-accent {
.scmc-hunter-equipment .scmc-hunter-tag-accent {
border-color: #665d44;
border-color: #5f573f;
background: #27251d;
background: #24231d;
color: #cabc98;
color: #c6b992;
}
}


.scmc-hunter-equipment .scmc-hunter-tag-danger {
.scmc-hunter-equipment .scmc-hunter-tag-danger {
border-color: #6a4d45;
border-color: #604941;
background: #261e1b;
background: #241d1b;
color: #c59d90;
color: #c39789;
}
}


/* Показатели и состояния */
/* Значения — текст, а не кнопки внутри ячеек */
.scmc-hunter-equipment td[data-label="Удары"],
.scmc-hunter-equipment td[data-label="Удары"],
.scmc-hunter-equipment td[data-label="Баллистика"],
.scmc-hunter-equipment td[data-label="Баллистика"],
Строка 5214: Строка 5211:
.scmc-hunter-equipment td[data-label="Урон"],
.scmc-hunter-equipment td[data-label="Урон"],
.scmc-hunter-equipment td[data-label="Тип урона"],
.scmc-hunter-equipment td[data-label="Тип урона"],
.scmc-hunter-equipment td[data-label="Скорость"] {
.scmc-hunter-equipment td[data-label="Скорость"],
.scmc-hunter-equipment td[data-label="Категория"] {
text-align: center;
text-align: center;
}
}


.scmc-hunter-equipment .scmc-hunter-score {
.scmc-hunter-equipment .scmc-hunter-score {
display: inline-grid;
display: inline;
min-width: 38px;
padding: 0;
min-height: 31px;
border: 0;
padding: 3px 7px;
background: transparent;
place-items: center;
border: 1px solid #5c5848;
border-radius: 3px;
background: #1d1f1a;
color: var(--hunter-bone);
color: var(--hunter-bone);
font-size: 0.92rem;
font-size: 0.92rem;
font-weight: 700;
font-weight: 700;
font-variant-numeric: tabular-nums;
font-variant-numeric: tabular-nums;
line-height: 1.35;
white-space: nowrap;
}
}


.scmc-hunter-equipment .scmc-hunter-status-good {
.scmc-hunter-equipment .scmc-hunter-status,
border-color: #505b49;
.scmc-hunter-equipment .scmc-hunter-damage-type {
background: #1c211b;
display: inline;
color: var(--hunter-good);
padding: 0;
}
border: 0;
 
background: transparent;
.scmc-hunter-equipment .scmc-hunter-status-bad {
font-size: 0.78rem;
border-color: #654b44;
font-weight: 650;
background: #241c1a;
line-height: 1.35;
color: var(--hunter-bad);
}
}


.scmc-hunter-equipment .scmc-hunter-status-good { color: var(--hunter-good); }
.scmc-hunter-equipment .scmc-hunter-status-bad { color: var(--hunter-bad); }
.scmc-hunter-equipment .scmc-hunter-status-neutral,
.scmc-hunter-equipment .scmc-hunter-status-neutral,
.scmc-hunter-equipment .scmc-hunter-damage-type {
.scmc-hunter-equipment .scmc-hunter-damage-type { color: var(--hunter-cold); }
border-color: #46504d;
background: #19201e;
color: var(--hunter-cold);
}


.scmc-hunter-equipment .scmc-hunter-dash {
.scmc-hunter-equipment .scmc-hunter-dash {
color: #737b74;
color: #747c76;
font-weight: 700;
font-weight: 700;
}
}


.scmc-hunter-equipment .scmc-hunter-description {
.scmc-hunter-equipment .scmc-hunter-description {
color: #cbd0cb;
color: #c8cdc8;
}
}


.scmc-hunter-equipment .scmc-hunter-notes,
.scmc-hunter-equipment .scmc-hunter-notes,
.scmc-hunter-equipment .scmc-hunter-effect {
.scmc-hunter-equipment .scmc-hunter-effect {
color: #bcc3bd;
color: #b9c0ba;
font-size: 0.92rem;
font-size: 0.91rem;
}
}


.scmc-hunter-equipment .scmc-hunter-empty {
.scmc-hunter-equipment .scmc-hunter-empty {
padding: 22px !important;
padding: 20px !important;
border: 1px dashed #4a504a !important;
border: 1px dashed #454c47 !important;
background: var(--hunter-surface) !important;
background: var(--hunter-surface) !important;
color: var(--hunter-muted) !important;
color: var(--hunter-muted) !important;
Строка 5275: Строка 5268:
}
}


/* Планшеты */
/*
@media screen and (max-width: 1050px) {
Средняя ширина: таблица превращается в горизонтальные карточки.
.scmc-hunter-equipment .scmc-hunter-icon {
Это основной режим для Citizen с открытой боковой панелью.
flex-basis: 66px;
*/
width: 66px;
@media screen and (max-width: 1180px) {
height: 66px;
}
 
.scmc-hunter-equipment .scmc-hunter-icon img,
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element {
max-width: 62px !important;
max-height: 62px !important;
}
 
.scmc-hunter-equipment .scmc-hunter-table tbody td {
padding: 10px 8px !important;
}
}
 
/* Телефон: строка таблицы становится спокойной вертикальной карточкой */
@media screen and (max-width: 780px) {
.scmc-hunter-equipment {
font-size: 14px;
}
 
.scmc-hunter-equipment h3 {
margin-top: 1.6rem;
}
 
.scmc-hunter-equipment .scmc-hunter-table {
.scmc-hunter-equipment .scmc-hunter-table {
display: block;
display: block;
Строка 5317: Строка 5286:
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody,
.scmc-hunter-equipment .scmc-hunter-table tbody {
.scmc-hunter-equipment .scmc-hunter-table tr,
display: grid;
.scmc-hunter-equipment .scmc-hunter-table td {
gap: 10px;
display: block;
width: 100%;
width: auto !important;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody tr {
.scmc-hunter-equipment .scmc-hunter-table tbody tr {
margin: 0 0 10px;
display: grid;
overflow: hidden;
overflow: hidden;
border: 1px solid var(--hunter-border);
border: 1px solid var(--hunter-line);
border-left: 3px solid var(--hunter-bronze-muted);
border-radius: 5px;
border-radius: 5px;
background: var(--hunter-surface);
background: var(--hunter-surface);
Строка 5333: Строка 5302:


.scmc-hunter-equipment .scmc-hunter-table tbody td,
.scmc-hunter-equipment .scmc-hunter-table tbody td,
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child,
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td,
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child {
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td {
padding: 10px 12px !important;
display: block;
width: auto !important;
min-width: 0;
padding: 10px 11px !important;
border: 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--hunter-border-soft) !important;
background: var(--hunter-surface) !important;
background: var(--hunter-surface) !important;
text-align: left;
text-align: left;
Строка 5344: Строка 5315:
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child {
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child {
padding: 12px !important;
padding: 12px !important;
border-left: 3px solid var(--hunter-bronze-dark) !important;
border-right: 1px solid var(--hunter-line-soft) !important;
background: var(--hunter-surface-raised) !important;
background: var(--hunter-surface-alt) !important;
}
 
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child {
border-bottom: 0 !important;
}
}


Строка 5355: Строка 5322:
display: block;
display: block;
margin-bottom: 4px;
margin-bottom: 4px;
color: #858d86;
color: #858d87;
content: attr(data-label);
content: attr(data-label);
font-size: 0.67rem;
font-size: 0.64rem;
font-weight: 700;
font-weight: 700;
letter-spacing: 0.045em;
letter-spacing: 0.045em;
line-height: 1.2;
text-transform: uppercase;
text-transform: uppercase;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td,
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-description {
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td {
padding-top: 9px !important;
background: var(--hunter-surface) !important;
border-top: 1px solid var(--hunter-line-soft) !important;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td:first-child,
.scmc-hunter-equipment .scmc-hunter-table-armor tbody tr {
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td:first-child {
grid-template-columns: minmax(210px, 1fr) repeat(3, 74px) minmax(125px, 0.7fr);
background: var(--hunter-surface-raised) !important;
}
}


.scmc-hunter-equipment .scmc-hunter-empty::before {
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(1) {
display: none !important;
grid-column: 1;
grid-row: 1 / 3;
}
}
}


@media screen and (max-width: 440px) {
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(6) {
.scmc-hunter-equipment .scmc-hunter-item {
grid-column: 2 / 6;
align-items: flex-start;
grid-row: 2;
}
}


.scmc-hunter-equipment .scmc-hunter-icon {
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody tr {
flex-basis: 60px;
grid-template-columns: minmax(210px, 0.9fr) 88px 105px minmax(220px, 1.35fr);
width: 60px;
height: 60px;
}
}


.scmc-hunter-equipment .scmc-hunter-icon img,
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(1) {
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element {
grid-column: 1;
max-width: 56px !important;
grid-row: 1 / 3;
max-height: 56px !important;
}
}
}
/* === Снаряжение охотника ========================================= */
/* Сдержанный стиль: старый металл, кость и приглушённая бронза. */
/* Все правила ограничены .scmc-hunter-equipment. */


.scmc-hunter-equipment {
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(5) {
--hunter-bg: #0d100f;
grid-column: 2 / 5;
--hunter-surface: #131715;
grid-row: 2;
--hunter-surface-alt: #171b18;
}
--hunter-surface-raised: #1b201d;
--hunter-border: #343a35;
--hunter-border-soft: #292e2a;
--hunter-bronze: #a18c5c;
--hunter-bronze-dark: #665b3e;
--hunter-bone: #d7ceb7;
--hunter-text: #d7dcd7;
--hunter-muted: #98a098;
--hunter-cold: #8ba3a0;
--hunter-good: #9eae89;
--hunter-bad: #b88778;
max-width: 1240px;
margin: 0 auto;
color: var(--hunter-text);
font-size: 15px;
line-height: 1.55;
}


.scmc-hunter-equipment *,
.scmc-hunter-equipment .scmc-hunter-table-utility tbody tr {
.scmc-hunter-equipment *::before,
grid-template-columns: minmax(210px, 0.9fr) 145px minmax(260px, 1.5fr);
.scmc-hunter-equipment *::after {
}
box-sizing: border-box;
}
 
/* Заголовки разделов */
.scmc-hunter-equipment h2 {
margin: 0 0 1rem;
padding: 0 0 0.7rem;
border-bottom: 1px solid var(--hunter-border);
color: var(--hunter-bone);
font-size: 1.55rem;
font-weight: 650;
letter-spacing: 0.025em;
}
 
.scmc-hunter-equipment h3 {
position: relative;
margin: 2rem 0 0.75rem;
padding: 0.55rem 0 0.55rem 16px;
border: 0;
border-bottom: 1px solid var(--hunter-border-soft);
color: #e2e5df;
font-size: 1.08rem;
font-weight: 650;
letter-spacing: 0.018em;
}
 
.scmc-hunter-equipment h3::before {
position: absolute;
top: 0.72rem;
bottom: 0.72rem;
left: 0;
width: 3px;
background: var(--hunter-bronze);
content: "";
}
 
.scmc-hunter-equipment .mw-editsection {
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0;
}
 
/* Таблицы */
.scmc-hunter-equipment .scmc-hunter-table {
width: 100%;
margin: 0 0 2rem;
overflow: hidden;
border: 1px solid var(--hunter-border) !important;
border-radius: 6px;
border-collapse: separate !important;
border-spacing: 0;
table-layout: fixed;
background: var(--hunter-bg) !important;
color: var(--hunter-text);
}
 
.scmc-hunter-equipment .scmc-hunter-table thead th,
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th {
padding: 10px 11px !important;
border: 0 !important;
border-right: 1px solid #3e4238 !important;
border-bottom: 1px solid var(--hunter-bronze-dark) !important;
background: #22241e !important;
color: #cfc5aa !important;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.045em;
text-align: left;
text-transform: uppercase;
}


.scmc-hunter-equipment .scmc-hunter-table thead th:last-child,
.scmc-hunter-equipment .scmc-hunter-table-utility tbody td:nth-child(1) {
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th:last-child {
grid-column: 1;
border-right: 0 !important;
grid-row: 1 / 3;
}
 
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-stat,
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-speed,
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-damage,
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-type {
text-align: center;
}
 
.scmc-hunter-equipment .scmc-hunter-table tbody td {
padding: 12px 11px !important;
vertical-align: middle;
border: 0 !important;
border-right: 1px solid var(--hunter-border-soft) !important;
border-bottom: 1px solid var(--hunter-border-soft) !important;
background: var(--hunter-surface) !important;
color: var(--hunter-text);
line-height: 1.45;
transition: background-color 120ms ease;
}
 
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td {
background: var(--hunter-surface-alt) !important;
}
 
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child {
border-right: 0 !important;
}
 
.scmc-hunter-equipment .scmc-hunter-table tbody tr:last-child td {
border-bottom: 0 !important;
}
 
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td {
background: var(--hunter-surface-raised) !important;
}
 
/* Ширины: броня */
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-item { width: 26%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-stat { width: 8%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-speed { width: 14%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-desc { width: 36%; }
 
/* Ширины: оружие */
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-item { width: 23%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-damage { width: 9%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-type { width: 11%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-notes { width: 25%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-desc { width: 32%; }
 
/* Ширины: специальное оборудование */
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-item { width: 23%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-type { width: 14%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-effect { width: 31%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-desc { width: 32%; }
 
/* Предмет и изображение */
.scmc-hunter-equipment .scmc-hunter-item {
display: flex;
align-items: center;
gap: 11px;
min-width: 0;
}
 
.scmc-hunter-equipment .scmc-hunter-icon {
display: grid;
flex: 0 0 76px;
width: 76px;
height: 76px;
overflow: hidden;
place-items: center;
border: 1px solid #3c423c;
border-left-color: var(--hunter-bronze-dark);
border-radius: 3px;
background: #0b0e0d;
}
 
.scmc-hunter-equipment .scmc-hunter-icon img,
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element {
display: block;
width: auto !important;
height: auto !important;
max-width: 70px !important;
max-height: 70px !important;
object-fit: contain;
image-rendering: pixelated;
}
 
.scmc-hunter-equipment .scmc-hunter-item-body {
min-width: 0;
}
 
.scmc-hunter-equipment .scmc-hunter-name {
margin-bottom: 6px;
color: #e5e8e3;
font-size: 0.98rem;
font-weight: 650;
line-height: 1.25;
overflow-wrap: anywhere;
}
 
.scmc-hunter-equipment .scmc-hunter-tags {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
 
.scmc-hunter-equipment .scmc-hunter-tag,
.scmc-hunter-equipment .scmc-hunter-status,
.scmc-hunter-equipment .scmc-hunter-damage-type {
display: inline-flex;
align-items: center;
min-height: 21px;
padding: 2px 7px;
border: 1px solid #414742;
border-radius: 3px;
background: #1b201d;
color: #b5bcb5;
font-size: 0.7rem;
font-weight: 650;
line-height: 1.2;
}
 
.scmc-hunter-equipment .scmc-hunter-tag-accent {
border-color: #665d44;
background: #27251d;
color: #cabc98;
}
 
.scmc-hunter-equipment .scmc-hunter-tag-danger {
border-color: #6a4d45;
background: #261e1b;
color: #c59d90;
}
 
/* Показатели и состояния */
.scmc-hunter-equipment td[data-label="Удары"],
.scmc-hunter-equipment td[data-label="Баллистика"],
.scmc-hunter-equipment td[data-label="Взрыв"],
.scmc-hunter-equipment td[data-label="Урон"],
.scmc-hunter-equipment td[data-label="Тип урона"],
.scmc-hunter-equipment td[data-label="Скорость"] {
text-align: center;
}
 
.scmc-hunter-equipment .scmc-hunter-score {
display: inline-grid;
min-width: 38px;
min-height: 31px;
padding: 3px 7px;
place-items: center;
border: 1px solid #5c5848;
border-radius: 3px;
background: #1d1f1a;
color: var(--hunter-bone);
font-size: 0.92rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
 
.scmc-hunter-equipment .scmc-hunter-status-good {
border-color: #505b49;
background: #1c211b;
color: var(--hunter-good);
}
 
.scmc-hunter-equipment .scmc-hunter-status-bad {
border-color: #654b44;
background: #241c1a;
color: var(--hunter-bad);
}
 
.scmc-hunter-equipment .scmc-hunter-status-neutral,
.scmc-hunter-equipment .scmc-hunter-damage-type {
border-color: #46504d;
background: #19201e;
color: var(--hunter-cold);
}
 
.scmc-hunter-equipment .scmc-hunter-dash {
color: #737b74;
font-weight: 700;
}
 
.scmc-hunter-equipment .scmc-hunter-description {
color: #cbd0cb;
}
 
.scmc-hunter-equipment .scmc-hunter-notes,
.scmc-hunter-equipment .scmc-hunter-effect {
color: #bcc3bd;
font-size: 0.92rem;
}
 
.scmc-hunter-equipment .scmc-hunter-empty {
padding: 22px !important;
border: 1px dashed #4a504a !important;
background: var(--hunter-surface) !important;
color: var(--hunter-muted) !important;
text-align: center;
}
 
/* Планшеты */
@media screen and (max-width: 1050px) {
.scmc-hunter-equipment .scmc-hunter-icon {
flex-basis: 66px;
width: 66px;
height: 66px;
}
}


.scmc-hunter-equipment .scmc-hunter-icon img,
.scmc-hunter-equipment .scmc-hunter-table-utility tbody td:nth-child(4) {
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element {
grid-column: 2 / 4;
max-width: 62px !important;
grid-row: 2;
max-height: 62px !important;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody td {
.scmc-hunter-equipment .scmc-hunter-empty::before {
padding: 10px 8px !important;
display: none !important;
}
}
}
}


/* Телефон: строка таблицы становится спокойной вертикальной карточкой */
/* Телефон */
@media screen and (max-width: 780px) {
@media screen and (max-width: 720px) {
.scmc-hunter-equipment {
.scmc-hunter-equipment {
font-size: 14px;
font-size: 14px;
Строка 5728: Строка 5391:
.scmc-hunter-equipment h3 {
.scmc-hunter-equipment h3 {
margin-top: 1.6rem;
margin-top: 1.6rem;
}
.scmc-hunter-equipment .scmc-hunter-table {
display: block;
overflow: visible;
border: 0 !important;
border-radius: 0;
background: transparent !important;
}
.scmc-hunter-equipment .scmc-hunter-table thead,
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head {
display: none;
}
.scmc-hunter-equipment .scmc-hunter-table tbody,
.scmc-hunter-equipment .scmc-hunter-table tr,
.scmc-hunter-equipment .scmc-hunter-table td {
display: block;
width: auto !important;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody tr {
.scmc-hunter-equipment .scmc-hunter-table tbody tr {
margin: 0 0 10px;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: hidden;
border: 1px solid var(--hunter-border);
border-radius: 5px;
background: var(--hunter-surface);
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody td,
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child,
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child,
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child {
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(1),
padding: 10px 12px !important;
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(1),
border: 0 !important;
.scmc-hunter-equipment .scmc-hunter-table-utility tbody td:nth-child(1) {
border-bottom: 1px solid var(--hunter-border-soft) !important;
grid-column: 1 / -1;
background: var(--hunter-surface) !important;
grid-row: auto;
text-align: left;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child {
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child {
padding: 12px !important;
border-right: 0 !important;
border-left: 3px solid var(--hunter-bronze-dark) !important;
border-bottom: 1px solid var(--hunter-line-soft) !important;
background: var(--hunter-surface-raised) !important;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child {
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(2),
border-bottom: 0 !important;
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(3),
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(4),
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(5) {
grid-column: auto;
grid-row: auto;
border-bottom: 1px solid var(--hunter-line-soft) !important;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody td:not(:first-child)::before {
.scmc-hunter-equipment .scmc-hunter-table-armor tbody td:nth-child(6),
display: block;
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(4),
margin-bottom: 4px;
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(5),
color: #858d86;
.scmc-hunter-equipment .scmc-hunter-table-utility tbody td:nth-child(2),
content: attr(data-label);
.scmc-hunter-equipment .scmc-hunter-table-utility tbody td:nth-child(3),
font-size: 0.67rem;
.scmc-hunter-equipment .scmc-hunter-table-utility tbody td:nth-child(4) {
font-weight: 700;
grid-column: 1 / -1;
letter-spacing: 0.045em;
grid-row: auto;
text-transform: uppercase;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td,
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(2) {
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td {
border-right: 1px solid var(--hunter-line-soft) !important;
background: var(--hunter-surface) !important;
}
}


.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td:first-child,
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(2),
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td:first-child {
.scmc-hunter-equipment .scmc-hunter-table-weapon tbody td:nth-child(3),
background: var(--hunter-surface-raised) !important;
.scmc-hunter-equipment .scmc-hunter-table-utility tbody td:nth-child(2) {
border-bottom: 1px solid var(--hunter-line-soft) !important;
}
}


.scmc-hunter-equipment .scmc-hunter-empty::before {
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-notes,
display: none !important;
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-effect,
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-description {
border-top: 1px solid var(--hunter-line-soft) !important;
}
}
}
}


@media screen and (max-width: 440px) {
@media screen and (max-width: 430px) {
.scmc-hunter-equipment .scmc-hunter-item {
.scmc-hunter-equipment .scmc-hunter-table-armor tbody tr {
align-items: flex-start;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.scmc-hunter-equipment .scmc-hunter-icon {
.scmc-hunter-equipment .scmc-hunter-icon {
flex-basis: 60px;
flex-basis: 58px;
width: 60px;
width: 58px;
height: 60px;
height: 58px;
}
}


.scmc-hunter-equipment .scmc-hunter-icon img,
.scmc-hunter-equipment .scmc-hunter-icon img,
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element {
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element {
max-width: 56px !important;
max-width: 54px !important;
max-height: 56px !important;
max-height: 54px !important;
}
}
}
}


/* СМ:Главаная - конец */
/* СМ:Главаная - конец */