/* WA CRESTPAGE 1610 — раздел «Значки для клана». Собрано l2k_crests_page.py, руками не править */
.k-cr [hidden]{display:none!important}
.k-cr-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.k-cr-intro{color:var(--ink-2);margin:0;line-height:1.65;font-size:15px}
.k-cr-box{background:var(--bg-1);border:1px solid var(--line-2);border-radius:12px;padding:16px;min-width:0}
.k-cr-box h2{font-size:18px;line-height:1.3;margin:0 0 12px;color:var(--ink-1)}
.k-cr-studio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;scroll-margin-top:90px}
.k-cr-scene{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#0a0e13}
.k-cr-more-w{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}
.k-cr-more-w .k-btn{width:min(100%,460px);justify-content:center;font-size:16px;padding:14px 22px}
.k-cr-more-w span{font-size:12px;color:var(--ink-3)}
.k-cr-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.k-cr-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-3)}
.k-cr-in{background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;color:var(--ink-1);padding:8px 10px;font:inherit;font-size:14px;min-width:0}
.k-cr-in:focus{outline:none;border-color:var(--gold-a45)}
.k-cr-sel{display:flex;flex-direction:column;gap:10px;min-width:0}
.k-cr-sel-h{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--ink-3);font-size:13px}
.k-cr-sel-h b{color:var(--gold-1);font-weight:600}
.k-cr-big-w{background:repeating-conic-gradient(#1a222b 0 25%,#141a21 0 50%) 0 0/16px 16px;border-radius:10px;padding:14px;display:flex;justify-content:center;align-items:center;min-height:128px;overflow:hidden}
.k-cr-big{display:block;image-rendering:crisp-edges;image-rendering:pixelated;max-width:100%}
.k-cr-fmt{font-size:12px;color:var(--ink-3);margin:0;line-height:1.5}
.k-cr-dl{display:flex;flex-wrap:wrap;gap:8px}
.k-cr-dl .k-btn{text-decoration:none}
.k-cr-dl .is-on{border-color:var(--live-a30);color:var(--live-1)}
.k-cr-gal-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.k-cr-gal-h h2{margin:0}
.k-cr-tabs{display:flex;flex-wrap:wrap;gap:6px}
.k-cr-tab,.k-cr-seg button{background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;line-height:1.2}
.k-cr-tab b{color:var(--ink-3);font-weight:600;margin-left:4px}
.k-cr-tab:hover,.k-cr-seg button:hover{border-color:var(--line-3);color:var(--ink-1)}
.k-cr-tab.is-on,.k-cr-seg button.is-on{background:var(--gold-a14);border-color:var(--gold-a45);color:var(--gold-1)}
.k-cr-tab.is-on b{color:var(--gold-1)}
.k-cr-grid{display:flex;flex-wrap:wrap;gap:4px}
.k-cr-t{padding:3px;margin:0;background:var(--bg-2);border:1px solid var(--line-1);border-radius:4px;cursor:pointer;line-height:0}
.k-cr-t:hover{border-color:var(--line-3);background:var(--bg-3)}
.k-cr-t.is-in{border-color:var(--live-a30);background:var(--live-a12)}
.k-cr-t.is-sel{border-color:var(--gold);box-shadow:var(--gold-glow)}
.k-cr-t i{display:block;width:var(--cr-w);height:var(--cr-h);background-image:var(--cr-img);background-repeat:no-repeat;background-size:var(--cr-bw) auto;image-rendering:crisp-edges;image-rendering:pixelated}
.k-cr-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;width:min(620px,calc(100% - 24px));display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg-3);border:1px solid var(--gold-a45);border-radius:12px;padding:10px 12px;color:var(--ink-1);font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.55)}
.k-cr-bar.is-pop{animation:kCrPop .5s ease}
@keyframes kCrPop{0%{transform:translateX(-50%) scale(1)}40%{transform:translateX(-50%) scale(1.04);border-color:var(--gold)}100%{transform:translateX(-50%) scale(1)}}
.k-cr-bar small{display:block;color:var(--ink-3);font-size:12px}
.k-cr-hint{font-size:12px;color:var(--ink-3);margin:0;line-height:1.5}
.k-cr-t{position:relative}
.k-cr-t.is-in::after{content:'✓';position:absolute;top:-6px;right:-6px;width:15px;height:15px;border-radius:50%;background:var(--live);color:#0b1118;font-size:10px;line-height:15px;text-align:center;font-weight:700}
.k-cr-text{line-height:1.7;color:var(--ink-2);font-size:15px}
.k-cr-text h2{margin:22px 0 10px}
.k-cr-text h2:first-child{margin-top:0}
.k-cr-text p{margin:0 0 12px}
.k-cr-text ol,.k-cr-text ul{margin:0 0 12px;padding-left:22px}
.k-cr-text li{margin:0 0 6px}
.k-cr-text code{background:var(--bg-3);border:1px solid var(--line-2);border-radius:5px;padding:1px 6px;color:var(--gold-1);font-size:13px}
.k-cr-text b{color:var(--ink-1)}
.k-cr-text a{color:var(--gold-1)}
.k-cr-faq details{border-top:1px solid var(--line-1);padding:10px 0}
.k-cr-faq summary{cursor:pointer;color:var(--ink-1);font-weight:600}
.k-cr-faq details p{margin:8px 0 0}
.k-cr-bar b{color:var(--gold-1)}
.k-cr-bar span{margin-right:auto}
.k-cr-conv p{color:var(--ink-2);line-height:1.6;margin:0 0 12px;font-size:14px}
.k-cr-drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px dashed var(--line-3);border-radius:10px;padding:18px;text-align:center;color:var(--ink-2);cursor:pointer}
.k-cr-drop small{color:var(--ink-3);font-size:12px}
.k-cr-drop:hover,.k-cr-drop.is-over{border-color:var(--gold);color:var(--ink-1);background:var(--gold-a08)}
.k-cr-seg{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.k-cr-out{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:14px}
.k-cr-out .k-cr-big-w{min-width:220px}
@media (max-width:860px){.k-cr-studio{grid-template-columns:1fr}}
@media (max-width:480px){.k-cr-fields{grid-template-columns:1fr}.k-cr-box{padding:12px}}