:root{
--bg:#101313; /* тёмный графит */
--text:#E6F2DF; /* теплый светлый */
--accent:#95C37A; /* зелёный */
--amber:#E3B46A; /* янтарь */
--danger:#D35C49; /* аварийный */
}
html,body{background:var(--bg);color:var(--text);}
/* базовая типографика */
body{font-family: Inter, Arial, system-ui, sans-serif;}
.hud-mono{font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:0.02em}
/* сканлайны/CRT эффект (тонко) */
.crt::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;mix-blend-mode:soft-light;background:
repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 2px),
radial-gradient(1200px 800px at 50% 20%, rgba(255,255,255,.04), transparent 60%);
}
/* карточки */
.card{background:rgba(20,22,20,.6);border:1px solid rgba(149,195,122,.25);border-radius:12px;padding:16px}
.card h3{margin:0 0 6px;font-weight:700}
.tag{display:inline-block;border:1px solid rgba(227,180,106,.6);border-radius:999px;padding:2px 8px;margin:2px 6px 2px 0;font-size:12px;color:var(--amber)}
.tag.is-active{background:rgba(227,180,106,.15)}
/* статус-бар (верх КПК) */
.kpk-status{position:sticky;top:0;z-index:10;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg, rgba(10,10,10,.9), rgba(10,10,10,.6));backdrop-filter:saturate(1.2) blur(2px);border-bottom:1px solid rgba(149,195,122,.25)}
.kpk-status .led{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}