/* 연대기 · 나의 여행 기록 · 도감 (journey-end.js). 연대기·기록은 country-ui 의 "여행 완료" 카드(.tm-result-details) 안에 덧붙는다. */
.tmj-extra,.tmj-col{box-sizing:border-box;font-family:inherit}
.tmj-extra *,.tmj-col *{box-sizing:border-box}
.tmj-extra button,.tmj-col button,.tmj-open{font-family:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}
.tmj-col[hidden]{display:none}

.tmj-extra{margin:10px 0 6px;text-align:left;color:#423123}
.tmj-sec{margin-top:10px}
.tmj-sec h3{margin:0 0 6px;font-size:clamp(13px,2.3vmin,17px);color:#6b4a22}
.tmj-chron{list-style:none;margin:0;padding:0 0 0 14px;border-left:3px solid #e2b866;display:grid;gap:6px;font-size:clamp(13px,2.2vmin,17px);line-height:1.4}
.tmj-chron li{position:relative;padding-left:10px;font-weight:700}
.tmj-chron li::before{content:'';position:absolute;left:-23px;top:.45em;width:12px;height:12px;border-radius:50%;background:#e2b866;border:2px solid #fff6dc}
.tmj-chron li.now{color:#a0431a}
.tmj-chron li.now::before{background:#e0662b}
.tmj-chron b{color:#a05a14}
.tmj-chron li.now b{color:#a0431a}
.tmj-log{display:flex;flex-wrap:wrap;gap:6px}
.tmj-chip{padding:4px 10px;border-radius:999px;background:#efe3c4;font-size:clamp(12px,2vmin,15px);font-weight:800;white-space:nowrap}
.tmj-chip.now{background:#ffd25c}
.tmj-chip i{font-style:normal;color:#d98a00;letter-spacing:1px}
.tmj-nav-open{min-height:44px}

/* 도감 */
.tmj-col{position:absolute;inset:0;z-index:45;overflow:auto;padding:clamp(10px,2.4vmin,24px);background:rgba(28,23,51,.95);color:#fff}
.tmj-col-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tmj-col-head h2{margin:0;font-size:clamp(18px,3.4vmin,30px)}
.tmj-close{min-height:44px;padding:8px 18px;border:2px solid #c49b58;border-radius:999px;background:#fff7df;color:#49301b;font-weight:900}
.tmj-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tmj-tab{min-height:40px;padding:6px 14px;border:2px solid #6c5aa8;border-radius:999px;background:transparent;color:#fff;font-weight:800}
.tmj-tab.on{background:#ffd25c;border-color:#ffd25c;color:#3b200c}
.tmj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,22vmin,210px),1fr));gap:clamp(8px,1.6vmin,14px)}
.tmj-tile{padding:8px;border-radius:16px;background:#fff6dc;color:#423123;border:3px solid #e2b866;text-align:center}
.tmj-tile.lock{background:#3a3560;border-color:#4d4680;color:#b7b0dd}
.tmj-pic{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#2a1608;display:flex;align-items:center;justify-content:center}
.tmj-pic img{display:block;width:100%;height:100%;object-fit:cover}
.tmj-tile.lock .tmj-pic{background:#2a2650}
.tmj-q{font-size:clamp(30px,6vmin,52px);font-weight:900;color:#6c5aa8}
.tmj-tile h4{margin:6px 0 2px;font-size:clamp(12px,2.1vmin,16px);line-height:1.3;word-break:keep-all}
.tmj-sub{margin:0;font-size:clamp(11px,1.8vmin,13px);opacity:.8}
.tmj-st{margin:2px 0 0;color:#d98a00;letter-spacing:2px;font-size:clamp(13px,2.2vmin,17px)}

/* 홈·시대 선택·도감의 도감 버튼 (복습 노트 버튼 맞은편) */
.tmj-open{position:absolute;z-index:14;right:max(8px,2vmin);bottom:max(8px,2vmin);min-height:44px;padding:8px 18px;border:2px solid #e8b44a;border-radius:999px;background:linear-gradient(#5d3418,#3b200c);color:#ffe9a8;font-weight:900;font-size:clamp(13px,2.4vmin,18px);box-shadow:0 4px 12px rgba(0,0,0,.4)}