.game-guide{
 width:calc(100% - 40px);max-width:1100px;margin:28px auto 24px;padding:24px 0 8px;
 border-top:1px solid #555b38;color:#cdd0bc;text-align:center;
}
.game-guide h1{
 margin:0 0 16px;padding:0;border:0;color:#f0efdb;text-align:center;
 font-size:clamp(22px,2.5vw,28px);font-weight:600;line-height:1.35;
}
.game-guide h2{margin:24px 0 8px;color:#e7dfab;font-size:18px;line-height:1.4;font-weight:600}
.game-guide p{max-width:85ch;margin:0 auto 14px;color:#cdd0bc;font-size:14px;line-height:1.8}
.game-guide a{color:#f1d565;text-decoration:underline;text-underline-offset:3px}
.game-guide a:focus-visible{outline:2px solid #f1d565;outline-offset:4px}
/* Fullscreen panels can overlay normal page content: keep the guide out of that view. */
html:fullscreen .game-guide,
html.expanded-game .game-guide,
body:has(#arena:not([hidden])) .game-guide,
/* Hiding the fullscreen arena ends native fullscreen before the result closes. */
body:has(#matchSummary) .game-guide,
html[data-native-app] .game-guide{display:none}
@media(max-width:650px){
 .game-guide{width:calc(100% - 32px);margin-top:22px;padding-top:20px}
 .game-guide h2{font-size:17px}
}

/* Keep help one tap away from the mode picker, including without JavaScript. */
.game-help-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 20px;margin:0 0 12px;font-size:13px;line-height:1.6}
.game-help-nav a{color:#f1d565;text-underline-offset:3px;padding:5px 0}
.game-help-nav a:focus-visible{outline:2px solid #f1d565;outline-offset:3px}
html[data-native-app] .game-help-nav{display:none}
@media(pointer:coarse) and (orientation:landscape){.game-help-nav{margin:0 0 4px;font-size:11px;gap:2px 16px}}

/* Cabezones runtime recovery epoch 1 */