/* Compact shelves keep the poster canvas and place its reading information over it. */
body .world-grid.obsidian-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
body .glass-story-card{padding:0}
body .glass-story-card .shelf-cover{height:auto;aspect-ratio:9/16}
body .glass-story-card .shelf-cover img{object-fit:cover;object-position:center;mask-image:none;filter:none}
body .glass-story-card .shelf-cover:after{display:none}
body .glass-story-card .shelf-photo{position:relative;display:block;padding:0}
body .glass-story-card .shelf-overlay{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:26px 12px 12px;background:linear-gradient(0deg,#101922f5 0%,#101922df 65%,#1019228a 88%,transparent);pointer-events:none;text-shadow:0 1px 5px #000a}
body .glass-story-card .shelf-overlay a{pointer-events:auto}
body .glass-story-card .shelf-genres{position:static;inset:auto;padding:0;gap:4px}
body .glass-story-card .shelf-genres span{font-size:11px;padding:2px 6px;background:#28384180;border-color:#e4ebdc45;backdrop-filter:none}
body .glass-story-card .shelf-title{position:static;inset:auto;margin:0;padding:0;transform:none;background:none;border:0;border-radius:0;backdrop-filter:none;box-shadow:none}
body .glass-story-card .shelf-title h2{margin:0;font-size:18px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .glass-story-card .shelf-description{height:auto;min-height:0;margin:0;font-size:13px;line-height:1.65;color:#e1e5e2;-webkit-line-clamp:2}
body .glass-story-card .shelf-foot{margin:0;padding-top:2px;min-width:0}
body .glass-story-card .shelf-foot .access-label{font-size:11px;padding:2px 7px;color:#e0e8ce}
body .glass-story-card .shelf-author{min-width:0;font-size:12px}
body .glass-story-card .shelf-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .glass-story-card .shelf-rank{top:12px;bottom:auto;z-index:2;font-size:26px}
body .feature-poster{width:clamp(500px,calc((100vw - var(--navigation-width) - 48px)*.64),960px);height:clamp(310px,36dvh,410px);display:block;isolation:isolate;background:#161918;border-radius:3px}
body .feature-poster>img{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;opacity:1;filter:none}
body .feature-poster:after{content:'';display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0b0d0cf2,transparent 78%),linear-gradient(90deg,#080a08a8,transparent 82%);pointer-events:none}
body .feature-copy{position:absolute;inset:auto 28px 22px;z-index:2;max-width:520px;min-width:0;padding:0;display:flex;flex-direction:column;gap:12px;background:none}
body .feature-copy h2{margin:0;font-size:clamp(34px,3.4vw,54px);font-weight:900;letter-spacing:1px;line-height:1.16;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 3px 14px #0009}
body .feature-summary{max-width:460px;max-height:56px;overflow:hidden;border:0;padding:0;background:none;backdrop-filter:none}
body .feature-summary p{margin:0;max-width:none;font-size:15px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .feature-summary p:not(:first-child){display:none}
body .feature-genres{margin:0;flex-wrap:wrap;max-height:32px;overflow:hidden;gap:8px}
body .feature-genres span{font-size:12px;padding:4px 10px;background:#292c289e;border-color:#a7aca34d}
body .feature-actions{gap:12px;flex-wrap:wrap}
body .feature-actions .button{min-height:44px;padding:10px 22px;font-size:15px;border-radius:6px;backdrop-filter:blur(6px)}
body .feature-actions .button:not(.primary){background:#1013109c;border-color:#c7ccc47a}
body .feature-toolbar{position:absolute;inset:10px 12px auto auto;z-index:3;display:flex;gap:12px;padding:3px 8px;background:#12171285;border-radius:4px}
body .feature-toolbar button{font-size:12px;padding:3px 5px}
body .story-detail-hero{height:clamp(300px,32dvh,410px);min-height:0;display:flex;flex-direction:row;align-items:flex-end;isolation:isolate}
body .story-detail-hero>img{position:absolute;inset:0;display:block;z-index:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 40%;opacity:1;filter:none}
body .story-detail-hero:after{content:'';display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#17232c73,#17232c24 46%,transparent 78%),linear-gradient(0deg,#14202b70,transparent 62%);-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}
body .story-detail-copy{position:relative;z-index:2;max-width:900px;width:100%;box-sizing:border-box;padding:28px 34px;background:none;text-shadow:0 2px 8px #000c}
@media(max-width:1100px){body .world-grid.obsidian-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
@media(min-width:721px) and (max-width:950px){body .world-grid.obsidian-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
 body .story-detail-hero{height:clamp(300px,44dvh,390px)}
 body .story-detail-copy{padding:24px 20px}
 body .story-detail-copy h1{font-size:clamp(27px,7.8vw,34px);line-height:1.3;letter-spacing:0}
 body .world-grid.obsidian-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body .feature-poster{width:calc(100vw - 32px);height:clamp(300px,41dvh,365px);min-width:0}
 body .feature-copy{inset:auto 16px 18px;gap:10px}
 body .feature-copy h2{font-size:30px;letter-spacing:0;-webkit-line-clamp:2}
 body .feature-summary{max-height:47px}
 body .feature-summary p{font-size:13px;line-height:1.8;-webkit-line-clamp:2}
 body .feature-genres{display:flex!important;max-height:28px;gap:5px}
 body .feature-genres span{font-size:11px;padding:3px 7px}
 body .feature-actions .button{font-size:14px;padding:8px 15px;min-height:40px}
 body .glass-story-card .shelf-overlay{padding:22px 9px 9px;gap:5px}
 body .glass-story-card .shelf-title h2{font-size:16px;line-height:1.35}
 body .glass-story-card .shelf-description{font-size:12px;line-height:1.6}
 body .glass-story-card .shelf-genres span{font-size:10px;padding:2px 5px}
}
@media(min-width:721px){
 body .story-detail-hero>img[src^="/art/anthology-01-game-concept-handsome-20261015-banner.png"],
 body .story-detail-hero>img[src^="/art/anthology-02-game-concept-20261015-banner.png"],
 body .story-detail-hero>img[src^="/art/anthology-06-game-concept-20261015-banner.png"],
 body .story-detail-hero>img[src^="/art/anthology-07-game-concept-20261016-banner.png"],
 body .story-detail-hero>img[src^="/art/anthology-10-game-concept-20261016-banner.png"],
 body .story-detail-hero>img[src^="/art/anthology-12-game-concept-20261016-banner.png"],
 body .story-detail-hero>img[src^="/art/anthology-13-game-concept-20261016-banner.png"],
 body .story-detail-hero>img[src^="/art/anthology-15-game-concept-20261016-banner.png"]{object-position:center 8%}
}