/* Compact field-guide pages: one subject at a time, each with its own paper tint. */
#detailBody{padding:18px 24px 26px}
#detail .detail-hero{grid-template-columns:104px minmax(0,1fr);gap:18px;margin-bottom:10px;padding:12px 16px;border-radius:18px;background:var(--paper);border-left:5px solid #e8a256}
#detail .detail-hero .sprite{height:104px;min-height:104px;background:#e9f5ee;border-radius:15px}
#detail .detail-hero h2{font-size:29px;margin:2px 0 5px}
#detail .detail-hero p{margin:2px 0;line-height:1.45}
#detail .detail-view-tabs{top:47px;margin:0 -24px;padding:8px 24px;gap:7px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;background:var(--white);border-bottom:1px solid var(--line);z-index:3}
#detail .detail-view-tabs button{flex:0 0 auto;border-radius:18px;padding:8px 13px;font-size:13px;transition:background-color .15s,color .15s}
#detail .detail-view-tabs button[data-detail-view=overview][aria-selected=true]{background:#397e68;border-color:#397e68}
#detail .detail-view-tabs button[data-detail-view=evolution][aria-selected=true]{background:#9a6aab;border-color:#9a6aab}
#detail .detail-view-tabs button[data-detail-view=locations][aria-selected=true]{background:#3d85af;border-color:#3d85af}
#detail .detail-view-tabs button[data-detail-view=battle][aria-selected=true]{background:#bf7453;border-color:#bf7453}
#detail .detail-view-tabs button[data-detail-view=moves][aria-selected=true]{background:#a67a2d;border-color:#a67a2d}
#detail .detail-view-tabs button[data-detail-view=art][aria-selected=true]{background:#af6687;border-color:#af6687}
#detail .detail-panel[hidden]{display:none!important}
#detail .detail-panel{min-height:180px;animation:detail-arrive .18s ease-out}
@keyframes detail-arrive{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
#detail .detail-panel .detail-section{margin-top:13px;padding:14px 18px 17px;border-radius:17px;border:1px solid var(--line);background:var(--white)}
#detail .detail-panel .detail-section h3{margin:0 0 13px;padding:0 0 9px;background:none;border-radius:0;font-size:18px}
#detail .detail-panel-overview .detail-section:nth-child(4n+1){background:#eef8f0;border-color:#c9e8d4}
#detail .detail-panel-overview .detail-section:nth-child(4n+2){background:#fff4e7;border-color:#f4dec0}
#detail .detail-panel-overview .detail-section:nth-child(4n+3){background:#edf6fb;border-color:#cfe5f1}
#detail .detail-panel-overview .detail-section:nth-child(4n){background:#f6f0fa;border-color:#e2d3eb}
#detail .detail-panel-evolution .detail-section{background:#f7f0fa;border-color:#e4d5ec}
#detail .detail-panel-locations .detail-section{background:#eef7fc;border-color:#cce4f2}
#detail .detail-panel-battle .detail-section{background:#fff2e9;border-color:#f0d6c8}
#detail .detail-panel-moves .detail-section{background:#fff8e9;border-color:#f0dfb6}
#detail .detail-panel-art .detail-section{background:#fcf0f5;border-color:#edd7e2}
#detail .detail-panel .detail-section h3{color:var(--ink)}
#detail .detail-panel .hint,#detail .detail-panel .no-data,#detail .detail-panel .facts dt,#detail .detail-panel .ability-effect{color:#53635d}
#detail .detail-panel .evolution-node{color:#304d48;border-color:#9cbfb0}
#detail .detail-panel .evolution-node.current{color:#473d23;border-color:#bf9642}
#detail .collection-actions label{margin:3px 16px 3px 0}
#detail .collection-actions .hint{margin:6px 0 0}
#detail .detail-panel .facts{gap:7px 12px}
#detail .detail-panel .table-wrap{max-height:55dvh;overflow:auto}
#detail .detail-panel .table-wrap th{position:sticky;top:0;z-index:1}
#detail .detail-toolbar{gap:8px}
#detailGameSelector{min-width:0;max-width:205px;padding:6px 9px;border:1px solid #c6d9ba;border-radius:12px;background:#fff3d5;color:#3e5848;font-size:12px;font-weight:700}
#detail .detail-toolbar>.pika-widget{position:relative;right:auto;bottom:auto;z-index:5;margin-left:auto;color:#fff}
#detail .detail-toolbar>.pika-widget .pika-launcher canvas{display:none}
#detail .detail-toolbar>.pika-widget .pika-launcher span{padding:5px 10px;font-size:12px;white-space:nowrap}
#detail .detail-toolbar>.pika-widget .pika-panel{top:calc(100% + 12px);right:0;bottom:auto;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 120px);color:var(--ink)}
#detail .detail-toolbar>.pika-widget .pika-close{color:#594330;border-color:#d9b957}
html[data-theme=dark] #detail .detail-hero{background:#30464a;border-color:#bd8650}
html[data-theme=dark] #detail .detail-hero .sprite{background:#354d4a}
html[data-theme=dark] #detail .detail-panel .detail-section{background:var(--panel);border-color:var(--line)}
html[data-theme=dark] #detail .detail-panel-overview .detail-section:nth-child(4n+1){background:#2d4c43}
html[data-theme=dark] #detail .detail-panel-overview .detail-section:nth-child(4n+2){background:#504330}
html[data-theme=dark] #detail .detail-panel-overview .detail-section:nth-child(4n+3){background:#2c4656}
html[data-theme=dark] #detail .detail-panel-overview .detail-section:nth-child(4n){background:#463c50}
html[data-theme=dark] #detail .detail-panel-evolution .detail-section{background:#433c4f}
html[data-theme=dark] #detail .detail-panel-locations .detail-section{background:#2b4655}
html[data-theme=dark] #detail .detail-panel-battle .detail-section{background:#514039}
html[data-theme=dark] #detail .detail-panel-moves .detail-section{background:#4a432f}
html[data-theme=dark] #detail .detail-panel-art .detail-section{background:#493a49}
html[data-theme=dark] #detail .detail-panel .hint,html[data-theme=dark] #detail .detail-panel .no-data,html[data-theme=dark] #detail .detail-panel .facts dt,html[data-theme=dark] #detail .detail-panel .ability-effect{color:var(--muted)}
html[data-theme=dark] #detail .detail-panel .evolution-node{color:var(--ink);border-color:var(--line)}
html[data-theme=dark] #detailGameSelector{background:#34494b;color:#f8ead5;border-color:#6f8d7d}
.catalog .filters{align-self:start;padding:19px;border:1px solid #d7dfca;border-left:5px solid #83bca4;border-radius:18px;background:#f1f7ed}
.catalog .filters h2{color:#397965}
.catalog .result-bar{padding:10px 14px;border-radius:14px;background:#fff1d7;border-bottom:2px solid #dfb55f}
.catalog .dex-card{border-radius:16px;box-shadow:0 2px 0 #d7e3da}
.catalog .dex-card:hover{box-shadow:0 5px 0 #b5d4c2;transform:translateY(-2px)}
.catalog .dex-card[data-type="불꽃"],.catalog .dex-card[data-type="격투"]{background:#fff9f3}
.catalog .dex-card[data-type="물"],.catalog .dex-card[data-type="얼음"]{background:#f7fcff}
.catalog .dex-card[data-type="에스퍼"],.catalog .dex-card[data-type="독"],.catalog .dex-card[data-type="고스트"]{background:#fcf8ff}
.catalog .dex-card[data-type="전기"],.catalog .dex-card[data-type="페어리"]{background:#fffdf3}
html[data-theme=dark] .catalog .filters{background:#304940;border-color:#5b7767}
html[data-theme=dark] .catalog .result-bar{background:#524936;color:var(--ink);border-color:#aa8443}
html[data-theme=dark] .catalog .dex-card,html[data-theme=dark] .catalog .dex-card[data-type]{background:var(--white);box-shadow:0 2px 0 #17272b}
@media(max-width:640px){#detailBody{padding:12px 14px 24px}#detail .detail-hero{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:10px}#detail .detail-hero .sprite{height:76px;min-height:76px}#detail .detail-hero h2{font-size:23px}#detail .detail-hero p{font-size:10px}#detail .detail-view-tabs{margin:0 -14px;padding:7px 14px;top:44px}#detail .detail-view-tabs button{flex:0 0 auto;font-size:12px;padding:7px 10px}#detail .detail-panel .detail-section{padding:12px 13px}#detailGameSelector{max-width:42vw;font-size:10px}#detail .detail-toolbar>.pika-widget .pika-launcher span{font-size:0}#detail .detail-toolbar>.pika-widget .pika-launcher span::after{content:'피카';font-size:12px}#detail .detail-toolbar>.pika-widget .pika-panel{right:-72px}.catalog .filters{padding:18px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){#detail .detail-panel{animation:none}}