#siege-phone{--note-size: 12px;--note-name-size: 26px;--note-title-size: 14px;--note-fine-size: 10px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box;padding:22px 20px 18px;background:#141922;color:#e6d6b0;border:1px solid #d6a94a;border-radius:4px;box-shadow:0 6px 24px #00000080;font:var(--note-size) / 1.7 var(--note-body);text-align:center;animation:siege-phone-in .4s ease-out}#siege-phone.chronicle{--note-size: 15px;--note-name-size: 40px;--note-title-size: 18px;--note-fine-size: 13px}@keyframes siege-phone-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){#siege-phone{animation:none}}#siege-phone .name{margin:0 0 12px;font:var(--note-name-size) / 1.1 var(--note-display);color:#ead5ac}#siege-phone h1{margin:0 0 8px;font:bold var(--note-title-size) var(--note-body);color:#ead5ac;letter-spacing:1px}#siege-phone p{margin:0 0 16px}#siege-phone button{display:block;width:100%;margin:0 0 8px;padding:11px 8px;cursor:pointer;border-radius:3px;font:var(--note-size) var(--note-body);border:1px solid #6b5a3d;background:#1d2430;color:#c9d3de}#siege-phone button.send{background:#2f5d3a;border-color:#7bd88f;color:#eaf7ec}#siege-phone button:focus-visible{outline:2px solid #d6a94a;outline-offset:2px}#siege-phone .soon{margin:10px 0 0;color:#c9b58a;font-style:italic}#siege-phone .fine{margin:4px 0 0;color:#8a93a2;font-size:var(--note-fine-size)}