*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--cb-primary: #FFFFFF;--cb-primary-hover: #E0E0E0;--cb-accent: #64748B;--cb-accent-hover: #7A8EA0;--cb-accent-light: rgba(100, 116, 139, .15);--cb-accent-yellow: #FFC800;--cb-accent-yellow-dark: #E5AC00;--cb-accent-red: #FF4B4B;--cb-accent-red-dark: #E53E3E;--cb-success: #58CC02;--cb-success-hover: #4DB802;--cb-success-bg: rgba(88, 204, 2, .1);--cb-success-border: rgba(88, 204, 2, .25);--cb-bg: #131F24;--cb-surface: #182830;--cb-bg-card: #1F303D;--cb-bg-highlight: #2A3E4D;--cb-bg-selected: var(--cb-accent-light);--cb-text: #FFFFFF;--cb-text-muted: #9EAAB3;--cb-text-secondary: #9EAAB3;--cb-text-tertiary: #6B7B86;--cb-link: var(--cb-accent);--cb-link-hover: var(--cb-accent-hover);--cb-border: #384D5C;--cb-border-medium: #B5B5B5;--cb-border-hard: var(--cb-text);--cb-border-w: 1px;--cb-border-w-thick: 2px;--cb-error: #FF4B4B;--cb-error-bg: rgba(255, 75, 75, .1);--cb-error-border: rgba(255, 75, 75, .25);--cb-error-text: #FF6B6B;--cb-brand-accent: #e8751a;--cb-overlay: rgba(13, 22, 28, .8);--cb-space-xs: .25rem;--cb-space-sm: .5rem;--cb-space-md: 1rem;--cb-space-lg: 1.5rem;--cb-space-xl: 2rem;--cb-space-2xl: 3rem;--cb-space-3xl: 4rem;--cb-icon-sm: 24px;--cb-icon-md: 36px;--cb-icon-lg: 48px;--cb-leading-tight: 1.1;--cb-leading-normal: 1.5;--cb-leading-relaxed: 1.6;--cb-leading-loose: 1.7;--cb-radius: 2px;--cb-radius-lg: 8px;--cb-radius-full: 9999px;--cb-font: "Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cb-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--cb-font-serif: Georgia, "Times New Roman", serif;--cb-font-display: "Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cb-text-2xs: .625rem;--cb-text-xs: .6875rem;--cb-text-sm: .8125rem;--cb-text-base: .875rem;--cb-text-lg: .9375rem;--cb-text-xl: 1rem;--cb-text-2xl: 1.125rem;--cb-text-3xl: 1.25rem;--cb-text-4xl: 1.5rem;--cb-text-5xl: 2rem;--cb-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--cb-shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--cb-shadow-float: 0 2px 8px rgba(0, 0, 0, .08);--cb-z-sticky: 50;--cb-z-banner: 51;--cb-z-modal: 100;--cb-z-overlay: 200;--cb-transition-fast: .15s ease;--cb-transition-normal: .2s ease;--cb-anim-fast: .15s;--cb-anim-normal: .3s;--cb-anim-slow: .5s}[data-theme=light]{--cb-bg: #FFFFFF;--cb-surface: #fafaf9;--cb-bg-card: #F7F7F5;--cb-bg-highlight: #F0F0EE;--cb-bg-selected: var(--cb-accent-light);--cb-text: #121212;--cb-text-muted: #6B6B6B;--cb-text-secondary: #5a5a5a;--cb-text-tertiary: #999999;--cb-border: #e5e5e5;--cb-border-medium: #cccccc;--cb-overlay: rgba(0, 0, 0, .4);--cb-primary: #121212;--cb-primary-hover: #333333;--cb-accent: #2C3E50;--cb-accent-hover: #1E293B;--cb-accent-light: rgba(44, 62, 80, .08);--cb-error-bg: #fef2f2;--cb-error-border: #fecaca;--cb-error-text: #dc2626;--cb-success-bg: rgba(88, 204, 2, .08);--cb-success-border: rgba(88, 204, 2, .2)}html,body{height:100%;font-family:var(--cb-font);background:var(--cb-bg);color:var(--cb-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cb-btn{border:none;cursor:pointer;font-family:inherit;font-weight:600;letter-spacing:.02em;transition:all var(--cb-transition-fast)}.cb-btn:disabled,.cb-btn.disabled{opacity:.4;cursor:not-allowed}.cb-btn-primary{background:var(--cb-primary);color:var(--cb-bg);padding:.75rem 1.5rem;border-radius:var(--cb-radius-full);font-size:var(--cb-text-lg)}.cb-btn-primary:hover:not(:disabled){background:var(--cb-primary-hover)}.cb-btn-primary:active:not(:disabled){opacity:.85}.cb-btn-success{background:var(--cb-success);color:var(--cb-bg);padding:.75rem 1.5rem;border-radius:var(--cb-radius-full);font-size:var(--cb-text-lg)}.cb-btn-success:hover:not(:disabled){background:var(--cb-success-hover)}.cb-btn-success:active:not(:disabled){opacity:.85}.cb-btn-secondary{background:transparent;color:var(--cb-text);padding:.75rem 1.5rem;border:var(--cb-border-w-thick) solid var(--cb-border-medium);border-radius:var(--cb-radius-full);font-size:var(--cb-text-lg)}.cb-btn-secondary:hover:not(:disabled){border-color:var(--cb-accent);color:var(--cb-accent);background:var(--cb-accent-light)}.cb-btn-secondary:active:not(:disabled){opacity:.85}.cb-btn-icon{background:none;padding:var(--cb-space-sm);border-radius:var(--cb-radius);font-size:var(--cb-text-4xl);color:var(--cb-text-muted)}.cb-btn-icon:hover:not(:disabled){background:var(--cb-bg-highlight);color:var(--cb-text)}.cb-icon-btn{width:36px;height:36px;border-radius:var(--cb-radius);border:var(--cb-border-w-thick) solid var(--cb-border-medium);background:var(--cb-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cb-transition-fast);color:var(--cb-text-muted)}.cb-icon-btn svg{width:18px;height:18px}.cb-icon-btn:hover{border-color:var(--cb-accent);color:var(--cb-accent);background:var(--cb-accent-light)}.cb-icon-btn:active{opacity:.85}.cb-icon-btn.active{border-color:var(--cb-accent);color:var(--cb-accent);background:var(--cb-accent-light)}.cb-modal-overlay{position:fixed;inset:0;background:var(--cb-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--cb-space-md);z-index:var(--cb-z-modal)}.cb-modal{background:var(--cb-bg);padding:var(--cb-space-xl);border-radius:var(--cb-radius-lg);border:var(--cb-border-w) solid var(--cb-border);text-align:center;max-width:340px;max-height:90vh;overflow-y:auto;width:100%;box-shadow:var(--cb-shadow-md)}.cb-modal h2{margin-bottom:var(--cb-space-md);font-weight:800;color:var(--cb-text)}.cb-modal p{margin-bottom:var(--cb-space-md);color:var(--cb-text-muted);line-height:1.5}.cb-modal .cb-result-value{font-size:var(--cb-text-4xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--cb-accent);margin-bottom:var(--cb-space-md)}.cb-modal .cb-success-text{color:var(--cb-success);font-weight:600}.daily-celebration{text-align:center;padding:1rem 0}.celebration-icon{font-size:3rem;margin-bottom:.5rem}.celebration-streak{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--cb-text-4xl);font-weight:700;color:var(--cb-accent-yellow);margin-top:1rem}.cb-card{background:var(--cb-bg);border:var(--cb-border-w) solid var(--cb-border);border-radius:var(--cb-radius-lg);padding:var(--cb-space-lg)}.cb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:var(--cb-radius-full);font-size:var(--cb-text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cb-badge-primary{background:var(--cb-accent);color:#fff}.cb-badge-yellow{background:var(--cb-accent-yellow);color:var(--cb-text)}.cb-link{color:var(--cb-text-muted);font-size:var(--cb-text-base);text-align:center;cursor:pointer;transition:color var(--cb-transition-fast);text-decoration:none;border:none;background:none}.cb-link:hover{color:var(--cb-accent);text-decoration:underline}@media(max-width:480px){.cb-btn-primary,.cb-btn-secondary{min-height:44px;padding:.625rem 1.25rem;font-size:var(--cb-text-base)}.cb-modal{padding:var(--cb-space-lg);max-width:300px}.cb-icon-btn{width:34px;height:34px}}.cb-stack{display:flex;flex-direction:column;gap:var(--cb-space-sm)}.cb-stack-md{display:flex;flex-direction:column;gap:var(--cb-space-md)}.cb-stack-lg{display:flex;flex-direction:column;gap:var(--cb-space-lg)}.cb-row{display:flex;align-items:center;gap:var(--cb-space-sm)}.cb-row-md{display:flex;align-items:center;gap:var(--cb-space-md)}.cb-center{display:flex;align-items:center;justify-content:center}.cb-text-muted{color:var(--cb-text-muted)}.cb-text-sm{font-size:var(--cb-text-base)}.cb-text-xs{font-size:var(--cb-text-xs)}.cb-text-bold{font-weight:700}.cb-text-center{text-align:center}.cb-text-tabular{font-variant-numeric:tabular-nums}.cb-mt-sm{margin-top:var(--cb-space-sm)}.cb-mt-md{margin-top:var(--cb-space-md)}.cb-mt-lg{margin-top:var(--cb-space-lg)}.cb-mb-sm{margin-bottom:var(--cb-space-sm)}.cb-mb-md{margin-bottom:var(--cb-space-md)}.cb-mb-lg{margin-bottom:var(--cb-space-lg)}.cb-p-sm{padding:var(--cb-space-sm)}.cb-p-md{padding:var(--cb-space-md)}.cb-p-lg{padding:var(--cb-space-lg)}.cb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cb-container{width:100%;margin-inline:auto;padding-inline:var(--cb-space-md)}@media(min-width:640px){.cb-container{max-width:640px}}@media(min-width:768px){.cb-container{max-width:768px}}@media(min-width:1024px){.cb-container{max-width:1024px}}@media(min-width:1280px){.cb-container{max-width:1280px}}.cb-hide-xs{display:none}@media(min-width:480px){.cb-hide-xs{display:revert}}.cb-hide-sm{display:none}@media(min-width:640px){.cb-hide-sm{display:revert}}.cb-hide-md{display:none}@media(min-width:768px){.cb-hide-md{display:revert}}.cb-hide-lg{display:none}@media(min-width:1024px){.cb-hide-lg{display:revert}}@media(min-width:480px){.cb-show-xs{display:none}}@media(min-width:640px){.cb-show-sm{display:none}}@media(min-width:768px){.cb-show-md{display:none}}@media(min-width:1024px){.cb-show-lg{display:none}}.cb-text-responsive{font-size:var(--cb-text-base)}@media(min-width:640px){.cb-text-responsive{font-size:var(--cb-text-xl)}}@media(min-width:1024px){.cb-text-responsive{font-size:var(--cb-text-2xl)}}.cb-gap-responsive{gap:var(--cb-space-sm)}@media(min-width:640px){.cb-gap-responsive{gap:var(--cb-space-md)}}@media(min-width:1024px){.cb-gap-responsive{gap:var(--cb-space-lg)}}.cb-p-responsive{padding:var(--cb-space-sm)}@media(min-width:640px){.cb-p-responsive{padding:var(--cb-space-md)}}@media(min-width:1024px){.cb-p-responsive{padding:var(--cb-space-lg)}}.cb-grid-responsive{display:grid;grid-template-columns:1fr;gap:var(--cb-space-md)}@media(min-width:480px){.cb-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.cb-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.cb-grid-responsive{grid-template-columns:repeat(4,1fr)}}.cb-game-root{height:100%}#app{height:100%;display:flex;flex-direction:column}html,body{overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:transparent}.cb-game-shell{display:flex;flex-direction:column;flex:1;height:100%;width:100%;margin:0 auto;padding:var(--cb-space-sm);gap:var(--cb-space-md)}.cb-game-shell--stage{position:relative;padding:0;gap:0;overflow:hidden}.cb-header-frame--overlay{position:absolute;inset:0 0 auto;z-index:10;pointer-events:none;padding:var(--cb-space-sm) var(--cb-space-sm) 0}.cb-header-frame--overlay .cb-header{pointer-events:auto}@media(min-width:500px){.cb-game-shell{padding:var(--cb-space-md)}.cb-header-frame--overlay,.cb-game-ui-elements__header{padding:var(--cb-space-md) var(--cb-space-md) 0}.cb-game-ui-elements__footer{padding:0 var(--cb-space-md) var(--cb-space-md)}}@media(min-width:900px){.cb-game-shell{padding:var(--cb-space-lg)}.cb-header-frame--overlay,.cb-game-ui-elements__header{padding:var(--cb-space-lg) var(--cb-space-lg) 0}.cb-game-ui-elements__footer{padding:0 var(--cb-space-lg) var(--cb-space-lg)}}@media(min-width:1200px){.cb-game-shell{padding:var(--cb-space-xl)}.cb-header-frame--overlay,.cb-game-ui-elements__header{padding:var(--cb-space-xl) var(--cb-space-xl) 0}.cb-game-ui-elements__footer{padding:0 var(--cb-space-xl) var(--cb-space-xl)}}.cb-header{display:flex;align-items:center;justify-content:space-between;width:min(100%,760px);margin:0 auto;padding:var(--cb-space-sm) 0;position:relative}.cb-header-left{display:flex;align-items:center;gap:var(--cb-space-md)}.cb-header-center{position:absolute;left:50%;transform:translate(-50%)}.cb-header-right{display:flex;align-items:center;gap:var(--cb-space-sm)}.cb-title{font-size:var(--cb-text-3xl);font-weight:800;color:var(--cb-text);letter-spacing:-.01em}.cb-subtitle{background:var(--cb-bg);color:var(--cb-text-muted);padding:.25rem .625rem;border:var(--cb-border-w-thick) solid var(--cb-border-medium);border-radius:var(--cb-radius-full);font-size:var(--cb-text-xs);font-weight:600;letter-spacing:.02em}.cb-timer{font-size:var(--cb-text-2xl);font-weight:600;font-variant-numeric:tabular-nums;color:var(--cb-text-muted)}.cb-header-btn.paused{border-color:var(--cb-accent);color:var(--cb-accent);background:var(--cb-accent-light)}.cb-game-content{flex:1;display:flex;flex-direction:column;gap:var(--cb-space-md);overflow:hidden;min-height:0}.cb-game-content--stage{position:relative;gap:0}.cb-svg-game-stage{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;isolation:isolate}.cb-svg-game-stage__background,.cb-svg-game-stage__scene{position:absolute;inset:0;min-width:0;min-height:0}.cb-svg-game-stage__background{z-index:0}.cb-svg-game-stage__scene{z-index:1}.cb-svg-game-stage__background>*,.cb-svg-game-stage__scene>*{width:100%;height:100%}.cb-game-board{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate}.cb-game-board__background,.cb-game-board__content,.cb-game-board__overlay{position:absolute;inset:0;min-height:0}.cb-game-board__background{z-index:0;overflow:hidden}.cb-game-board__background>*{width:100%;height:100%}.cb-game-board__content{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0}.cb-game-board__overlay{z-index:2;display:flex;flex-direction:column;pointer-events:none}.cb-game-board__overlay>*{pointer-events:auto}.cb-game-ui-elements{position:absolute;inset:0;z-index:20;pointer-events:none}.cb-game-ui-elements__header,.cb-game-ui-elements__body,.cb-game-ui-elements__footer{position:absolute;inset-inline:0}.cb-game-ui-elements__header{top:0;padding:var(--cb-space-sm) var(--cb-space-sm) 0}.cb-game-ui-elements__body{inset:0}.cb-game-ui-elements__footer{bottom:0;padding:0 var(--cb-space-sm) var(--cb-space-sm)}.cb-game-ui-elements__header>*,.cb-game-ui-elements__body>*,.cb-game-ui-elements__footer>*{pointer-events:auto}.cb-game-footer{display:flex;flex-direction:column;gap:var(--cb-space-md);flex-shrink:0}.cb-game-shell--stage .cb-game-footer{position:absolute;inset:auto 0 0;z-index:10;pointer-events:none}.cb-game-shell--stage .cb-game-footer>*{pointer-events:auto}.cb-lives-display{display:flex;align-items:center;gap:4px}.cb-heart{width:26px;height:26px;transition:all var(--cb-transition-normal)}.cb-heart--active .cb-heart-fill{fill:var(--cb-accent-red)}.cb-heart--active .cb-heart-shadow{fill:var(--cb-accent-red-dark)}.cb-heart--lost .cb-heart-fill{fill:var(--cb-bg-highlight)}.cb-heart--lost .cb-heart-shadow{fill:var(--cb-border)}.cb-heart--lost{opacity:.4}.cb-control-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--cb-space-lg);padding:var(--cb-space-md) 0}.cb-control-btn{display:flex;flex-direction:column;align-items:center;gap:var(--cb-space-xs);background:none;border:none;cursor:pointer;padding:0;transition:all var(--cb-transition-fast)}.cb-control-btn:hover:not(:disabled){transform:translateY(-1px)}.cb-control-btn:active:not(:disabled){opacity:.85}.cb-control-btn.disabled,.cb-control-btn:disabled{opacity:.3;cursor:not-allowed}.cb-control-icon-wrapper{position:relative;width:52px;height:52px;border-radius:var(--cb-radius-full);border:var(--cb-border-w-thick) solid var(--cb-border-medium);background:var(--cb-bg);display:flex;align-items:center;justify-content:center;transition:all var(--cb-transition-fast)}.cb-control-btn:hover:not(:disabled) .cb-control-icon-wrapper{border-color:var(--cb-accent);background:var(--cb-accent-light)}.cb-control-btn:active:not(:disabled) .cb-control-icon-wrapper{opacity:.85}.cb-control-btn.active .cb-control-icon-wrapper{border-color:var(--cb-accent);background:var(--cb-accent)}.cb-control-icon{font-size:var(--cb-text-3xl);color:var(--cb-text-muted);line-height:1;transition:color var(--cb-transition-fast)}.cb-control-btn:hover:not(:disabled) .cb-control-icon{color:var(--cb-accent)}.cb-control-btn.active .cb-control-icon{color:#fff}.cb-control-active-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:var(--cb-accent);color:#fff;font-size:.5rem;font-weight:700;padding:2px 8px;border-radius:var(--cb-radius-full);text-transform:uppercase;letter-spacing:.04em}.cb-control-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:var(--cb-accent-yellow);color:var(--cb-text);font-size:var(--cb-text-xs);font-weight:700;border-radius:var(--cb-radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px}.cb-control-label{font-size:var(--cb-text-xs);font-weight:600;color:var(--cb-text-muted);margin-top:var(--cb-space-xs);transition:color var(--cb-transition-fast);letter-spacing:.02em}.cb-control-btn:hover:not(:disabled) .cb-control-label{color:var(--cb-accent)}.cb-control-btn.active .cb-control-label{color:var(--cb-accent)}.difficulty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cb-space-sm)}.difficulty-btn{padding:.625rem .5rem;background:var(--cb-bg);border:var(--cb-border-w-thick) solid var(--cb-border-medium);border-radius:var(--cb-radius-full);font-family:inherit;font-size:var(--cb-text-sm);font-weight:600;color:var(--cb-text);cursor:pointer;transition:all var(--cb-transition-fast)}.difficulty-btn:hover{border-color:var(--cb-accent);color:var(--cb-accent);background:var(--cb-accent-light)}.difficulty-btn:active{opacity:.85}.difficulty-btn--current{border-color:var(--cb-accent);background:var(--cb-accent);color:#fff}@media(max-width:360px){.difficulty-grid{grid-template-columns:repeat(2,1fr)}}.cb-score-board{display:flex;gap:var(--cb-space-sm);justify-content:center}.cb-score-box{background:var(--cb-bg);border:var(--cb-border-w) solid var(--cb-border);padding:var(--cb-space-sm) var(--cb-space-lg);border-radius:var(--cb-radius);text-align:center;min-width:80px;position:relative}.cb-score-label{display:block;font-size:var(--cb-text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cb-text-muted)}.cb-score-value{display:block;font-size:var(--cb-text-3xl);font-weight:800;font-variant-numeric:tabular-nums;color:var(--cb-text)}.cb-score-delta{position:absolute;top:-.5rem;right:-.5rem;font-size:var(--cb-text-xs);font-weight:700;color:var(--cb-accent);animation:cb-score-pop .5s ease-out forwards;pointer-events:none}@keyframes cb-score-pop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}.cb-share-btn{display:inline-flex;align-items:center;gap:var(--cb-space-sm)}.cb-share-icon{width:18px;height:18px}.cb-share-loading{letter-spacing:2px}.back-link{display:block;width:100%;margin-top:var(--cb-space-lg);padding:var(--cb-space-sm);background:none;border:none;color:var(--cb-text-muted);font-size:var(--cb-text-base);text-align:center;cursor:pointer;transition:color var(--cb-transition-fast)}.back-link:hover{color:var(--cb-accent);text-decoration:underline}.numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:.375rem;max-width:500px;margin:0 auto;width:100%}.num-btn{aspect-ratio:1;font-size:clamp(1rem,4vmin,1.375rem);font-weight:600;background:var(--cb-bg);color:var(--cb-text);border:var(--cb-border-w-thick) solid var(--cb-border-medium);border-radius:var(--cb-radius);cursor:pointer;transition:all var(--cb-transition-fast)}.num-btn:hover{border-color:var(--cb-accent);background:var(--cb-accent-light);color:var(--cb-accent)}.num-btn:active{opacity:.85}.num-btn.completed{opacity:.2;pointer-events:none}@media(max-width:480px){.cb-game-shell{padding:var(--cb-space-sm);gap:var(--cb-space-sm)}.cb-title{font-size:var(--cb-text-2xl)}.cb-subtitle{font-size:var(--cb-text-2xs);padding:.1875rem .5rem}.cb-timer{font-size:var(--cb-text-xl)}.cb-control-bar{gap:var(--cb-space-md)}.cb-control-icon-wrapper{width:46px;height:46px}.cb-control-icon{font-size:var(--cb-text-3xl)}.cb-control-label{font-size:var(--cb-text-2xs)}.cb-control-badge{min-width:18px;height:18px;font-size:var(--cb-text-2xs)}.numpad{gap:var(--cb-space-xs)}}@media(max-width:360px){.cb-game-shell{padding:var(--cb-space-xs);gap:var(--cb-space-xs)}.cb-header{padding:var(--cb-space-xs) 0}.cb-title{font-size:var(--cb-text-xl)}.cb-control-bar{gap:var(--cb-space-sm)}.cb-control-icon-wrapper{width:42px;height:42px}.cb-control-icon{font-size:var(--cb-text-2xl)}.cb-control-active-indicator{font-size:.4375rem;padding:1px 5px}.cb-control-badge{min-width:16px;height:16px;font-size:.5625rem;top:-2px;right:-2px}}.cb-toast-container{display:flex;justify-content:center;align-items:flex-start;height:2.5rem;width:100%;flex-shrink:0}.cb-toast{padding:10px 24px;border-radius:var(--cb-radius, 8px);font-weight:700;font-size:var(--cb-text-sm, 14px);letter-spacing:.02em;text-transform:uppercase;animation:cb-toast-in .2s ease-out;white-space:nowrap}.cb-toast--error{background:var(--cb-error);color:var(--cb-bg)}.cb-toast--success{background:var(--cb-success);color:var(--cb-bg)}.cb-toast--warn{background:var(--cb-accent);color:var(--cb-bg)}.cb-toast--info{background:var(--cb-surface);color:var(--cb-text)}@keyframes cb-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cb-toast-pop{position:fixed;z-index:60;pointer-events:none;padding:8px 18px;border-radius:var(--cb-radius, 8px);font-weight:700;font-size:var(--cb-text-sm, 14px);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-100%);margin-top:-12px;animation:cb-toast-pop 1.2s ease-out forwards}@keyframes cb-toast-pop{0%{opacity:0;transform:translate(-50%,-100%) scale(.7)}12%{opacity:1;transform:translate(-50%,-100%) scale(1.05)}20%{opacity:1;transform:translate(-50%,-100%) scale(1)}70%{opacity:1;transform:translate(-50%,-100%) scale(1)}to{opacity:0;transform:translate(-50%,-140%) scale(.9)}}.cb-game-layout{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.cb-game-layout__stage{flex:1;min-height:0;order:1;isolation:isolate}.cb-game-layout__stage:has(.sge-canvas--contain){display:flex;align-items:center;justify-content:center}.cb-game-layout__canvas{width:100%;height:100%;display:block}.cb-game-layout--capture{background:var(--cb-surface)}.cb-game-layout--capture .cb-game-layout__stage{width:100%;height:100%}.cb-game-layout__ui{display:contents}.cb-game-layout__header{flex-shrink:0;order:0;padding:var(--cb-space-sm) var(--cb-space-sm) 0}.cb-game-layout__body{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;pointer-events:none}.cb-game-layout__body>*{pointer-events:auto}.cb-game-layout__footer{flex-shrink:0;order:2;padding:0 var(--cb-space-sm) var(--cb-space-sm)}@media(min-width:500px){.cb-game-layout__header{padding:var(--cb-space-md) var(--cb-space-md) 0}.cb-game-layout__footer{padding:0 var(--cb-space-md) var(--cb-space-md)}}@media(min-width:900px){.cb-game-layout__header{padding:var(--cb-space-lg) var(--cb-space-lg) 0}.cb-game-layout__footer{padding:0 var(--cb-space-lg) var(--cb-space-lg)}}@media(min-width:1200px){.cb-game-layout__header{padding:var(--cb-space-xl) var(--cb-space-xl) 0}.cb-game-layout__footer{padding:0 var(--cb-space-xl) var(--cb-space-xl)}}.sge-drag-overlay{position:fixed;left:0;top:0;z-index:40;pointer-events:none;will-change:transform}.sge-drag-scaler{will-change:transform}.sge-drag-scaler--grow{transform:scale(var(--sge-drag-scale));animation:sge-drag-grow .15s ease-out}@keyframes sge-drag-grow{0%{transform:scale(1)}}:root{--cb-game-wordcomb: #f7da21;--cb-game-wordcomb-center-bg: #f7da21;--cb-game-wordcomb-center-text: #1a1a1b;--cb-game-wordcomb-outer-bg: var(--cb-surface, #2a2a2a);--cb-game-wordcomb-outer-text: var(--cb-text, #fff);--cb-game-wordcomb-progress: #f7da21;--cb-game-wordcomb-highlight: #f7da21;--cb-game-wordcomb-error: var(--cb-error, #FF4B4B);--cb-game-wordcomb-success: var(--cb-success, #58CC02);--cb-game-wordcomb-chip-bg: var(--cb-surface, #2a2a2a)}[data-theme=light]{--cb-game-wordcomb-outer-bg: #e6e6e6;--cb-game-wordcomb-outer-text: #1a1a1b;--cb-game-wordcomb-chip-bg: #f0f0ee}.wc-header{max-width:360px;margin:0 auto;width:100%}.wc-hex__fill--center{fill:var(--cb-game-wordcomb-center-bg)}.wc-hex__fill--outer{fill:var(--cb-game-wordcomb-outer-bg)}.wc-hex__text--center{fill:var(--cb-game-wordcomb-center-text);font-family:var(--cb-font-sans);-webkit-user-select:none;user-select:none}.wc-hex__text--outer{fill:var(--cb-game-wordcomb-outer-text);font-family:var(--cb-font-sans);-webkit-user-select:none;user-select:none}.wc-hex:active .wc-hex__fill{opacity:.85}.wc-input-text{font-family:var(--cb-font-sans);letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sb-progress{display:flex;align-items:center;gap:var(--cb-space-sm);padding:var(--cb-space-sm) var(--cb-space-md);width:100%}.sb-rank{font-weight:700;font-size:var(--cb-text-sm);white-space:nowrap}.sb-progress-bar{flex:1;height:6px;background:var(--cb-border);border-radius:var(--cb-radius);overflow:hidden}.sb-progress-fill{height:100%;background:var(--cb-game-wordcomb-progress);border-radius:var(--cb-radius);transition:width var(--cb-anim-normal) ease}.sb-score{font-weight:600;font-size:var(--cb-text-sm);white-space:nowrap}.sb-wordlist{padding:var(--cb-space-sm) var(--cb-space-md);width:100%}.sb-wordlist__header{display:flex;align-items:center;justify-content:center;gap:var(--cb-space-sm);font-size:var(--cb-text-sm);color:var(--cb-text-secondary);font-weight:600;text-align:center}.sb-wordlist__collapse{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:1px solid var(--cb-border);border-radius:var(--cb-radius);color:var(--cb-text-secondary);cursor:pointer}.sb-wordlist__collapse:hover{background:var(--cb-surface)}.sb-wordlist__words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:var(--cb-space-xs);max-height:150px;overflow-y:auto}.sb-wordlist__words--preview{flex-wrap:nowrap;overflow:hidden}.sb-wordlist__word{padding:3px 10px;background:var(--cb-game-wordcomb-chip-bg);border-radius:var(--cb-radius-full);font-size:var(--cb-text-sm);font-weight:500}.sb-wordlist__ellipsis{cursor:pointer;color:var(--cb-text-secondary);font-weight:700}