.vaccine-alert{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 28px;background:#252d22;border-bottom:1px solid #777b4e}.vaccine-alert[hidden],.vaccine-view[hidden]{display:none}.vaccine-alert strong{display:block;color:#cfc693;font:26px var(--display)}.vaccine-alert p{margin:2px 0;color:#b8b69b;font-size:13px}.vaccine-alert button{padding:10px 18px;border:1px solid #8a8562;background:#30382a;white-space:nowrap}.vaccine-alert.lethal{background:#392223;border-color:#9b4b47}.vaccine-alert.lethal strong{color:#e3a58a}.vaccine-view{background:linear-gradient(120deg,#101912f5,#1e1b22f2),url('assets/surfaces/bunker-mat.webp') center/750px}.vaccine-heading{align-items:center}.vaccine-heading h1{font-size:clamp(40px,5vw,68px);line-height:1.05;margin:12px 0 20px}.vaccine-heading p{max-width:700px;font-size:16px;line-height:1.7;color:#bdb39b}.vaccine-currency{min-width:230px;padding:24px 28px;text-align:right;border-right:3px solid #aac16e;background:linear-gradient(90deg,transparent,#2a3528)}.vaccine-currency>span{display:block;color:#bac692;font-size:11px;letter-spacing:1.5px}.vaccine-currency strong{display:block;color:#c6db8d;font:70px/1.2 var(--display);text-shadow:2px 3px #07130b}.vaccine-currency small{color:#b8ae96;font-size:13px}.vaccine-console{display:grid;grid-template-columns:180px minmax(250px,1fr) 270px;gap:30px;align-items:center;position:relative;border:1px solid #615f48;background:linear-gradient(135deg,#242b22,#171c1b);padding:30px;margin:28px 0 18px;box-shadow:inset 0 0 70px #060b0750,0 10px 40px #02070444}.vaccine-organ{position:relative;display:grid;place-items:center;min-height:180px;background:radial-gradient(ellipse,#5c763a44,transparent 68%)}.vaccine-organ img{width:170px;height:170px;image-rendering:pixelated;filter:drop-shadow(0 0 14px #7c9b4344);animation:vaccine-breathe 4s ease-in-out infinite}.vaccine-research h2{font-size:30px;margin:7px 0 16px;color:#dac49c}.vaccine-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.vaccine-progress-label strong{font:34px var(--display);color:#c3cf99}.vaccine-progress-label span{color:#b4b492;font-size:12px}.vaccine-research-track{height:12px;border:1px solid #696d4c;background:#080f0c;margin:10px 0 15px;padding:2px}.vaccine-research-track i{display:block;height:100%;background:linear-gradient(90deg,#738b53,#cabd79);transition:width .35s}.vaccine-research p{font-size:13px;line-height:1.7;color:#a9ac93;max-width:650px;margin:0}.vaccine-readings{display:grid;gap:15px;border-left:1px solid #4b5340;padding-left:25px}.vaccine-readings span,.vaccine-colony>div>span{display:block;font-size:10px;letter-spacing:1.1px;color:#aaa98b}.vaccine-readings strong{display:block;font:28px var(--display);color:#cdbe95}.vaccine-readings>div:last-child strong{color:#db9c7f}.vaccine-colony{display:grid;grid-template-columns:1fr 220px 180px;gap:30px;border:1px solid #4d5a43;padding:24px 28px;background:#1b271d}.vaccine-colony h2{font-size:28px;margin:7px 0;color:#bbc996}.vaccine-colony p{max-width:700px;margin:0;color:#afa990;font-size:13px;line-height:1.7}.vaccine-colony>div>strong{display:block;font:32px var(--display);color:#c4c694}.vaccine-colony small{display:block;color:#a6a78e;font-size:12px;line-height:1.6}.vaccine-colony.lethal{background:#2b1e20;border-color:#8c4a44}.vaccine-colony.lethal h2,.vaccine-colony.lethal>div>strong{color:#df9c85}.vaccine-rule-strip{display:flex;flex-wrap:wrap;gap:10px 35px;padding:17px 4px;color:#bcb18f;border-bottom:1px solid #4d503e;font-size:13px}.vaccine-tree-section{margin-top:40px}.vaccine-tree-section .campaign-section-heading h2{font-size:38px;margin:0}.vaccine-tree-intro{max-width:1000px;color:#b6aa95;font-size:15px;line-height:1.8}.vaccine-tree{position:relative;max-width:1240px;margin:34px auto 0;padding:0 20px 15px}.vaccine-tree>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.vaccine-tree>svg path{fill:none;stroke:#454c3d;stroke-width:2;stroke-dasharray:4 4}.vaccine-tree>svg path.ready{stroke:#9cae69;stroke-dasharray:none;filter:drop-shadow(0 0 3px #9cae6933)}.vaccine-root{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.vaccine-root .vaccine-node{grid-column:2;min-height:185px}.vaccine-branch-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center;margin:40px 0 20px;position:relative;z-index:1;color:#a9b985;font-size:12px;letter-spacing:1px}.vaccine-branch-labels>div:nth-child(2){color:#bb9fce}.vaccine-branch-labels>div:nth-child(3){color:#d79a89}.vaccine-branch-labels small{display:block;font-size:12px;letter-spacing:0;color:#aaa68e;margin-top:3px}.vaccine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;align-items:stretch}.vaccine-node{--node-accent:#91a969;--node-line:#586348;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;min-height:260px;padding:20px 20px 16px;text-align:center;border:1px solid var(--node-line);border-top:3px solid var(--node-accent);background:linear-gradient(130deg,#222a20,#151b16);box-shadow:0 5px 18px #03060377,inset 0 0 30px #0002;transition:border-color .2s,transform .2s,box-shadow .2s;color:#c5ba9a}.vaccine-node[data-branch=tempo]{--node-accent:#b099bf;--node-line:#69546e;background:linear-gradient(130deg,#29222d,#19171e)}.vaccine-node[data-branch=assault]{--node-accent:#c18b77;--node-line:#79594a;background:linear-gradient(130deg,#2d2421,#1d1816)}.vaccine-node[data-branch=ultimate]{--node-accent:#d2b475;--node-line:#7e7150;background:linear-gradient(130deg,#302c20,#1b2119);min-height:290px}.vaccine-node[data-branch=root]{--node-accent:#c0ca7e;--node-line:#808357}.vaccine-node[data-branch=ultimate]:last-child{grid-column:3}.vaccine-node:not(.unlocked){border-top-color:#595746}.vaccine-node:not(.unlocked) img{filter:grayscale(.8) brightness(.65)}.vaccine-node:not(:disabled):hover{transform:translateY(-3px);border-color:var(--node-accent);box-shadow:0 6px 25px #0008,0 0 25px #a4c26a18}.vaccine-node:focus-visible{outline:2px solid #e0bf80;outline-offset:5px}.vaccine-node-art{display:grid;place-items:center;min-height:90px;margin:0 0 10px}.vaccine-node img{image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 2px 5px #0007)}.vaccine-node.complete img{filter:drop-shadow(0 0 9px #9ebf6d44)}.vaccine-node strong{display:block;color:#d5c1a0;font:25px/1.2 var(--display);margin-bottom:10px}.vaccine-node-desc{display:block;color:#b2a68f;font-size:14px;line-height:1.6;min-height:44px}.vaccine-node-ranks{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px}.vaccine-node-ranks i{display:inline-block;width:8px;height:8px;transform:rotate(45deg);border:1px solid #7d7c61;background:#0c130d}.vaccine-node-ranks i.set{background:var(--node-accent);box-shadow:0 0 5px #9cb76a55}.vaccine-node-ranks span{color:#a9a78e;font-size:12px;margin-left:8px}.vaccine-node-cost{display:block;margin:13px 0 3px;color:#d2bc87;font-size:14px;font-weight:700}.vaccine-node:disabled .vaccine-node-cost{color:#a19a80}.vaccine-node.complete .vaccine-node-cost{color:#abbc7d}.vaccine-node-requires{font-size:11px;color:#aa9d8e;line-height:1.5;min-height:17px}.vaccine-footnote{font-size:13px;line-height:1.8;text-align:center;margin:35px 0 0;color:#a4a38b}@keyframes vaccine-breathe{50%{transform:scale(1.025);filter:drop-shadow(0 0 22px #94b45655)}}@media(prefers-reduced-motion:reduce){.vaccine-organ img{animation:none}.vaccine-node,.vaccine-research-track i{transition:none}}@media(max-width:1000px){.vaccine-console{grid-template-columns:130px 1fr;gap:20px;padding:22px}.vaccine-organ img{width:130px;height:130px}.vaccine-readings{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid #4b5340;padding:20px 0 0}.vaccine-colony{grid-template-columns:1fr 1fr;gap:20px}.vaccine-colony>div:first-child{grid-column:1/-1}.vaccine-tree{padding:0}.vaccine-grid,.vaccine-root,.vaccine-branch-labels{gap:35px 15px}.vaccine-node{padding:15px 12px}.vaccine-node strong{font-size:23px}.vaccine-node-desc{font-size:13px}}@media(max-width:650px){.game-tabs{padding:8px;gap:0;overflow-x:auto}.game-tabs button{padding:10px 9px;white-space:nowrap}.game-tabs button span{margin-left:3px}.vaccine-heading{display:block}.vaccine-heading h1{font-size:46px}.vaccine-currency{border-right:0;border-left:3px solid #aac16e;text-align:left;padding:15px 20px}.vaccine-currency strong{font-size:48px}.vaccine-console{grid-template-columns:90px 1fr;padding:16px;gap:14px}.vaccine-organ{min-height:110px}.vaccine-organ img{width:95px;height:95px}.vaccine-research h2{font-size:24px}.vaccine-progress-label{display:block}.vaccine-progress-label span{display:block;margin-top:6px}.vaccine-progress-label strong{display:block}.vaccine-readings{gap:10px}.vaccine-readings span{font-size:9px;letter-spacing:0}.vaccine-readings strong{font-size:23px}.vaccine-research p{font-size:12px}.vaccine-colony{padding:18px;gap:16px}.vaccine-colony>div>strong{font-size:27px}.vaccine-rule-strip{font-size:12px;gap:8px 20px}.vaccine-tree-section .campaign-section-heading{display:block}.vaccine-tree-section .campaign-section-heading h2{font-size:32px}.vaccine-tree-section .campaign-section-heading>span{display:block;margin-top:10px}.vaccine-tree-intro{font-size:13px}.vaccine-tree{min-width:640px;padding:0 5px}.vaccine-tree-section{overflow-x:auto;padding-bottom:14px}.vaccine-node{padding:14px 10px;min-height:260px}.vaccine-node strong{font-size:22px}.vaccine-node-desc{font-size:12px}.vaccine-alert{padding:13px 15px;gap:12px}.vaccine-alert strong{font-size:22px}.vaccine-alert p{font-size:12px}.vaccine-alert button{padding:9px;font-size:12px;white-space:normal}}
