.bcc-container{align-items:center;gap:var(--s-3);width:100%;max-width:580px;padding:var(--s-2);font-family:var(--font-sans);flex-direction:column;margin:0 auto;display:flex}.bcc-mode-nav{gap:var(--s-2);background:var(--bg-warm);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);padding:var(--s-1);display:flex}.bcc-tab-btn{padding:var(--s-2) var(--s-3);font-weight:700;font-size:var(--t-sm);color:var(--ink-2);border-radius:var(--r-sm);cursor:pointer;transition:transform var(--dur-1) var(--ease-out);background:0 0;border:none}.bcc-tab-btn--active{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-1)}.bcc-phone-chassis{background:var(--bg-warm);border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--s-4);align-items:center;gap:var(--s-3);flex-direction:column;width:100%;max-width:360px;display:flex;position:relative}.bcc-speaker-grille{gap:var(--s-1);display:flex}.bcc-speaker-grille span{background:var(--ink);border-radius:var(--r-xs);width:14px;height:4px}.bcc-screen-bezel{background:var(--bg-deep);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);padding:var(--s-2);width:100%}.bcc-lcd-screen{background:var(--tint-mint);border:var(--border-w) solid var(--ink);border-radius:var(--r-xs);padding:var(--s-2);gap:var(--s-1);width:100%;box-shadow:var(--shadow-xs);color:var(--ink);font-family:var(--font-mono,monospace);flex-direction:column;display:flex}.bcc-lcd-status{font-size:var(--t-xs);border-bottom:var(--border-w) dashed var(--ink);padding-bottom:var(--s-1);justify-content:space-between;align-items:center;font-weight:700;display:flex}.bcc-lcd-title{letter-spacing:1px}.bcc-lcd-body{justify-content:center;gap:var(--s-1);flex-direction:column;min-height:88px;display:flex}.bcc-lcd-banner{font-size:var(--t-xs);justify-content:space-between;font-weight:700;display:flex}.bcc-lcd-cipher{font-size:var(--t-lg);letter-spacing:1px;word-break:break-all;text-align:center;padding:var(--s-1) 0;font-weight:700;line-height:1.3}.bcc-lcd-cipher--lab{font-size:var(--t-md);min-height:60px}.bcc-lcd-reveal{font-size:var(--t-sm);text-align:center;padding:var(--s-1);border-radius:var(--r-xs);font-weight:700}.bcc-lcd-reveal--win{background:var(--tint-lime)}.bcc-lcd-reveal--miss{background:var(--tint-coral)}.bcc-lcd-hint{font-size:var(--t-xs);text-align:center;color:var(--ink-2)}.bcc-lcd-softkeys{font-size:var(--t-xs);border-top:var(--border-w) dashed var(--ink);padding-top:var(--s-1);justify-content:space-between;font-weight:700;display:flex}.bcc-phone-brand{font-size:var(--t-sm);letter-spacing:2px;color:var(--ink);font-weight:700}.bcc-nav-controls{justify-content:center;align-items:center;gap:var(--s-3);width:100%;display:flex}.bcc-pill-btn{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);color:var(--ink);font-weight:700;font-size:var(--t-sm);cursor:pointer;width:44px;height:28px;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out)}.bcc-pill-btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.bcc-navi-key{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);cursor:pointer;width:80px;height:38px;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out);justify-content:center;align-items:center;display:flex}.bcc-navi-key:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.bcc-navi-key__groove{background:var(--ink);border-radius:var(--r-xs);width:24px;height:4px}.bcc-keypad-grid{gap:var(--s-2);width:100%;padding:var(--s-1);grid-template-columns:repeat(3,1fr);display:grid}.bcc-key-btn{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);padding:var(--s-1) 2px;cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.bcc-key-btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.bcc-key-digit{font-size:var(--t-md);color:var(--ink);font-weight:700;line-height:1}.bcc-key-sub{font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.5px;margin-top:2px;font-weight:700}.bcc-challenge-panel{align-items:center;gap:var(--s-3);flex-direction:column;width:100%;display:flex}.bcc-scoreboard{gap:var(--s-2);display:flex}.bcc-stat-badge{background:var(--bg-warm);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);padding:var(--s-1) var(--s-3);font-size:var(--t-sm);font-weight:700}.bcc-question-title{font-size:var(--t-md);margin:var(--s-1) 0;text-align:center;color:var(--ink);font-weight:700}.bcc-choice-grid{gap:var(--s-2);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:480px){.bcc-choice-grid{grid-template-columns:1fr 1fr}}.bcc-choice-card{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);box-shadow:var(--shadow-1);padding:var(--s-3);text-align:center;cursor:pointer;transition:transform var(--dur-1) var(--ease-out)}.bcc-choice-card:hover:not(:disabled){box-shadow:var(--shadow-2);transform:translateY(-1px)}.bcc-choice-text{font-size:var(--t-sm);color:var(--ink);font-weight:700}.bcc-choice-card--correct{background:var(--tint-lime);border-color:var(--ink)}.bcc-choice-card--wrong{background:var(--tint-coral);border-color:var(--ink)}.bcc-choice-card--faded{opacity:.45}.bcc-action-row{margin-top:var(--s-2);justify-content:center;width:100%;display:flex}.bcc-btn{border:var(--border-w) solid var(--ink);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);font-size:var(--t-sm);cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out);font-weight:700}.bcc-btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.bcc-btn--primary{background:var(--brand);color:var(--surface)}.bcc-btn--secondary{background:var(--bg-warm);color:var(--ink)}.bcc-lab-panel{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-1);padding:var(--s-3);gap:var(--s-3);flex-direction:column;display:flex}.bcc-lab-title{font-size:var(--t-md);color:var(--ink);margin:0;font-weight:700}.bcc-lab-sub{font-size:var(--t-xs);color:var(--ink-2);margin:0}.bcc-input-group{gap:var(--s-1);flex-direction:column;display:flex}.bcc-input-group label{font-size:var(--t-xs);color:var(--ink);font-weight:700}.bcc-text-field{border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);padding:var(--s-2);font-size:var(--t-sm);font-weight:700;font-family:var(--font-mono,monospace);background:var(--bg-warm);color:var(--ink);outline:none}.bcc-output-row{gap:var(--s-2);align-items:stretch;display:flex}.bcc-output-box{background:var(--tint-mint);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);padding:var(--s-2);font-family:var(--font-mono,monospace);font-size:var(--t-md);letter-spacing:1px;word-break:break-all;color:var(--ink);flex:1;font-weight:700}.bcc-meme-callout{background:var(--bg-warm);border:var(--border-w) dashed var(--ink);border-radius:var(--r-sm);padding:var(--s-2);font-size:var(--t-xs);color:var(--ink)}.bcc-mini-prompt{align-items:center;gap:var(--s-2);flex-direction:column;width:100%;max-width:440px;margin:0 auto;display:flex}.bcc-mini-lcd{background:var(--tint-mint);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);padding:var(--s-2);width:100%;box-shadow:var(--shadow-xs);color:var(--ink);font-family:var(--font-mono,monospace)}.bcc-mini-lcd__header{font-size:var(--t-xs);border-bottom:var(--border-w) dashed var(--ink);padding-bottom:var(--s-1);justify-content:space-between;font-weight:700;display:flex}.bcc-mini-lcd__code{font-size:var(--t-md);letter-spacing:1px;text-align:center;padding:var(--s-2) 0;word-break:break-all;font-weight:700}.bcc-mini-keypad-hint{justify-content:center;gap:var(--s-1) var(--s-2);font-size:var(--t-xs);color:var(--ink-2);font-weight:700;font-family:var(--font-mono,monospace);flex-wrap:wrap;display:flex}