/* ACM-68000 Signal Node */
/* April 2026 — Allooloo Technologies Corp. */

*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#07060f;--text:#e8edf5;--muted:#5a6478;--dim:#8a95a8;--signal:#22c55e;--border:rgba(255,255,255,0.08)}
body{background:var(--bg);color:var(--text);font-family:'IBM Plex Mono',monospace;min-height:100vh;display:flex;flex-direction:column}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;font-size:11px;border-bottom:1px solid var(--border)}
.h-left{color:var(--dim)}
.h-left a{color:var(--signal);text-decoration:none}
.h-left a:hover{text-decoration:underline}
.h-right{color:var(--muted);letter-spacing:1px}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}
.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--dim);background:rgba(255,255,255,0.03);border:1px solid var(--border);padding:6px 16px;border-radius:20px;margin-bottom:48px}
.pulse{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.signal-code{font-size:clamp(64px,15vw,120px);font-weight:600;letter-spacing:-2px;line-height:1;margin-bottom:12px}
.signal-state{font-size:clamp(18px,4vw,24px);font-weight:500;letter-spacing:4px;margin-bottom:16px}
.signal-action{font-size:15px;color:var(--dim);margin-bottom:12px}
.stats{font-size:11px;color:var(--muted);margin-bottom:48px}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px}
.pill{font-size:12px;color:var(--text);background:rgba(255,255,255,0.04);border:1px solid var(--border);padding:10px 20px;border-radius:6px;text-decoration:none;transition:all 0.2s}
.pill:hover{background:rgba(255,255,255,0.08)}
footer{padding:24px 32px;border-top:1px solid var(--border);text-align:center;font-size:11px;color:var(--muted)}
.territories{margin-bottom:16px;line-height:1.8}
.territories a{color:var(--dim);text-decoration:none}
.territories a:hover{color:var(--text)}
.sub-footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.sub-footer a{color:var(--dim);text-decoration:none}
.sub-footer a:hover{color:var(--text)}
@media(max-width:600px){header{flex-direction:column;gap:12px;text-align:center}.pills{flex-direction:column;align-items:center}}