/* Annoying Live Operations events. Scoped entirely to the fictional Yume phone. */
.phone-companion .annoying-phone-overlay,
.phone-companion .annoying-phone-overlay *{box-sizing:border-box}
.phone-companion .annoying-phone-overlay{position:absolute;z-index:95;inset:0;overflow:hidden;background:#f4f2ec;color:#1b1b1a;font-family:Arial,Helvetica,sans-serif}

.phone-companion .annoying-phone-toast{position:absolute;z-index:110;left:9px;right:9px;top:24px;transform:translateY(-12px);opacity:0;border:1px solid #c9c4b8;border-radius:11px;background:#fff;padding:9px 10px;box-shadow:0 6px 18px rgba(0,0,0,.18);font:900 8px/1.3 Arial;letter-spacing:.02em;transition:.2s ease}
.phone-companion .annoying-phone-toast.show{transform:translateY(0);opacity:1}
.phone-companion .annoying-phone-toast.danger{border-color:#cf8e88;background:#fff1ef;color:#8c3029}
.phone-companion .annoying-phone-toast.success{border-color:#8fc49a;background:#eefbf1;color:#225f31}

.phone-companion.yume-fake-low-battery .jamie-phone-screen{filter:brightness(.64) saturate(.82);transition:filter .4s ease}
.phone-companion .fake-battery-pill{display:flex;align-items:center;gap:3px;margin-left:auto;color:#8c3029;font:900 6px Arial}
.phone-companion .fake-battery-pill i{display:block;width:15px;height:7px;padding:1px;border:1px solid currentColor;border-radius:2px}
.phone-companion .fake-battery-pill i b{display:block;height:100%;min-width:1px;background:currentColor}
.phone-companion .fake-battery-pill.recovered{color:#347441}

.phone-companion .annoying-update-overlay{display:grid;place-items:center;padding:18px;background:#f5f2e9}
.phone-companion .annoying-update-card{width:100%;text-align:center}
.phone-companion .annoying-update-logo{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:17px;background:#ffdf43;border:1px solid #c9ad1f;color:#171717;font:900 24px Arial}
.phone-companion .annoying-update-card>small{display:block;color:#777166;font:900 6.5px Arial;letter-spacing:.12em}
.phone-companion .annoying-update-card h2{margin:8px 0 6px;font:900 14px/1.2 Arial}
.phone-companion .annoying-update-card>strong{display:block;margin:0 0 10px;font:900 28px/1 Arial}
.phone-companion .annoying-update-track{height:8px;border-radius:7px;background:#ddd8cd;overflow:hidden}
.phone-companion .annoying-update-track i{display:block;height:100%;border-radius:inherit;background:#d5b500;transition:width .5s ease}
.phone-companion .annoying-update-card p{margin:9px 0 0;color:#716b60;font:500 8px/1.4 Arial}
.phone-companion .annoying-update-card.cancelled .annoying-update-logo{background:#fff0ed;border-color:#ca8b83;color:#94372e}
.phone-companion .annoying-update-card.cancelled h2{font-size:17px}

.phone-companion .annoying-pocket-call{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 18px 25px;background:linear-gradient(180deg,#14181d,#090b0e 65%,#050607);color:#f5f6f7;text-align:center}
.phone-companion .annoying-call-top{position:absolute;top:0;left:0;right:0;height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#9fa7ad;font:900 6.5px Arial;letter-spacing:.12em}
.phone-companion .annoying-pocket-avatar{display:grid;place-items:center;width:88px;height:88px;margin-bottom:13px;border:2px solid #e8ecef;border-radius:50%;background:#ffdf43;color:#171717;box-shadow:0 0 0 6px rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.45);font:900 31px Arial}
.phone-companion .annoying-pocket-call>small{color:#919aa0;font:900 6.5px Arial;letter-spacing:.14em}
.phone-companion .annoying-pocket-call>h2{margin:5px 0 1px;color:#fff;font:800 24px/1 Arial}
.phone-companion .annoying-pocket-call>p{margin:5px 0;color:#aeb5ba;font:500 9px/1.35 Arial}
.phone-companion .annoying-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:35px;width:190px;margin-top:34px}
.phone-companion .annoying-call-actions button{border:0;background:transparent;color:#d7dde0;font:800 7px Arial;cursor:pointer}
.phone-companion .annoying-call-actions button span{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 7px;border-radius:50%;color:#fff;font:900 20px Arial;box-shadow:0 5px 15px rgba(0,0,0,.3)}
.phone-companion .annoying-call-actions .decline span{background:#b94747}.phone-companion .annoying-call-actions .answer span{background:#49a864}
.phone-companion .annoying-pocket-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;margin-top:24px}
.phone-companion .annoying-pocket-wave i{display:block;width:3px;height:7px;border-radius:4px;background:#6dc17e;animation:annoyPocketWave .8s ease-in-out infinite}.phone-companion .annoying-pocket-wave i:nth-child(2){animation-delay:.1s}.phone-companion .annoying-pocket-wave i:nth-child(3){animation-delay:.2s}.phone-companion .annoying-pocket-wave i:nth-child(4){animation-delay:.3s}.phone-companion .annoying-pocket-wave i:nth-child(5){animation-delay:.4s}
@keyframes annoyPocketWave{0%,100%{height:6px;opacity:.45}50%{height:24px;opacity:1}}
.phone-companion .annoying-call-ended{display:grid;place-items:center;width:55px;height:55px;margin-bottom:8px;border:1px solid #596269;border-radius:50%;color:#c5cbcf;font:300 28px Arial}
.phone-companion .annoying-pocket-call[data-state="ended"] b{font-size:16px}.phone-companion .annoying-pocket-call[data-state="ended"] span{margin-top:4px;color:#929ba2;font-size:8px}

.phone-companion .annoying-group-chat{display:flex;flex-direction:column;background:#f1efe9}
.phone-companion .annoying-group-chat header{flex:0 0 50px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #d6d1c6;background:#fff}
.phone-companion .annoying-group-chat header button{width:28px;height:30px;border:0;background:transparent;color:#333;font:400 24px Arial;cursor:pointer}
.phone-companion .annoying-group-chat header div{min-width:0}.phone-companion .annoying-group-chat header b,.phone-companion .annoying-group-chat header span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-companion .annoying-group-chat header b{font-size:11px}.phone-companion .annoying-group-chat header span{margin-top:2px;color:#777166;font-size:7px}
.phone-companion .annoying-group-messages{flex:1 1 auto;min-height:0;overflow:auto;padding:8px}
.phone-companion .annoying-group-message{max-width:84%;margin:0 0 7px}.phone-companion .annoying-group-message b{display:block;margin:0 0 2px 5px;color:#756815;font:900 6.5px Arial}.phone-companion .annoying-group-message p{margin:0;border:1px solid #d5d0c6;border-radius:12px 12px 12px 4px;background:#fff;padding:7px 8px;font:500 9px/1.35 Arial;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.phone-companion .annoying-group-message.system{max-width:100%;margin:9px 0;text-align:center}.phone-companion .annoying-group-message.system p{border:0;background:transparent;color:#8b857a;padding:2px 5px;font:800 6.5px/1.35 Arial;letter-spacing:.03em}
.phone-companion .annoying-group-compose{flex:0 0 45px;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:5px;align-items:center;padding:6px 7px;border-top:1px solid #d5d0c5;background:#fbfaf7}
.phone-companion .annoying-group-compose span{display:flex;align-items:center;min-width:0;height:31px;border:1px solid #ddd8ce;border-radius:10px;background:#eeeae2;padding:0 8px;color:#9a9489;font:500 7px Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-companion .annoying-group-compose button{height:31px;border:0;border-radius:9px;background:#e3dfd6;color:#aaa49a;font:900 7px Arial}

@media(prefers-reduced-motion:reduce){.phone-companion .annoying-pocket-wave i{animation:none;height:11px}.phone-companion .annoying-phone-toast{transition:none}}