/* The media receives the remaining height; actions stay at the bottom. */
body.light-mode #sheet.popup-dialog{width:min(100vw,520px);height:100vh!important;height:100dvh!important;max-height:100vh;max-height:100dvh;max-width:100vw;margin:auto;padding:0!important;border:0!important;border-radius:18px;background:#fff!important;overflow:hidden;box-sizing:border-box}
body.light-mode #sheet.popup-dialog[open]{display:flex;flex-direction:column}
body.light-mode #sheet.popup-dialog .dialog-head{flex-shrink:0;min-height:48px;padding:12px 17px;margin:0;gap:10px;border-bottom:1px solid #edf0eb;align-items:center;background:#fff}
body.light-mode #sheet.popup-dialog .dialog-head h2{font-size:17px;line-height:1.5;color:#243a30}
body.light-mode #sheet.popup-dialog .popup-content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:auto;overscroll-behavior:contain}
body.light-mode #sheet.popup-dialog .popup-media{display:flex;flex:1 0 160px;min-height:160px;align-items:center;justify-content:center;background:#fff;position:relative}
body.light-mode #sheet.popup-dialog .popup-content :is(.eng-image,video){display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border-radius:0;object-fit:contain}
body.light-mode #sheet.popup-dialog.popup-square .popup-media{flex:0 0 auto;min-height:0;display:block}
body.light-mode #sheet.popup-dialog.popup-square .popup-content .eng-image{position:static;height:auto;width:100%;max-height:none;object-fit:contain}
body.light-mode #sheet.popup-dialog .popup-copy{padding:15px 18px 16px;flex:0 0 auto}
body.light-mode #sheet.popup-dialog .popup-copy p{font-size:14px;line-height:1.85;white-space:pre-wrap;color:#2e4337;margin:0}
body.light-mode #sheet.popup-dialog .popup-footer{flex-shrink:0;padding:10px 16px max(14px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #edf0eb;min-height:76px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:6px}
body.light-mode #sheet.popup-dialog .popup-countdown{margin:0;color:#738272;font-size:13px;text-align:center;line-height:1.8}
body.light-mode #sheet.popup-dialog .popup-footer .btn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;height:auto;min-height:48px;max-height:none;padding:10px 14px;margin:0;background:#0a2463!important;color:#fff!important;font-size:16px;border-radius:12px!important;white-space:normal}
body.light-mode #sheet.popup-dialog .popup-footer .btn small{font-size:12px;font-weight:400;line-height:1.6}
body.light-mode #sheet.popup-dialog .popup-coin{width:23px;height:23px;flex-shrink:0}
body.light-mode #sheet.popup-dialog [hidden]{display:none!important}
.popup-preview-label{font-size:10px;color:#7a867c;text-align:center;margin:0}
@media(max-width:600px){body.light-mode #sheet.popup-dialog{border-radius:0;width:100vw;margin:0;inset:0}body.light-mode #sheet.popup-dialog .dialog-head{padding:10px 15px}body.light-mode #sheet.popup-dialog .dialog-head h2{font-size:16px}}
@media(max-height:600px){body.light-mode #sheet.popup-dialog .popup-copy{padding:10px 14px}body.light-mode #sheet.popup-dialog .popup-copy p{font-size:13px}body.light-mode #sheet.popup-dialog .dialog-head{padding:8px 14px}}
body.light-mode #sheet.popup-dialog .popup-footer .btn small{color:#fff!important;opacity:.9}