dialog{width:min(500px,calc(100% - 32px));padding:0;border:3px solid #251c18;border-radius:20px;background:#fffdf7;color:#251c18;box-shadow:9px 9px 0 #dd2e18}
dialog::backdrop{background:rgba(37,28,24,.62);backdrop-filter:blur(2px)}
.help-panel{position:relative;padding:28px}
.help-panel h2{margin:0 0 12px;color:#dd2e18;font:700 2rem Georgia,serif}
.help-panel p{font-size:1rem;line-height:1.5}
.help-panel ul{margin:18px 0 24px;padding-left:22px}
.help-panel li{margin:10px 0;line-height:1.4}
.close-help{position:absolute;right:14px;top:12px;width:38px;height:38px;border:2px solid #251c18;border-radius:50%;background:#ffab00;color:#251c18;font-size:1.5rem;font-weight:800;line-height:1}
.understood{width:100%;min-height:48px;border:2px solid #251c18;border-radius:11px;background:#006b5e;color:#fff;font-weight:800;box-shadow:4px 4px 0 #251c18}