/* Atlas layout: project type rail, compact catalog and independent detail pane. */
#scr-atlas .atlas-v2{width:min(1600px,100%);height:100%;padding:16px;gap:10px;min-height:0}
#scr-atlas .atlas-heading{margin:0;flex:none}
#scr-atlas .atlas-v2 #atlas-tabs{display:flex;gap:8px;flex:none}
#scr-atlas .atlas-v2 [role=tab][aria-selected=true]{border-color:#ffdf8e;color:#ffdf8e;background:#304a68}
#scr-atlas .atlas-v2 .atlas-layout{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(310px,.75fr);gap:12px;flex:1;min-height:0;overflow:hidden}
#scr-atlas .atlas-v2 #atlas-types{display:flex;flex-direction:column;gap:5px;overflow:auto;min-height:0;padding:2px}
#scr-atlas .atlas-v2 .atlas-type-button{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:32px;padding:7px 9px;border:1px solid #4f6989;border-radius:5px;background:#213854;color:#e9f2ff;font:inherit;font-size:12px;text-align:left;cursor:pointer}
#scr-atlas .atlas-v2 .atlas-type-button[aria-pressed=true]{border-color:#ffdf8e;color:#ffdf8e;background:#344a65}
#scr-atlas .atlas-v2 .atlas-type-button small{color:#b6c9df}
#scr-atlas .atlas-v2 .atlas-browser,#scr-atlas .atlas-v2.has-selection .atlas-browser{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto minmax(0,1fr);min-height:0;overflow:hidden;gap:7px;padding:0;visibility:visible}
#scr-atlas .atlas-v2 .atlas-browser>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#scr-atlas .atlas-v2 #atlas-search{grid-column:1/-1;grid-row:1}
#scr-atlas .atlas-v2 #atlas-move-filters{grid-column:1/-1;grid-row:2}
#scr-atlas .atlas-v2 #atlas-sort{grid-column:1;grid-row:3}
#scr-atlas .atlas-v2 #atlas-reset{grid-column:2;grid-row:3;margin:0;min-height:33px;padding:5px 10px}
#scr-atlas .atlas-v2 #atlas-results,#scr-atlas .atlas-v2 #atlas-empty{grid-column:1/-1;grid-row:4}
#scr-atlas .atlas-v2 #atlas-list{grid-column:1/-1;grid-row:5}
#scr-atlas .atlas-v2 .atlas-browser>input{margin:0}
#scr-atlas .atlas-v2 #atlas-move-filters{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center}
#scr-atlas .atlas-v2 #atlas-kind{width:auto;flex:1;min-width:90px}
#scr-atlas .atlas-v2 #atlas-move-filters>label[for=atlas-kind]{display:none}
#scr-atlas .atlas-v2 #atlas-move-filters>label[for=atlas-type],#scr-atlas .atlas-v2 #atlas-type{display:none}
#scr-atlas .atlas-v2 .atlas-check{display:flex;gap:6px;align-items:center;font-size:12px}
#scr-atlas .atlas-v2 .atlas-check input{width:16px;height:16px;margin:0;accent-color:#ffdf8e}
#scr-atlas .atlas-v2 :is(input:not([type=checkbox]),select){height:33px;padding:6px;font-size:13px}
#scr-atlas .atlas-v2 #atlas-reset{align-self:flex-start}
#scr-atlas .atlas-v2 #atlas-results{font-size:12px;margin:0}
#scr-atlas .atlas-v2 #atlas-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));align-content:start;gap:6px;overflow:auto;min-height:0;flex:1;padding:2px 5px 8px 2px}
#scr-atlas .atlas-v2 .atlas-entry{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:86px;padding:8px 5px;border:1px solid #4f6989;border-radius:6px;background:#213854;color:#eaf1ff;overflow-wrap:anywhere}
#scr-atlas .atlas-v2 .atlas-entry b{font-size:11px;line-height:1.2;padding:0;text-align:center}
#scr-atlas .atlas-v2 .atlas-entry>.type,#scr-atlas .atlas-v2 .atlas-entry>small{display:none}
#scr-atlas .atlas-v2 .atlas-entry>.atlas-move-icon{float:none;margin:0}
#scr-atlas .atlas-v2 .atlas-entry.selected,#scr-atlas .atlas-v2 .atlas-entry:hover{border-color:#ffdf8e;background:#324b68}
#scr-atlas .atlas-v2 :is(button,input,select):focus-visible{outline:2px solid #fff2a9;outline-offset:2px}
#scr-atlas .atlas-v2 #atlas-prompt{display:block;grid-column:3;align-self:center;padding:18px;color:#bdcee3}
#scr-atlas .atlas-v2 .atlas-layout.items-mode{grid-template-columns:minmax(0,1fr) minmax(310px,.75fr)}
#scr-atlas .atlas-v2 .items-mode :is(#atlas-prompt,#atlas-item-detail){grid-column:2}
#scr-atlas .atlas-v2 :is(#atlas-detail,#atlas-item-detail,#atlas-species-detail){grid-column:3;grid-row:1;overflow:auto;min-height:0;min-width:0;padding:0 6px 16px 10px;border:0;border-left:1px solid #4f6989;font-size:13px;line-height:1.4}
#scr-atlas .atlas-v2 #atlas-all-moves{display:inline-block;margin-bottom:10px}
#scr-atlas .atlas-v2 #atlas-name{font-size:22px;gap:8px}
#scr-atlas .atlas-v2 .atlas-version-row{display:flex;flex-wrap:wrap;gap:8px}
#scr-atlas .atlas-v2 #atlas-partner-note{width:100%;margin:0;color:#bdcee3;font-size:12px}
#scr-atlas .atlas-v2 #atlas-demo-host{height:auto;aspect-ratio:16/9;min-height:140px;max-height:260px}
#scr-atlas .atlas-v2 #atlas-params{grid-template-columns:repeat(2,minmax(0,1fr))}
#scr-atlas .atlas-v2 #atlas-compatible{display:flex;flex-wrap:wrap;gap:5px}
#scr-atlas .atlas-v2 #atlas-compatible li{font-size:11px;padding:4px 6px}
#scr-atlas .atlas-v2 .undiscovered{color:#b6c3d3}
#scr-atlas .atlas-v2 .atlas-species-head{display:flex;align-items:center;gap:12px}
#scr-atlas .atlas-v2 .atlas-species-id{display:flex;flex-direction:column;gap:5px}
#scr-atlas .atlas-v2 #atlas-species-sprite{width:96px;height:96px}
#scr-atlas .atlas-v2 .atlas-stat{display:flex;justify-content:space-between;gap:8px}
#scr-atlas .atlas-v2 .atlas-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#scr-atlas .atlas-v2 .atlas-personal{display:flex;justify-content:space-between}
#scr-atlas .atlas-v2 .atlas-moves{list-style:none;padding:0}
#scr-atlas .atlas-v2 .atlas-move{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px}
@media(max-width:1050px){
 #scr-atlas .atlas-v2{padding:10px}
 #scr-atlas .atlas-v2 .atlas-layout{grid-template-columns:108px minmax(0,1fr) minmax(270px,.8fr);gap:8px}
 #scr-atlas .atlas-v2 .atlas-type-button{padding:6px;font-size:11px}
 #scr-atlas .atlas-v2 #atlas-list{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}
}
@media(max-width:760px){
 #scr-atlas .atlas-v2{position:relative;padding:8px}
 #scr-atlas .atlas-v2 .atlas-layout{position:relative;grid-template-columns:92px minmax(0,1fr)}
 #scr-atlas .atlas-v2 .atlas-layout.items-mode{grid-template-columns:minmax(0,1fr)}
 #scr-atlas .atlas-v2 #atlas-prompt{display:none}
 #scr-atlas .atlas-v2 :is(#atlas-detail,#atlas-item-detail){position:absolute;inset:0;grid-column:auto;grid-row:auto;background:#15243c;z-index:3;padding:12px;border-top:2px solid #ffdf8e}
 #scr-atlas .atlas-v2.has-selection .atlas-browser,#scr-atlas .atlas-v2.has-selection #atlas-types{visibility:hidden;pointer-events:none}
 #scr-atlas .atlas-v2 #atlas-move-filters{display:grid;grid-template-columns:minmax(0,1fr)}
 #scr-atlas .atlas-v2 #atlas-kind{width:100%;min-width:0}
 #scr-atlas .atlas-v2 #atlas-move-filters>label[for=atlas-kind]{display:none}
 #scr-atlas .atlas-v2 .atlas-check{font-size:11px}
 #scr-atlas .atlas-v2 .atlas-heading h1{font-size:23px}
 #scr-atlas .atlas-v2 #atlas-list{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}
}

/* The owned-species information panel lives inside PC, never the Atlas catalog. */
#scr-pc>.atlas-pc-detail{position:absolute;inset:12px;z-index:8;overflow:auto;background:#15243c;border:2px solid #607e9f;padding:20px;color:#edf3ff;line-height:1.4}
#scr-pc .atlas-species-head{display:flex;align-items:center;gap:14px}#scr-pc .atlas-species-id{display:flex;flex-direction:column;gap:6px}
#scr-pc .atlas-stat,#scr-pc .atlas-personal{display:flex;justify-content:space-between;gap:10px;padding:5px}
#scr-pc .atlas-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#scr-pc .atlas-moves{list-style:none;padding:0}#scr-pc .atlas-move{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:6px}
#scr-pc .atlas-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px}#scr-pc .atlas-stat-head{display:flex;justify-content:flex-end;gap:20px}#scr-pc .atlas-species-badges{margin-top:8px}

/* 1.3.1 Types tab: one full-width chart (attack rows, defending columns) and the weather list; the table scrolls sideways
   inside its box with the attack column pinned, so a phone keeps the whole page in view. */
#scr-atlas .atlas-v2 .atlas-layout.types-mode{grid-template-columns:minmax(0,1fr)}
#scr-atlas .atlas-v2 .types-mode>:not(#atlas-typechart){display:none}
#scr-atlas .atlas-v2 #atlas-typechart{overflow:auto;min-height:0;padding:0 4px 16px;font-size:13px;line-height:1.4;color:#e9f2ff}
#atlas-typechart .types-intro,#atlas-typechart .types-note{margin:4px 0 8px;color:#bdcee3}
#atlas-typechart h2{font-size:18px;margin:14px 0 4px;color:#ffdf8e}
#atlas-typechart .types-legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;font-size:12px}
#atlas-typechart .types-legend span{padding:3px 7px;border-radius:4px;border:1px solid #4f6989}
#atlas-typechart .types-scroll{overflow:auto;width:fit-content;max-width:100%;border:1px solid #4f6989;border-radius:6px}
#atlas-typechart .types-table{border-collapse:collapse;font-size:11px}
#atlas-typechart .types-table :is(th,td){border:1px solid #2c4463;padding:0;text-align:center;min-width:24px;height:24px}
#atlas-typechart .types-table thead th{background:#1b2f48;position:sticky;top:0;z-index:1}
#atlas-typechart .types-table tbody th{position:sticky;left:0;background:#1b2f48;padding:2px 4px;text-align:left;z-index:1}
#atlas-typechart .types-table thead th.types-corner{left:0;z-index:2;font-weight:normal;font-size:10px;color:#b6c9df;padding:2px 4px;text-align:left}
#atlas-typechart .types-corner span{display:block;white-space:nowrap}
#atlas-typechart .types-corner span+span{text-align:right}
#atlas-typechart .types-table .type{display:inline-block;min-width:64px;font-size:11px}
#atlas-typechart .types-strong{background:rgba(95,203,106,.32);color:#dcffd9}
#atlas-typechart .types-weak{background:rgba(255,123,61,.28);color:#ffe2d2}
#atlas-typechart .types-minimal{background:rgba(10,14,24,.75);color:#9aa8bd}
#atlas-typechart .types-weather{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
#atlas-typechart .types-weather li{border:1px solid #4f6989;border-radius:6px;padding:8px 10px;background:#1b2f48}
#atlas-typechart .types-weather p{margin:5px 0 0}
#atlas-typechart .types-weather p>span:first-child{padding:1px 5px;border-radius:3px}