/* Player guide: scoped content; preserve the existing menu navigation. */
html body #menuPanelTabs{grid-template-columns:repeat(8,minmax(0,1fr))!important}
html body .pesHubShell.guideMode .pesMain{grid-template-columns:minmax(0,1fr)!important;overflow-y:auto!important;min-height:0!important;-webkit-overflow-scrolling:touch;touch-action:pan-y}
html body .guideMode .pesSide,html body .guideMode .pesBottomStrip{display:none!important}
html body .guideMode .pesHeroWrap{min-width:0!important;overflow:visible!important}
html body .guideMode #menuPanelBody{height:auto!important;max-height:none!important;overflow:visible!important;padding:16px!important}
.mgGuideHero{padding:18px 20px;border-left:4px solid #55d5ff;background:linear-gradient(110deg,#153958,#10152f);border-radius:4px 18px 4px 4px}
.mgGuideHero>span{font:800 10px Arial,sans-serif;letter-spacing:.16em;color:#7edfff}
.mgGuideHero h2{font:900 italic 28px/1.1 var(--game-font,Arial),sans-serif;color:#fff;margin:9px 0}
.mgGuideHero p,.mgGuideGrid p,.mgGuideFooter p{font:14px/1.55 Arial,sans-serif;color:#ccdaee;margin:6px 0 0}
.mgGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.mgGuideGrid article{position:relative;padding:18px;border:1px solid #37567c;border-radius:14px 4px;background:linear-gradient(140deg,#122941,#0b1428);min-width:0}
.mgGuideGrid i{display:block;color:#67d9ff;font:900 italic 22px/1 Arial,sans-serif;margin-bottom:10px}
.mgGuideGrid h3{color:#fff;font:900 italic 17px/1.2 var(--game-font,Arial),sans-serif;margin:0 0 8px}
.mgGuideGrid ul{margin:10px 0 0;padding-left:20px;color:#d4d1ff;font:13px/1.8 Arial,sans-serif}
.mgGuideFooter{padding:18px;border:1px solid #6565bc;border-radius:4px 14px;background:#181d3b}
.mgGuideFooter b{font:900 italic 18px var(--game-font,Arial),sans-serif;color:#dcdcff}
.mgGuideFooter small{display:block;margin-top:12px;color:#b3bfd3;font:12px/1.5 Arial,sans-serif}
@media(max-width:1000px){html body #menuPanelTabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}html body #menuPanelTabs .pesTab{font-size:10px!important;padding:9px 5px!important}}
@media(max-width:540px){.mgGuideGrid{grid-template-columns:minmax(0,1fr)}.mgGuideHero h2{font-size:24px}html body .guideMode #menuPanelBody{padding:10px!important}}
@media(max-height:500px){.mgGuideHero{padding:12px 16px}.mgGuideHero h2{font-size:23px}.mgGuideGrid article{padding:14px}}