html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000; /* match Zone8 theme */
  display: flex;
  flex-direction: column;
}

#zone8-hijack-container {
  flex: 1;
  padding: 20px;
}

footer, .site-footer, #footer, .footer {
  margin-top: auto;
}

#zone8-hijack-container {
    padding: 20px;
    font-family: monospace;
    color: #00ffcc;
    background: #0a0a0a;
}

.zone8-hijack-banner {
    background: #1a1a1a;
    padding: 15px;
    border: 2px solid #00ffcc;
    text-align: center;
    animation: flicker 2s infinite;
}

.zone8-body-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.rider-tools, .operator-notes {
    flex: 1 1 300px;
    background: rgba(0, 10, 10, 0.8);
    border: 1px solid #00cccc;
    padding: 15px;
    box-shadow: 0 0 10px #00ffcc33;
}

.terminal-feed {
    background: #050505;
    border: 1px dashed #00ff88;
    padding: 10px;
    margin-top: 30px;
    height: 120px;
    overflow-y: scroll;
    color: #00ff88;
}

.zone8-warning {
    margin-top: 20px;
    background: #220000;
    color: #ff4444;
    padding: 10px;
    border: 1px solid #aa0000;
}

/* Optional flicker effect */
@keyframes flicker {
    0% { opacity: 1; }
    50% { opacity: 0.85; }
    100% { opacity: 1; }
}