:root{
  --amber:#ffb000;
  --cream:#efe8d8;
  --bg:#0a0906;
  --panel:#161310;
  --line:#3a332a;
  --accent:#00d0a0;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:
  radial-gradient(circle at 50% -10%, #1a1712 0%, #0a0906 60%);
  color:var(--cream);font-family:'IBM Plex Mono',monospace;min-height:100vh;}
.app-root{max-width:1180px;margin:0 auto;padding:0 16px 40px;}

.bbc-stripe{height:8px;margin:0 -16px;background:linear-gradient(90deg,
  #e2231a 0 16.6%, #f57f17 16.6% 33.3%, #fdd835 33.3% 50%,
  #43a047 50% 66.6%, #1e88e5 66.6% 83.3%, #8e24aa 83.3% 100%);}

.bbc-header{padding:22px 4px 14px;border-bottom:1px solid var(--line);}
.bbc-header h1{font-family:'VT323',monospace;font-size:clamp(34px,6vw,68px);
  margin:0;letter-spacing:4px;color:var(--amber);line-height:.9;
  text-shadow:0 0 18px rgba(255,176,0,.35);}
.subtitle{font-size:12px;color:#9a917f;margin-top:8px;max-width:820px;line-height:1.5;}

.main-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:22px;}
@media(min-width:980px){
  .main-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;}
}

.crt-bezel{position:relative;background:linear-gradient(160deg,#2a2620,#100e0b);
  border-radius:22px;padding:22px;border:2px solid #000;
  box-shadow:inset 0 0 40px rgba(0,0,0,.8), 0 10px 40px rgba(0,0,0,.6);}
.crt-screen{width:100%;height:auto;display:block;border-radius:10px;
  background:#000;image-rendering:pixelated;
  box-shadow:inset 0 0 60px rgba(0,50,20,.35);}
.crt-screen.scan{position:relative;}
.crt-glow{pointer-events:none;position:absolute;inset:22px;border-radius:10px;
  background:radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.5) 100%);}
.crt-screen.scan::after{content:'';}
.crt-bezel::after{content:'';position:absolute;inset:22px;border-radius:10px;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 1px, transparent 1px 3px);
  pointer-events:none;opacity:var(--scan,1);}

.status-bar{margin-top:12px;font-size:12px;color:var(--accent);
  background:#0e0d0a;border:1px solid var(--line);border-radius:6px;
  padding:8px 12px;font-family:'IBM Plex Mono';}

.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.btn{font-family:'IBM Plex Mono';font-size:13px;font-weight:600;
  background:#1c1813;color:var(--cream);border:1px solid var(--line);
  padding:8px 14px;border-radius:6px;cursor:pointer;transition:.15s;}
.btn:hover{background:#2a241c;border-color:var(--amber);}
.btn:disabled{opacity:.4;cursor:not-allowed;}
.btn-go{background:#1e3a2e;border-color:#2f6b4f;color:#a7ffcf;}
.btn-go:hover{background:#265440;}
.btn-on{background:#3a2e0e;border-color:var(--amber);color:var(--amber);}

.drop-zone{margin-top:16px;border:2px dashed var(--line);border-radius:12px;
  padding:18px;text-align:center;cursor:pointer;transition:.15s;background:#0e0d0a;}
.drop-zone:hover,.drop-zone.drag-over{border-color:var(--amber);background:#161310;}
.drop-title{font-family:'VT323';font-size:24px;color:var(--amber);}
.drop-hint{font-size:11px;color:#8a8272;margin-top:6px;line-height:1.5;max-width:520px;margin-left:auto;margin-right:auto;}
.rom-name{margin-top:8px;font-size:12px;color:var(--accent);}

.aux-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;}
.aux-item{font-size:11px;color:#8a8272;display:flex;flex-direction:column;gap:4px;}
.aux-item input{font-size:11px;color:var(--cream);}

.debug-col{display:flex;flex-direction:column;gap:14px;}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;}
.panel-title{font-family:'VT323';font-size:20px;color:var(--amber);
  border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:10px;}
.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:13px;}
.reg-grid b{color:var(--accent);}
.flags{display:flex;gap:5px;margin-top:12px;}
.flag{width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  border-radius:4px;font-size:12px;font-weight:600;border:1px solid var(--line);}
.flag-on{background:var(--amber);color:#000;}
.flag-off{background:#0e0d0a;color:#544c3d;}

.addr-input{width:100%;background:#0e0d0a;border:1px solid var(--line);
  color:var(--cream);padding:6px 8px;border-radius:5px;font-family:'IBM Plex Mono';
  font-size:12px;margin-bottom:8px;}
.hexdump{font-size:11px;line-height:1.5;color:#b8af9a;white-space:pre;overflow-x:auto;margin:0;}
.chip-status{font-size:11px;line-height:1.7;color:#b8af9a;}
.chip-status div{border-bottom:1px dotted #241f18;padding:2px 0;}

.bbc-footer{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
  font-size:11px;color:#7a7263;}
.bbc-footer a{color:var(--amber);text-decoration:none;border-bottom:1px solid var(--amber);}
.bbc-footer a:hover{color:var(--accent);border-color:var(--accent);}
</parameter>