/* Small game-native controls, softer quiz panel, and the four creators. */
.brand-tools{display:flex;align-items:center;gap:22px}
.language-toggle{border:0;background:none;color:var(--paper);padding:7px 5px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px;cursor:pointer;font-size:16px;line-height:1.2}
.language-toggle img{width:27px;height:auto;image-rendering:pixelated;transition:transform .2s}
.language-toggle:hover img{transform:translateY(-3px)}
.language-toggle[aria-pressed='true']{color:var(--green)}
.scene-window{background:#000}
.school-chapter .scene-window>img{clip-path:inset(20.55556% 0 20.88889%)}
.wonder-chapter .scene-window>img{clip-path:inset(20.66667% 0 22.66667%)}
.quiz-panel{border-radius:60px;padding:38px 40px 34px}
.quiz-warmup{display:flex;align-items:center;gap:12px}
.warmup-heart{width:25px;height:auto;image-rendering:pixelated;animation:heart-float 2.8s ease-in-out infinite}
@keyframes heart-float{0%,100%{transform:translateY(2px) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}
.quiz-progress-track{height:4px;border-radius:10px;overflow:hidden;background:#dce3da}
.quiz-progress-track span{background:var(--green)}
.quiz-options button{border-radius:18px}
.quiz-options button:not(:disabled):hover{background:#79d78225;border-color:#398244}
.quiz-options button.answer-correct{background:#79d78242;border-color:#398244}
.quiz-options button.answer-correct span{background:var(--green);border-color:var(--green);color:#101510}
.quiz-options button span{border-radius:7px}
.quiz-hint{color:#555}.quiz-next:hover{background:#24582c}
.team-invite{grid-template-columns:1fr 1.3fr}
.team-invite h2{font-size:42px}
.creator-party{height:230px;gap:14px;width:100%;margin:0;align-items:flex-end;justify-content:center}
.creator-party img{height:185px;width:auto;max-width:25%;object-fit:contain;object-position:bottom;image-rendering:pixelated;transform-origin:50% 95%;animation:creator-bob 3.1s ease-in-out infinite}
.creator-party img:nth-child(2){animation-delay:-1.2s}.creator-party img:nth-child(3){animation-delay:-.55s}.creator-party img:nth-child(4){animation-delay:-1.9s}
@keyframes creator-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(3deg)}}
.music-player{position:fixed;bottom:20px;right:22px;z-index:60;color:var(--paper);font-size:16px;line-height:1.4}
.music-controls{display:flex;align-items:center;background:#121212f5;border:1px solid #ffffff38;box-shadow:0 4px 22px #0005;border-radius:999px;padding:5px;gap:3px}
.music-toggle,.music-menu-toggle{background:none;border:0;color:inherit;cursor:pointer;min-height:40px;font:inherit;display:flex;align-items:center;justify-content:center}
.music-toggle{width:43px;border-radius:50%;background:#79d782;color:#101510;font-size:18px}
.music-menu-toggle{padding:0 13px 0 7px;gap:10px;border-radius:30px}
.music-bars{height:17px;display:flex;align-items:center;gap:3px}
.music-bars i{height:4px;width:3px;background:var(--green);border-radius:2px}
.music-player.is-playing .music-bars i{animation:music-meter .8s ease-in-out infinite alternate}
.music-bars i:nth-child(2){animation-delay:-.3s!important}.music-bars i:nth-child(3){animation-delay:-.6s!important}
@keyframes music-meter{to{height:17px}}
.music-menu{position:absolute;bottom:62px;right:0;width:240px;background:#171717;border:1px solid #ffffff35;border-radius:24px;padding:12px;box-shadow:0 8px 32px #0008}
.music-menu[hidden]{display:none}
.music-menu p{font-size:14px;color:#aaa;margin:7px 10px 9px}
.music-menu button{width:100%;text-align:left;display:flex;gap:12px;align-items:center;background:none;color:var(--paper);border:0;border-radius:12px;padding:12px 10px;cursor:pointer;font-size:18px;line-height:1.4}
.music-menu button[aria-pressed='true']{color:var(--green);background:#79d78212}
.music-menu button:hover{background:#ffffff0d}.music-menu small{font-size:14px;color:#999}
footer{padding-bottom:100px}
html[lang='en'] .hero h1{font-size:60px;line-height:1.3}
html[lang='en'] .hero-intro{max-width:54%}
html[lang='en'] .chapter-heading h2{font-size:42px}
html[lang='en'] .statement-copy details{display:none}
html[lang='en'] .quiz-intro h2{font-size:42px}
html[lang='en'] .credits-header{letter-spacing:0}
@media(max-width:1050px){
 .team-invite{grid-template-columns:1fr}.creator-party{height:205px;justify-content:flex-end;gap:20px}.creator-party img{height:170px}
 html[lang='en'] .hero h1{font-size:48px}
}
@media(max-width:760px){
 .site-header{height:auto;min-height:96px;padding:10px 6%;gap:12px;flex-wrap:wrap}.brand-tools{gap:10px}.site-header .brand{width:67px}.language-toggle{font-size:14px;min-width:36px;padding:5px 2px}.language-toggle img{width:23px}
 .site-header nav{gap:13px;font-size:16px}.site-header .steam-nav span{display:none}
 .quiz-panel{border-radius:40px;padding:28px 24px}.quiz-topline{font-size:18px}.quiz-warmup{gap:9px}.warmup-heart{width:23px}.quiz-options button{border-radius:16px}.quiz-panel h3{font-size:24px}.quiz-actions{flex-wrap:wrap}.quiz-hint{max-width:100%;flex:1;min-width:130px}
 .team-invite{padding:38px 7% 25px}.team-invite h2{font-size:30px;line-height:1.6}.creator-party{height:175px;gap:10px;justify-content:center;margin-top:15px}.creator-party img{height:110px;max-width:24%}
 .music-player{bottom:14px;right:14px}.music-menu-toggle{padding-right:10px}.music-controls{padding:4px}.music-toggle{width:40px}.music-menu{bottom:58px}
 html[lang='en'] .hero-intro{max-width:100%}html[lang='en'] .hero h1{font-size:42px}
 html[lang='en'] .chapter-heading h2,html[lang='en'] .quiz-intro h2{font-size:36px;line-height:1.45}
 html[lang='en'] .team-opening h1{font-size:60px}.team-outro>p{font-size:22px}
}
@media(max-width:380px){.site-header nav{gap:10px;font-size:16px}.site-header .brand{width:55px}.brand-tools{gap:6px}.language-toggle{min-width:32px}.quiz-panel{padding:26px 20px}.quiz-warmup{gap:6px}.warmup-heart{width:20px}.quiz-panel h3{font-size:22px}.creator-party{gap:7px}}