/* Sammlung: auf dem Handy sechs erreichbare Karten und lesbare Details. */
.collection-section{display:flex;flex-direction:column;gap:16px;min-width:0}
.collection-summary,.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.collection-summary h3,.collection-heading h3{margin:0;font:600 22px/1.3 var(--serif)}
.collection-summary>span,.collection-heading>.tag{flex:none;color:var(--gold)}
.collection-heading p{margin:6px 0 0;color:var(--tx2);font-size:14px;line-height:1.55}
.collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.collection-tab{display:flex;flex-direction:column;gap:6px;min-height:82px;padding:10px 7px;text-align:left;border:1px solid var(--line2);border-radius:14px;background:var(--card);color:var(--tx2);overflow-wrap:anywhere}
.collection-tab b{font-size:14px;line-height:1.35}
.collection-tab span{font-size:12px;line-height:1.4}
.collection-tab[aria-pressed="true"]{border-color:var(--gold);background:linear-gradient(145deg,#653918,#362015);color:var(--tx)}
.collection-tab.complete span,.collection-finished{color:var(--gold)}
.collection-content{display:grid;gap:14px;min-width:0}
.collection-content .album{align-content:start}
#vale .collection-content .find{min-width:0;min-height:112px;padding:12px 5px;overflow-wrap:anywhere}
.collection-content .find small{font-size:12px;line-height:1.35;color:var(--tx2)}
.collection-content .find-info{margin:0;min-width:0;align-self:start}
.collection-content .find-info h3{margin-top:0}
.collection-content .find-info p{line-height:1.6}
.collection-finished{margin:0;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;font-size:14px;line-height:1.5}

/* Geräte mit mindestens 600 CSS-Pixeln an der kurzen Bildschirmkante.
   Die Viewport-Breite entscheidet zusätzlich über Split View und Spalten. */
html[data-layout="tablet"] .app{max-width:1180px}
html[data-layout="tablet"] .tabbar{max-width:980px;border-radius:24px 24px 0 0;padding-left:20px;padding-right:20px}
html[data-layout="tablet"] .tab{min-height:64px;font-size:15px}
html[data-layout="tablet"] .topbar{padding:24px 28px 18px}
html[data-layout="tablet"] .views{padding:8px 28px calc(116px + var(--safe-b))}
html[data-layout="tablet"] .view{gap:20px}
html[data-layout="tablet"] .main[data-active-tab="drache"] .views{padding:0 20px calc(116px + var(--safe-b))}
html[data-layout="tablet"] #view-drache{display:flex;flex-direction:column;position:relative}
html[data-layout="tablet"] #view-drache>*{grid-column:auto;grid-row:auto}
html[data-layout="tablet"] #view-drache>.portrait.big{position:relative;top:auto;height:clamp(440px,52dvh,680px);max-height:none;width:100%;border-radius:24px;grid-row:auto}
html[data-layout="tablet"] #view-drache>.drache-title{position:absolute;top:22px;left:24px;right:24px;height:auto;grid-row:auto}
html[data-layout="tablet"] #view-drache>.stats{margin-top:0}
html[data-layout="tablet"] #view-drache>[data-say]{margin-top:-40px;width:calc(100% - 36px)}
html[data-layout="tablet"] #view-aktionen>.mini{padding:20px;gap:24px}
html[data-layout="tablet"] #view-aktionen>.mini .portrait{width:156px;flex:none}
html[data-layout="tablet"] .act{min-height:92px;padding:18px}
html[data-layout="tablet"] #vale .card.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
html[data-layout="tablet"] #vale .gear-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}
html[data-layout="tablet"] #vale .gear-preview{padding:22px}
html[data-layout="tablet"] .collection-tab{padding:14px;min-height:88px}
html[data-layout="tablet"] .collection-tab b{font-size:16px}
html[data-layout="tablet"] .collection-tab span{font-size:14px}
html[data-layout="tablet"] #vale .collection-content .find{min-height:132px;padding:16px 10px}
html[data-layout="tablet"] #mehr-main>.card.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout="tablet"] #mehr-main>.card.rows>.row:first-child{grid-column:1/-1}
html[data-layout="tablet"] #mehr-main .mehr-item{min-height:104px;border:1px solid var(--line);gap:14px}
html[data-layout="tablet"] #view-mehr .row{padding:20px;min-height:68px}
html[data-layout="tablet"] .mehr-hero{padding:24px}
html[data-layout="tablet"] .modal{padding:24px;align-items:center}
html[data-layout="tablet"] .modal-card{max-width:680px;max-height:calc(100dvh - 48px);padding:28px;border-radius:26px}
html[data-layout="tablet"] #return-popup .modal-card{max-width:600px}
html[data-layout="tablet"] .care-stage{height:min(42dvh,400px);aspect-ratio:auto}
html[data-layout="tablet"] .care-stage .spot,html[data-layout="tablet"] .care-stage .spark{width:48px;height:48px}
html[data-layout="tablet"] #view-flug{display:flex;flex-direction:column;align-items:stretch}
html[data-layout="tablet"] #view-flug>*{grid-column:auto;grid-row:auto}
html[data-layout="tablet"] #view-flug>#cv{position:static;align-self:center;grid-row:auto}
html[data-layout="tablet"] #view-flug>.hud{grid-row:auto}
@media(min-width:760px){
  html[data-layout="tablet"] #actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  html[data-layout="tablet"] #vale .gear-preview{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:18px 24px;align-items:center}
  html[data-layout="tablet"] #vale .gear-preview>.gear-fitting{grid-column:1;grid-row:1/span 2}
  html[data-layout="tablet"] #vale .gear-preview>.gear-stage{grid-column:1;grid-row:1/span 2;height:250px}
  html[data-layout="tablet"] #vale .gear-preview>.t,html[data-layout="tablet"] #vale .gear-preview>.acts{grid-column:2}
  html[data-layout="tablet"] .collection-content{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:22px}
  html[data-layout="tablet"] .collection-content .album{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
  html[data-layout="tablet"] #view-drache{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:18px 24px}
  html[data-layout="tablet"] #view-drache>*{grid-column:2}
  html[data-layout="tablet"] #view-drache>.portrait.big{grid-column:1;grid-row:1/span 20;position:sticky;top:16px;height:calc(100dvh - 140px - var(--safe-b));min-height:440px;max-height:900px}
  html[data-layout="tablet"] #view-drache>.drache-title{grid-column:1;grid-row:1;position:sticky;top:38px;left:auto;right:auto;margin:0 22px;height:0}
  html[data-layout="tablet"] #view-drache>[data-say]{margin:0;width:100%;max-width:none}
  html[data-layout="tablet"] #view-flug{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);column-gap:24px;align-items:start}
  html[data-layout="tablet"] #view-flug>*{grid-column:2}
  html[data-layout="tablet"] #view-flug>#cv{grid-column:1;grid-row:1/span 20;position:sticky;top:12px;justify-self:center;align-self:start}
  html[data-layout="tablet"] #view-flug>.hud{grid-row:1}
  html[data-layout="tablet"] .collection-content .album{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Hort (seit 1.16.0): Knopf und Nest im Querformat/Tablet ohne überlappende Werte-Karten */
@media (orientation:landscape) and (min-width:560px){
  #view-drache>.portrait.big{--hort-cover:0px;--hort-pile:14%}
}
html[data-layout="tablet"] #view-drache>.portrait.big{--hort-cover:0px;--hort-pile:14%}