:root{--bg:#030703;--text:#b8ffb8;--dim:#5d9b62;--line:#153715;--cyan:#87e8ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 4px}
a{color:inherit}.wrap{max-width:1250px;margin:0 auto;padding:24px}.shell{border:1px solid var(--line);background:linear-gradient(180deg,#071007,#030703)}
.topbar{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.title{font-weight:700;letter-spacing:.04em}.dim{color:var(--dim)}
.cardgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.card{display:block;text-decoration:none;border:1px solid var(--line);padding:24px;background:#071007}.card:hover{background:#0c180c}.card h2{margin:0 0 8px}.card p{margin:0;color:var(--dim)}
.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.meta>div{padding:10px 14px;border-right:1px solid var(--line)}.meta>div:last-child{border-right:0}.k{display:block;color:var(--dim);font-size:.72rem;margin-bottom:3px}.v{font-size:.92rem}
.back{display:inline-block;margin:0 0 12px;text-decoration:none;color:var(--dim)}button{font:inherit;color:var(--text);background:#081108;border:1px solid #245c28;padding:8px 11px;cursor:pointer}button:hover{background:#102410}
#feed{height:68vh;overflow:auto;padding:12px 14px 24px}.line{white-space:pre-wrap;padding:3px 0}.ts{color:var(--dim);margin-right:12px}.cursor::after{content:"█";animation:blink 1s steps(1) infinite;margin-left:4px}@keyframes blink{50%{opacity:0}}
.sighelp{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--dim);line-height:1.45}
.scope{display:grid;grid-template-columns:minmax(0,1fr) 280px;border-bottom:1px solid var(--line)}.visual{position:relative;min-height:160px;background:repeating-linear-gradient(90deg,rgba(135,232,255,.055) 0 1px,transparent 1px 42px),linear-gradient(#06100b,#020504);overflow:hidden}.visual canvas{width:100%;height:160px;display:block}.visual .label{position:absolute;left:14px;top:10px;color:var(--dim);font-size:.76rem}
.nowplaying{border-left:1px solid var(--line);padding:14px}.np-title{color:var(--cyan);margin-bottom:8px}.np-meta{font-size:.82rem;color:var(--dim);line-height:1.5}
.loghead{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.historyhint{font-size:.78rem;color:var(--dim)}
.intercepts{height:52vh;overflow-y:auto;padding:0 10px 12px}.intercept{display:grid;grid-template-columns:120px 160px;gap:20px;align-items:center;border-bottom:1px solid #102c13;padding:12px 8px}.play{padding:7px 12px}.activeRow{background:rgba(135,232,255,.045)}
.controlgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:20px}.panel{border:1px solid var(--line);padding:18px}.state{font-size:1.55rem;margin:10px 0}.links code{display:block;margin:8px 0;padding:10px;border:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:780px){.wrap{padding:0}.shell{border-left:0;border-right:0}.cardgrid,.controlgrid,.scope{grid-template-columns:1fr}.meta{grid-template-columns:1fr}.meta>div{border-right:0;border-bottom:1px solid var(--line)}.nowplaying{border-left:0;border-top:1px solid var(--line)}.intercepts{height:55vh}}