#resume-dialog{box-sizing:border-box;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:34px 30px 38px;border:1px solid #a2262b;border-radius:13px;background:#0a111f;color:#f7f4eb;text-align:center;box-shadow:0 18px 70px #0008}
#resume-dialog::backdrop{background:rgba(3,6,18,.89)}
.resume-alert{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 28px;border:5px solid #ef2929;border-radius:50%;color:#ef2929;font:bold 32px Arial}
#resume-title{font:700 32px/1.25 Georgia,serif;margin:0 0 20px}
#resume-description{font:18px/1.6 Arial,sans-serif;color:#a8afbd;margin:0 0 22px}
.resume-lock{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #71602d;border-radius:9px;padding:12px 9px;color:#e6c869;background:#060d18;font:700 14px/1.3 Arial,sans-serif}
.resume-lock svg{flex-shrink:0}
#resume-continue{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:76px;margin-top:28px;padding:18px 10px;border:2px solid #247a30;border-radius:13px;background:#2ba237;color:white;font:700 18px/1.3 Arial,sans-serif;box-shadow:0 12px 28px #2ca23a35;cursor:pointer}
#resume-continue:hover{background:#30b03d}#resume-continue:focus-visible{outline:3px solid #f1d478;outline-offset:4px}#resume-continue:disabled{opacity:.8;cursor:wait}
#resume-status{font:14px/1.4 Arial,sans-serif;color:#e6c869;margin:16px 0 0}
body.resume-open .video-frame{visibility:hidden}
@media(max-width:420px){#resume-dialog{padding:26px 20px 30px}#resume-title{font-size:27px}#resume-description{font-size:16px}.resume-lock{font-size:11px;gap:7px}#resume-continue{font-size:16px;min-height:64px}.resume-alert{margin-bottom:22px}}
.audio-start-hint{color:#e2cc88;font:14px/1.5 Arial,sans-serif;margin:12px 0}

#resume-continue .resume-play-icon{flex:none;width:26px;height:30px;display:block;filter:none;background:none}