.modal.restart-modal{width:min(560px,calc(100vw - 32px));max-width:560px;height:auto;max-height:calc(100dvh - 32px);padding:28px;border:1px solid #526479;border-radius:10px;background:#0c121bf5;color:#f4f6fa;overflow:auto}.restart-confirm{width:100%;text-align:left}.restart-confirm h2{font-family:'Noto Sans JP',sans-serif;font-size:21px;line-height:1.5;color:#fff;margin:0 0 14px}.restart-confirm p{color:#d3dce8;line-height:1.9;font-size:14px;margin:0 0 24px}.confirm-actions{display:flex;justify-content:flex-end;align-items:stretch;gap:12px;flex-wrap:wrap}.confirm-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:6px;line-height:1.5;font-size:14px;text-align:center;white-space:normal;margin:0;flex:0 1 auto}.confirm-actions .confirm-primary{background:#285db2;color:#fff;border:1px solid #79a5ed;font-weight:600}.confirm-actions .confirm-secondary{background:#1b2d46;color:#edf3fc;border:1px solid #738aa9;min-width:100px}.confirm-actions .confirm-primary:hover{background:#3472d0}.confirm-actions .confirm-secondary:hover{background:#2b4567}.reading-overlay.route-restart{display:flex;align-items:center;justify-content:center;padding:16px}.route-restart>.restart-confirm{background:#0c121bf5;border:1px solid #526479;border-radius:10px;padding:28px;width:min(560px,100%);max-height:100%;overflow:auto}.route-restart .route-menu-close{position:static;z-index:auto}.novel-controls button{white-space:nowrap;flex-shrink:0;min-height:32px;line-height:1.4}.novel-controls button:disabled{cursor:default;opacity:.42}.novel-controls button:focus-visible,.modal button:focus-visible,.reading-overlay button:focus-visible{outline:2px solid #a8ceff;outline-offset:3px}.panel-content>button+button{margin-left:12px}.panel-content>button.primary{display:inline-flex;align-items:center;justify-content:center}.settings-card>button{min-height:44px;line-height:1.5;border-radius:6px}.veil:has(.restart-modal){z-index:100}.route-choice-controls button{min-height:36px}.novel-controls{flex-wrap:wrap}
@media(max-height:500px){.modal.restart-modal,.route-restart>.restart-confirm{padding:20px 24px}.restart-confirm h2{font-size:18px}.restart-confirm p{font-size:13px;margin-bottom:16px}.novel-controls button{min-height:30px;padding:5px 8px}.confirm-actions button{min-height:42px;padding:9px 18px}}
@media(max-width:420px){.confirm-actions button{flex:1 1 100%}.confirm-actions .confirm-primary{order:-1}.modal.restart-modal{padding:20px}}
body:has(.veil,.reading-overlay,.scene-card) #new-mail-notice,body:has(.veil,.reading-overlay,.scene-card) #game-updates{visibility:hidden;pointer-events:none}