/* 圖鑑頁共用呈現；載入於全站導覽樣式之後。 */
body > main :is(.search,.mini-search){box-sizing:border-box;width:min(100%,620px);height:48px;min-height:48px;padding:0 14px;gap:11px;border:1px solid rgba(227,180,139,.34);border-radius:10px;background:#1d1416;color:var(--ink);box-shadow:none}
body > main :is(.search,.mini-search):focus-within{border-color:var(--gold);transform:none}
body > main :is(.search,.mini-search) input{min-width:0;flex:1;color:var(--ink);font:13px/1.4 var(--sans)}
body > main :is(.search,.mini-search) input::placeholder{color:#bfa99a}
body > main :is(.search,.mini-search)>span{color:var(--gold)}
body > main :is(.search,.mini-search) kbd{color:var(--muted);border-color:rgba(225,174,133,.24);background:transparent}
body > main .bestiary-tools{flex-wrap:wrap;gap:10px}
body > main .bestiary-tools .mini-search{flex:1 1 260px;width:auto;max-width:460px}
body > main .count-pill{border-color:rgba(225,174,133,.24);color:var(--muted);background:#1d1416}

/* 搜尋結果、資料列表和篩選控制採相同暖金操作色。 */
body > main .level-pick{gap:7px}
body > main .level-pick>span{color:var(--muted)}
body > main .level-pick button{min-width:48px;height:34px;padding:0 11px;border:1px solid rgba(227,180,139,.34);border-radius:18px;background:#24191a;color:var(--ink);font:13px/1.2 var(--sans)}
body > main .level-pick button[aria-pressed="true"]{background:rgba(227,180,139,.16);border-color:var(--gold);color:#fff0dc}
body > main .level-pick button.is-bonus,body > main .level-pick button.is-bonus[aria-pressed="true"]{background:rgba(227,180,139,.08);border-color:rgba(227,180,139,.5);color:var(--gold)}
body > main .level-pick button.is-bonus[aria-pressed="true"]{background:rgba(227,180,139,.18);color:#fff0dc}
body > main .skill-list,body > main .cards,body > main .monster-grid{gap:14px}
body > main :is(.skill-card,.item-card,.monster-card){min-width:0;border:1px solid rgba(225,174,133,.24);border-radius:14px;background:radial-gradient(ellipse 85% 72% at 35% 20%,rgba(209,146,109,.08),transparent 75%);box-shadow:none}
body > main :is(.skill-card,.item-card){padding:20px}
body > main .monster-card:hover{border-color:rgba(225,174,133,.5)}
body > main .skill-card .card-top h2,body > main .item-card h3{color:var(--ink);font-size:18px;line-height:1.45}
body > main :is(.skill-id,.id,.ref,.meta-line,.resultline,.caution,.block-title,.param small){color:var(--muted)}
body > main .skill-id,body > main :is(.id,.ref){font-variant-numeric:tabular-nums}
body > main .param{border:1px solid rgba(225,174,133,.14);border-radius:7px;background:#191214}
body > main .param code,body > main .lv-value,body > main .stats b{color:var(--gold)!important;font-variant-numeric:tabular-nums}
body > main .param code{font-size:12px}
body > main .lv-row span.is-on{background:rgba(227,180,139,.15);color:var(--gold)}
body > main .owners,body > main .kind{color:var(--muted)!important}
body > main .monster-tag{border:1px solid rgba(201,173,156,.2);background:rgba(201,173,156,.07);color:var(--muted)!important}
body > main .monster-tags .monster-tag:nth-child(n+2){color:var(--gold)!important;font-variant-numeric:tabular-nums}
body > main .source-tag{border-color:rgba(201,173,156,.35)!important;color:var(--muted)!important;background:rgba(201,173,156,.06)!important;text-shadow:none!important}
body > main .source-tag.unresolved,body > main .unknown,body > main .source-tag.pending{border-color:rgba(212,163,153,.45)!important;color:var(--red)!important}
body > main .resultline span:last-child{color:var(--muted)}
body > main :is(.select-label,select){color:var(--ink)}
body > main .filters{gap:12px}
body > main .select-label{font-size:12px}
body > main select{min-height:42px;padding:9px 34px 9px 12px;border:1px solid rgba(225,174,133,.38);border-radius:9px;background:#1d1416;color:var(--ink);font:13px/1.4 var(--sans)}
body > main :is(.load-more,.more){min-height:42px;padding:10px 22px;border:1px solid rgba(227,180,139,.46);border-radius:22px;background:#24191a;color:var(--gold);font:13px/1.3 var(--sans)}
body > main :is(.load-more,.more):hover{border-color:var(--gold);background:rgba(227,180,139,.12);color:#fff0dc}
body > main .legend article{border:1px solid rgba(225,174,133,.22);border-left:2px solid rgba(227,180,139,.55);border-radius:10px}
body > main .legend b,body > main .note-grid b{color:var(--gold)}
body > main .note-grid article{border-radius:10px}
/* 資料總覽入口卡：五張卡片跨列維持相同高度與文字起點。 */
body > main .group .cards{grid-auto-rows:1fr;align-items:stretch}
body > main .group .cards > a.card{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-height:128px;height:100%}
body > main .group .cards > a.card h3,body > main .group .cards > a.card p{margin:0}
body > main .stats div{border-color:rgba(225,174,133,.2)}
@media(max-width:620px){
  body > main .skill-list,body > main .cards,body > main .monster-grid{grid-template-columns:minmax(0,1fr)}
  body > main .params{grid-template-columns:repeat(3,minmax(0,1fr))}
  body > main .toolbar{align-items:stretch}
  body > main .filters{width:100%;flex-wrap:wrap}
  body > main .select-label{flex:1 1 145px;min-width:0}
  body > main select{width:100%;min-width:0}
  body > main .resultline{align-items:flex-start;gap:12px}
  body > main .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body > main .stats div{padding:8px 0;margin:0;border:0}
}