.index-guide{min-height:44px;width:100%;border:1px solid #a69261;border-radius:8px;background:#132b32;color:#f2e6bf;font-size:12px;line-height:1.25;padding:4px 8px}.index-modal section{background:#182e39;border-radius:10px;padding:10px;margin:10px 0}.index-modal h3{margin:0}.index-modal strong{color:#e8d08b}@media(max-height:700px){.index-guide{min-height:44px;font-size:11px}}.overlay:has(>.index-modal){padding:max(12px,env(safe-area-inset-top))!important;display:flex!important;align-items:center!important;justify-content:center!important}.overlay>.index-modal{width:min(800px,94vw)!important;max-width:94vw!important;max-height:85dvh!important;height:auto!important;margin:0!important;overflow:auto!important;padding:20px!important}.index-modal .close-modal{position:sticky;top:0;z-index:2;min-height:44px}.index-modal p{font-size:15px;line-height:1.55}@media(max-width:600px){.overlay>.index-modal{padding:14px!important;width:94vw!important;max-height:88dvh!important}.index-modal p{font-size:14px}}
.overlay:has(>.index-modal){position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;box-sizing:border-box!important;z-index:1000!important}.overlay>.index-modal{position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box!important}