.guide-modal .guide-card{display:flex;flex-direction:column;height:min(710px,calc(100vh - 32px))}
.guide-card .guide-body{min-height:0;flex:1;overflow:hidden}
.guide-visual{min-width:0;min-height:0;overflow-y:auto;scrollbar-color:#53716a #102025}
.guide-range-panel{border:1px solid #304348;background:#101c20;margin-top:10px;padding:8px}
.guide-range-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.guide-range-switch button{min-height:34px;background:#17262a;border:1px solid #40565c;color:#aebfb8;cursor:pointer;font:700 11px Rajdhani;letter-spacing:.08em}
.guide-range-switch button[aria-pressed="true"]{border-color:#d1f35a;color:#e7ffc0;background:#2b3c27}
.guide-range-switch button:focus-visible{outline:2px solid #f4ffcd;outline-offset:2px}
.guide-range-map{height:148px;display:grid;place-items:center;margin:4px 0 0}
.guide-range-svg{width:auto;height:100%;max-width:100%;overflow:hidden}
.guide-range-cell{stroke:#40565c;stroke-width:1;fill:#152328}
.guide-range-cell.primary{fill:#5c994c;stroke:#a0d770}
.guide-range-cell.bonus{fill:#456e62;stroke:#7eb6a9}
.guide-range-cell.attack{fill:#a74c3c;stroke:#ef967f}
.guide-range-cell.origin{fill:#e0e9cf;stroke:#f4ffcd}
.guide-range-center{fill:#23322b}
.guide-range-summary{display:block;color:#dceabb;font:700 12px Rajdhani;line-height:1.3}
.guide-range-note{color:#8ea6a0;font:500 11px Rajdhani;line-height:1.35;margin:4px 0 0}
.guide-voice{border-left:2px solid #b6c86c;background:#1c2a28;padding:9px 11px;margin:0 0 15px}
.guide-voice span{display:block;color:#bdce86;font:700 10px system-ui,sans-serif;letter-spacing:.1em}
.guide-voice p{color:#d3ddd0;font:400 12px system-ui,sans-serif;line-height:1.4;margin:4px 0 0}
.guide-details-jump{display:none}
.guide-schematic-label{display:none}
.guide-information{min-width:0;min-height:0;overflow-y:auto;padding-right:8px;scrollbar-color:#53716a #102025}
.guide-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:10px;border-top:1px solid #304348}
.guide-meta span,.guide-action-section>span{display:block;color:#78928e;font:700 10px Rajdhani;letter-spacing:.13em}
.guide-meta b{display:block;color:#dfe8e1;font:700 11px Rajdhani;margin-top:4px;line-height:1.35}
.guide-action-section{margin-top:12px}
.guide-action-section ul{margin:5px 0 8px;padding-left:17px;color:#b7c7c0;font-size:12px;line-height:1.4}
.guide-action-section li{margin:4px 0}
.guide-nav #guide-find{border-color:#78994c;color:#d1f35a}
.guide-nav #guide-find:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:560px){.guide-details-jump{display:block;flex:none;align-self:flex-start;margin-top:8px;padding:6px 9px;border:1px solid #6b865c;background:#213126;color:#d1f35a;font:700 11px Rajdhani;letter-spacing:.08em;cursor:pointer}.guide-details-jump:focus-visible{outline:2px solid #f4ffcd;outline-offset:2px}.guide-schematic-label{display:block;flex:none;margin-top:4px;color:#a9c4ad;font:700 9px Rajdhani;letter-spacing:.05em}.guide-card .guide-body{overflow:auto;grid-template-rows:max-content max-content;align-content:start}.guide-visual{overflow:visible}.guide-visual .guide-symbol.art-active{height:175px;aspect-ratio:auto}.guide-information{overflow:visible}.guide-meta{grid-template-columns:1fr}.guide-range-panel{max-width:280px}.guide-range-map{height:160px}}