.game-title{left:0;width:100%;object-fit:contain}
.detail-route .wordmark{color:var(--page-fg)}
.detail-route .feature-panel{background:color-mix(in srgb,var(--page-bg) 94%,var(--page-fg));border-color:var(--page-line)}
body[data-project="downput"] .economy-track i{background:#d93a32}body[data-project="downput"] .economy-track i.spent{background:#3a2424}body[data-project="downput"] .economy-board>span{background:#171717;border-color:#353535}body[data-project="downput"] .economy-board>.token-player{background:#d8d8d5}body[data-project="downput"] .economy-board>.token-enemy{background:#ba3c33}

/* Viewport-fitted project shelf. No horizontal carousel. */
body:not(.detail-route) main{display:flex;flex-direction:column}
#home-view{flex:1;display:flex;flex-direction:column}
.project-directory{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(24px,5vh,80px)}
body:not(.detail-route) .site-header{height:clamp(64px,6vh,96px);flex-shrink:0}
.directory-heading{padding:clamp(20px,3vh,48px) 5vw clamp(16px,2vh,32px)}
.directory-heading h1{font-size:clamp(30px,2.4vw,80px)}
.directory-heading p{font-size:clamp(12px,.8vw,20px)}
#case-rail{--case-gap:clamp(18px,1.7vw,64px);width:100%;overflow:visible;scroll-snap-type:none;padding:28px 5vw 24px}
#case-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--case-gap);width:min(100%,calc((100svh - 360px) * 3.99 + 5 * var(--case-gap)));padding:0;margin-inline:auto;align-items:start}
.case-slot{width:auto;min-width:0;container-type:inline-size}
.case-caption{margin-top:clamp(15px,2vh,28px);font-size:clamp(11px,.8vw,20px);line-height:1.5;gap:clamp(7px,.7vw,20px);min-height:3em}
.case-caption>span:first-child{font:clamp(8px,.55vw,13px)/1.8 var(--mono)}
.directory-controls{font-size:clamp(10px,.65vw,16px)}
body:not(.detail-route) .site-footer{max-width:none;font-size:clamp(9px,.6vw,15px)}
.original-engenuo-name{top:43%;font-size:10cqw}
.case-engenuo .real-tagline{top:54%;font-size:2.6cqw}
.case-verbantics .real-tagline{font-size:5.6cqw}
.case-rubber-duck .cover-print{background:#04111d}
.original-duck-name{top:20%;font-size:8.5cqw}
.original-duck-icon{position:absolute;width:100%;height:auto;left:0;bottom:8%}
@media(min-width:761px) and (max-width:999px){
 #case-shelf{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
 .project-directory{padding-bottom:25px}
}
@media(min-width:1000px) and (max-height:600px){
 .directory-heading{padding-block:14px}.directory-heading h1{font-size:30px}
 .project-directory{padding-bottom:10px}
 #case-shelf{width:min(100%,calc((100svh - 340px) * 3.99 + 5 * var(--case-gap)))}
 #case-rail{padding-block:16px}.case-caption{margin-top:12px}
}
@media(max-width:760px){
 #case-rail{padding:24px 7vw}
 #case-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;width:100%;padding:0}
 .case-slot{width:auto}
 .case-caption{font-size:11px;margin-top:18px;gap:7px}
 .directory-controls{margin-inline:7vw}
 .directory-heading{padding:24px 6vw 10px}
 .directory-heading h1{font-size:30px}
 .project-directory{padding-bottom:25px}
}

@media(min-width:1000px){body:not(.detail-route) .site-header nav{font-size:clamp(12px,.65vw,22px)}body:not(.detail-route) .site-header #motion-toggle{font-size:clamp(10px,.55vw,18px)}body:not(.detail-route) .wordmark{font-size:clamp(35px,1.5vw,54px)}.directory-count{font-size:clamp(9px,.5vw,15px)}}