#guideModal{width:min(860px,calc(100% - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;padding:clamp(20px,4vw,40px)}
#guideModal::backdrop{background:#02090cdb}#guideModal h2{font-size:clamp(24px,4vw,36px);line-height:1.3}
.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.guide-steps article,.guide-choice,.guide-progress>div{background:#102126;border:1px solid #30494a;padding:18px}.guide-steps article>span{color:#c7f36b;font-size:12px;letter-spacing:.1em}.guide-steps h3{font-size:18px;margin:12px 0}.guide-steps p,.guide-note,.guide-choice p{font-size:14px;line-height:1.7}.guide-note{color:#91a8ad}#beginnerHelp{margin-top:20px}.guide-choice{margin:18px 0;border-left:3px solid #c7f36b}.guide-choice button{padding:8px 16px}.guide-progress{margin:20px 0}.guide-progress>div{margin:8px 0}.guide-progress label{display:block;margin-top:10px;font-size:13px;color:#aac1c7}.guide-progress progress{display:block;width:100%;height:6px;margin-top:6px}.guide-progress b{font-size:15px}
@media(max-width:650px){.guide-steps{grid-template-columns:1fr;gap:10px}.guide-steps article{padding:14px}.guide-steps p{margin:8px 0}#guideModal .modal-actions{display:flex;flex-wrap:wrap}#guideModal .modal-actions button{flex:1;min-width:130px}}
