.streak-header .streak-mode-label{align-items:center;color:var(--plot-pen);display:inline-flex;font-family:var(--font-family-mono);font-weight:700;gap:3px;letter-spacing:.06em;text-transform:uppercase}.streak-status-bar{align-items:center;background:var(--level-area-bg);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 12px;row-gap:6px}.streak-best-chip,.streak-bounces-chip,.streak-round-chip,.streak-rule-chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-family-mono);font-size:var(--font-size-fluid-sm);font-weight:600;gap:5px;letter-spacing:.02em;padding:5px 12px;white-space:nowrap}.streak-best-chip{font-feature-settings:"tnum";background:var(--interactive-bg);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:700}.streak-best-chip svg{color:var(--warning-color)}.streak-best-chip.is-record{background:var(--overlay-success-10);color:var(--success-color)}.streak-best-chip.is-record svg{color:var(--success-color)}.streak-best-value{display:inline-block}@media (prefers-reduced-motion:no-preference){.streak-best-value{animation:streakBestPop .4s var(--ease-spring)}}@keyframes streakBestPop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.streak-round-chip{background:var(--overlay-error-10);color:var(--plot-pen);font-weight:700}.streak-bounces-chip{background:var(--interactive-primary-bg);color:var(--primary-color)}.streak-rule-chip{font-feature-settings:"tnum";background:var(--interactive-bg);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.streak-game-area{position:relative}.streak-overlay{align-items:center;animation:streakFadeIn .25s var(--ease-out);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--overlay-surface-95);display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;padding:24px;position:absolute;text-align:center;z-index:var(--z-index-loading)}@keyframes streakFadeIn{0%{opacity:0}to{opacity:1}}.streak-error-message{color:var(--error-color);font-size:var(--font-size-fluid-base);font-weight:600;line-height:1.5;margin:0;max-width:32ch}.streak-start-button{background:var(--primary-color);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:var(--font-size-button);font-weight:700;margin-top:8px;padding:14px 40px;transition:background var(--transition-quick),transform var(--transition-quick),box-shadow var(--transition-quick)}.streak-start-button:hover:not(:disabled){background:var(--primary-soft);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.streak-start-button:active:not(:disabled){transform:translateY(0)}.streak-start-button:disabled{cursor:wait;opacity:var(--opacity-disabled)}.streak-landing{gap:12px}.streak-landing-title{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;font-size:var(--font-size-fluid-xl);font-weight:800;gap:7px;letter-spacing:-.01em;line-height:1.1;margin:0}.streak-landing-mode{align-items:center;color:var(--plot-pen);display:inline-flex;font-family:var(--font-family-mono);font-size:var(--font-size-fluid-base);font-weight:700;gap:6px;letter-spacing:.06em;text-transform:uppercase}.streak-landing-rules{color:var(--text-secondary);font-size:var(--font-size-fluid-base);font-weight:500;line-height:1.5;margin:0;max-width:42ch}.streak-landing-resume{color:var(--text-tertiary);font-size:var(--font-size-fluid-sm);font-weight:600;margin:0}.streak-landing-start{margin-top:4px}.streak-cleared-overlay{-webkit-tap-highlight-color:transparent;align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;inset:0;justify-content:center;margin:0;padding:22px 16px 0;position:absolute;z-index:var(--z-index-loading)}.streak-cleared-card{align-items:center;animation:streakCardIn .35s var(--ease-spring);background:var(--overlay-surface-98);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:7px;max-width:100%;min-width:232px;padding:18px 28px 13px}@keyframes streakCardIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}.streak-cleared-check{align-items:center;background:var(--success-color);border-radius:var(--radius-full);color:#fff;display:flex;font-size:19px;font-weight:800;height:36px;justify-content:center;width:36px}.streak-cleared-title{color:var(--text-primary);font-size:var(--font-size-fluid-lg);font-weight:800;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.streak-cleared-next{background:var(--interactive-primary-bg);border-radius:var(--radius-full);color:var(--primary-color);font-size:var(--font-size-fluid-sm);font-weight:700;padding:3px 13px;white-space:nowrap}.streak-cleared-progress{background:var(--gray-200);border-radius:var(--radius-full);height:3px;margin-top:6px;overflow:hidden;width:100%}.streak-cleared-progress-fill{animation-fill-mode:forwards;animation-name:streakProgressDrain;animation-timing-function:linear;background:var(--success-color);border-radius:inherit;display:block;height:100%;transform-origin:left center}[dir=rtl] .streak-cleared-progress-fill{transform-origin:right center}@keyframes streakProgressDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.streak-cleared-hint{color:var(--text-tertiary);font-size:var(--font-size-fluid-xs);font-weight:600;white-space:nowrap}@media (prefers-reduced-motion:reduce){.streak-cleared-card{animation:none}.streak-cleared-progress{display:none}}.streak-reopen-chip{background:var(--overlay-surface-98);border:1px solid var(--border-color);border-radius:var(--radius-full);bottom:14px;box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-fluid-sm);font-weight:700;left:50%;padding:9px 20px;position:absolute;transform:translateX(-50%);transition:transform var(--transition-quick);z-index:var(--z-index-loading)}.streak-reopen-chip:hover{transform:translateX(-50%) translateY(-1px)}.streak-over-modal .modal-content{text-align:center}.streak-over-score{align-items:center;display:flex;flex-direction:column;gap:2px;margin:6px 0 14px}.streak-over-number{font-feature-settings:"tnum";color:var(--primary-color);font-size:3.25rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.streak-over-label{color:var(--text-secondary);font-size:var(--font-size-fluid-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.streak-over-stats{display:flex;gap:12px;justify-content:center;margin-bottom:14px}.streak-over-stat{align-items:center;background:var(--interactive-bg);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;min-width:84px;padding:10px 14px}.streak-over-stat-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-fluid-xl);font-variant-numeric:tabular-nums;font-weight:800}.streak-over-stat-label{color:var(--text-tertiary);font-size:var(--font-size-fluid-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.streak-over-detail{color:var(--text-secondary);font-size:var(--font-size-fluid-sm);margin:0 0 12px}.streak-over-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.streak-again-button{background:var(--primary-color);border:1.5px solid var(--primary-color);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--overlay-primary-30);color:#fff;cursor:pointer;font-size:var(--font-size-button);font-weight:700;padding:12px 20px;transition:background var(--transition-quick),border-color var(--transition-quick),box-shadow var(--transition-quick),transform var(--transition-quick)}.streak-again-button:hover{background:var(--primary-soft);border-color:var(--primary-soft)}.streak-again-button:active{box-shadow:1px 1px 0 var(--overlay-primary-30);transform:translate(1px,1px)}.streak-share-button{justify-content:center;width:100%}.streak-over-modal .share-button-primary{background:#0000;border:1.5px solid var(--overlay-primary-40);box-shadow:none;color:var(--primary-color)}.streak-over-modal .share-button-primary:hover{background:var(--overlay-primary-10);border-color:var(--primary-color)}.streak-over-modal .share-button-primary:active{background:var(--overlay-primary-20);box-shadow:none;transform:translate(1px,1px)}.streak-over-modal.rating-perfect .streak-over-number{color:var(--success-color)}.streak-over-number,.streak-over-stat-value{font-feature-settings:"tnum";font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}
