/* Shared terminal styles for KWP game demos */
.game-page { background: #0a0e14; min-height: 100vh; font-family: 'JetBrains Mono', monospace; }
.game-banner { background: var(--primary, #70c7ba); color: #000; text-align: center; padding: 0.4rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 2px; }
.game-banner a { color: #000; text-decoration: underline; }
#terminal { background: #0d1117; border: 1px solid #1a2426; border-radius: 6px; max-width: 800px; margin: 1rem auto; padding: 1.2rem; min-height: 500px; }
#terminal-output { color: #c0c0c0; font-size: 0.85rem; line-height: 1.7; white-space: pre-wrap; word-wrap: break-word; }
#terminal-output .gold { color: #d4a847; }
#terminal-output .teal { color: #70c7ba; }
#terminal-output .red { color: #ff6b6b; }
#terminal-output .dim { color: #555; }
#terminal-output .green { color: #4caf50; }
#terminal-output .cyan { color: #00e5ff; }
#terminal-output .bold { font-weight: 700; }
#terminal-input { display: flex; align-items: center; margin-top: 0.5rem; border-top: 1px solid #1a2426; padding-top: 0.5rem; }
#terminal-input .prompt { color: #70c7ba; margin-right: 0.5rem; }
#terminal-input input { flex: 1; background: transparent; border: none; color: #70c7ba; font-family: inherit; font-size: 0.85rem; outline: none; caret-color: #70c7ba; }
.hidden { display: none !important; }

/* Game layout: terminal + sidebar */
.game-layout { display: grid; grid-template-columns: 1fr 280px; gap: 6px; max-width: 1200px; margin: 0 auto; padding: 0.5rem; }
.game-layout #terminal { max-width: none; margin: 0; border-radius: 6px 0 0 6px; }
@media (max-width: 900px) { .game-layout { grid-template-columns: 1fr; } }

/* Chain panel sidebar */
#chain-panel { background: #0d1117; border: 1px solid #1a2426; border-radius: 0 6px 6px 0; padding: 0.6rem; font-size: 0.7rem; overflow-y: auto; max-height: 600px; }
#chain-panel .cp-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; padding-bottom: 0.4rem; border-bottom: 1px solid #1a2426; }
#chain-panel .cp-title { color: #d4a847; font-weight: 700; font-size: 0.75rem; }
#chain-status { color: #555; font-size: 0.65rem; }
.cd-live { display: inline-block; width: 6px; height: 6px; background: #4caf50; border-radius: 50%; margin-right: 4px; }
.cd-off { display: inline-block; width: 6px; height: 6px; background: #555; border-radius: 50%; margin-right: 4px; }
#chain-feed { color: #808080; line-height: 1.6; }
.ce { margin-bottom: 2px; }
.ce-t { color: #444; }
.ce-d { color: #555; }
.ce-link { color: #70c7ba; text-decoration: none; }
.ce-link:hover { text-decoration: underline; }
.ce-tx { color: #c0c0c0; border-left: 2px solid #d4a847; padding-left: 6px; margin: 4px 0; }
.ce-cov { color: #d4a847; font-weight: 700; }
.ce-detail { color: #888; font-size: 0.65rem; }