/* Navigation and section cards follow RoboCities' helpScreen/help.css. */
body:has(#help[open]){overflow:hidden}
#help{width:min(880px,96vw);height:min(1000px,96dvh);max-height:96dvh;padding:0;border:1px solid #505050;border-radius:12px;background:#0c0c0c;overflow:hidden;color:#fff}
#help[open]{display:flex;flex-direction:column}
#help .help-back-btn{flex:none;margin:0;width:100%;min-height:48px;border-bottom:1px solid #444;padding:10px 18px;background:#161218;color:#fff;font-size:16px;text-align:left}
#helpPanel{flex:1;min-height:0;padding:22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:smooth}
#help .help-head{margin-bottom:18px}#help h2{font-size:24px;margin:0 0 8px}#help h3{font-size:18px;margin:0}#help h4{font-size:16px;margin:0 0 6px;color:#e5c6fa}
#help p{margin:0;color:#d3d0d6;line-height:1.55;font-size:15px}#help .help-subtitle{margin-bottom:8px}#help #helpConfigSource{font-size:13px;color:#b7a5c6}
#help .help-search{margin:18px 0}#help .help-search label{font-size:14px;color:#ddd}#help .help-search-row{display:flex;gap:8px;margin:6px 0}
#help #helpSearch{min-width:0;margin:0;flex:1;border:1px solid #777;border-radius:7px;background:#171419;font-size:16px}
#help #clearHelpSearch{font-size:14px;border:1px solid #666;border-radius:7px;padding:8px 12px;flex:none}#help #helpSearchStatus{font-size:13px;color:#b9b2bf}
#help .help-index{margin-bottom:18px}#helpIndexTitle{margin-bottom:10px!important}#helpToc{display:grid;gap:8px;grid-template-columns:1fr}
#help .help-toc-btn{display:grid;gap:4px;width:100%;text-align:left;border:1px solid #454047;border-radius:10px;padding:12px 14px;background:#1b181e;min-height:60px;font-size:16px}
#help .help-toc-btn:hover{background:#2a2230;border-color:#a474c5}#help .help-toc-btn[aria-current=true]{background:#34253e;border-color:#b58acb}
#help .help-toc-label{display:flex;align-items:center;gap:10px}#help .help-toc-title{font-weight:700}#help .help-toc-note{display:block;color:#c2bac9;font-size:13px;line-height:1.35;padding-left:34px}
#helpContent{display:grid;gap:14px}#help .help-section{display:grid;gap:14px;padding:18px;border:1px solid #454047;border-radius:12px;background:#18151b;scroll-margin-top:16px;min-width:0}
#help .help-section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}#help .help-section-heading{display:flex;gap:12px;align-items:flex-start;min-width:0;flex:1 1 280px}
#help .help-section-heading>.material-icon{font-size:27px;margin-top:3px}#help .help-section-note{font-size:13px;margin-top:4px;color:#bfb5c7}
#help .help-back-top{border:1px solid #62546c;border-radius:7px;background:#251e2b;padding:8px 12px;min-height:44px;font-size:14px}
#help .help-note{padding:12px 14px;border-left:3px solid #b58acb;border-radius:6px;background:#2a2230;color:#eee4f5}
#help .help-list{display:grid;gap:10px;margin:0;padding-left:24px;color:#ddd;font-size:15px;line-height:1.55}#help .help-rule{scroll-margin-top:16px}
#help .help-details{margin:0;padding:0;border:1px solid #514b55;border-radius:9px;background:#100e13;scroll-margin-top:16px;min-width:0}
#help .help-details>summary{display:list-item;min-height:46px;padding:12px 14px;color:#eee;font-size:16px;font-weight:700;overflow-wrap:anywhere}
#help .help-details-body{display:grid;gap:12px;padding:0 14px 14px}#help .help-links{display:flex;flex-wrap:wrap;gap:8px}#help .help-link{font-size:14px;padding:9px 12px;border:1px solid #645170;border-radius:7px;background:#241a2b;color:#eedcf9;min-height:44px}
#help .help-table-wrap{overflow-x:auto;border:1px solid #514b55;border-radius:9px;min-width:0}#help .help-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;color:#ddd}
#help caption{text-align:left;padding:11px 12px;font-weight:700;color:#eee}#help th,#help td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #3e3843;overflow-wrap:anywhere}
#help th{background:#29232e}#help tbody tr:last-child td{border-bottom:0}#help .help-table td:first-child{min-width:125px}#help .help-table td:not(:first-child){min-width:85px}
#help .help-visual{display:flex;flex-wrap:wrap;gap:18px;align-items:center}#help .help-cell-example{display:flex;align-items:center;gap:18px;flex:1 1 300px;margin:0}
#help .help-cell-hex{width:116px;height:132px;flex:none;background:#1f23ff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);padding:4px}
#help .help-cell-face{position:relative;width:100%;height:100%;background:#5f6368;clip-path:inherit;display:grid;place-items:center}#help .help-cell-face>.material-icon{font-size:32px}
#help .help-cell-robots{position:absolute;top:9px;left:48px;color:#1f23ff;font-size:20px}#help .help-cell-level{position:absolute;right:17px;top:55px;color:#fff}#help .help-cell-stock{position:absolute;left:20px;bottom:22px;font-size:13px;color:#e2a351}
#help figcaption{color:#c8c0ce;font-size:14px;line-height:1.5;max-width:280px}#help .help-biome-legend{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:12px;list-style:none;padding:0;margin:0;flex:1 1 260px}
#help .help-biome-legend li{display:flex;align-items:center;gap:8px;font-size:14px}#help .help-biome-symbol{display:grid;place-items:center;background:#5f6368;width:35px;height:38px;border-radius:7px}
#help :is(button,input,summary,[tabindex]):focus-visible{outline:2px solid #dbb6f3;outline-offset:3px}#helpEmpty{padding:20px 0;font-size:16px!important}
#toolsDialog #cellHelp{font-size:14px;border:1px solid #5c476d;border-radius:5px;padding:8px 12px;min-height:44px;margin:4px 0 12px;background:#1b1222}
@media(max-width:600px){#help{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}#helpPanel{padding:16px 12px calc(18px + env(safe-area-inset-bottom));scrollbar-gutter:auto}#help .help-back-btn{padding-top:calc(10px + env(safe-area-inset-top))}#help h2{font-size:22px}#help .help-section{padding:13px}#help .help-section-heading{flex-basis:220px}#help .help-back-top{width:100%}#help .help-toc-note{font-size:12px}#help .help-cell-example{gap:12px}#help .help-biome-legend{grid-template-columns:repeat(3,minmax(70px,1fr))}#help th,#help td{padding:8px}#help #clearHelpSearch{padding:8px}}
@media(prefers-reduced-motion:reduce){#helpPanel{scroll-behavior:auto}}