.game-loading{min-height:380px;display:grid;place-content:center;text-align:center;color:#cbdfff;background:transparent;font-size:14px}.game-page-heading{max-width:1240px;margin:16px auto 0;padding:0 24px 8px}.game-breadcrumb{display:inline-block;color:#d6e7ff;font-size:12px;margin-bottom:20px}.game-page-heading h1{font:800 clamp(32px,4vw,52px)/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 12px;text-shadow:0 3px #203970}.game-page-heading>p{font-size:14px;line-height:1.65;color:#dfebff;max-width:720px;margin:0}
main#app.game-page-launch{max-width:1240px;padding:20px 24px 36px}.game-launch{display:grid;grid-template-columns:minmax(200px,.8fr) 1.2fr;align-items:center;gap:40px;min-height:340px;background:#304f91;border:2px solid #86a6df;border-radius:16px;box-shadow:0 4px #203970;padding:32px 48px}.game-launch-art{display:grid;place-items:center;min-width:0}.game-launch-art img{width:100%;max-width:300px;height:240px;object-fit:contain;border-radius:12px}.game-launch-copy h2{font:700 36px/1.1 'Barlow Condensed',Impact,sans-serif;margin:10px 0 14px}.game-launch-copy>p{font-size:14px;line-height:1.65;color:#dce9ff;max-width:430px}.game-launch-copy .game-launch-meta{color:#ffcd79;font-size:12px;margin:0}.game-launch-copy .btn{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;text-decoration:none;min-height:48px}.game-tile{text-decoration:none;color:inherit}
.game-explainer{margin-top:24px;padding:52px 24px 44px;background:linear-gradient(180deg,#2b3a85,#172254);border-top:1px solid #8f96da59;scroll-margin-top:20px}.game-explainer-inner{max-width:1100px;margin:0 auto}.game-about{max-width:760px;margin-bottom:32px}.game-about h2,.game-related h2,.game-directory h2{font:italic 700 34px/1.15 'Barlow Condensed',Impact,sans-serif;color:#58e2c2;margin:0 0 16px}.game-about p{color:#edf0ff;font-size:15px;line-height:1.85;margin:0}.game-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}.game-how-steps li>span{font:700 30px 'Barlow Condensed',Impact,sans-serif;color:#ffca68}.game-how-steps h3{font:600 24px/1.2 'Barlow Condensed',Impact,sans-serif;margin:10px 0}.game-how-steps p,.game-page-tip{font-size:13px;line-height:1.8;color:#dbe5ff;margin:0}.game-page-tip{margin-top:28px;max-width:850px}.game-related{margin-top:36px;border-top:1px solid #758dcc55;padding-top:28px}.game-related h2{color:#ffca68;font-size:28px}.game-related>div,.game-directory>div{display:flex;flex-wrap:wrap;gap:10px 24px}.game-related a,.game-directory a{font-size:14px;line-height:1.8;color:#f0f5ff;text-underline-offset:5px}.game-related small,.game-directory small{font-size:10px;color:#aebfdf;margin-left:4px}.game-directory{max-width:1034px;margin:32px auto;padding:24px 20px}.game-directory h2{font-size:27px;color:#ffca68}body[data-game-page] footer{margin-top:0}body[data-game-page] .game-launch-art img[src$='.svg']{filter:brightness(0) invert(1);max-width:220px}body[data-game-page] .game-launch-copy .btn:focus-visible{outline-offset:5px}
@media(max-width:650px){.game-page-heading{padding:0 16px 8px;margin-top:12px}.game-page-heading>p{font-size:13px}.game-page-heading h1{font-size:34px}main#app.game-page-launch{padding:16px 14px 28px}.game-launch{grid-template-columns:1fr;gap:14px;padding:22px;text-align:center;min-height:0}.game-launch-art img{height:150px;max-width:230px}.game-launch-copy h2{font-size:29px}.game-launch-copy>p{font-size:13px}.game-launch-copy .btn{width:100%;padding-left:10px;padding-right:10px}.game-explainer{padding:36px 20px}.game-about h2{font-size:30px}.game-about p{font-size:14px}.game-how-steps{grid-template-columns:1fr;gap:24px}.game-how-steps li{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.game-how-steps h3{margin:4px 0 8px}.game-how-steps p{grid-column:2}.game-related>div{flex-direction:column;gap:12px}}

.game-how-title{font:italic 700 34px/1.15 'Barlow Condensed',Impact,sans-serif;color:#58e2c2;margin:0 0 24px}
@media(max-width:650px){.game-how-title{font-size:30px}}

/* The directory and legal footer continue the homepage's blue learning section. */
.game-directory{width:100%;max-width:none;margin:0;padding:32px max(24px,calc((100% - 1034px)/2)) 36px;background:#172254}
body>footer,body[data-scene="home"]>footer{width:100%;max-width:none;margin:0;padding:22px max(24px,calc((100% - 1034px)/2));background:#172254;border-top:1px solid #8795bf40;color:#bec9e8}
body>footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}

/* Room cards use the same compact artwork treatment on narrow screens. */
@media(max-width:520px){
 .roomsettings .party-spray-art,.roomsettings .party-catch-art{min-height:128px;flex-direction:column;gap:8px;padding:12px 8px;text-align:center}
 .roomsettings .party-spray-art img,.roomsettings .party-catch-art img{width:76%;height:44px;object-fit:contain}
 .roomsettings .party-spray-art strong,.roomsettings .party-catch-art strong{max-width:100%;font-size:18px;line-height:1.1;overflow-wrap:anywhere}
 .roomsettings .modeart .sign-lineup{gap:3px}
 .roomsettings .modeart .sign-lineup span{width:14px;height:25px;font-size:16px}
 .roomplayers .person{width:100%}
}

/* Mixed runs and room matches stay focused on the game. Solo pages keep their explainer and footer. */
body:not([data-game-page]):not([data-scene="home"]):not([data-scene="lobby"]) > :is(.game-directory,footer){display:none}
/* Keep instructions and footer below the game while its scripts load. */
.game-loading{min-height:max(600px,calc(100svh - 210px));border-radius:16px;background:#304f9140}