:root{--bg: #0a141b;--panel: #122430;--panel2: #16323f;--accent: #5a9c4a;--text: #e8f1f4;--muted: #9fc0cf}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.bb-wrap{max-width:1080px;margin:0 auto;padding:18px 16px 48px}.bb-header h1{margin:0 0 4px;font-size:28px;color:var(--accent);letter-spacing:.5px}.bb-sub{margin:0 0 12px;color:var(--muted);font-size:14px;max-width:720px}.bb-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.bb-seg{display:inline-flex;background:var(--panel);border-radius:8px;overflow:hidden;border:1px solid #1f3a48}.bb-seg button{border-radius:0}button{cursor:pointer;border:1px solid #1f3a48;background:var(--panel);color:var(--text);padding:8px 14px;font-size:14px;border-radius:8px}button:hover{background:var(--panel2)}.bb-on{background:var(--accent)!important;color:#07140a!important;font-weight:600}.bb-action{background:#1d3b2a;border-color:#2e5a3f}.bb-status{color:var(--muted);font-size:13px;margin:6px 0 12px}.bb-main{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}.bb-canvas{background:#0d1b24;border:1px solid #1f3a48;border-radius:10px;width:720px;max-width:100%;height:auto;touch-action:manipulation}.bb-side{flex:1 1 280px;min-width:260px;display:flex;flex-direction:column;gap:12px}.bb-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bb-swatch{display:flex;align-items:center;gap:7px;text-align:left;font-size:13px;padding:7px 8px}.bb-chip{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.4);flex:0 0 auto}.bb-info{background:var(--panel);border:1px solid #1f3a48;border-radius:10px;padding:12px}.bb-info-title{font-weight:600;margin-bottom:8px;color:var(--accent)}.bb-clue{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;border-bottom:1px dashed #1f3a48}.bb-clue span{color:var(--muted)}.bb-info-guess{margin-top:8px;font-size:14px}.bb-check{background:var(--accent);color:#07140a;font-weight:700;padding:12px;font-size:15px}.bb-result{min-height:22px;font-size:14px;padding:4px 2px}.bb-win{color:#3ee07a;font-weight:700}.bb-done{color:#ffd35a}.bb-warn{color:#ff9a5a}@media(max-width:760px){.bb-canvas{width:100%}}