/* A non-modal, dismissible field alert. It never takes focus or shifts the game. */
.vaccine-alert,.vaccine-alert.lethal{position:fixed;right:22px;bottom:22px;z-index:35;display:block;width:370px;max-width:calc(100vw - 28px);min-height:0;padding:0;background:linear-gradient(125deg,#2b3023f7,#171e18fc 65%);border:1px solid #9c7650;border-top:3px solid #b3784f;box-shadow:0 15px 55px #0009,inset 0 0 40px #03080444;color:#cbbca0;animation:colony-notice-in .4s ease-out;isolation:isolate}.vaccine-alert[hidden]{display:none!important}.vaccine-alert:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;z-index:-1;background:url('assets/surfaces/bunker-mat.webp') center/350px}.vaccine-alert .vaccine-alert-close{position:absolute;right:7px;top:7px;width:32px;height:32px;padding:0;border:0;background:transparent;color:#c4b59a;font:25px/1 var(--body);cursor:pointer}.vaccine-alert button:hover{background:#4a402b;color:#f0d5a8;border-color:#d0aa70}.vaccine-alert button:focus-visible{outline:2px solid #e8c184;outline-offset:3px}.vaccine-alert-topline{display:flex;gap:7px;align-items:center;padding:16px 42px 0 18px;color:#cb9f75;font:600 8px/1.4 var(--ui);letter-spacing:1.2px}.vaccine-alert-topline i{width:5px;height:5px;background:#cf8056;box-shadow:0 0 7px #d88a5b77;animation:colony-signal 3s ease-in-out infinite}.vaccine-alert-body{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center;padding:10px 18px 15px}.colony-loss-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 55%,#94734530,transparent 70%);border:1px solid #6d684233}.colony-loss-art svg{display:block;width:84px;height:110px;margin:0 auto;image-rendering:pixelated}.colony-loss-art>span{font:500 6px/1 var(--ui);letter-spacing:1px;text-align:center;color:#8d9876;padding-bottom:8px}.loss-sprite-frame{opacity:0;animation:colony-sprite 1.6s steps(1,end) infinite}.loss-sprite-frame.frame-1{animation-delay:-1.2s}.loss-sprite-frame.frame-2{animation-delay:-.8s}.loss-sprite-frame.frame-3{animation-delay:-.4s}.loss-sprite-frames{transform-origin:45px 100px;animation:colony-stagger 3.2s ease-in-out infinite;filter:sepia(.3) saturate(.7)}.serum-sprite{animation:colony-serum 3.2s ease-in-out infinite}.loss-particles{animation:colony-dust 3.2s steps(6,end) infinite}.vaccine-alert .vaccine-alert-message h2{font:700 27px/.98 var(--display);color:#e0bd91;margin:4px 0 8px;text-shadow:1px 2px #0b130d}.vaccine-alert-message p{font:400 11px/1.55 var(--body);margin:0 0 12px;color:#b5b498}.vaccine-alert-loss{text-align:left;border-left:2px solid #b67d55;padding-left:10px;min-width:0}.vaccine-alert .vaccine-alert-loss strong{font:600 17px/1.3 var(--ui);color:#e4aa7c;white-space:normal}.vaccine-alert-loss small{display:block;font:400 11px/1.5 var(--body);color:#b9b696;margin-top:3px}.vaccine-alert-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 12px;border-top:1px solid #68614166;background:#0b140f44}.vaccine-alert-footer>span{font:400 10px/1.4 var(--body);color:#a6ad8c}.vaccine-alert .vaccine-alert-footer button{padding:8px 10px;border:1px solid #82734b;background:#343c26;color:#d9c594;font:600 10px/1.4 var(--ui);white-space:nowrap;cursor:pointer}
@keyframes colony-notice-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes colony-signal{50%{opacity:.4}}@keyframes colony-sprite{0%,24.99%{opacity:1}25%,100%{opacity:0}}@keyframes colony-stagger{0%,100%{transform:translateY(0) rotate(-2deg)}45%{transform:translateY(3px) rotate(3deg)}65%{transform:translateY(1px) rotate(0)}}@keyframes colony-serum{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes colony-dust{0%,100%{opacity:0;transform:translateY(3px)}40%,65%{opacity:.7;transform:translateY(-4px)}90%{opacity:0;transform:translateY(-10px)}}
@media(max-width:650px){.vaccine-alert,.vaccine-alert.lethal{right:12px;bottom:12px;width:350px;display:block;padding:0;min-height:0}.vaccine-alert-body{grid-template-columns:75px minmax(0,1fr);gap:12px;padding:8px 14px 12px}.colony-loss-art svg{width:72px;height:95px}.vaccine-alert .vaccine-alert-message h2{font-size:25px}.vaccine-alert-message p{font-size:11px}.vaccine-alert .vaccine-alert-loss strong{font-size:15px}.vaccine-alert .vaccine-alert-close{padding:0;font-size:25px}.vaccine-alert-topline{padding-top:12px}.vaccine-alert-footer{padding:9px 12px}.vaccine-alert-footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vaccine-alert,.vaccine-alert-topline i,.loss-sprite-frame,.loss-sprite-frames,.serum-sprite,.loss-particles{animation:none}.loss-sprite-frame.frame-0{opacity:1}.loss-particles{opacity:.4}}