:root{
  --bg:#001414; --panel:#031b1b; --accent:#00ffcc; --text:#c9fff1; --muted:#93d7c9;
  --ring:0 0 32px rgba(0,255,204,.22), inset 0 0 12px rgba(0,255,204,.06);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 'Segoe UI',system-ui,-apple-system,Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
nav{position:sticky;top:0;z-index:20;background:#072221;border-bottom:1px solid rgba(0,255,204,.15)}
.nav-wrap{max-width:1100px;margin:auto;display:flex;gap:28px;align-items:center;padding:14px 18px}
nav a{font-weight:700;letter-spacing:.2px}
.container{max-width:1100px;margin:28px auto;padding:0 18px}
.h1{font-size:44px;font-weight:900;text-align:center;margin:18px 0 8px}
.sub{color:var(--muted);text-align:center;margin-bottom:32px}
.card{background:var(--panel);border:1px solid rgba(0,255,204,.18);border-radius:16px;padding:22px;box-shadow:var(--ring)}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,255,204,.3);background:#062424;color:var(--accent);font-weight:700}
.btn{background:var(--accent);color:#01332c;border:0;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}
.btn:disabled{filter:grayscale(.5);opacity:.7;cursor:not-allowed}
.footer-note{opacity:.7;text-align:center;margin:40px 0 20px}

/* LIVE chat */
.live-wrap{max-width:980px;margin:24px auto;padding:0 18px}
.chat{background:#061d1d;border:1px solid rgba(0,255,204,.25);border-radius:18px;padding:16px 16px 12px;box-shadow:var(--ring)}
.chat .log{background:#020d0d;border-radius:12px;min-height:300px;max-height:520px;overflow:auto;padding:16px 14px;margin-bottom:12px}
.msg{margin:8px 0}
.msg .who{font-weight:800}
.msg.user{color:#a6fff1}
.msg.vantor{color:#b8ffe9}
.msg.warn{color:#ffdf9e}
.row{display:flex;gap:10px}
.row input{flex:1;border-radius:12px;border:1px solid rgba(0,255,204,.25);padding:12px 14px;background:#071f1f;color:var(--text)}
.small{font-size:13px;color:var(--muted)}