/* Collection views reuse the catalog's supplied open-book artwork. */
#game-window[data-panel="catalog"] .catalog-shell{display:grid;grid-template-rows:40px minmax(0,1fr);gap:4px;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
#game-window[data-panel="catalog"] .collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;width:90%;max-width:540px;justify-self:center;min-width:0;padding:0 2px}
#game-window[data-panel="catalog"] .collection-tabs button{min-width:0;min-height:0;padding:5px 9px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;box-shadow:none;color:#8b623e;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
#game-window[data-panel="catalog"] .collection-tabs button.active{border-bottom-color:#b84931;color:#a23827;background:#ffe5a366}
#game-window[data-panel="catalog"] .collection-tabs button:focus-visible{outline:2px solid #497a57;outline-offset:-2px}
#game-window[data-panel="catalog"] .catalog-shell>.catalog-book{min-height:0}
#game-window[data-panel="catalog"] .catalog-facts>.collection-record{color:#386448;border-bottom-color:#b4ce97}
/* The bitmap rings span x=628..947 of 1568px. Keep both pages outside that band, including while scrolling. */
#game-window[data-panel="catalog"] .catalog-collection-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:28%;row-gap:0;padding:12px 5%;background:url('../assets/ui-user/book-pages.png') center/100% 100% no-repeat}
#game-window[data-panel="catalog"] .collection-page{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;min-height:0;overflow:hidden}
#game-window[data-panel="catalog"] .collection-page-header{min-width:0;color:#8c5937;text-align:center}
#game-window[data-panel="catalog"] .collection-page-header h2{margin:0 0 5px;color:#a43d2b;font-size:21px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}
#game-window[data-panel="catalog"] .collection-page-header p{margin:3px 0;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
#game-window[data-panel="catalog"] .collection-page-header .collection-page-note{font-size:12px;color:#836849}
#game-window[data-panel="catalog"] .collection-page-header progress{display:block;width:90%;height:9px;max-width:230px;margin:9px auto 3px;accent-color:#6e9e64}
#game-window[data-panel="catalog"] .collection-scroll{min-width:0;min-height:0;margin:0;padding:0 4px 5px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c29858 transparent;list-style:none}
#game-window[data-panel="catalog"] .collection-milestone{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-height:91px;padding:9px 0;border-bottom:2px solid #dcb87a77;color:#8f7250}
#game-window[data-panel="catalog"] .collection-milestone>div{min-width:0}
#game-window[data-panel="catalog"] .collection-stamp{display:grid;place-items:center;aspect-ratio:1;width:58px;background:url('../assets/ui-user/catalog-item-bg.png') center/contain no-repeat;color:#a6753b;font-size:24px;font-weight:900;opacity:.6}
#game-window[data-panel="catalog"] .collection-milestone h3{margin:0 0 4px;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
#game-window[data-panel="catalog"] .collection-milestone p{margin:0 0 3px;font-size:13px;line-height:1.3;overflow-wrap:anywhere}
#game-window[data-panel="catalog"] .collection-milestone-status{font-size:12px;line-height:1.3;font-weight:700}
#game-window[data-panel="catalog"] .collection-milestone.unlocked{color:#3e6d45}
#game-window[data-panel="catalog"] .collection-milestone.unlocked .collection-stamp{opacity:1;color:#427348}
#game-window[data-panel="catalog"] .collection-showcase-slot{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;align-items:center;min-height:102px;padding:8px 0;border-bottom:2px solid #dcb87a77}
#game-window[data-panel="catalog"] .collection-showcase-art{display:grid;place-items:center;width:72px;height:72px;min-width:0;min-height:0;background:url('../assets/ui-user/catalog-preview.png') center/contain no-repeat}
#game-window[data-panel="catalog"] .collection-showcase-art .catalog-fruit-art{width:88%;height:88%}
#game-window[data-panel="catalog"] .collection-showcase-art .catalog-illustration{scale:1;translate:none}
#game-window[data-panel="catalog"] .collection-empty-art{font-size:27px;font-weight:900;color:#b59156}
#game-window[data-panel="catalog"] .collection-showcase-fields{display:grid;gap:4px;min-width:0}
#game-window[data-panel="catalog"] .collection-showcase-fields label{color:#7a4d2f;font-size:14px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
#game-window[data-panel="catalog"] .collection-showcase-status{color:#806242;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#game-window[data-panel="catalog"] .collection-showcase-fields select{width:100%;min-width:0;max-width:100%;height:35px;padding:4px 3px;border:1px solid #b59258;border-radius:5px;background:#fff3cb;color:#614829;font:inherit;font-size:13px;line-height:1.3;text-overflow:ellipsis}
#game-window[data-panel="catalog"] .collection-showcase-slot.locked .collection-showcase-art{opacity:.45}
#game-window[data-panel="catalog"] .collection-showcase-fields select:disabled{opacity:.6}
/* Latin titles use the length of the bitmap side tab, not its narrow width. */
html:is(:lang(en),:lang(vi)) #game-window[data-panel="catalog"] #window-title{width:auto;max-width:100%;max-height:100%;margin:0;font-size:24px;line-height:1.15;letter-spacing:0;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-shadow:none}
@media (orientation:portrait) and (max-width:1050px){
 html:is(:lang(en),:lang(vi)) #game-window[data-panel="catalog"] #window-title{font-size:20px;writing-mode:horizontal-tb}
}
@media (max-width:600px) and (orientation:portrait){
 #game-window[data-panel="catalog"] .catalog-shell{grid-template-rows:40px minmax(0,1fr);gap:3px}
 #game-window[data-panel="catalog"] .collection-tabs{width:100%;gap:2px}
 #game-window[data-panel="catalog"] .collection-tabs button{font-size:13px;padding:4px}
 #game-window[data-panel="catalog"] .catalog-shell>.catalog-book:not(.catalog-collection-book){grid-template-rows:minmax(0,.95fr) minmax(0,1.05fr)}
 #game-window[data-panel="catalog"] .catalog-collection-book{padding-block:8px}
 #game-window[data-panel="catalog"] .collection-page{gap:6px}
 #game-window[data-panel="catalog"] .collection-page-header h2{font-size:17px}
 #game-window[data-panel="catalog"] .collection-page-header p{font-size:12px}
 #game-window[data-panel="catalog"] .collection-page-header .collection-page-note{font-size:11px}
 #game-window[data-panel="catalog"] .collection-milestone{grid-template-columns:minmax(0,1fr);justify-items:center;gap:5px;min-height:132px;text-align:center}
 #game-window[data-panel="catalog"] .collection-stamp{width:34px;font-size:19px}
 #game-window[data-panel="catalog"] .collection-milestone h3{font-size:13px}
 #game-window[data-panel="catalog"] .collection-milestone p{font-size:12px}
 #game-window[data-panel="catalog"] .collection-showcase-slot{grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px;min-height:154px}
 #game-window[data-panel="catalog"] .collection-showcase-art{width:54px;height:54px}
 #game-window[data-panel="catalog"] .collection-showcase-fields{width:100%;gap:3px;text-align:center}
 #game-window[data-panel="catalog"] .collection-showcase-fields label{font-size:12px}
 #game-window[data-panel="catalog"] .collection-showcase-fields select{height:36px;font-size:12px}
}
@media (orientation:landscape) and (max-height:700px), (orientation:landscape) and (max-width:1050px){
 html:is(:lang(en),:lang(vi)) #game-window[data-panel="catalog"] #window-title{font-size:16px;writing-mode:vertical-rl}
 #game-window[data-panel="catalog"] .catalog-shell{grid-template-rows:34px minmax(0,1fr);gap:2px}
 #game-window[data-panel="catalog"] .collection-tabs{width:80%;gap:4px}
 #game-window[data-panel="catalog"] .collection-tabs button{font-size:13px;padding:3px 5px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-right{grid-template-rows:minmax(44px,1fr) 28px 25px minmax(0,100px) 12px;gap:2px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-name{font-size:16px;line-height:20px}
 #game-window[data-panel="catalog"] .catalog-collection-book{padding-block:5px}
 #game-window[data-panel="catalog"] .collection-page{gap:4px}
 #game-window[data-panel="catalog"] .collection-page-header h2{font-size:17px;margin-bottom:2px}
 #game-window[data-panel="catalog"] .collection-page-header p{font-size:12px;margin:2px 0}
 #game-window[data-panel="catalog"] .collection-page-header .collection-page-note{font-size:11px}
 #game-window[data-panel="catalog"] .collection-page-header progress{height:7px;margin:5px auto 1px}
 #game-window[data-panel="catalog"] .collection-milestone{grid-template-columns:39px minmax(0,1fr);gap:6px;min-height:70px;padding:6px 0}
 #game-window[data-panel="catalog"] .collection-stamp{width:39px;font-size:20px}
 #game-window[data-panel="catalog"] .collection-milestone h3{font-size:13px;margin-bottom:2px}
 #game-window[data-panel="catalog"] .collection-milestone p{font-size:12px;margin-bottom:2px}
 #game-window[data-panel="catalog"] .collection-milestone-status{font-size:11px}
 #game-window[data-panel="catalog"] .collection-showcase-slot{grid-template-columns:46px minmax(0,1fr);gap:7px;min-height:86px;padding:5px 0}
 #game-window[data-panel="catalog"] .collection-showcase-art{width:46px;height:46px}
 #game-window[data-panel="catalog"] .collection-showcase-fields{gap:2px}
 #game-window[data-panel="catalog"] .collection-showcase-fields label{font-size:12px}
 #game-window[data-panel="catalog"] .collection-showcase-status{font-size:11px}
 #game-window[data-panel="catalog"] .collection-showcase-fields select{font-size:12px;height:32px}
}
@media (orientation:landscape) and (max-width:650px), (orientation:landscape) and (max-height:350px){
 html:is(:lang(en),:lang(vi)) #game-window[data-panel="catalog"] #window-title{font-size:14px}
}

/* Scale the complete book, not just its outer box. Navigation sits above the spine. */
#panel-overlay:has(#game-window[data-panel="catalog"]){padding:calc(var(--ui-safe-top,0px) + 64px) calc(var(--ui-safe-right,0px) + 20px) calc(var(--ui-safe-bottom,0px) + 20px) calc(var(--ui-safe-left,0px) + 48px);overflow:hidden;align-items:center;justify-content:center}
#game-window[data-panel="catalog"]{--catalog-unit:min(calc((var(--ui-viewport-width,100vw) - var(--ui-safe-left,0px) - var(--ui-safe-right,0px) - 68px) / 1120),calc((var(--ui-viewport-height,100dvh) - var(--ui-safe-top,0px) - var(--ui-safe-bottom,0px) - 84px) / 556));--h:var(--catalog-unit);width:min(1600px,100%,calc((var(--ui-viewport-height,100dvh) - var(--ui-safe-top,0px) - var(--ui-safe-bottom,0px) - 84px) * 2.014388));height:auto;aspect-ratio:1120 / 556;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:visible;background-size:100% 100%;background-position:center}
#game-window[data-panel="catalog"] .window-header>div{inset:14% auto auto -28px;width:66px;height:148px;padding:12px;justify-content:flex-start}
#game-window[data-panel="catalog"] #window-title{font-size:30px;width:1.1em;line-height:1.3}
html:is(:lang(en),:lang(vi)) #game-window[data-panel="catalog"] #window-title{font-size:17px;width:auto;writing-mode:vertical-rl}
#game-window[data-panel="catalog"] #panel-close{inset:-34px 15px auto auto;width:52px;height:64px;min-width:44px;min-height:44px}
#game-window[data-panel="catalog"] #panel-content{inset:5% 4.5% 6% 4%;min-width:0;min-height:0;overflow:visible;background:none;border-radius:0}
#game-window[data-panel="catalog"] .catalog-shell{position:relative;display:block;min-width:0;min-height:0;overflow:visible}
#game-window[data-panel="catalog"] .collection-tabs{position:absolute;inset:auto 60px calc(100% + 10px) 0;width:auto;max-width:720px;height:42px;margin:auto;gap:8px;padding:0 8px;background:#f8e1a7;border-radius:8px;box-shadow:0 2px 4px #59422b30}
#game-window[data-panel="catalog"] .collection-tabs button{font-size:14px;line-height:1.2;padding:4px 8px;overflow-wrap:normal;word-break:normal}
#game-window[data-panel="catalog"] .catalog-shell>.catalog-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:28%;row-gap:0;width:100%;height:100%;min-width:0;min-height:0;padding:12px 5%;overflow:hidden;background:url('../assets/ui-user/book-pages.png') center / 100% 100% no-repeat}
#game-window[data-panel="catalog"] .catalog-shell .catalog-left{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 36px;gap:7px;padding:0;min-width:0;min-height:0;overflow:hidden}
#game-window[data-panel="catalog"] .catalog-shell .catalog-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(112px,1fr));gap:8px;width:100%;height:100%;min-height:0;padding:2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c29858 transparent}
#game-window[data-panel="catalog"] .catalog-shell .catalog-entry{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(48px,1fr) auto 18px;align-items:center;justify-items:center;height:100%;min-width:0;min-height:0;gap:2px;padding:0;border-radius:0;overflow:hidden}
#game-window[data-panel="catalog"] .catalog-shell .catalog-entry-art{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:min(100%,106px);height:100%;min-width:0;min-height:0;max-height:110px;align-self:center;flex:none}
#game-window[data-panel="catalog"] .catalog-shell .catalog-entry-art :is(.catalog-fruit-art,.catalog-illustration){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;max-width:100%;max-height:100%}
#game-window[data-panel="catalog"] .catalog-shell .catalog-entry-art .crop-icon{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
#game-window[data-panel="catalog"] .catalog-shell .catalog-entry>strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;min-width:0;max-height:3.6em;margin:0;font-size:14px;line-height:1.2;text-align:center;letter-spacing:0;white-space:normal;overflow-wrap:normal;word-break:normal;overflow:hidden;text-shadow:1px 1px #ffe39d}
#game-window[data-panel="catalog"] .catalog-shell .catalog-illustration{scale:1;translate:none}
#game-window[data-panel="catalog"] .catalog-shell .catalog-discovery{max-width:100%;margin:0;padding:0 4px;font-size:10px;line-height:16px;white-space:nowrap}
#game-window[data-panel="catalog"] .catalog-shell .catalog-discovery-count{font-size:14px;line-height:1.3;margin:0}
#game-window[data-panel="catalog"] .catalog-shell .catalog-pagination{gap:12px;min-height:0;padding:0;font-size:13px}
#game-window[data-panel="catalog"] .catalog-shell .catalog-pagination button{width:44px;height:36px;min-width:44px;min-height:36px;padding:0}
#game-window[data-panel="catalog"] .catalog-shell .catalog-right{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(55px,.85fr) auto auto minmax(0,1.2fr) 18px;gap:6px;padding:0;min-width:0;min-height:0;overflow:hidden;align-items:stretch;justify-items:center}
#game-window[data-panel="catalog"] .catalog-shell .catalog-preview-row{grid-area:1 / 1;grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;width:100%;height:100%;max-width:100%;min-width:0;min-height:0}
#game-window[data-panel="catalog"] .catalog-shell .catalog-preview{width:auto;height:100%;aspect-ratio:1;max-width:100%;max-height:170px;min-width:0;min-height:0}
#game-window[data-panel="catalog"] .catalog-shell .catalog-arrow{width:36px;min-width:36px;height:44px;min-height:44px}
#game-window[data-panel="catalog"] .catalog-shell .catalog-name{grid-area:2 / 1;width:100%;height:auto;min-height:36px;margin:0;padding:5px 10px;font-size:20px;line-height:1.2;white-space:normal;overflow-wrap:normal;word-break:normal;overflow:visible}
#game-window[data-panel="catalog"] .catalog-shell .catalog-description{grid-area:3 / 1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:auto;max-height:2.7em;min-height:0;margin:0;padding:0 2px;font-size:12px;line-height:1.35;overflow:hidden}
#game-window[data-panel="catalog"] .catalog-shell .catalog-facts{grid-area:4 / 1;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0 5px 0 0;gap:5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c29858 transparent;scrollbar-gutter:stable}
#game-window[data-panel="catalog"] .catalog-shell .catalog-facts>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;flex:none;min-height:0;gap:8px;padding:5px 0;border-bottom-width:2px;border-radius:0}
#game-window[data-panel="catalog"] .catalog-shell .catalog-facts dt{min-width:0;margin:0;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:left}
#game-window[data-panel="catalog"] .catalog-shell .catalog-facts dd{min-width:max-content;max-width:none;margin:0;font-size:14px;line-height:1.35;white-space:nowrap;overflow-wrap:normal;word-break:normal;text-align:right;justify-content:flex-end;font-variant-numeric:tabular-nums}
#game-window[data-panel="catalog"] .catalog-shell .catalog-page-count{grid-area:5 / 1;margin:0;padding:0;font-size:11px;line-height:18px}

@media(orientation:landscape) and (max-height:700px),(orientation:landscape) and (max-width:1050px){
 #panel-overlay:has(#game-window[data-panel="catalog"]){padding-top:calc(var(--ui-safe-top,0px) + 48px);padding-bottom:calc(var(--ui-safe-bottom,0px) + 8px);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(1120px,100%,calc((var(--ui-viewport-height,100dvh) - var(--ui-safe-top,0px) - var(--ui-safe-bottom,0px) - 56px) * 2.1));aspect-ratio:2.1}
 #game-window[data-panel="catalog"] .window-header>div{left:-22px;width:48px;height:104px;padding:8px 10px}
 #game-window[data-panel="catalog"] #window-title{font-size:23px}
 html:is(:lang(en),:lang(vi)) #game-window[data-panel="catalog"] #window-title{font-size:14px}
 #game-window[data-panel="catalog"] #panel-close{top:-26px;right:8px;width:44px;height:54px}
 #game-window[data-panel="catalog"] .collection-tabs{bottom:calc(100% + 8px);height:36px;right:42px;gap:3px;padding:0 3px}
 #game-window[data-panel="catalog"] .collection-tabs button{font-size:12px;padding:3px 5px}
 #game-window[data-panel="catalog"] .catalog-shell>.catalog-book{padding-block:6px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-left{grid-template-rows:auto minmax(0,1fr) 30px;gap:4px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-entries{grid-template-rows:repeat(3,minmax(96px,1fr));gap:5px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-entry>strong{font-size:12px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-discovery-count{font-size:11px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-pagination button{height:30px;min-height:30px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-right{grid-template-rows:minmax(44px,.7fr) auto auto minmax(0,1.1fr) 14px;gap:3px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-preview-row{grid-template-columns:30px minmax(0,1fr) 30px;gap:2px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-arrow{width:30px;min-width:30px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-name{font-size:14px;min-height:26px;padding:3px 5px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-description{font-size:10px;line-height:1.3;max-height:2.6em}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts{gap:3px;padding-right:3px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts>div{grid-template-columns:minmax(0,1fr);gap:1px;padding:3px 0}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts :is(dt,dd){font-size:12px;line-height:1.25}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts dd{justify-self:end}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-page-count{font-size:10px;line-height:14px}
}

@media(orientation:portrait) and (max-width:1050px){
 #panel-overlay:has(#game-window[data-panel="catalog"]){padding:calc(var(--ui-safe-top,0px) + 60px) calc(var(--ui-safe-right,0px) + 8px) calc(var(--ui-safe-bottom,0px) + 8px) calc(var(--ui-safe-left,0px) + 8px)}
 #game-window[data-panel="catalog"]{width:100%;height:100%;max-width:760px;aspect-ratio:auto;background-size:200% 100%;background-position:left center}
 #game-window[data-panel="catalog"] .window-header>div{inset:-48px auto auto 10px;width:auto;max-width:calc(100% - 72px);height:38px;padding:6px 14px;border-radius:8px;background:#f8df98}
 #game-window[data-panel="catalog"] #window-title,html:is(:lang(en),:lang(vi)) #game-window[data-panel="catalog"] #window-title{width:auto;font-size:20px;writing-mode:horizontal-tb;line-height:1.2;white-space:normal}
 #game-window[data-panel="catalog"] #panel-close{inset:-48px 10px auto auto;width:44px;height:54px}
 #game-window[data-panel="catalog"] #panel-content{inset:14px 16px 18px}
 #game-window[data-panel="catalog"] .catalog-shell{display:grid;grid-template-rows:44px minmax(0,1fr);gap:6px;overflow:hidden}
 #game-window[data-panel="catalog"] .collection-tabs{position:static;width:100%;height:44px;max-width:100%;margin:0;padding:0;gap:2px;box-shadow:none;background:none}
 #game-window[data-panel="catalog"] .collection-tabs button{font-size:12px;padding:3px 4px}
 #game-window[data-panel="catalog"] .catalog-shell>.catalog-book{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1.15fr);gap:12px;padding:4px;background:none}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-entries{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(112px,1fr));gap:6px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-entry>strong{font-size:12px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-right{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto minmax(0,1fr) 18px;gap:5px 10px;border-top:2px solid #d4aa66;padding-top:10px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-preview-row{grid-area:2 / 1;grid-template-columns:24px minmax(0,1fr) 24px;gap:0;align-self:start;max-height:120px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-preview{width:100%;height:auto;max-height:120px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-arrow{width:24px;min-width:24px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-arrow>span{width:14px;height:28px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-name{grid-area:1 / 1 / 2 / -1;font-size:17px;min-height:34px;padding:4px 8px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-description{grid-area:2 / 1;display:block;align-self:end;width:100%;height:auto;max-height:5.4em;font-size:11px;line-height:1.35;overflow-y:auto;scrollbar-width:thin}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts{grid-area:2 / 2;gap:3px;padding-right:3px}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts>div{grid-template-columns:minmax(0,1fr);gap:2px;padding:4px 0}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts :is(dt,dd){font-size:12px;line-height:1.25}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-facts dd{justify-self:end}
 #game-window[data-panel="catalog"] .catalog-shell .catalog-page-count{grid-area:3 / 1 / 4 / -1}
 #game-window[data-panel="catalog"] .collection-page{gap:5px}
 #game-window[data-panel="catalog"] .collection-page+.collection-page{border-top:2px solid #d4aa66;padding-top:10px}
 #game-window[data-panel="catalog"] .collection-page-header h2{font-size:17px}
 #game-window[data-panel="catalog"] .collection-milestone{grid-template-columns:42px minmax(0,1fr);gap:8px;min-height:72px;justify-items:stretch;text-align:left}
 #game-window[data-panel="catalog"] .collection-stamp{width:42px;font-size:21px}
 #game-window[data-panel="catalog"] .collection-showcase-slot{grid-template-columns:48px minmax(0,1fr);gap:8px;min-height:94px;justify-items:stretch}
 #game-window[data-panel="catalog"] .collection-showcase-art{width:48px;height:48px}
 #game-window[data-panel="catalog"] .collection-showcase-fields{text-align:left}
}