:root{
  --bg: #000;
  --fg: #b6ffb6;
  --dim: #60d160;
  --link: #95f3ff;
  --accent: #39ff14;
}
*{box-sizing:border-box}
html,body{
  margin:0; padding:0; background:var(--bg); color:var(--fg);
  font-family: ui-monospace, Roboto, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  line-height:1.65; font-size:14px;
}
.container{ max-width: 920px; margin: 0 auto; padding: 24px 16px; }
a{ color: var(--link); text-decoration: none; }
a:hover{ text-decoration: underline; }
hr{ border:0; border-top:1px dashed var(--dim); margin:24px 0; }
header{ margin-bottom: 16px; }
.ascii{ white-space: pre; color: var(--accent); font-size: 12px; }
nav a{ margin-right: 16px; }
.post-item{ margin: 8px 0; }
.post-item time{ color: var(--dim); margin-right: 8px; }
footer{ margin-top: 32px; color: var(--dim); font-size:12px; }
pre, code{ background:#001b00; color:var(--fg); }
blockquote{ border-left: 2px solid var(--dim); padding-left: 10px; color:#a8ffa8; }
.tag{ color:#000; background: var(--accent); padding: 0 6px; border-radius: 2px; margin-left:6px; }
.kbd{ border:1px solid var(--dim); padding:1px 4px; border-radius:3px; }
input.search{ width:100%; padding:10px 12px; background:#001400; color:var(--fg); border:1px solid var(--dim); border-radius:6px; }
.result{ padding:10px 0; border-bottom:1px dashed #094; }
.badge{ font-size:10px; border:1px solid var(--dim); padding:0 6px; border-radius: 3px; margin-left:6px; }
.banner{ padding:8px 12px; border:1px dashed var(--dim); background:#000c00; }
.konami{ position:fixed; inset:0; background:rgba(0,0,0,.92); color:#39ff14; display:none; align-items:center; justify-content:center; z-index:9999; }
.konami pre{ font-size:12px; }