.search-clan-page { padding: clamp(14px,2vw,28px); color: #eef4ff; }
.search-clan-gate,.search-clan-shell { max-width: 1540px; margin: 0 auto; border: 1px solid #273c58; border-radius: 22px; background: #080f1d; box-shadow: 0 22px 80px rgba(0,0,0,.3); }
.search-clan-gate { padding: clamp(30px,5vw,70px); text-align: center; }
.search-clan-gate > span,.search-clan-toolbar > div > span,.search-clan-toolbar label > span,.clan-eyebrow,.clan-panel-title,.clan-kpi span,.clan-section-kicker { color: #45eaff; font: 900 .7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .13em; }
.search-clan-gate h1 { margin: 8px 0; }
.search-clan-gate p,.search-clan-toolbar p { margin: 0; color: #91a4c0; }
.search-clan-toolbar { display: grid; grid-template-columns: minmax(280px,.65fr) minmax(520px,1.35fr); gap: 26px; align-items: end; padding: clamp(20px,2.5vw,34px); border-bottom: 1px solid #22334e; background: linear-gradient(110deg,rgba(43,225,255,.06),rgba(108,83,255,.08)); }
.search-clan-toolbar h1 { margin: 6px 0; font-size: clamp(2rem,3.3vw,3.6rem); }
.search-clan-toolbar form { display: grid; grid-template-columns: minmax(0,1fr) 150px auto; gap: 10px; align-items: end; }
.search-clan-toolbar label { display: grid; gap: 7px; }
.search-clan-toolbar input,.search-clan-toolbar select { width: 100%; min-width: 0; height: 50px; padding: 0 14px; border: 1px solid #345273; border-radius: 12px; outline: none; background: #050c18; color: #fff; font: 700 .95rem/1 inherit; }
.search-clan-toolbar input:focus,.search-clan-toolbar select:focus { border-color: #43e9ff; box-shadow: 0 0 0 3px rgba(67,233,255,.12); }
.search-clan-toolbar button { min-height: 50px; padding: 0 20px; border: 1px solid #6d70ff; border-radius: 12px; background: linear-gradient(120deg,#168daf,#7055ff); color: #fff; cursor: pointer; font-weight: 900; }
.search-clan-status { margin: 0; padding: 13px clamp(20px,2.5vw,34px); color: #91a4c0; border-bottom: 1px solid #192a42; }
.search-clan-status[data-state="loading"] { color: #ffd24d; }
.search-clan-status[data-state="ready"] { color: #43f1b2; }
.search-clan-status[data-state="error"] { color: #ff6b89; }
.search-clan-matches { display: flex; gap: 8px; padding: 14px clamp(20px,2.5vw,34px); overflow-x: auto; border-bottom: 1px solid #192a42; }
.clan-match { flex: 0 0 auto; display: grid; gap: 3px; min-width: 180px; padding: 10px 13px; border: 1px solid #314c6e; border-radius: 12px; background: #101a2c; color: #eef4ff; cursor: pointer; text-align: left; }
.clan-match small { color: #8fa3be; }
.clan-match.active { border-color: #ff4fd8; background: #25142f; box-shadow: inset 0 -2px #ff4fd8; }
.search-clan-result { padding: clamp(14px,2vw,28px); }
.clan-hero { position: relative; overflow: hidden; padding: clamp(26px,4vw,58px) clamp(20px,4vw,56px) 26px; border: 1px solid #263b59; border-radius: 21px; background: radial-gradient(circle at 78% 12%,rgba(111,74,214,.2),transparent 34%),linear-gradient(135deg,#091321,#111127); }
.clan-hero::after { content:""; position:absolute; inset:auto -80px -160px auto; width:420px; height:420px; border:1px solid rgba(69,234,255,.12); border-radius:50%; pointer-events:none; }
.clan-live { position: absolute; left: 22px; top: 20px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid #167d91; border-radius: 999px; background: rgba(8,47,61,.72); color: #58efff; font: 900 .7rem/1 ui-monospace,monospace; box-shadow: 0 0 20px rgba(57,224,255,.13); }
.clan-live::before { content:""; width:7px; height:7px; border-radius:50%; background:#4ff5c0; box-shadow:0 0 10px #4ff5c0; }
.clan-rank { position:absolute; right:24px; top:20px; color:#e9eeff; font:900 1.3rem/1 ui-monospace,monospace; text-align:right; }
.clan-rank small { display:block; margin-top:4px; color:#7186a4; font-size:.55rem; letter-spacing:.12em; }
.clan-identity { position:relative; z-index:1; text-align:center; }
.clan-monogram { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 12px; border:1px solid #c48925; border-radius:50%; background:linear-gradient(145deg,#292112,#080b12); color:#ffc63f; font:900 1.2rem/1 ui-monospace,monospace; box-shadow:0 0 32px rgba(255,185,43,.18); }
.clan-identity h2 { margin:0; color:#ffc23f; font-size:clamp(2.4rem,5vw,5rem); letter-spacing:-.04em; text-shadow:0 0 28px rgba(255,182,54,.15); }
.clan-league { display:inline-flex; gap:10px; align-items:center; margin-top:12px; padding:8px 16px; border:1px solid #1c7180; border-radius:999px; background:#071c29; color:#58d8e8; font-weight:900; }
.clan-cycle-line { margin:20px 0 0; color:#8fa1bb; font:800 .72rem/1.4 ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; }
.clan-kpis { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:28px; }
.clan-kpi { padding:12px 14px; border:1px solid #253b57; border-top-color:#4ecde4; border-radius:12px; background:rgba(18,28,45,.91); text-align:center; }
.clan-kpi:nth-child(2) { border-top-color:#6f9cff; }
.clan-kpi:nth-child(4) { border-top-color:#ae73ff; }
.clan-kpi strong { display:block; margin-top:4px; font-size:clamp(1.15rem,2vw,1.8rem); }
.clan-highlights { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.clan-highlight { padding:20px; border:1px solid #253a56; border-radius:16px; background:#101a2b; }
.clan-highlight span { display:block; color:#8297b5; font:900 .68rem/1.2 ui-monospace,monospace; letter-spacing:.1em; }
.clan-highlight strong { display:block; margin-top:8px; color:#55deed; font-size:clamp(2rem,4vw,3.5rem); }
.clan-highlight.gold strong { color:#ffc85d; }
.clan-highlight small { display:block; margin-top:6px; color:#7ec6d3; font-weight:700; }
.clan-section { margin-top:14px; padding:18px; border:1px solid #253a55; border-radius:17px; background:#0c1626; }
.clan-section-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:14px; }
.clan-section-head h3 { margin:4px 0 0; }
.clan-section-head p { max-width:700px; margin:0; color:#8fa3bf; font-size:.85rem; text-align:right; }
.discount-ladder { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
.discount-step { padding:12px 8px; border:1px solid #30445f; border-radius:11px; background:#131e31; text-align:center; }
.discount-step b { display:block; color:#68dfc0; }
.discount-step strong { display:block; margin-top:6px; font-size:1rem; }
.discount-step small { display:block; margin-top:4px; color:#778ba8; }
.clan-analysis-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:14px; margin-top:14px; }
.clan-model-card,.clan-block-card { padding:18px; border:1px solid #253a55; border-radius:17px; background:#0c1626; }
.clan-model-value { display:flex; align-items:baseline; gap:12px; margin:14px 0; }
.clan-model-value strong { color:#49f2ad; font-size:clamp(2rem,5vw,4.5rem); }
.clan-model-value span { color:#9eb0c8; }
.model-bars { display:grid; gap:10px; }
.model-bar { display:grid; grid-template-columns:95px 1fr auto; gap:10px; align-items:center; color:#9eb0c8; font-size:.82rem; }
.model-bar i,.block-bar i { display:block; height:11px; border-radius:999px; background:#25364e; overflow:hidden; }
.model-bar i::after,.block-bar i::after { content:""; display:block; width:var(--fill,0%); height:100%; border-radius:inherit; background:linear-gradient(90deg,#4fd9e8,#45eda9); }
.block-mix { display:grid; grid-template-columns:repeat(auto-fit,minmax(72px,1fr)); gap:10px; align-items:end; min-height:190px; padding-top:18px; }
.block-bar { display:grid; grid-template-rows:auto 120px auto; gap:8px; text-align:center; }
.block-bar > b { color:#ffd14b; }
.block-bar i { width:34px; height:120px; margin:0 auto; transform:rotate(180deg); border-radius:8px 8px 2px 2px; }
.block-bar i::after { width:100%; height:var(--fill,0%); background:linear-gradient(180deg,#4ceba6,#46cde8,#6a77ff); }
.block-bar span { color:#99abc3; font-weight:900; }
.clan-member-wrap { overflow-x:auto; border:1px solid #283e5b; border-radius:14px; }
.clan-member-table { width:100%; min-width:880px; border-collapse:collapse; }
.clan-member-table th { padding:12px; background:#111d31; color:#75eaff; font:900 .68rem/1.2 ui-monospace,monospace; letter-spacing:.08em; text-align:left; }
.clan-member-table td { padding:12px; border-top:1px solid #21344d; color:#e9eff8; }
.clan-member-table tbody tr:hover { background:#101d31; }
.clan-member-name { display:flex; align-items:center; gap:10px; font-weight:900; }
.clan-member-rank { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#1c2c43; color:#6ce9ff; font-size:.72rem; }
.clan-member-table small { display:block; color:#7f94af; }
.clan-boosts { display:flex; flex-wrap:wrap; gap:5px; }
.clan-boost { padding:4px 7px; border:1px solid #365675; border-radius:999px; background:#101e32; font-size:.72rem; white-space:nowrap; }
.clan-premium-value { display:inline-flex; padding:5px 8px; border:1px solid #ffc23d; border-radius:999px; color:#ffd15a; font:900 .62rem/1 ui-monospace,monospace; letter-spacing:.06em; }
.clan-premium-inline { display:inline-flex; align-items:center; gap:6px; color:#ffe095; font-size:.72rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.clan-premium-inline b { padding:4px 6px; border:1px solid #ffc23d; border-radius:999px; color:#ffc83d; font:900 .58rem/1 ui-monospace,monospace; }
.clan-premium-lock { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; padding:16px; border:1px solid #8d6b21; border-radius:13px; background:linear-gradient(100deg,rgba(82,57,7,.26),rgba(44,31,7,.08)); }
.clan-premium-lock > span { padding:7px 9px; border:1px solid #ffc23d; border-radius:999px; color:#ffd158; font:900 .65rem/1 ui-monospace,monospace; letter-spacing:.08em; }
.clan-premium-lock strong,.clan-premium-lock small { display:block; }
.clan-premium-lock small { margin-top:4px; color:#a99b7e; }
.clan-premium-lock a { padding:9px 12px; border:1px solid #ffc23d; border-radius:10px; color:#ffd158; font-weight:900; text-decoration:none; white-space:nowrap; }
.clan-total-boost-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.clan-total-boost-summary > div { padding:12px; border:1px solid #2d4665; border-radius:11px; background:#101d30; }
.clan-total-boost-summary span { display:block; color:#7e93af; font:900 .62rem/1.2 ui-monospace,monospace; letter-spacing:.08em; }
.clan-total-boost-summary strong { display:block; margin-top:5px; color:#46f0b4; overflow-wrap:anywhere; }
.clan-total-boosts { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.clan-total-boost { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid #365675; border-radius:999px; background:#101e32; font-size:.78rem; }
.clan-total-boost small { color:#ffc84f; }
.clan-source-note { margin:14px 2px 0; color:#7186a2; font-size:.78rem; }
@media (max-width:1050px) {
  .search-clan-toolbar { grid-template-columns:1fr; }
  .clan-kpis { grid-template-columns:repeat(2,1fr); }
  .clan-analysis-grid { grid-template-columns:1fr; }
  .discount-ladder { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:700px) {
  .search-clan-page { padding:8px; }
  .search-clan-toolbar form { grid-template-columns:1fr 110px; }
  .search-clan-toolbar button { grid-column:1/-1; }
  .clan-hero { padding-top:72px; }
  .clan-identity h2 { font-size:2.2rem; }
  .clan-kpis,.clan-highlights { grid-template-columns:1fr 1fr; }
  .discount-ladder { grid-template-columns:repeat(2,1fr); }
  .clan-section-head { display:block; }
  .clan-section-head p { margin-top:7px; text-align:left; }
  .clan-premium-lock { grid-template-columns:auto 1fr; }
  .clan-premium-lock a { grid-column:1/-1; text-align:center; }
  .clan-total-boost-summary { grid-template-columns:1fr; }
}