/* R2D404 desktop layout. Only applies at >=1024px; mobile and tablet are untouched. */
@media (min-width:1024px){
 .wrap,html body.wp main,html body.wp .wrap,html body.wp .container{max-width:1200px!important}
 html body.wp main section{max-width:1160px!important;margin-left:auto!important;margin-right:auto!important}
 html body.wp main section p{max-width:78ch}
 html body.wp footer.wrap{max-width:1000px!important}
 nav{max-width:1240px;margin:0 auto;position:sticky;top:0;z-index:20;background:rgba(20,20,20,.94);backdrop-filter:blur(6px);border-bottom:1px solid #2a2a2a;gap:6px 18px}
 nav a{padding:6px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
 nav a:hover,nav a:focus-visible{color:#ffb27a;border-bottom-color:#ffb27a}
 .topbar .wrap,html body.wp main,html body.wp .wrap,html body.wp .container{max-width:1200px!important}
 html body.wp main section{max-width:1160px!important;margin-left:auto!important;margin-right:auto!important}
 html body.wp main section p{max-width:78ch}
 html body.wp footer.wrap{max-width:1000px!important}
 a.btn,a.cta,.g-btn,.dg-b,.cd-p,.cd-s,a.soc,a.gmc,.card,.lb-c{transition:transform .15s,box-shadow .15s,filter .15s}
 a.btn:hover,a.cta:hover,.g-btn:hover,.dg-b:hover,.cd-p:hover,.cd-s:hover,a.soc:hover{transform:translateY(-2px);filter:brightness(1.12)}
 a.gmc:hover,.gm .card:hover,.lb-c:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.35)}
 /* index */
 .hero{min-height:72vh}
 .gmi{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 /* games hub */
 .gm{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .lb-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 /* garage */
 .my-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr)!important;align-items:start}
 .my-grid>div:first-child{position:sticky;top:70px}
 .g-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 /* card */
 body.r4d-card main section{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px 28px;align-items:start}
 body.r4d-card main section>*{grid-column:2}
 body.r4d-card #cd-f{grid-column:1/-1}
 body.r4d-card #cd-out{grid-column:1;grid-row:2/span 3;width:100%;height:auto}
 body.r4d-card .cd-b{display:flex;flex-direction:column;align-items:stretch}
 body.r4d-card .cd-b>*{text-align:center;margin:0 0 8px}
 /* game pages: big canvas left, side panel right */
 .tw-w{max-width:1040px!important;display:grid;grid-template-columns:minmax(0,640px) 340px;grid-template-rows:repeat(7,auto) 1fr;gap:0 32px;justify-content:center;align-items:start}
 .tw-w>*{grid-column:2}
 .tw-w>#tw-box{grid-column:1;grid-row:1/-1}
 .tw-w>.pad{display:none}
 .tw-w .hud,.tw-w .dg-h{margin-top:0}
 .r4d-side{background:#1c1c1c;border:1px solid #333;border-radius:12px;padding:12px 14px;margin:12px 0 0}
 .r4d-side h3{margin:0 0 6px;font-size:1rem;color:#ffb27a}
 .r4d-side p,.r4d-side li{font-size:.92rem;color:#e6e6e6;margin:4px 0}
 .r4d-side ul{padding-left:18px;margin:4px 0}
 /* daily: grid left, everything else in the side panel */
 .dg{max-width:1040px!important;display:grid;grid-template-columns:minmax(0,520px) 400px;grid-template-rows:repeat(10,auto) 1fr;gap:0 40px;justify-content:center;align-items:start}
 .dg>*{grid-column:2}
 .dg>#msg{grid-column:1;grid-row:1}
 .dg>#grid{grid-column:1;grid-row:2/-1;width:100%;max-width:440px;justify-self:center;margin-top:0}
 .dg>#kb button{min-height:50px}
 .tw-w h1,.dg h1{font-size:2.3rem!important;margin-top:0}
html body.wp #r4-nav a{color:#d8dde2}html body.wp #r4-nav a:hover{color:#fff}
/* v2: section chips on their own row below the main nav, full labels, wrapping */
html body #wp-toc{position:static!important;top:auto!important;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;justify-content:center;max-width:1160px!important;margin:18px auto 0!important;padding:10px!important;row-gap:8px}
html body #wp-toc a{white-space:nowrap;max-width:none;overflow:visible}
/* v2: main nav fits 11 links at 1024-1280 */
body>nav:not(#r4-nav):not(#wp-toc){flex-wrap:nowrap!important;overflow:visible!important;white-space:nowrap!important;gap:4px 14px!important;padding-left:20px!important;padding-right:20px!important}
body>nav:not(#r4-nav):not(#wp-toc) a{font-size:15px;white-space:nowrap;flex:0 0 auto}
/* v2: hero stays left-aligned; social buttons sit under the Join button on the same left edge */
.hero .soc-b{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;margin-left:0!important;margin-right:auto!important;text-align:left}
}
@media (min-width:1024px) and (max-width:1280px){body>nav:not(#r4-nav):not(#wp-toc){gap:4px 10px!important}body>nav:not(#r4-nav):not(#wp-toc) a{font-size:14px}}