#overlay[data-view=panel] #detail.mmo-guide{display:grid!important;grid-template-rows:auto auto minmax(0,1fr);gap:12px;overflow:hidden!important;min-height:0;max-height:100%;padding:16px;box-sizing:border-box;color:#f5eed5;background:#143a31}
#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
#overlay[data-view=panel] #detail.mmo-guide h2{margin:0;font-size:18px;line-height:1.4;color:#f0d181}
#overlay[data-view=panel] #detail.mmo-guide button,#overlay[data-view=panel] #detail.mmo-guide input,#overlay[data-view=panel] #detail.mmo-guide select{min-height:44px;max-width:100%;box-sizing:border-box;font:15px/1.4 Arial,sans-serif}
#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
#overlay[data-view=panel] #detail.mmo-guide input,#overlay[data-view=panel] #detail.mmo-guide select{width:100%;min-width:0;background:#0b251f;color:#fff9e5;border:1px solid #96a781;border-radius:6px;padding:8px}
#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-article{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 10px 20px 2px;font:16px/1.65 Arial,sans-serif;overflow-wrap:anywhere}
#overlay[data-view=panel] #detail.mmo-guide h3{font-size:20px;line-height:1.35;color:#f0d181;margin:0 0 16px}
#overlay[data-view=panel] #detail.mmo-guide p{margin:0 0 16px;max-width:75ch}
#overlay[data-view=panel] #detail.mmo-guide small{display:block;font-size:12px;color:#b9cdc0}
#overlay[data-view=panel] #detail.mmo-guide :focus-visible{outline:3px solid #f0d181;outline-offset:2px}
@media(max-width:480px){#overlay[data-view=panel] #detail.mmo-guide{padding:10px;gap:8px}#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-controls{grid-template-columns:1fr}#overlay[data-view=panel] #detail.mmo-guide h2{font-size:16px}#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-article{font-size:15px}}
@media(max-height:380px){#overlay[data-view=panel] #detail.mmo-guide{gap:5px;padding:8px}#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-controls{grid-template-columns:1fr 1fr}#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-header h2{font-size:15px}#overlay[data-view=panel] #detail.mmo-guide .mmo-guide-article{font-size:15px}}
/* The guide has its own back button; movement buttons must not cover its text.
   This selector stops matching as soon as the guide closes or another panel opens. */
main:has(#overlay[data-view=panel]:not([hidden]) #detail.mmo-guide) #touch-controls{visibility:hidden!important;pointer-events:none!important}