.outbreak-stage{container-type:inline-size;--ob-void: #070a08;--ob-acid: #8cff6b;--ob-acid-dim: #4a8a3c;--ob-blood: #d9293f;--ob-bone: #e7e2d2;--ob-dim: #8a998c;--ob-panel: rgba(9, 15, 10, .76);--ob-edge: rgba(140, 255, 107, .3);overflow:hidden;border-radius:8px;color:var(--ob-bone)}.outbreak-canvas{background:#0a120c;cursor:none;touch-action:none}@media (pointer: coarse){.outbreak-canvas{cursor:default}}.outbreak-scanlines,.outbreak-vignette,.outbreak-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.outbreak-scanlines{opacity:.05;background:repeating-linear-gradient(to bottom,#000 0,#000 1px,transparent 2px,transparent 3px)}.outbreak-vignette{background:radial-gradient(ellipse at center,#0000 45%,#000000b3)}.outbreak-flash{opacity:0;transition:opacity .1s;background:radial-gradient(ellipse at center,#d9293f00 30%,#d9293f8c)}.outbreak-flash.active{opacity:1}.outbreak-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--mono);font-size:clamp(9px,1.35cqw,13px)}.outbreak-plate{position:absolute;padding:.7em 1.1em .8em;background:var(--ob-panel);border-top:2px solid var(--ob-edge);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.outbreak-label,.outbreak-top span{letter-spacing:.18em;color:var(--ob-dim);font-size:.85em}.outbreak-health{bottom:3.5%;left:2%;width:15em}.outbreak-track{margin-top:.4em;height:.9em;background:#ffffff14;clip-path:polygon(0 0,100% 0,100% 100%,6px 100%)}.outbreak-health-fill{height:100%;width:100%;transition:width .15s}.outbreak-health-fill[data-level=ok]{background:linear-gradient(90deg,#4a8a3c,#8cff6b)}.outbreak-health-fill[data-level=low]{background:linear-gradient(90deg,#8a7a2a,#e0c23f)}.outbreak-health-fill[data-level=critical]{background:linear-gradient(90deg,#8a2020,#d9293f)}.outbreak-health-num{margin-top:.25em;font-size:1.5em;font-weight:700}.outbreak-ammo{bottom:3.5%;right:2%;width:12em;text-align:right;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 calc(100% - 10px))}.outbreak-ammo-num{font-size:2.2em;font-weight:700;line-height:1.05}.outbreak-reserve{font-size:.5em;color:var(--ob-dim)}.outbreak-reserve[data-reloading]{color:var(--ob-blood);letter-spacing:.1em}.outbreak-reload{margin-top:.4em;height:.45em;background:#ffffff14}.outbreak-reload[hidden]{display:none}.outbreak-reload>div{height:100%;width:0;background:var(--ob-blood)}.outbreak-top{top:3%;left:50%;transform:translate(-50%);display:flex;gap:2em;padding:.5em 2em;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}.outbreak-top div{display:grid;text-align:center}.outbreak-top b{font-size:1.45em;color:var(--ob-acid);font-variant-numeric:tabular-nums}.outbreak-banner{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .4s;white-space:nowrap}.outbreak-banner.show{opacity:1}.outbreak-banner-big{font-size:3.6em;font-weight:800;letter-spacing:.14em;color:var(--ob-blood);text-shadow:0 0 24px rgba(217,41,63,.7)}.outbreak-banner-small{font-size:1em;letter-spacing:.3em;color:var(--ob-dim)}.outbreak-crosshair{position:absolute;top:0;left:0;width:26px;height:26px;pointer-events:none}.outbreak-crosshair[hidden]{display:none}.outbreak-crosshair:before,.outbreak-crosshair:after{content:"";position:absolute;background:var(--ob-acid);box-shadow:0 0 6px #8cff6bcc}.outbreak-crosshair:before{top:50%;left:4px;width:calc(100% - 8px);height:2px;transform:translateY(-50%)}.outbreak-crosshair:after{left:50%;top:4px;height:calc(100% - 8px);width:2px;transform:translate(-50%)}.outbreak-crosshair.hit:before,.outbreak-crosshair.hit:after{background:var(--ob-blood);box-shadow:0 0 8px #d9293fe6}.outbreak-touch{display:block}.outbreak-knob{pointer-events:none}.outbreak-reload-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}@media (pointer: coarse){.outbreak-touch{display:block}.outbreak-health{bottom:auto;top:3%;width:11em}.outbreak-ammo{bottom:auto;top:3%;width:9em}.outbreak-top{top:auto;bottom:3%}}.outbreak-touch[hidden]{display:none}.outbreak-stick{position:absolute;bottom:4%;width:clamp(76px,19cqw,120px);aspect-ratio:1;border-radius:50%;background:#8cff6b12;border:1px solid var(--ob-edge);touch-action:none}.outbreak-stick-move{left:3%}.outbreak-stick-aim{right:3%}.outbreak-knob{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:1;border-radius:50%;background:#8cff6b80;border:1px solid rgba(255,255,255,.4);transform:translate(-50%,-50%)}.outbreak-reload-btn{position:absolute;right:calc(3% + clamp(76px,19cqw,120px)/5);bottom:calc(6% + clamp(76px,19cqw,120px));width:clamp(48px,11cqw,60px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#d9293f73;color:var(--ob-bone);font:700 10px var(--mono);letter-spacing:.06em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.outbreak-overlay{background:radial-gradient(ellipse at 50% 40%,#1e321e73,#020403ed)}.outbreak-overlay p{color:#b9c4b8;max-width:440px;line-height:1.6}.outbreak-overlay-tag{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ob-acid)}.outbreak-overlay-title{font-family:var(--mono);font-size:clamp(26px,5cqw,44px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ob-blood)}.outbreak-btn{background:var(--ob-blood);color:var(--ob-bone);border:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-inline:28px}.outbreak-btn:hover{filter:brightness(1.12)}.outbreak-btn:focus-visible{outline:2px solid var(--ob-acid);outline-offset:3px;clip-path:none}.outbreak-ghost{color:var(--ob-bone);border-color:#e7e2d259}@media (prefers-reduced-motion: reduce){.outbreak-flash,.outbreak-banner,.outbreak-health-fill{transition:none}}@container (max-width: 520px){.outbreak-top{gap:1.2em;padding-inline:1.2em}.outbreak-banner-big{font-size:2.6em}}.outbreak-health{bottom:auto;top:3%;width:11em}.outbreak-ammo{bottom:auto;top:3%;width:9em}.outbreak-top{top:auto;bottom:3%}
