@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--scp-bg: #050a0f;--scp-floor: #0a1520;--scp-cyan: #00e5ff;--scp-red: #ff3d00;--scp-green: #39ff14;--scp-yellow: #ffd600;--scp-text: #b8c4cc;--scp-border: #1a2a3a}body,*{font-family:Space Mono,Courier New,monospace}@layer utilities{.clip-triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.scp-panel{background:#060d16;border:2px solid #0a1e30;color:var(--scp-text)}.scp-text-live{color:var(--scp-cyan);text-shadow:0 0 8px var(--scp-cyan)}.scp-text-alert{color:var(--scp-red);text-shadow:0 0 6px var(--scp-red)}.scp-text-success{color:var(--scp-green);text-shadow:0 0 6px var(--scp-green)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-6px,4px) rotate(-1deg)}40%{transform:translate(6px,-4px) rotate(1deg)}60%{transform:translate(-4px,-2px) rotate(0)}80%{transform:translate(4px,2px) rotate(1deg)}}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes feedingHazardPulse{0%{opacity:.85;transform:scale(.98);filter:drop-shadow(0 0 6px rgba(220,38,38,.8))}50%{opacity:1;transform:scale(1.04);filter:drop-shadow(0 0 14px rgba(239,68,68,1))}to{opacity:.85;transform:scale(.98);filter:drop-shadow(0 0 6px rgba(220,38,38,.8))}}.animate-feeding-hazard{animation:feedingHazardPulse .6s ease-in-out infinite}@keyframes tacticalGlitch{0%,to{opacity:1;transform:translate(0)}25%{opacity:.8;transform:translate(-1px,1px)}75%{opacity:.9;transform:translate(1px,-.5px)}}.animate-tactical-glitch{animation:tacticalGlitch 1.5s steps(2) infinite}@keyframes muzzleFlash{0%{opacity:1;transform:scale(1.3)}60%{opacity:.9;transform:scale(1.5)}to{opacity:0;transform:scale(.8)}}.animate-muzzle-flash{animation:muzzleFlash .2s ease-out infinite}@keyframes ambientSparkle{0%{opacity:.2;transform:translateY(0) scale(.9)}50%{opacity:.7;transform:translateY(-6px) scale(1.2)}to{opacity:.2;transform:translateY(-12px) scale(.9)}}.animate-ambient-sparkle{animation:ambientSparkle 3.5s ease-in-out infinite alternate}@keyframes fogDrift{0%{opacity:.6;transform:translate(0) scale(1)}33%{opacity:.85;transform:translate(2px,-1px) scale(1.02)}66%{opacity:.7;transform:translate(-1px,2px) scale(.98)}to{opacity:.6;transform:translate(0) scale(1)}}.fog-smoke{animation:fogDrift 4s ease-in-out infinite}@keyframes alertBlink{0%,to{opacity:1;box-shadow:0 0 8px #ff3d00}50%{opacity:.4;box-shadow:0 0 2px #ff3d00}}.animate-alert-blink{animation:alertBlink .8s ease-in-out infinite}@keyframes artifactPulse{0%{opacity:0;transform:scale(.8)}30%{opacity:.8}to{opacity:0;transform:scale(2)}}.animate-artifact-pulse{animation:artifactPulse .8s ease-out forwards}@keyframes deathFlash{0%{opacity:.5;background:#dc262640}50%{opacity:.8;background:#dc262666}to{opacity:0;background:transparent}}.animate-death-flash{animation:deathFlash .5s ease-out forwards}.vb-card{border:3px solid #000;box-shadow:4px 4px #000,inset 0 0 0 1px #ffffff0d}.vb-card-orange{border:3px solid #000;background:#1a0800;box-shadow:4px 4px #000}.scp-log-entry{border-left:3px solid var(--scp-border);padding-left:8px;font-family:Space Mono,monospace;font-size:.7rem;line-height:1.4}.scp-log-entry.danger{border-left-color:var(--scp-red)}.scp-log-entry.action{border-left-color:var(--scp-cyan)}.scp-log-entry.warning{border-left-color:var(--scp-yellow)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#040810}::-webkit-scrollbar-thumb{background:#0a1e30;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#1a3a50}.crt-scanlines{background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,6px 100%}.radar-vignette{box-shadow:inset 0 0 100px #000000eb}.prisoner-hp-bar{height:3px;background:#1a0000;border:1px solid #300;border-radius:1px;overflow:hidden}.prisoner-hp-fill{height:100%;transition:width .3s ease}html{font-size:clamp(13px,min(1.4815vh,.8333vw),48px)}:root{--bg: #04090f;--panel: #0a1520;--panel-2: #0e1d2b;--line: #1f3548;--text: #dbe6ee;--dim: #93a9b8;--cyan: #4fdaf0;--amber: #ffb02e;--danger: #ff5a47;--ok: #46e0a0;--brawn: #ff5e13;--agile: #55d6be;--armed: #ffe600;--fodder: #94a3b8}.hud{display:flex;align-items:center;gap:1.6rem;padding:.55rem 1rem;background:#060d15;border-bottom:1px solid var(--line)}.hud .stat{display:flex;flex-direction:column;gap:.15rem;font-size:1rem;white-space:nowrap}.hud .stat b{font-size:1.05rem}.hud .stat .cap{font-size:.85rem;color:var(--dim);margin-left:.5rem}.bar{width:8rem;height:.7rem;background:#0b1a27;border:1px solid var(--line);border-radius:.2rem;overflow:hidden}.bar>i{display:block;height:100%;background:var(--cyan)}.alertbar{display:flex;gap:.25rem}.alertbar i{width:1.8rem;height:.7rem;background:#142534;border-radius:.15rem}.alertbar i.on{background:var(--ok)}.alertbar i.on.t2{background:var(--amber)}.alertbar i.on.t3{background:var(--danger)}.goal{flex:1;text-align:center;font-size:1.05rem;color:var(--text)}.goal .now{color:var(--amber);font-weight:700}.goal .todo{color:var(--dim)}.speed{display:flex;gap:.3rem;align-items:center}.speed button{min-width:2.6rem;padding:.25rem .5rem;background:var(--panel);border:1px solid var(--line);border-radius:.3rem;font-size:.95rem;color:var(--text)}.speed button.on{background:#0c3a47;border-color:var(--cyan);color:#fff}.stat.cnt div{display:flex;gap:.7rem;align-items:baseline}.coach{display:flex;align-items:center;gap:1rem;padding:.45rem 1rem;background:#1a1305;border-bottom:1px solid #5a3f0a;font-size:1.05rem}.coach .tag{background:var(--amber);color:#1b1200;font-weight:800;padding:.1rem .6rem;border-radius:.25rem;font-size:.95rem;white-space:nowrap}.coach .msg{font-weight:600}.coach .msg em{font-style:normal;color:var(--amber)}.coach.calm{background:#08161f;border-bottom-color:var(--line)}.coach.calm .tag{background:var(--cyan)}.bay{background:var(--panel);border-top:2px solid #17303f;padding:.45rem .9rem .6rem;display:flex;gap:1rem;position:relative;box-sizing:border-box;flex:0 0 auto}.bay h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;display:flex;align-items:baseline;gap:.6rem}.bay h3 small{font-size:.9rem;font-weight:400;color:var(--dim)}.bay h3 .step{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--cyan);color:#00202a;font-size:.9rem;font-weight:800}.pool{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.pool button{display:grid;grid-template-columns:1.8rem 1fr;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;text-align:left;padding:.3rem .55rem;background:var(--panel-2);border:1px solid var(--line);border-left:.3rem solid var(--c);border-radius:.35rem}.pool button:hover:not(:disabled){background:#12304a;border-color:var(--c)}.pool button:disabled{opacity:.35;cursor:not-allowed}.pool .ico,.pool .type-ico{grid-row:1 / 3;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.pool .name{font-size:1rem;font-weight:700}.pool .name b{color:var(--c);font-size:1.1rem;margin-left:.3rem}.pool .verb{font-size:.85rem;color:var(--dim)}.ico.circle,.mini.circle{border-radius:50%}.ico.diamond,.mini.diamond{transform:rotate(45deg) scale(.8)}.ico.triangle,.mini.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.poolnote{margin-top:.3rem;font-size:.85rem;color:var(--dim)}.lineup-wrap{min-width:0;flex:1;display:flex;flex-direction:column}.lineup-row{display:flex;align-items:stretch;gap:.5rem;flex:1;min-height:0}.door{flex:0 0 13rem;border:2px solid #3b4b58;background:#0b1218;border-radius:.4rem;padding:.35rem .45rem;display:flex;flex-direction:column;justify-content:space-between;gap:.25rem;position:relative;transition:border-color .2s,box-shadow .2s}.door.open{border-color:var(--ok);box-shadow:0 0 1rem #46e0a059}.door.calling{border-color:var(--amber);animation:doorPulse 1s infinite}@keyframes doorPulse{50%{box-shadow:0 0 1.2rem #ffb02eb3}}.door .title{font-size:.95rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}.door .state{font-size:.85rem;padding:0 .4rem;border-radius:.2rem;background:#2b1010;color:#ff9d90;border:1px solid #7a2a22}.door.open .state{background:#0b2a1e;color:var(--ok);border-color:#1c7a55}.arrow{align-self:center;font-size:1.4rem;color:#4d6a7d;flex-shrink:0}.noise{position:relative;height:.9rem;background:#0b1a27;border:1px solid var(--line);border-radius:.2rem}.noise>i{position:absolute;left:0;top:0;bottom:0;background:var(--ok);transition:width .4s,background .4s}.noise>u{position:absolute;top:-.25rem;bottom:-.25rem;width:2px;background:#ffb02e}.noise>u.breach{background:var(--danger);right:0}.noiseLbl{display:flex;justify-content:space-between;font-size:.85rem;color:var(--dim)}.noiseLbl b{color:var(--text)}.tracker{font-size:.85rem;padding:.2rem .35rem;border-radius:.25rem;background:#08111a;border:1px solid var(--line);color:var(--dim);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker.warn{border-color:#7a5a12;color:var(--amber)}.tracker.danger{border-color:#8a2b22;color:#ff9d90;background:#1c0b0a}.tracker .route{position:relative;height:.45rem;margin-top:.2rem;background:#142534;border-radius:.25rem}.tracker .route i{position:absolute;top:-.15rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--danger);box-shadow:0 0 .5rem var(--danger);transition:left .4s}.tracker .route em{position:absolute;right:-.2rem;top:-.35rem;font-style:normal;font-size:.85rem}.slots{display:flex;gap:.45rem;flex:1;overflow-x:auto;align-items:stretch}.slot{position:relative;width:6.4rem;flex:0 0 6.4rem;height:9.2rem;background:#0b1723;border:2px solid var(--c, #2a4256);border-radius:.45rem;display:flex;flex-direction:column;transition:transform .45s ease,opacity .45s ease,border-color .2s;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #0006}.slot.empty{border:2px dashed #26404f;background:#08111a;color:#3f5a6b;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer}.slot.empty span{font-size:.95rem;margin-top:.2rem;font-weight:600}.slot.dragover{outline:2px solid var(--cyan);transform:translateY(-.3rem)}.slot .num{position:absolute;left:-.5rem;top:-.55rem;min-width:1.75rem;height:1.75rem;border-radius:.9rem;background:#fff;color:#06111a;font-weight:900;font-size:1.05rem;display:grid;place-items:center;z-index:2;border:2px solid #06111a;box-shadow:0 2px 6px #00000080}.slot .x{position:absolute;right:.2rem;top:.2rem;width:1.45rem;height:1.45rem;border-radius:50%;background:#000000b3;border:0;color:#c9d6de;font-size:.95rem;line-height:1;z-index:2;cursor:pointer;display:grid;place-items:center}.slot .x:hover{background:var(--danger);color:#fff}.slot .face{flex:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1b3448,#0a1520 75%);border-radius:.3rem .3rem 0 0;position:relative;cursor:grab;padding-bottom:1.2rem;overflow:hidden}.slot .face .portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.3rem .3rem 0 0;image-rendering:pixelated}.slot .face .mini{width:2.6rem;height:2.6rem;background:var(--c);opacity:.95;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.slot .face .who{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.88rem;font-weight:700;color:#d5e4ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.25rem .25rem .15rem;background:linear-gradient(transparent,#06111ae6 35%);z-index:1;text-shadow:0 1px 2px #000}.slot .role{text-align:center;font-weight:800;font-size:.95rem;padding:.15rem 0;color:var(--c);background:#06101a;letter-spacing:.02em}.slot .drug{border:0;border-top:1px solid #16303f;height:2.1rem;font-size:.88rem;font-weight:800;background:#07131d;color:var(--dim);border-radius:0 0 .35rem .35rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .3rem;display:flex;align-items:center;justify-content:center;letter-spacing:-.01em;transition:filter .15s,background .15s}.slot .drug.poison{background:#2f0f45;color:#e0b0ff;border-top-color:#7b2cbf}.slot .drug.stimulant{background:#422d05;color:#ffd67a;border-top-color:#d97706}.slot .drug:hover{filter:brightness(1.25)}.slot .tip{position:absolute;z-index:20;bottom:calc(100% + .5rem);left:0;width:22rem;background:#05101a;border:1px solid var(--cyan);border-radius:.4rem;padding:.45rem .65rem;font-size:.9rem;box-shadow:0 .5rem 1.5rem #0009;pointer-events:none;display:none}.slot:hover .tip{display:block}.slot:nth-child(n+6) .tip{left:auto;right:0}.lineup-foot{margin-top:.3rem;display:flex;justify-content:space-between;font-size:.85rem;color:var(--dim)}.stock b{color:var(--text);margin-left:.2rem;margin-right:.6rem}.mission{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.mission button{padding:.25rem .15rem;background:var(--panel-2);border:1px solid var(--line);border-radius:.3rem;font-size:1rem;font-weight:700;cursor:pointer;color:inherit}.mission button.on{background:var(--amber);color:#1b1200;border-color:#ffd58a}.mission button:disabled{opacity:.4;cursor:not-allowed}.mdesc{margin:.3rem 0 .2rem;font-size:.9rem;color:var(--dim);min-height:2.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fit{font-size:.9rem;margin-bottom:.3rem;min-height:1.2rem}.fit.ok{color:var(--ok)}.fit.warn{color:var(--amber)}.fit button{margin-left:.4rem;font-size:.85rem;padding:0 .45rem;background:transparent;border:1px solid currentColor;border-radius:.25rem;color:var(--cyan);cursor:pointer}.go{width:100%;height:3.3rem;border-radius:.45rem;border:1px solid #ffd58a;background:linear-gradient(#ffb02e,#e08a00);color:#1b1200;font-size:1.35rem;font-weight:800;letter-spacing:.02em;box-shadow:0 0 1rem #ffb02e59;cursor:pointer}.go:disabled{background:#1a2632;color:#5c7486;border-color:#26384a;box-shadow:none;cursor:not-allowed}.go small{display:block;font-size:.85rem;font-weight:500;opacity:.85;margin-top:-.1rem}.go.closeit{background:linear-gradient(#ff6a55,#c93a28);border-color:#ffb0a4;color:#fff;box-shadow:0 0 1rem #ff5a4766}.go.risky{outline:2px solid var(--danger);outline-offset:2px}.goCap{text-align:center;font-size:.85rem;color:var(--dim);margin-top:.25rem}.goCap label{display:inline-flex;gap:.35rem;align-items:center;cursor:pointer}.goCap input{width:1rem;height:1rem;accent-color:var(--cyan)}.note{position:absolute;right:1rem;top:-2.2rem;background:#0b3a2a;color:var(--ok);border:1px solid #1c7a55;padding:.3rem .8rem;border-radius:.3rem;font-size:1rem;opacity:0;transition:opacity .3s;pointer-events:none}.note.show{opacity:1}.mapnoise{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:14rem;background:#06101ad9;border:1px solid var(--line);border-radius:.3rem;z-index:10;pointer-events:none}.mapnoise>i{position:absolute;left:0;right:0;bottom:0;background:var(--ok);transition:height .4s,background .4s}.mapnoise>u{position:absolute;left:-.3rem;right:-.3rem;height:2px;background:var(--amber)}.mapnoise-lbl{position:absolute;left:3.3rem;top:calc(50% - 7.6rem);font-size:.95rem;color:var(--text);background:#06101ad9;border:1px solid var(--line);padding:.15rem .55rem;border-radius:.3rem;z-index:10;white-space:nowrap;pointer-events:none}