/* Орбіс RPG: досягнення та бестіарій, мобільний UI */
.achievement-overlay[hidden] {display:none!important}
.achievement-overlay {
 position:fixed;inset:0;z-index:10050;padding:12px;display:flex;align-items:center;
 justify-content:center;background:rgba(7,12,22,.85)
}
.achievement-panel {
 color:#f3e3c5;background:linear-gradient(180deg,#273549,#141d2c);
 border:2px solid #b9934e; border-radius:12px;max-width:660px;width:100%;
 max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;
 box-shadow:0 15px 35px rgba(0,0,0,.7)
}
.achievement-panel header {display:flex;align-items:center;justify-content:space-between;
  padding:11px 14px;border-bottom:1px solid #756348;font-size:18px}
.achievement-panel button {
 color:#f8dfad;background:#443522;border:1px solid #a5874c;
 border-radius:7px;padding:7px 10px;min-height:34px
}
.achievement-panel button.selected,.achievement-panel button:focus-visible {
 border-color:#eac46a;background:#74572a;color:#fff4cf
}
#achievement-body {padding:8px 12px 18px;overflow:auto;overscroll-behavior:contain}
.achievement-summary {padding:10px;background:#1b2534;border:1px solid #655637;
 border-radius:7px;margin-bottom:9px;line-height:1.5}
.achievement-summary small {font-size:12px;line-height:1.65;color:#b7d8ea}
.achievement-filter {display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}
.achievement-filter button {font-size:12px;padding:5px 7px;min-height:30px}
.achievement-card {position:relative;padding:6px 8px;margin-bottom:6px;border-radius:7px;
 border:1px solid #4c5363;background:rgba(14,22,32,.7);line-height:1.3}
.achievement-card.unlocked {border-color:#bc9850}
.achievement-card b {display:block;color:#fbe6ae}
.achievement-card div {font-size:13px}
.achievement-card progress {display:block;width:100%;height:6px;margin:4px 0 0;
 accent-color:#d2a950}
.achievement-card span {font-size:13px;color:#a7d9b0}
.achievement-card button {margin-top:6px}
.achievement-region {margin:7px 0;padding:9px;border:1px solid #5e594d;
 background:rgba(16,25,38,.8);border-radius:6px}
.achievement-region summary {cursor:pointer;font-weight:600}
.achievement-species {display:flex;gap:10px;align-items:center;min-height:54px;
 padding:7px 0;border-bottom:1px solid #3f4751}
.achievement-species img {width:48px;height:48px;object-fit:contain}
.achievement-species small {display:block;color:#b5bdc8;font-size:12px}
.achievement-titles {margin:18px 0 4px;padding:10px;border:1px solid #705d39}
.achievement-titles button {margin:5px 5px 0 0;font-size:12px}
@media(max-width:430px){.achievement-overlay{padding:5px}.achievement-panel{max-height:95dvh}}

.achievement-stat-mark {color:#ddb869;font-size:12px;white-space:nowrap;margin-left:4px}

/* Achievement title opens the dedicated condition/reward window. */
.achievement-card .achievement-name {
 display:block;width:100%;min-height:28px;margin:0;padding:0;
 border:0;border-radius:4px;background:transparent;color:#fbe6ae;
 font:700 14px/1.3 system-ui,sans-serif;text-align:left;
 overflow-wrap:anywhere;touch-action:manipulation
}
.achievement-card .achievement-name:focus-visible {
 outline:2px solid #eac46a;outline-offset:2px
}
.achievement-detail-overlay {z-index:10065}
.achievement-detail-panel {width:min(100%,440px);max-height:88dvh}
.achievement-detail-content {padding:15px 16px;overflow-y:auto;line-height:1.55}
.achievement-detail-content p {margin:0 0 12px}
#achievement-detail-condition {color:#e5ecfa}
#achievement-detail-progress {color:#b4d8ed}
#achievement-detail-reward {color:#f7d58e;font-weight:700}
#achievement-detail-status {color:#b9e6c9}
#achievement-detail-rule {display:block;color:#bfc8d6}
.achievement-detail-done {display:block;width:100%;margin-top:17px}

/* Four small inventory-style materials above the regional monster list. */
.achievement-panel .bestiary-resource-row {
 display:grid;grid-template-columns:repeat(4,minmax(0,52px));justify-content:center;
 gap:9px;margin:11px 0 5px;padding:0 2px;min-width:0
}
.achievement-panel .bestiary-resource-row .bestiary-resource-slot {
 display:flex;align-items:center;justify-content:center;
 width:100%;aspect-ratio:1/1;min-width:0;min-height:0;
 margin:0;padding:4px;box-sizing:border-box;
 border:1px solid #a37b46;border-radius:5px;
 background:#211a15 url('../assets/ui/frames/inventory-slot-frame.webp') center/100% 100% no-repeat;
 box-shadow:inset 0 0 7px rgba(0,0,0,.55);cursor:pointer;
 touch-action:manipulation
}
.achievement-panel .bestiary-resource-slot img {
 display:block;width:100%;height:100%;object-fit:contain;pointer-events:none
}
.achievement-panel .bestiary-resource-slot:focus-visible {
 outline:2px solid #d5a64d;outline-offset:2px
}
@media(max-width:350px) {
 .achievement-panel .bestiary-resource-row {
  grid-template-columns:repeat(4,minmax(0,46px));gap:7px
 }
}

/* Compact chains, pending rewards and a disclosure for active permanent totals. */
.achievement-bonuses,.achievement-series {
 margin:6px 0;border:1px solid #756348;border-radius:7px;
 background:rgba(14,22,32,.55);overflow:hidden
}
.achievement-bonuses>summary,.achievement-series>summary {
 display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 9px;
 box-sizing:border-box;cursor:pointer;list-style:none;font-weight:700;touch-action:manipulation
}
.achievement-bonuses>summary::-webkit-details-marker,.achievement-series>summary::-webkit-details-marker {display:none}
.achievement-bonuses>summary::after,.achievement-series>summary::after {
 content:"";flex:0 0 auto;margin-left:auto;
 border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;
 transition:transform .12s
}
.achievement-bonuses[open]>summary::after,.achievement-series[open]>summary::after {transform:rotate(90deg)}
.achievement-bonuses>summary:focus-visible,.achievement-series>summary:focus-visible {
 outline:2px solid #d5a64d;outline-offset:-3px
}
.achievement-series>summary>img {width:32px;height:32px;object-fit:contain;flex:0 0 32px}
.achievement-series-caption {display:grid;gap:1px;min-width:0;flex:1}
.achievement-series-caption b {font-size:15px;overflow-wrap:anywhere}
.achievement-series-caption small {font-size:12px;line-height:1.35;font-weight:400}
.achievement-series-stages {padding:0 8px 2px}
.achievement-bonus-list {padding:0 9px 4px}
.achievement-bonus-row {display:flex;align-items:center;gap:8px;padding:3px 0;border-top:1px solid #756348}
.achievement-bonus-row img {width:24px;height:24px;object-fit:contain;flex:0 0 24px}
.achievement-bonus-row span {font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.achievement-claim-toolbar {margin:10px 0}
.achievement-panel [data-ach-claim-all] {width:100%;min-height:44px;font-weight:700}
.achievement-panel [data-ach-claim-all]:disabled {opacity:.55;cursor:default}
.achievement-claim-notice {margin:7px 0;font-size:13px;line-height:1.4}
.achievement-claim-notice:empty {display:none}
.achievement-filter button {position:relative;min-height:40px;padding:7px 14px 7px 8px}
.achievement-reward-dot {
 display:block;width:9px;height:9px;border-radius:50%;background:#dc3232;
 border:1px solid #ffd6b0;box-shadow:0 0 5px rgba(223,42,34,.75);flex:0 0 9px
}
.achievement-filter .achievement-reward-dot {position:absolute;right:3px;top:3px}
.journal-embedded .achievement-bonuses,.journal-embedded .achievement-series {
 background:rgba(164,112,41,.08);border-color:#ad8d56;color:var(--fantasy-text-dark)
}
.journal-embedded .achievement-bonus-row {border-color:#b9a071}
.journal-embedded .achievement-card .achievement-name {color:#3b2918}
.journal-embedded .achievement-series-caption small,.journal-embedded .achievement-claim-notice {color:#5b482f}
@media(prefers-reduced-motion:reduce) {
 .achievement-bonuses>summary::after,.achievement-series>summary::after {transition:none}
}

/* Compact title, full-card info hit area; claim controls remain independently tappable. */
.achievement-card .achievement-name::after {content:"";position:absolute;inset:0;cursor:pointer}
.achievement-card [data-ach-claim] {position:relative;z-index:1}
