@charset "UTF-8";

.clan-page { --accent:#e0bf85; --accent-rgb:224,191,133; }
.clan-page .growth-hero::before,.clan-page .growth-hero-art::before { content:none; }
.clan-page .growth-hero { grid-template-columns:1.2fr 1fr; gap:32px; }
.clan-page .growth-art-image { width:min(100%,480px); height:auto; object-fit:contain; background:transparent; border:0; box-shadow:none; filter:none; }
.clan-page .button-primary { color:#241c11; background:linear-gradient(110deg,#e8d0a5,#c7a16a); border-color:#e0bf85; }
.clan-page .growth-siblings { flex-wrap:wrap; column-gap:26px; row-gap:0; }
.clan-page .growth-facts dd { font-variant-numeric:tabular-nums; }
.clan-lookup { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); border:1px solid #b99d6f45; background:#101925; }
.clan-form { padding:30px; border-right:1px solid var(--line); }
.clan-form[hidden] { display:none; }
.clan-lookup:has(.clan-form[hidden]) { grid-template-columns:1fr; }
.clan-form label { display:block; font-size:14px; color:#dfcfb0; margin-bottom:9px; }
.clan-form input { display:block; width:100%; min-height:54px; border:1px solid #a38e6d65; border-radius:0; background:#0a131e; color:#f0e4d1; padding:11px 14px; font:inherit; font-size:23px; font-variant-numeric:tabular-nums; }
.clan-form input[aria-invalid="true"] { border-color:#e7a49b; }
.clan-form .button { width:100%; min-height:48px; margin-top:16px; font:inherit; font-size:14px; cursor:pointer; }
.clan-form input:focus-visible,.clan-form button:focus-visible,.clan-table-wrap:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.clan-input-hint { font-size:12px; color:#93a9bc; margin:10px 0 0; }
.clan-input-error { color:#f0b3a9; font-size:12px; margin:7px 0 0; }
.clan-input-error:empty { display:none; }
.clan-examples { display:flex; flex-wrap:wrap; gap:8px; margin-top:21px; }
.clan-examples button { min-height:36px; padding:5px 10px; color:#bfae93; background:#ffffff03; border:1px solid #b99d6f38; border-radius:0; font:inherit; font-size:11px; cursor:pointer; }
.clan-examples button:hover { color:#f0d6a8; border-color:#c8aa72; }
.clan-result { padding:28px 30px 30px; min-width:0; }
.clan-result-top { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.clan-result-top h3 { margin:0; color:var(--accent); font-size:48px; font-weight:500; line-height:1.2; font-variant-numeric:tabular-nums; }
.clan-result-top small { font-size:16px; letter-spacing:1px; margin-right:7px; }
.clan-result-points { margin:0; color:#9cafc0; font-size:11px; text-align:right; }
.clan-result-points strong { display:block; color:#d9d5ce; font-size:16px; font-weight:500; font-variant-numeric:tabular-nums; }
.clan-bonuses { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:23px 0 20px; }
.clan-bonuses>div { min-width:0; }
.clan-bonuses dt { font-size:11px; color:#9baebd; margin-bottom:7px; }
.clan-bonuses dd { margin:0; font-size:27px; color:#e5d2b0; font-variant-numeric:tabular-nums; line-height:1.4; }
.clan-bonuses dd span { font-size:10px; margin-left:5px; color:#8499ac; }
.clan-next-title { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px 15px; margin:0 0 11px; color:#adbac6; font-size:12px; }
.clan-next-title strong { color:#dfc08e; font-weight:500; }
.clan-result progress { display:block; width:100%; height:4px; border:0; appearance:none; background:#273240; color:#d1af77; }
.clan-result progress::-webkit-progress-bar { background:#273240; }
.clan-result progress::-webkit-progress-value { background:#d1af77; }
.clan-result progress::-moz-progress-bar { background:#d1af77; }
.clan-progress-caption { color:#91a3b3; font-size:11px; margin:10px 0 0; }
.clan-lookup-note { color:#8d9fae; font-size:12px; margin-top:15px; }
.clan-table-wrap { border:1px solid var(--line); }
.clan-table { min-width:530px; }
.clan-table th,.clan-table td { padding:12px 20px; }
.clan-table tbody tr.clan-milestone>* { border-top:1px solid #c8a66b66; }
.clan-table tbody tr.is-current>* { background:#e0bf850d; color:#e7cb9b; }
.clan-table tbody tr.is-current th { box-shadow:inset 2px 0 #e0bf85; }
.clan-table-note { color:#8fa5b7; font-size:12px; margin:16px 0 0; }
.clan-material-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.clan-material { border:1px solid var(--line); border-top-color:var(--material,#ab976d); padding:21px 19px 19px; min-width:0; background:#101b26; }
.clan-material h3 { margin:12px 0 13px; font-size:15px; font-weight:500; line-height:1.8; color:#cfdae3; }
.clan-material-label { display:flex; align-items:center; gap:8px; color:#8b9eaf; font-size:10px; letter-spacing:1px; margin:0; }
.clan-material-label::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--material,#ab976d); }
.clan-material strong { font-size:30px; line-height:1.2; font-weight:400; color:var(--material,#ddc28f); font-variant-numeric:tabular-nums; }
.clan-material strong span { font-size:12px; margin-left:5px; }
.clan-material>p:last-child { margin:14px 0 0; padding-top:12px; border-top:1px solid var(--line); font-size:11px; color:#94a8b8; }
.clan-material-white { --material:#d2dce3; }.clan-material-green { --material:#96c7ae; }.clan-material-blue { --material:#8eb9db; }
.clan-material-moon { --material:#c9bedf; }.clan-material-star { --material:#d8c38b; }.clan-material-eternal { --material:#cc9fa0; }
.clan-page .growth-callout { background:#c09b5d0a; }
.clan-page .growth-callout>span { color:#dfc394; }
@media(max-width:960px) { .clan-page .growth-hero { grid-template-columns:1.15fr 1fr; gap:15px; }.clan-form,.clan-result { padding:24px; }.clan-material-grid { gap:12px; }.clan-material { padding-inline:16px; } }
@media(max-width:640px) {
 .clan-page .growth-hero { display:flex; }.clan-page .growth-siblings { column-gap:20px; }
 .clan-page .growth-art-image { width:min(100%,300px); }
 .clan-lookup { grid-template-columns:1fr; }.clan-form { border-right:0; border-bottom:1px solid var(--line); }.clan-form,.clan-result { padding:23px; }
 .clan-bonuses { gap:8px; }.clan-bonuses dd { font-size:26px; }.clan-result-top h3 { font-size:44px; }
 .clan-material-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.clan-material { padding:18px 15px; }.clan-material h3 { font-size:14px; }.clan-material strong { font-size:27px; }
 .clan-table th,.clan-table td { padding-inline:15px; }
}
@media(max-width:370px) { .clan-material-grid { grid-template-columns:1fr; }.clan-bonuses dd span { display:block; margin:2px 0 0; } }
@media print { .clan-form { display:none!important; }.clan-lookup { display:block; }.clan-material-grid { display:block; }.clan-material { break-inside:avoid; }.clan-result,.clan-result h3,.clan-bonuses dd { color:#111; } }