#page-factions .panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#page-factions .toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
#page-factions .faction-search{position:relative;max-width:420px;width:100%}
#page-factions .faction-search input{width:100%;height:52px;border-radius:16px;border:1px solid rgba(94,164,233,.28);background:rgba(12,34,70,.72);color:#f4fbff;padding:0 18px 0 44px;font-size:16px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#page-factions .faction-search::before{content:'⌕';position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#90c7ff;font-size:20px;opacity:.9}
#page-factions .faction-group{margin-top:28px}
#page-factions .faction-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 10px;color:#fff;font-weight:800;letter-spacing:.12em;font-size:14px;text-transform:uppercase}
#page-factions .faction-group-title small{font-size:24px;letter-spacing:0;color:#ddecff}
#page-factions .faction-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
#page-factions .faction-card{display:flex;flex-direction:column;min-height:0;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(10,32,64,.98),rgba(8,27,55,.98));border:1px solid rgba(95,168,238,.20);box-shadow:0 10px 35px rgba(0,18,45,.25)}
#page-factions .faction-art{height:188px;display:block;background:
radial-gradient(circle at 82% 26%,rgba(176,212,255,.38),transparent 18%),
radial-gradient(circle at 18% 26%,rgba(16,58,112,.92) 0 27%,transparent 28%),
radial-gradient(circle at 26% 24%,rgba(203,223,245,.26),transparent 30%),
radial-gradient(circle at 34% 24%,rgba(203,223,245,.17),transparent 36%),
linear-gradient(135deg,rgba(31,83,148,.9),rgba(7,37,82,.96));border-bottom:1px solid rgba(95,168,238,.14)}
#page-factions .faction-card.kind-gang .faction-art{background:
radial-gradient(circle at 82% 26%,rgba(176,212,255,.38),transparent 18%),
radial-gradient(circle at 18% 26%,rgba(16,58,112,.92) 0 27%,transparent 28%),
radial-gradient(circle at 26% 24%,rgba(203,223,245,.26),transparent 30%),
radial-gradient(circle at 34% 24%,rgba(203,223,245,.17),transparent 36%),
linear-gradient(135deg,rgba(29,75,133,.92),rgba(7,31,71,.97))}
#page-factions .faction-card.kind-pflicht .faction-art{background:
radial-gradient(circle at 82% 26%,rgba(209,227,255,.42),transparent 18%),
radial-gradient(circle at 18% 26%,rgba(15,72,126,.94) 0 27%,transparent 28%),
radial-gradient(circle at 26% 24%,rgba(227,238,255,.28),transparent 30%),
radial-gradient(circle at 34% 24%,rgba(227,238,255,.18),transparent 36%),
linear-gradient(135deg,rgba(23,92,162,.94),rgba(8,37,85,.98))}
#page-factions .faction-card.kind-beruf .faction-art{background:
radial-gradient(circle at 82% 26%,rgba(190,216,255,.40),transparent 18%),
radial-gradient(circle at 18% 26%,rgba(22,64,120,.93) 0 27%,transparent 28%),
radial-gradient(circle at 26% 24%,rgba(220,234,255,.26),transparent 30%),
radial-gradient(circle at 34% 24%,rgba(220,234,255,.16),transparent 36%),
linear-gradient(135deg,rgba(24,84,152,.93),rgba(8,33,79,.98))}
#page-factions .faction-card-body{padding:22px 26px 16px}
#page-factions .faction-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#page-factions .faction-card-head .tiny-label{font-size:12px;letter-spacing:.16em;color:#a9c6e7;font-weight:800}
#page-factions .faction-card-body h3{margin:0 0 18px;color:#ffffff;font-size:clamp(22px,2vw,30px);line-height:1.06;letter-spacing:-.04em;word-break:break-word}
#page-factions .faction-facts{display:grid;gap:0}
#page-factions .fact-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(110,176,238,.14)}
#page-factions .fact-row:first-child{border-top:0;padding-top:0}
#page-factions .fact-row span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#96bcdf;font-weight:800;flex:0 0 105px}
#page-factions .fact-row strong{color:#fff;font-size:18px;line-height:1.25;text-align:right;word-break:break-word;overflow-wrap:anywhere;max-width:100%}
#page-factions .faction-card-action{padding:18px 26px 24px;margin-top:auto}
#page-factions .faction-card-action a,
#page-factions .faction-card-action span{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:16px;background:linear-gradient(90deg,#2d86ea,#4aa8ff);color:#fff;font-weight:900;letter-spacing:.04em;text-decoration:none;border:1px solid rgba(132,199,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
#page-factions .status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;font-weight:800;letter-spacing:.02em}
#page-factions .status-pill.online{background:rgba(232,255,240,.9);color:#22844b}
#page-factions .status-pill.degraded{background:rgba(255,245,210,.94);color:#9b6a00}
#page-factions .status-pill.offline{background:rgba(255,222,222,.94);color:#a03333}
#page-factions .status-pill.unknown{background:rgba(232,239,255,.90);color:#37659a}
@media (max-width:700px){#page-factions .faction-group-grid{grid-template-columns:1fr}#page-factions .faction-card-body{padding:20px 18px 14px}#page-factions .faction-card-action{padding:16px 18px 20px}#page-factions .fact-row strong{font-size:16px}#page-factions .fact-row span{flex-basis:92px}}