:root{--bsc-primary:#6366f1;--bsc-primary-light:#818cf8;--bsc-strike:#f59e0b;--bsc-spare:#10b981;--bsc-bg:#fff;--bsc-text:#1e293b;--bsc-text-muted:#64748b;--bsc-border:#e2e8f0;--bsc-frame-bg:#f8fafc;--bsc-frame-active:#6366f114;--bsc-roll-bg:#f1f5f9;--bsc-complete-bg:linear-gradient(135deg, #6366f1, #8b5cf6);--bsc-shadow:0 1px 3px #00000014;--bsc-shadow-md:0 4px 12px #0000001a}._bsc-container{gap:var(--main-space-6);flex-direction:column;max-width:900px;margin:0 auto;display:flex}@media (max-width:768px){._bsc-container{gap:var(--main-space-4);padding-left:.75rem;padding-right:.75rem}}@media (max-width:480px){._bsc-container{gap:var(--main-space-3);padding-left:.5rem;padding-right:.5rem}}._bsc-scorecard{background:var(--bsc-bg);border-radius:var(--main-radius-lg);box-shadow:var(--bsc-shadow-md);border-style:solid;border-width:1px;border-color:var(--bsc-border);-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain;overflow:auto hidden}._bsc-scorecard::-webkit-scrollbar{height:4px}._bsc-scorecard::-webkit-scrollbar-thumb{background:var(--bsc-border);border-radius:2px}._bsc-scorecard-inner{min-width:780px;display:flex}._bsc-frames{flex:1;min-height:100px;display:flex}._bsc-frame{border-right-style:solid;border-right-width:1px;border-right-color:var(--bsc-border);flex-direction:column;flex:1;min-width:64px;display:flex}._bsc-frame:last-child{border-right-width:0}._bsc-frame--10th{flex:1.4;min-width:90px}._bsc-frame--active{background:var(--bsc-frame-active)}._bsc-frame--complete{background:var(--bsc-frame-bg)}._bsc-frame-header{text-align:center;font-size:var(--main-text-xs);color:var(--bsc-text-muted);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bsc-border);text-transform:uppercase;letter-spacing:.05em;padding:.375rem 0;font-weight:600}._bsc-frame--active ._bsc-frame-header{color:var(--bsc-primary)}._bsc-frame-rolls{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bsc-border);min-height:32px;display:flex}._bsc-roll{font-size:var(--main-text-sm);min-width:28px;color:var(--bsc-text);flex:1;justify-content:center;align-items:center;padding:.25rem;font-weight:600;display:flex}._bsc-roll+._bsc-roll{border-left-style:solid;border-left-width:1px;border-left-color:var(--bsc-border)}._bsc-roll--strike{color:var(--bsc-strike);font-weight:700}._bsc-roll--spare{color:var(--bsc-spare);font-weight:700}._bsc-roll--active{background:#6366f11f;border-radius:2px}._bsc-frame-score{text-align:center;font-size:var(--main-text-base);color:var(--bsc-text);justify-content:center;align-items:center;min-height:40px;padding:.5rem .25rem;font-weight:700;display:flex}._bsc-frame--active ._bsc-frame-score{color:var(--bsc-primary)}._bsc-total-cell{background:var(--bsc-primary);color:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:80px;padding:.5rem;display:flex}._bsc-total-label{font-size:var(--main-text-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-weight:600}._bsc-total-score{font-size:1.5rem;font-weight:800;line-height:1.2}@media (max-width:768px){._bsc-frame{min-width:56px}._bsc-frame--10th{min-width:80px}._bsc-scorecard-inner{min-width:680px}._bsc-total-cell{min-width:64px;padding:.375rem}._bsc-total-score{font-size:1.25rem}._bsc-frame-rolls{min-height:28px}._bsc-roll{min-width:24px;padding:.2rem}._bsc-frame-score{min-height:36px;padding:.375rem .25rem}}@media (max-width:480px){._bsc-frame{min-width:48px}._bsc-frame--10th{min-width:68px}._bsc-scorecard-inner{min-width:580px}._bsc-total-cell{min-width:56px}._bsc-total-score{font-size:1.125rem}._bsc-total-label{font-size:.625rem}._bsc-roll{font-size:var(--main-text-xs);min-width:20px}._bsc-frame-score{font-size:var(--main-text-sm);min-height:32px}._bsc-frame-header{padding:.25rem 0;font-size:.625rem}}._bsc-controls{background:var(--bsc-bg);border-radius:var(--main-radius-lg);box-shadow:var(--bsc-shadow-md);border-style:solid;border-width:1px;border-color:var(--bsc-border);padding:var(--main-space-5);gap:var(--main-space-4);flex-direction:column;display:flex}._bsc-pin-section{gap:var(--main-space-3);flex-direction:column;align-items:center;display:flex}._bsc-pin-label{font-size:var(--main-text-sm);color:var(--bsc-text-muted);font-weight:500}._bsc-pin-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:48px;display:flex}._bsc-pin-btn{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--bsc-border);background:var(--bsc-frame-bg);width:48px;height:48px;color:var(--bsc-text);font-size:var(--main-text-base);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:flex}._bsc-pin-btn:hover:not(:disabled){border-color:var(--bsc-primary);color:var(--bsc-primary);background:#6366f10f}._bsc-pin-btn:disabled{opacity:.35;cursor:not-allowed}._bsc-pin-btn--strike{border-color:var(--bsc-strike);color:var(--bsc-strike);background:#f59e0b14}._bsc-pin-btn--strike:hover:not(:disabled){border-color:var(--bsc-strike);color:var(--bsc-strike);background:#f59e0b26}._bsc-actions{justify-content:center;gap:.75rem;display:flex}._bsc-btn{border-radius:var(--main-radius);min-height:40px;font-size:var(--main-text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-style:solid;border-width:1px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;transition:opacity .15s,background-color .15s,color .15s,border-color .15s;display:inline-flex}._bsc-btn svg{width:14px;height:14px}._bsc-btn-undo{border-color:var(--bsc-border);color:var(--bsc-text-muted);background:0 0}._bsc-btn-undo:hover:not(:disabled){color:var(--bsc-text);border-color:var(--bsc-text-muted)}._bsc-btn-undo:disabled{opacity:.4;cursor:not-allowed}._bsc-btn-reset{border-color:var(--bsc-border);color:var(--bsc-text-muted);background:0 0}._bsc-btn-reset:hover{color:var(--main-error);border-color:var(--main-error)}@media (max-width:768px){._bsc-controls{padding:var(--main-space-4);gap:var(--main-space-3)}._bsc-pin-buttons{gap:.375rem}._bsc-pin-btn{width:44px;height:44px;font-size:var(--main-text-sm)}._bsc-actions{gap:.5rem}._bsc-btn{flex:1;max-width:200px;min-height:44px}}@media (max-width:480px){._bsc-controls{padding:var(--main-space-3)}._bsc-pin-buttons{grid-template-columns:repeat(6,1fr);gap:.375rem;width:100%;display:grid}._bsc-pin-btn{width:100%;height:44px}}@media (max-width:360px){._bsc-pin-buttons{gap:.25rem}._bsc-pin-btn{height:40px;font-size:var(--main-text-sm)}}._bsc-stats{gap:var(--main-space-3);grid-template-columns:repeat(4,1fr);display:grid}._bsc-stat-item{background:var(--bsc-bg);border-radius:var(--main-radius-lg);box-shadow:var(--bsc-shadow);border-style:solid;border-width:1px;border-color:var(--bsc-border);padding:var(--main-space-4);flex-direction:column;align-items:center;gap:.25rem;display:flex}._bsc-stat-value{color:var(--bsc-text);font-size:1.375rem;font-weight:700}._bsc-stat-label{font-size:var(--main-text-xs);color:var(--bsc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}._bsc-complete{background:var(--bsc-bg);border-radius:var(--main-radius-lg);box-shadow:var(--bsc-shadow-md);border-style:solid;border-width:1px;border-color:var(--bsc-border);padding:var(--main-space-6);text-align:center}._bsc-complete-score{background:var(--bsc-complete-bg);-webkit-text-fill-color:transparent;margin-bottom:var(--main-space-2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.2}._bsc-complete-msg{font-size:var(--main-text-base);color:var(--bsc-text-muted);font-weight:500}@media (max-width:768px){._bsc-stats{gap:var(--main-space-2)}._bsc-stat-item{padding:var(--main-space-3)}._bsc-stat-value{font-size:1.125rem}._bsc-complete{padding:var(--main-space-5)}._bsc-complete-score{font-size:2.5rem}._bsc-complete-msg{font-size:var(--main-text-sm)}}@media (max-width:640px){._bsc-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){._bsc-stat-item{padding:.625rem .5rem}._bsc-stat-value{font-size:1rem}._bsc-stat-label{font-size:.625rem}._bsc-complete{padding:var(--main-space-4)}._bsc-complete-score{font-size:2rem}}