/* v43: две вкладки достижений, коллекция и окна пасхалок. */
.achievement-tabs {display:flex;gap:10px;flex:0 0 auto;margin:0 0 14px}
.achievement-tabs button {flex:1;min-height:42px;background:#19191d;color:#b8b0a2;border:1px solid #4b4537;border-radius:7px;font:700 13px 'Courier New',monospace;cursor:pointer}
.achievement-tabs button.active {background:#443414;color:#ffe2a3;border-color:#ffd166;box-shadow:inset 0 0 0 1px #8e6923}
.achievement-pane {min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.achievement-pane[hidden] {display:none!important}
#achievement-ranks-pane {display:flex;flex-direction:column}
#achievement-ranks-pane #trophiesList {flex:1;min-height:0}
.achievement-footer {text-align:center;flex:0 0 auto;margin:10px 0 0}
.achievement-footer .modal-btn {background:#232328;border:2px solid #ffd166;color:#ffd166;padding:9px 32px;border-radius:8px;width:auto;cursor:pointer;font-size:14px;font-weight:bold}
.collection-intro {font-size:12px;line-height:1.6;color:#aaa;margin:0 0 14px}
.collection-row {background:#18171b;border:1px solid #393331;border-radius:9px;padding:12px 14px;margin:0 0 12px}
.collection-row-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f0e7d6;margin-bottom:10px;font-size:14px}
.collection-row-heading span {font-size:12px;color:#a99c82}
.collection-slots {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:480px;margin:auto}
.collection-slot {position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;min-width:0;padding:3px;overflow:hidden;background:linear-gradient(145deg,#29272b,#0f1013);border:1px solid #4f4840;border-radius:7px;cursor:pointer}
.collection-slot img {width:100%;height:100%;object-fit:contain;pointer-events:none;image-rendering:pixelated}
.collection-slot.locked img {filter:brightness(0) invert(.24);opacity:.95}
.collection-slot.locked {border-style:dashed}
.collection-slot.found {background:radial-gradient(circle at 50% 55%,#3b311d,#111114 72%);border:1px solid #c49a4b;box-shadow:inset 0 0 9px #b98b2c45,0 0 9px #d3a14569}
.collection-slot.found img {filter:drop-shadow(0 0 4px #f6c35d9c)}
.collection-slot:focus-visible {outline:2px solid #ffd166;outline-offset:2px}
#collection-hint {position:sticky;top:0;z-index:2;min-height:20px;color:#ffd166;text-align:center;font-size:12px;margin:0 0 10px;padding:5px;background:#191819;border:1px solid #4b3c21;border-radius:5px}
.collection-dialog {width:min(430px,calc(100vw - 24px));max-height:90dvh;overflow-y:auto;box-sizing:border-box;background:#141315;border:2px solid #c7a259;border-radius:12px;padding:18px;box-shadow:0 15px 50px #000e;color:#ebe3d8;text-align:center}
.collection-found-dialog h2 {font-size:18px;color:#ffd166;margin:8px 0}
.collection-found-dialog h3 {font-size:20px;color:#ffd166;margin:0 0 10px}
.collection-found-dialog p {font-style:italic;line-height:1.6;font-size:13px}
.collection-found-image {display:block;width:128px;height:180px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 10px #ffd1668c);margin:8px auto}
.collection-dialog-actions {display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.collection-dialog-actions button {width:auto;min-width:125px;min-height:42px;padding:8px 13px}
.collection-detail-dialog {width:min(580px,calc(100vw - 24px));text-align:left;padding:20px 22px}
.collection-detail-image {width:100%;height:190px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 10px #e2b34b70)}
.collection-detail-dialog p {font-size:13px;line-height:1.65;white-space:pre-wrap}
.collection-detail-dialog h3 {color:#f1cf8c;font-size:14px;margin:18px 0 6px}
.collection-quote {font-style:italic;text-align:center;color:#e0d1b5}
.collection-discovery-date {font-size:12px!important;color:#aaa}
@media(max-width:700px) {
 .collection-row {padding:10px 8px}
 .collection-row-heading {font-size:13px}
 .collection-slots {gap:5px}
 .collection-slot {padding:1px;border-radius:5px}
 .collection-intro {font-size:11px}
 .collection-detail-dialog {padding:14px}
 .collection-detail-image {height:156px}
}
@media(prefers-reduced-motion:reduce){.collection-slot.found,.collection-slot img{animation:none!important;transition:none!important}}

#modal-collection-find, #modal-collection-detail { z-index: 500600; padding: 12px; box-sizing: border-box; }

/* v43.2 — крупные мечи по центру, без отдельного просмотра и подписей вселенных. */
#modal-collection-find, #modal-collection-detail {
    padding: max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));
}
.collection-dialog {
    width:min(510px,100%);
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow-y:auto;overscroll-behavior:contain;
    border:2px solid #c7a259;
    box-shadow:0 18px 65px rgba(0,0,0,.9),inset 0 0 0 1px rgba(235,191,91,.09);
    -webkit-overflow-scrolling:touch;
}
.collection-found-dialog {padding:20px 18px 22px}
.collection-found-dialog h2 {font-size:clamp(16px,4.1vw,21px);line-height:1.35;margin:6px 0 8px}
.collection-found-dialog h3 {font-size:clamp(17px,4.3vw,22px);line-height:1.35;margin:8px auto}
.collection-found-dialog p {font-size:14px;line-height:1.55;color:#e0d1b5;max-width:380px;margin:10px auto}
.collection-art-stage {
    display:flex;position:relative;isolation:isolate;flex-direction:column;
    align-items:center;justify-content:center;overflow:hidden;
    box-sizing:border-box;width:100%;margin:8px auto;padding:12px 8px 4px;
    border:0;background:radial-gradient(ellipse 44% 43% at 50% 47%,rgba(174,113,33,.23),rgba(66,43,22,.075) 75%,transparent 100%);
    cursor:default;color:#b6a992;
}
.collection-art-stage::before {content:"";position:absolute;z-index:-1;inset:8% 16%;pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(218,159,51,.16),transparent 67%)}
.collection-found-stage {min-height:280px}
.collection-detail-stage {min-height:315px;margin:8px auto 6px}
.collection-found-image,.collection-detail-image {
    display:block;width:100%;object-fit:contain;image-rendering:pixelated;
    filter:drop-shadow(0 0 9px rgba(236,171,65,.57));margin:0 auto;
}
.collection-found-image {height:clamp(238px,38dvh,340px)}
.collection-detail-image {height:clamp(270px,40dvh,355px)}
.collection-detail-dialog {text-align:left;padding:20px 20px 22px;width:min(590px,100%)}
.collection-quote {font-style:italic;color:#e0d1b5;text-align:center;font-size:14px!important;line-height:1.6;max-width:460px;margin:12px auto 18px}
.collection-detail-dialog .collection-section-heading {
    display:flex;align-items:center;gap:12px;
    color:#f1cf8c;font-size:15px;line-height:1.5;margin:23px 0 7px;
}
.collection-detail-dialog .collection-section-heading::after {content:"";height:1px;flex:1;background:linear-gradient(90deg,#80662d,transparent)}
.collection-detail-dialog p[data-collection-story],
.collection-detail-dialog p[data-collection-description],
.collection-detail-dialog p[data-collection-condition] {
    font-size:13px;line-height:1.75;color:#ddd4c6;white-space:pre-line;margin:7px 0 12px;
}
.collection-rune-section[hidden] {display:none!important}
.collection-rune-panel {border:1px solid #64502f;background:#191614;padding:14px 10px;text-align:center;border-radius:5px}
.collection-rune-panel p[data-collection-rune] {color:#f2c967;font-size:14px;font-style:italic;line-height:1.55;word-break:break-word;margin:0 0 11px}
.collection-rune-panel p[data-collection-rune-translation] {color:#c5bbaa;font-size:12px;font-style:italic;line-height:1.5;margin:0}
.collection-discovery-date {text-align:center;padding-top:12px;border-top:1px solid #403826}
.collection-dialog-actions {gap:10px;margin-top:14px}
.collection-dialog-actions button {margin:0;min-height:46px;flex:1;max-width:320px}
@media(max-width:700px){
    .collection-detail-dialog {padding:15px 14px 18px}
    .collection-found-dialog {padding:17px 13px 19px}
    .collection-detail-stage {min-height:280px}
    .collection-found-image {height:clamp(230px,36dvh,330px)}
    .collection-detail-image {height:clamp(255px,38dvh,345px)}
    .collection-detail-dialog p[data-collection-story],.collection-detail-dialog p[data-collection-description]{font-size:13px;line-height:1.7}
}
@media(max-height:660px){
    .collection-found-image {height:clamp(170px,34dvh,230px)}
    .collection-found-stage {min-height:195px}
}

/* v43.2 final layout: the artefact appears first, with its name below. */
.collection-detail-dialog {position:relative}
.collection-detail-close {position:absolute;top:12px;right:12px;z-index:2}
.collection-detail-stage {margin:14px auto 3px;min-height:0;padding:4px 32px 0}
.collection-found-stage {min-height:0}
.collection-art-stage img {margin-inline:auto}
.collection-item-name {font-size:clamp(18px,4.2vw,23px);color:#ffd166;line-height:1.35;text-align:center;margin:7px auto 9px;font-weight:700}
@media(max-width:700px){
  .collection-detail-stage {padding-inline:25px;margin-top:7px}
  .collection-detail-close {top:8px;right:8px}
}