/* Landscape keeps the open-book composition, with smaller trim and readable content. */
@media (orientation:landscape) and (max-height:700px), (orientation:landscape) and (max-width:1050px) {
 #panel-overlay:has(#game-window[data-panel="catalog"]) {
  padding:calc(var(--ui-safe-top,0px) + 30px) calc(var(--ui-safe-right,0px) + 12px) calc(var(--ui-safe-bottom,0px) + 12px) calc(var(--ui-safe-left,0px) + 36px);
  justify-content:center;
  align-items:center;
 }
 #game-window[data-panel="catalog"] {
  width:min(1120px,100%,calc((var(--ui-viewport-height,100dvh) - var(--ui-safe-top,0px) - var(--ui-safe-bottom,0px) - 42px) * 2.1));
  height:auto;
  aspect-ratio:2.1;
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:100%;
  overflow:visible;
  background:url("../assets/ui-user/book-frame.png") center / 100% 100% no-repeat;
 }
 #game-window[data-panel="catalog"] .window-header {
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
 }
 #game-window[data-panel="catalog"] .window-header > div {
  inset:32px auto auto -27px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:54px;
  height:116px;
  padding:10px 12px;
  border-radius:0;
  background:url("../assets/ui-user/catalog-tab.png") center / 100% 100% no-repeat;
 }
 #game-window[data-panel="catalog"] #window-title,
 html[lang="en"] #game-window[data-panel="catalog"] #window-title {
  width:1.1em;
  font-size:24px;
  line-height:1.25;
  letter-spacing:0;
  white-space:normal;
  color:#ad3527;
  writing-mode:horizontal-tb;
  text-shadow:1px 1px #ffefb3,-1px -1px #ffefb3;
 }
 html[lang="en"] #game-window[data-panel="catalog"] #window-title { writing-mode:vertical-rl; font-size:16px; width:auto; }
 #game-window[data-panel="catalog"] #panel-close {
  inset:-27px 25px auto auto;
  width:48px;
  height:59px;
  min-width:44px;
  min-height:44px;
  padding:0;
  border-radius:0;
  background:url("../assets/ui-user/catalog-close.png") center top / 100% auto no-repeat;
  pointer-events:auto;
 }
 #game-window[data-panel="catalog"] #panel-content {
  position:absolute;
  inset:16px 30px 20px 17px;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:none;
  border-radius:0;
 }
 #game-window[data-panel="catalog"] .catalog-book {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  column-gap:10%;
  row-gap:0;
  width:100%;
  height:100%;
  min-height:0;
  padding:8px 15px;
  background:url("../assets/ui-user/book-pages.png") center / 100% 100% no-repeat;
 }
 #game-window[data-panel="catalog"] .catalog-left {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:20px minmax(0,1fr) 36px;
  gap:5px;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
 }
 #game-window[data-panel="catalog"] .catalog-discovery-count { margin:0; font-size:13px; line-height:20px; }
 #game-window[data-panel="catalog"] .catalog-entries {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  gap:7px 5px;
  width:100%;
  height:100%;
  min-height:0;
  padding:0;
  overflow:hidden;
  align-content:stretch;
 }
 #game-window[data-panel="catalog"] .catalog-entry {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto 16px;
  justify-items:center;
  align-items:center;
  min-width:0;
  min-height:0;
  height:100%;
  padding:0;
  gap:1px;
  overflow:hidden;
  border-radius:0;
 }
 #game-window[data-panel="catalog"] .catalog-entry-art {
  align-self:stretch;
  width:min(100%,106px);
  height:100%;
  min-height:0;
  max-height:none;
  background-size:contain;
 }
 #game-window[data-panel="catalog"] .catalog-entry > strong,
 html[lang="en"] #game-window[data-panel="catalog"] .catalog-entry > strong {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  width:100%;
  margin:0;
  font-size:14px;
  line-height:16px;
  letter-spacing:0;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  text-shadow:1px 1px #ffe39d;
 }
 #game-window[data-panel="catalog"] .catalog-discovery { margin:0; padding:0 5px; font-size:10px; line-height:14px; white-space:nowrap; }
 #game-window[data-panel="catalog"] .catalog-fruit-art { width:90%; height:90%; }
 #game-window[data-panel="catalog"] .catalog-illustration { scale:1; translate:none; }
 #game-window[data-panel="catalog"] .catalog-pagination { min-height:0; gap:14px; font-size:13px; line-height:18px; }
 #game-window[data-panel="catalog"] .catalog-pagination button { width:44px; height:36px; min-width:44px; min-height:36px; padding:0; font-size:25px; }
 #game-window[data-panel="catalog"] .catalog-right {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(80px,1fr) 34px 34px minmax(0,104px) 14px;
  gap:3px;
  align-content:stretch;
  align-items:stretch;
  justify-items:center;
  min-width:0;
  min-height:0;
  padding:0 3px;
  overflow:hidden;
 }
 #game-window[data-panel="catalog"] .catalog-preview-row {
  grid-area:1 / 1;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 40px;
  width:100%;
  height:100%;
  min-height:0;
  max-width:none;
  gap:4px;
 }
 #game-window[data-panel="catalog"] .catalog-preview {
  width:auto;
  height:100%;
  aspect-ratio:1;
  max-width:100%;
  max-height:180px;
  min-width:0;
  min-height:0;
  align-self:center;
 }
 #game-window[data-panel="catalog"] .catalog-arrow { width:40px; height:44px; min-width:40px; min-height:44px; }
 #game-window[data-panel="catalog"] .catalog-arrow > span { width:21px; height:34px; }
 #game-window[data-panel="catalog"] .catalog-name,
 html[lang="en"] #game-window[data-panel="catalog"] .catalog-name {
  grid-area:2 / 1;
  width:min(220px,100%);
  height:100%;
  min-height:0;
  margin:0;
  padding:3px 10px;
  font-size:19px;
  line-height:22px;
  white-space:normal;
  overflow:hidden;
 }
 #game-window[data-panel="catalog"] .catalog-description {
  grid-area:3 / 1;
  display:block;
  width:96%;
  height:100%;
  min-height:0;
  margin:0;
  padding:0 3px;
  font-size:12px;
  line-height:16px;
  -webkit-line-clamp:unset;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
 }
 #game-window[data-panel="catalog"] .catalog-facts,
 html[lang="en"] #game-window[data-panel="catalog"] .catalog-facts {
  grid-area:4 / 1;
  display:flex;
  flex-direction:column;
  width:94%;
  height:100%;
  min-height:0;
  padding:0 3px;
  margin:0;
  gap:2px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  overscroll-behavior:contain;
  font-size:13px;
 }
 #game-window[data-panel="catalog"] .catalog-facts > div { flex:none; min-height:24px; gap:7px; padding:1px 0 3px; border-bottom-width:2px; border-radius:0; }
 #game-window[data-panel="catalog"] .catalog-facts :is(dt,dd) { min-width:0; font-size:13px; line-height:17px; white-space:normal; overflow-wrap:anywhere; }
 #game-window[data-panel="catalog"] .catalog-facts dd { text-align:right; }
 #game-window[data-panel="catalog"] .catalog-page-count { grid-area:5 / 1; margin:0; padding:0; font-size:11px; line-height:14px; }
}

@media (orientation:landscape) and (min-height:500px) and (max-width:1050px) {
 #game-window[data-panel="catalog"] .catalog-book { padding:12px 22px; }
 #game-window[data-panel="catalog"] .catalog-left { grid-template-rows:24px minmax(0,1fr) 40px; gap:7px; }
 #game-window[data-panel="catalog"] .catalog-entry-art { width:min(100%,126px); }
 #game-window[data-panel="catalog"] .catalog-entry > strong { font-size:15px; line-height:18px; }
 #game-window[data-panel="catalog"] .catalog-discovery { font-size:11px; }
 #game-window[data-panel="catalog"] .catalog-pagination button { height:40px; min-height:40px; }
 #game-window[data-panel="catalog"] .catalog-right { grid-template-rows:minmax(120px,1fr) 40px 40px minmax(0,120px) 16px; gap:4px; }
 #game-window[data-panel="catalog"] .catalog-name { font-size:22px; line-height:26px; }
 #game-window[data-panel="catalog"] .catalog-description { font-size:14px; line-height:19px; }
 #game-window[data-panel="catalog"] .catalog-facts :is(dt,dd) { font-size:15px; line-height:20px; }
 #game-window[data-panel="catalog"] .catalog-facts > div { min-height:28px; }
}

@media (orientation:landscape) and (max-width:650px), (orientation:landscape) and (max-height:350px) {
 #panel-overlay:has(#game-window[data-panel="catalog"]) { padding-top:calc(var(--ui-safe-top,0px) + 25px); padding-bottom:calc(var(--ui-safe-bottom,0px) + 7px); padding-left:calc(var(--ui-safe-left,0px) + 28px); padding-right:calc(var(--ui-safe-right,0px) + 8px); }
 #game-window[data-panel="catalog"] { width:min(100%,calc((var(--ui-viewport-height,100dvh) - var(--ui-safe-top,0px) - var(--ui-safe-bottom,0px) - 32px) * 2.1)); }
 #game-window[data-panel="catalog"] .window-header > div { left:-22px; top:28px; width:45px; height:101px; padding:8px 10px; }
 #game-window[data-panel="catalog"] #window-title { font-size:21px; }
 #game-window[data-panel="catalog"] #panel-close { top:-22px; right:20px; width:44px; height:54px; }
 #game-window[data-panel="catalog"] #panel-content { inset:10px 22px 10px 12px; }
 #game-window[data-panel="catalog"] .catalog-book { padding:4px 8px; column-gap:9%; }
 #game-window[data-panel="catalog"] .catalog-left { grid-template-rows:17px minmax(0,1fr) 32px; gap:3px; }
 #game-window[data-panel="catalog"] .catalog-discovery-count { font-size:11px; line-height:17px; }
 #game-window[data-panel="catalog"] .catalog-entries { gap:3px; }
 #game-window[data-panel="catalog"] .catalog-entry > strong { font-size:12px; line-height:14px; }
 #game-window[data-panel="catalog"] .catalog-discovery { font-size:9px; padding:0 3px; line-height:13px; }
 #game-window[data-panel="catalog"] .catalog-pagination { gap:9px; font-size:12px; }
 #game-window[data-panel="catalog"] .catalog-pagination button { height:32px; min-height:32px; }
 #game-window[data-panel="catalog"] .catalog-right { grid-template-rows:68px 28px 26px minmax(0,1fr) 12px; gap:2px; padding:0; }
 #game-window[data-panel="catalog"] .catalog-preview-row { grid-template-columns:36px minmax(0,1fr) 36px; gap:2px; }
 #game-window[data-panel="catalog"] .catalog-arrow { width:36px; min-width:36px; }
 #game-window[data-panel="catalog"] .catalog-arrow > span { width:18px; height:30px; }
 #game-window[data-panel="catalog"] .catalog-name { font-size:16px; line-height:20px; padding:3px 8px; }
 #game-window[data-panel="catalog"] .catalog-description { font-size:11px; line-height:13px; }
 #game-window[data-panel="catalog"] .catalog-facts { gap:1px; width:96%; }
 #game-window[data-panel="catalog"] .catalog-facts > div { min-height:18px; padding:0 0 1px; border-bottom-width:1px; }
 #game-window[data-panel="catalog"] .catalog-facts :is(dt,dd) { font-size:12px; line-height:16px; }
 #game-window[data-panel="catalog"] .catalog-page-count { font-size:10px; line-height:12px; }
}