:root{--bg: #0a0a18;--panel: #14142a;--ink: #e8e8f4;--accent: #ffcc33;--accent2: #ff5577}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,sans-serif}#app{display:flex;justify-content:center;padding:16px}.bj-wrap{width:min(640px,96vw)}.bj-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.bj-head h1{margin:0 0 6px;font-size:22px;letter-spacing:1px;color:var(--accent)}.bj-hud{display:flex;gap:14px;font-size:13px;flex-wrap:wrap}.bj-hud b{color:var(--accent)}.bj-hud .powered{color:var(--accent2);font-weight:700}#bj-canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:#05050f;border:2px solid #2a2a4a;border-radius:6px;margin:8px 0}.bj-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.bj-controls label{font-size:13px}.bj-controls select,.bj-controls button{background:var(--panel);color:var(--ink);border:1px solid #33335a;border-radius:4px;padding:4px 10px;font-size:13px;cursor:pointer}.bj-controls button:hover{border-color:var(--accent)}.bj-help{font-size:12px;line-height:1.5;color:#b8b8d0}.bj-help b{color:var(--accent)}