/* Tableau de bord du jeu : cinq bandes simples, aucune superposition. */
body:has(.game-screen){overflow:hidden;background:#eff6f1}
body:has(.game-screen) main{height:calc(100vh - 78px);padding:12px 24px;overflow:hidden}
body:has(.game-screen) footer{display:none}
.game-screen{height:100%;display:flex;flex-direction:column;gap:9px}
.game-screen .turn-card{flex:0 0 112px;display:flex;align-items:center;justify-content:center;gap:30px;margin:0;padding:14px 28px;border:0;border-right:8px solid #f2c333;border-radius:18px;background:#fff;box-shadow:0 3px 12px #16452a1c;text-align:right}.game-screen .turn-card h2{margin:0;font-size:clamp(23px,2.8vw,39px);line-height:1.25}.game-screen .turn-card p{margin:4px 0 0;font-size:clamp(14px,1.5vw,19px)}.game-screen .start-game{flex:none;padding:13px 25px!important;font-size:clamp(18px,2vw,26px)!important}
.game-screen .game-panel{flex:1 1 auto;min-height:145px;margin:0;padding:16px 35px;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:18px;background:#fff;box-shadow:0 3px 12px #16452a1c;overflow:hidden}.game-screen .game-panel h2{max-width:1100px;margin:0 auto 8px;font-size:clamp(27px,3.4vw,52px);line-height:1.25}.game-screen .game-panel>p{margin:0;font-size:clamp(17px,2vw,25px)}.question-head{width:min(100%,1050px);display:flex;align-items:center;justify-content:space-between;margin:0 auto 7px}.question-head .tag{font-size:clamp(13px,1.3vw,18px);padding:5px 15px}.question-points{padding:5px 14px;background:#e2f5e6;border-radius:20px;color:#07573b;font-size:clamp(13px,1.3vw,18px);font-weight:900}.question-text{width:min(100%,1050px);margin:0 auto 12px;padding:10px 22px;border-right:6px solid #f3c336;border-radius:10px;background:#f8fcf9;color:#103c29;font-size:clamp(24px,3vw,45px);font-weight:900;line-height:1.3;text-align:center}.game-screen .answers{width:min(100%,1050px);display:grid;margin:0 auto;gap:10px}.game-screen .answers button{min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 15px;background:#f2f8f4;color:#123d2a;border:2px solid #9bc9aa;box-shadow:none;font-size:clamp(16px,1.8vw,26px);text-align:right}.game-screen .answers button:hover{background:#ddf0e2;transform:none}.game-screen .answers button i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#16714c;color:#fff;font-style:normal;font-size:18px}.game-screen .answers button.correct{background:#d9f5df;border-color:#278b4b;color:#075b2d}.game-screen .answers button.wrong{background:#ffe2e0;border-color:#d6534e;color:#922a27}.game-screen .answers button.correct i{background:#188a43}.game-screen .answers button.wrong i{background:#c9403a}.game-screen .answers.two-answers{grid-template-columns:1fr 1fr}.answer-result{width:min(100%,1050px);display:flex;justify-content:center;gap:14px;align-items:center;margin:9px auto 0;padding:8px 15px;border-radius:10px;font-size:clamp(16px,1.8vw,24px)}.answer-result.success{background:#d8f5df}.answer-result.error{background:#ffe1df}.game-screen .next{align-self:center;margin:8px;font-size:19px}
.category-bar{flex:0 0 auto;min-height:76px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border-radius:18px;background:#e3f4e7;border:1px solid #b7dbbe}.category-bar>p{margin:0;font-size:clamp(15px,1.5vw,21px);font-weight:900;white-space:nowrap}.category-buttons{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.category-choice{padding:6px 12px!important;border:2px solid #7eb58b!important;border-radius:9px!important;background:#fff!important;color:#135334!important;box-shadow:none!important;font-size:clamp(12px,1.1vw,16px)!important}.category-choice:hover{transform:none!important;background:#d2efd9!important}.category-choice.selected{background:#f7c837!important;border-color:#d19a08!important;color:#4a3400!important;box-shadow:inset 0 -2px #d19a08!important;transform:none!important}.category-bar>#go-question{padding:10px 17px;box-shadow:none;font-size:clamp(14px,1.4vw,19px);white-space:nowrap}
.game-screen .menu{flex:0 0 78px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0}.game-screen .menu button,.game-screen .menu a{min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;box-shadow:none;font-size:clamp(25px,2.5vw,38px)}.game-screen .menu span{margin:0;font-size:clamp(12px,1.3vw,17px);font-weight:900}.game-screen .manual{flex:0 0 38px;display:flex;justify-content:center;gap:9px;margin:0}.game-screen .manual button{padding:6px 12px;border-radius:8px;box-shadow:none;font-size:14px}
.ranking-screen{min-height:calc(100vh - 160px);max-width:1100px;margin:auto}.ranking-title{display:flex;justify-content:center;align-items:center;gap:25px;text-align:right;margin:15px 0 28px}.ranking-title>span{font-size:clamp(70px,11vw,150px)}.ranking-title p{font-size:20px;margin:0;color:var(--forest)}.ranking-title h1{margin:0;font-size:clamp(42px,6vw,84px);line-height:1.15;color:var(--forest-dark)}.projector-ranking{max-width:1000px;margin:auto}.projector-ranking .rank{font-size:clamp(22px,3vw,40px);padding:20px 30px;margin:13px 0}.projector-ranking .winner{font-size:clamp(28px,3.6vw,52px)}
@media(max-width:800px){body:has(.game-screen){overflow:auto}body:has(.game-screen) main{height:auto;overflow:visible}.game-screen{height:auto}.game-screen .turn-card{flex-direction:column;gap:10px;text-align:center}.category-bar{flex-wrap:wrap}.game-screen .menu{grid-template-columns:repeat(3,1fr);height:auto;flex-basis:auto}.game-screen .menu button,.game-screen .menu a{min-height:72px}.game-screen .manual{margin-bottom:10px}}
@media(max-width:500px){.game-screen .menu{grid-template-columns:repeat(2,1fr)}.category-bar>p{width:100%;text-align:center}}