/* One edge-to-edge reading plaque, with its Back button below the frame. */
#loreReader .reading-card{padding:0;border:0;background:none;box-shadow:none;gap:16px}
#loreReader .reading-sheet{
 display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow:hidden;
 border:1px solid #b9b28ac7;border-radius:3px 16px 3px 16px;
 background:radial-gradient(ellipse at 12% 0,#55736940,transparent 65%),linear-gradient(150deg,#23424a,#102a32);
 box-shadow:inset 0 0 0 4px #091e27,inset 0 0 0 5px #9aa58644,0 24px 90px #0009;
}
#loreReader .reading-heading{padding:26px 30px 0}
#loreReader #lorePage{padding:20px 0 0;scrollbar-gutter:auto}
#loreReader #lorePage>p{margin-inline:30px}
#loreReader #lorePage>p:last-of-type{margin-bottom:0}
#loreReader #lorePage>.chapter-panorama{margin:calc(-23% - 8px) 0 0}
#loreReader .chapter-panorama img{filter:saturate(.62)}
#loreReader .reading-card>footer{padding:0}
@media(max-width:599px){
 #loreReader .reading-card{gap:14px}
 #loreReader .reading-heading{padding:22px 20px 0}
 #loreReader #lorePage{padding-top:16px}
 #loreReader #lorePage>p{margin-inline:20px}
}
@media(min-width:550px) and (max-height:519px){
 #loreReader .reading-card{gap:12px}
 #loreReader .reading-heading{padding:18px 24px 0}
 #loreReader #lorePage{padding-top:12px}
 #loreReader #lorePage>p{margin-inline:24px}
}

/* The number and the first title line share a real typographic baseline.
   Reserve a separate lower area for stars, including multi-line titles. */
body #menu.menu[data-mode=levels][data-level-layout=stack] #levelGrid{grid-auto-rows:minmax(112px,auto)}
body #menu.menu[data-mode=levels][data-level-layout=stack] .level-card{min-height:112px}
body #menu.menu[data-mode=levels][data-level-layout=stack] .level-tile{
 display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto;
 column-gap:16px;row-gap:0;align-content:center;align-items:first baseline;
 justify-content:normal;min-height:112px;padding:18px 16px 51px;
}
body #menu.menu[data-mode=levels][data-level-layout=stack] .level-number{
 position:static;inset:auto;display:block;grid-column:1;grid-row:1;
 align-self:first baseline;justify-self:start;line-height:1.1;
}
body #menu.menu[data-mode=levels][data-level-layout=stack] .level-name{
 grid-column:2;grid-row:1;align-self:first baseline;justify-self:start;min-width:0;text-align:start;
}
body #menu.menu[data-mode=levels][data-level-layout=stack] .level-rating{
 inset:auto;inset-block-end:18px;inset-inline-start:68px;height:25px;justify-content:flex-start;
}
body #menu.menu[data-mode=levels][data-level-layout=stack] .rating-star{width:25px;height:25px}