.unified-form{box-sizing:border-box;width:100%}.unified-form *{box-sizing:border-box}.unified-field{margin-bottom:var(--spacing-lg);width:100%}.unified-field:last-child{margin-bottom:0}.unified-field--inline{align-items:center;gap:var(--spacing-md);display:flex}.unified-field--group{gap:var(--spacing-sm);align-items:flex-end;display:flex}.unified-label{font-weight:500;font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.4;display:block}.unified-label--required:after{content:" *";color:var(--color-error);font-weight:700}.unified-label--kids{font-family:var(--font-family-kids);font-size:var(--font-size-body);color:var(--color-kids-red);text-shadow:1px 1px 0 var(--color-kids-yellow);font-weight:700}.unified-input{width:100%;min-height:var(--touch-target-comfortable);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-web-md);transition:all var(--transition-web-normal);appearance:none;outline:none;font-family:inherit}.unified-input::placeholder{color:var(--color-text-light);opacity:1}.unified-input:focus{border-color:var(--color-primary-blue);transform:translateY(-1px);box-shadow:0 0 0 3px #06c3}.unified-input:disabled{background-color:var(--color-bg-light);color:var(--color-text-light);cursor:not-allowed;opacity:.6}.unified-input--sm{min-height:36px;padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.unified-input--lg{min-height:56px;padding:var(--spacing-lg)var(--spacing-xl);font-size:var(--font-size-lg)}.unified-input--kids{border:3px solid var(--color-kids-teal);border-radius:var(--radius-md);font-family:var(--font-family-kids);font-size:var(--font-size-body);box-shadow:var(--shadow-basic);background:linear-gradient(135deg,#fff,#fff9c4)}.unified-input--kids:focus{border-color:var(--color-kids-red);box-shadow:0 0 0 3px #ff6b6b4d,var(--shadow-elevated);transform:translateY(-2px)}.unified-input--valid,.unified-input.is-valid{border-color:var(--color-success-web);background-color:#f8fff8}.unified-input--valid:focus,.unified-input.is-valid:focus{border-color:var(--color-success-web);box-shadow:0 0 0 3px #28b46333}.unified-input--invalid,.unified-input.is-invalid{border-color:var(--color-error-web);background-color:#fff5f5}.unified-input--invalid:focus,.unified-input.is-invalid:focus{border-color:var(--color-error-web);box-shadow:0 0 0 3px #d32f2f33}.unified-input--warning{border-color:var(--color-warning-web);background-color:#fffaf0}.unified-input--warning:focus{border-color:var(--color-warning-web);box-shadow:0 0 0 3px #f57c0033}.unified-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.unified-textarea--kids{border:3px solid var(--color-kids-teal);border-radius:var(--radius-md);font-family:var(--font-family-kids);box-shadow:var(--shadow-basic);background:linear-gradient(135deg,#fff,#fff9c4)}.unified-select{width:100%;display:block;position:relative}.unified-select select{width:100%;min-height:var(--touch-target-comfortable);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-web-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;outline:none;padding-right:2.5rem}.unified-select select:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #06c3}.unified-select--kids select{background-color:var(--color-kids-yellow);border:3px solid var(--color-kids-red);border-radius:var(--radius-pill);font-family:var(--font-family-kids);box-shadow:var(--shadow-basic);font-weight:700}.unified-checkbox,.unified-radio{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;line-height:1.4;display:flex}.unified-checkbox input[type=checkbox],.unified-radio input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary-blue);margin:0}.unified-checkbox--kids,.unified-radio--kids{font-family:var(--font-family-kids);color:var(--color-text-kids-primary);font-weight:700}.unified-checkbox--kids input[type=checkbox],.unified-radio--kids input[type=radio]{width:20px;height:20px;accent-color:var(--color-kids-red)}.unified-checkbox--custom{position:relative}.unified-checkbox--custom input[type=checkbox]{opacity:0;position:absolute}.unified-checkbox--custom .checkbox-custom{border:2px solid var(--color-border-light);border-radius:var(--radius-web-sm);background-color:var(--color-bg-card);width:20px;height:20px;transition:all var(--transition-web-fast);justify-content:center;align-items:center;display:flex}.unified-checkbox--custom input[type=checkbox]:checked+.checkbox-custom{background-color:var(--color-primary-blue);border-color:var(--color-primary-blue);color:#fff}.unified-checkbox--custom input[type=checkbox]:focus+.checkbox-custom{box-shadow:0 0 0 3px #06c3}.unified-help-text{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-xs);line-height:1.4}.unified-error-message{font-size:var(--font-size-sm);color:var(--color-error-web);margin-top:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);line-height:1.4;display:flex}.unified-error-message:before{content:"⚠";font-size:1em}.unified-success-message{font-size:var(--font-size-sm);color:var(--color-success-web);margin-top:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);line-height:1.4;display:flex}.unified-success-message:before{content:"✓";font-size:1em}.unified-error-message--kids{color:var(--color-kids-red);font-family:var(--font-family-kids);font-weight:700}.unified-success-message--kids{color:var(--color-kids-green);font-family:var(--font-family-kids);font-weight:700}.unified-input-group{width:100%;display:flex}.unified-input-group .unified-input{border-radius:0;flex:1}.unified-input-group .unified-input:first-child{border-top-left-radius:var(--radius-web-md);border-bottom-left-radius:var(--radius-web-md)}.unified-input-group .unified-input:last-child{border-top-right-radius:var(--radius-web-md);border-bottom-right-radius:var(--radius-web-md)}.unified-input-group .unified-input:not(:last-child){border-right:none}.unified-input-addon{padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-bg-light);border:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;align-items:center;display:flex}.unified-input-addon:first-child{border-top-left-radius:var(--radius-web-md);border-bottom-left-radius:var(--radius-web-md);border-right:none}.unified-input-addon:last-child{border-top-right-radius:var(--radius-web-md);border-bottom-right-radius:var(--radius-web-md);border-left:none}.unified-form--horizontal{gap:var(--spacing-lg);grid-template-columns:1fr 2fr;align-items:start;display:grid}.unified-form--horizontal .unified-label{padding-top:var(--spacing-sm);margin-bottom:0}@media (prefers-contrast:high){.unified-input,.unified-select select{border-width:2px}.unified-input:focus,.unified-select select:focus{border-width:3px}}@media (prefers-reduced-motion:reduce){.unified-input,.unified-select select,.checkbox-custom{transition:none}.unified-input:focus{transform:none}}.unified-checkbox:focus-within,.unified-radio:focus-within{outline:2px solid var(--color-primary-blue);outline-offset:2px;border-radius:var(--radius-web-sm)}.unified-form-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:flex-end;display:flex}.unified-form-actions--center{justify-content:center}.unified-form-actions--start{justify-content:flex-start}.unified-form-actions--full{flex-direction:column}.unified-form-actions--full .unified-btn{width:100%}.unified-fieldset{border:1px solid var(--color-border-light);border-radius:var(--radius-web-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.unified-legend{color:var(--color-text-primary);padding:0 var(--spacing-sm);font-weight:600;font-size:var(--font-size-lg)}.unified-fieldset--kids{border:3px dashed var(--color-kids-yellow);border-radius:var(--radius-md);background:#ffffff80}.unified-legend--kids{font-family:var(--font-family-kids);color:var(--color-kids-red);font-weight:700;font-size:var(--font-size-body)}
.unified-navbar{background:var(--color-primary-active,var(--color-primary-blue));width:100%;color:var(--color-text-on-accent);box-shadow:var(--shadow-active,var(--shadow-web-sm));z-index:var(--z-index-fixed);transition:all var(--transition-active);position:relative}.unified-navbar-container{max-width:var(--container-main);padding:0 var(--spacing-md);justify-content:space-between;align-items:center;min-height:64px;margin:0 auto;display:flex}.unified-navbar-brand{align-items:center;gap:var(--spacing-sm);font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--color-text-on-accent);transition:all var(--transition-web-fast);text-decoration:none;display:flex}.unified-navbar-brand:hover{opacity:.9;transform:scale(1.02)}.unified-navbar-logo{object-fit:contain;width:auto;height:40px}.unified-navbar-menu{align-items:center;gap:var(--spacing-lg);margin:0;padding:0;list-style:none;display:flex}.unified-navbar-item{position:relative}.unified-navbar-link{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-on-accent);border-radius:var(--radius-web-sm);transition:all var(--transition-web-fast);font-weight:var(--font-medium);font-size:var(--text-base);min-height:var(--touch-target-min);white-space:nowrap;align-items:center;text-decoration:none;display:flex}.unified-navbar-link:hover{background:#ffffff1a;transform:translateY(-1px)}.unified-navbar-link:focus-visible{outline-offset:2px;outline:2px solid #fff9}.unified-navbar-link.active{font-weight:var(--font-semibold);background:#fff3}.unified-navbar-link .nav-icon{margin-right:var(--spacing-xs);font-size:1.1em}.unified-navbar-link .nav-icon:only-child{margin-right:0}.unified-dropdown{position:relative}.unified-dropdown-trigger{align-items:center;gap:var(--spacing-xs);cursor:pointer;display:flex}.unified-dropdown-trigger:after{content:"▼";transition:transform var(--transition-web-fast);font-size:.75em}.unified-dropdown.is-active .unified-dropdown-trigger:after{transform:rotate(180deg)}.unified-dropdown-menu{background:var(--color-bg-card);border-radius:var(--radius-web-md);min-width:200px;box-shadow:var(--shadow-web-lg);border:1px solid var(--color-border-light);padding:var(--spacing-sm)0;opacity:0;visibility:hidden;transition:all var(--transition-web-normal);z-index:var(--z-index-dropdown);position:absolute;top:100%;left:0;transform:translateY(-10px)}.unified-dropdown.is-active .unified-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.unified-dropdown-item{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-primary);text-align:left;cursor:pointer;width:100%;font-size:var(--text-sm);transition:all var(--transition-web-fast);background:0 0;border:none;text-decoration:none;display:block}.unified-dropdown-item:hover{background:var(--color-bg-light);color:var(--color-primary-blue)}.unified-dropdown-item:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:-2px}.unified-dropdown-item.is-active{background:var(--color-primary-blue);color:var(--color-text-on-accent);font-weight:var(--font-medium)}.unified-dropdown--right .unified-dropdown-menu{left:auto;right:0}.unified-navbar-toggle{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-web-sm);transition:all var(--transition-web-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:none}.unified-navbar-toggle:hover{background:#ffffff1a}.unified-navbar-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff9}.unified-navbar-toggle-line{background:var(--color-text-on-accent);width:24px;height:3px;transition:all var(--transition-web-fast);transform-origin:50%;border-radius:2px}.unified-navbar-toggle-line:not(:last-child){margin-bottom:4px}.unified-navbar-toggle.is-active .unified-navbar-toggle-line:first-child{transform:rotate(45deg)translate(6px,6px)}.unified-navbar-toggle.is-active .unified-navbar-toggle-line:nth-child(2){opacity:0;transform:scale(0)}.unified-navbar-toggle.is-active .unified-navbar-toggle-line:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.unified-navbar-mobile{background:var(--color-bg-card);transition:transform var(--transition-web-normal);z-index:var(--z-index-modal);position:fixed;inset:64px 0 0;overflow-y:auto;transform:translate(-100%)}.unified-navbar-mobile.is-active{transform:translate(0)}.unified-navbar-mobile-content{padding:var(--spacing-lg)}.unified-navbar-mobile .unified-navbar-menu{flex-direction:column;align-items:stretch;gap:0}.unified-navbar-mobile .unified-navbar-link{padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);border-radius:0;justify-content:flex-start}.unified-navbar-mobile .unified-navbar-link:hover{background:var(--color-bg-light);transform:none}.unified-navbar-mobile .unified-dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:var(--color-bg-light);margin-left:var(--spacing-lg);border:none;border-radius:0;position:static;transform:none}.unified-navbar-backdrop{opacity:0;visibility:hidden;transition:all var(--transition-web-normal);z-index:var(--z-index-modal-backdrop);background:#00000080;position:fixed;inset:64px 0 0}.unified-navbar-backdrop.is-active{opacity:1;visibility:visible}.kids-theme .unified-navbar,.page-games .unified-navbar{background:var(--gradient-primary);box-shadow:var(--shadow-basic);font-family:var(--font-family-kids)}.kids-theme .unified-navbar-brand,.page-games .unified-navbar-brand{font-family:var(--font-family-kids);font-weight:700;font-size:var(--text-xl);color:var(--color-text-on-accent);text-shadow:2px 2px #0003}.kids-theme .unified-navbar-link,.page-games .unified-navbar-link{font-family:var(--font-family-kids);border-radius:var(--radius-pill);padding:var(--spacing-sm)var(--spacing-lg);font-weight:700}.kids-theme .unified-navbar-link:hover,.page-games .unified-navbar-link:hover{background:#fff3;transform:translateY(-2px)scale(1.05)}.kids-theme .unified-dropdown-menu,.page-games .unified-dropdown-menu{background:var(--gradient-warm-bg);border:3px solid var(--color-kids-red);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.kids-theme .unified-dropdown-item,.page-games .unified-dropdown-item{font-family:var(--font-family-kids);color:var(--color-text-kids-primary);font-weight:700}.kids-theme .unified-dropdown-item:hover,.page-games .unified-dropdown-item:hover{background:var(--color-kids-yellow);color:var(--color-text-kids-primary)}.unified-breadcrumb{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)0;font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.unified-breadcrumb-item{align-items:center;gap:var(--spacing-sm);display:flex}.unified-breadcrumb-link{color:var(--color-primary-blue);transition:color var(--transition-web-fast);text-decoration:none}.unified-breadcrumb-link:hover{color:var(--color-primary-blue-dark);text-decoration:underline}.unified-breadcrumb-separator{color:var(--color-text-light);font-size:.8em}.unified-breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-medium)}.kids-theme .unified-breadcrumb{font-family:var(--font-family-kids);font-weight:700}.kids-theme .unified-breadcrumb-link{color:var(--color-kids-red)}.kids-theme .unified-breadcrumb-separator{color:var(--color-kids-orange);font-size:1em}.unified-tabs{border-bottom:2px solid var(--color-border-light);margin-bottom:var(--spacing-lg);display:flex}.unified-tab{padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-web-fast);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000}.unified-tab:hover{color:var(--color-primary-blue);background:var(--color-bg-light)}.unified-tab.is-active{color:var(--color-primary-blue);border-bottom-color:var(--color-primary-blue);font-weight:var(--font-semibold)}.unified-tab:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.kids-theme .unified-tabs{border-bottom:3px solid var(--color-kids-yellow)}.kids-theme .unified-tab{font-family:var(--font-family-kids);border-radius:var(--radius-sm)var(--radius-sm)0 0;font-weight:700}.kids-theme .unified-tab:hover{background:var(--color-kids-yellow);color:var(--color-text-kids-primary)}.kids-theme .unified-tab.is-active{background:var(--color-kids-yellow);color:var(--color-kids-red);border-bottom-color:var(--color-kids-red)}.unified-navbar-menu:focus-within .unified-navbar-link{position:relative}.unified-navbar-link:focus{z-index:1}.unified-navbar-toggle[aria-expanded=false]+.unified-navbar-mobile{display:none}.unified-dropdown[aria-expanded=false] .unified-dropdown-menu{opacity:0;visibility:hidden}.skip-to-content{background:var(--color-primary-blue);color:var(--color-text-on-accent);border-radius:var(--radius-web-sm);z-index:var(--z-index-tooltip);transition:top var(--transition-web-fast);padding:8px;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-to-content:focus{top:6px}@media (prefers-reduced-motion:reduce){.unified-navbar-toggle-line,.unified-navbar-mobile,.unified-dropdown-menu,.unified-navbar-brand,.unified-navbar-link{transition:none}.unified-navbar-brand:hover,.unified-navbar-link:hover{transform:none}}@media print{.unified-navbar{display:none}.unified-breadcrumb{color:#000;padding-bottom:var(--spacing-sm);border-bottom:1px solid #000}.unified-breadcrumb-link{color:#000;text-decoration:underline}}
.theme-provider{--current-theme:"web";transition:all var(--transition-web-normal)}.web-theme,.theme-provider[data-theme=web]{--font-family-active:var(--font-family-web);--font-size-title:var(--font-size-web-title);--color-primary-active:var(--color-primary-blue);--color-primary-dark-active:var(--color-primary-blue-dark);--color-secondary-active:var(--color-primary-coral);--color-bg-active:var(--color-bg-primary);--color-text-active:var(--color-text-primary);--radius-active:var(--radius-web-md);--shadow-active:var(--shadow-web-md);--transition-active:var(--transition-web-normal);--border-width-active:1px;--button-padding:var(--spacing-md)var(--spacing-lg);--button-hover-transform:translateY(-1px);--card-hover-transform:translateY(-2px);--container-padding:var(--spacing-xl);--grid-gap:var(--spacing-md)}.web-theme{font-family:var(--font-family-web);color:var(--color-text-primary);line-height:1.5}.web-theme .theme-title{font-size:var(--font-size-web-title);color:var(--color-primary-blue);font-weight:700}.web-theme .theme-body{font-size:var(--font-size-body);color:var(--color-text-primary)}.kids-theme,.theme-provider[data-theme=kids]{--font-family-active:var(--font-family-kids);--font-size-title:var(--font-size-kids-title);--color-primary-active:var(--color-kids-red);--color-primary-dark-active:var(--color-kids-orange);--color-secondary-active:var(--color-kids-teal);--color-bg-active:var(--color-bg-warm);--color-text-active:var(--color-text-kids-primary);--radius-active:var(--radius-md);--shadow-active:var(--shadow-basic);--transition-active:var(--transition-normal);--border-width-active:3px;--button-padding:12px var(--space-xl);--button-hover-transform:translateY(-3px)scale(1.02);--card-hover-transform:translateY(-5px)rotate(1deg);--container-padding:var(--space-xl);--grid-gap:var(--space-sm)}.kids-theme{font-family:var(--font-family-kids);color:var(--color-text-kids-primary);line-height:1.4}.kids-theme .theme-title{font-size:var(--font-size-kids-title);color:var(--color-kids-red);text-shadow:3px 3px 0 var(--color-kids-yellow);font-weight:700}.kids-theme .theme-body{font-size:var(--font-size-body);color:var(--color-text-kids-primary)}.page-games,.game-container,[data-game-context=true]{--current-theme:"kids"}.page-games,.page-games *,.game-container,.game-container *,[data-game-context=true],[data-game-context=true] *{font-family:var(--font-family-kids)!important}.page-auth,.page-profile,.page-subscription,.page-landing,[data-web-context=true]{--current-theme:"web"}.page-auth,.page-auth *,.page-profile,.page-profile *,.page-subscription,.page-subscription *,.page-landing,.page-landing *,[data-web-context=true],[data-web-context=true] *{font-family:var(--font-family-web)!important}.theme-aware-btn{padding:var(--button-padding);border-radius:var(--radius-active);box-shadow:var(--shadow-active);transition:all var(--transition-active);font-family:var(--font-family-active)}.theme-aware-btn:hover{transform:var(--button-hover-transform);box-shadow:var(--shadow-elevated)}.web-theme .theme-aware-btn,.page-auth .theme-aware-btn,.page-profile .theme-aware-btn,.page-subscription .theme-aware-btn{background:var(--color-primary-blue);color:var(--color-text-on-accent);border-radius:var(--radius-web-md);font-family:var(--font-family-web);font-weight:600}.kids-theme .theme-aware-btn,.page-games .theme-aware-btn,.game-container .theme-aware-btn{background:var(--gradient-primary);color:var(--color-text-on-accent);border-radius:var(--radius-pill);font-family:var(--font-family-kids);font-weight:700}.theme-aware-card{background:var(--color-bg-card);border-radius:var(--radius-active);box-shadow:var(--shadow-active);padding:var(--container-padding);transition:all var(--transition-active)}.theme-aware-card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-elevated)}.web-theme .theme-aware-card{border:1px solid var(--color-border-light);background:var(--color-bg-card)}.kids-theme .theme-aware-card{border:3px solid var(--color-kids-red);background:var(--gradient-warm-bg)}.theme-transition{transition:all .6s cubic-bezier(.4,0,.2,1)}.theme-provider.switching{opacity:.8;transform:scale(.98)}.theme-provider.switching *{pointer-events:none}.web-theme .navbar,.page-auth .navbar,.page-profile .navbar{background:var(--color-primary-blue);box-shadow:var(--shadow-web-sm)}.kids-theme .navbar,.page-games .navbar{background:var(--gradient-primary);box-shadow:var(--shadow-basic)}.web-theme .unified-input,.page-auth .unified-input,.page-profile .unified-input{border:1px solid var(--color-border-light);border-radius:var(--radius-web-md);font-family:var(--font-family-web)}.kids-theme .unified-input,.page-games .unified-input{border:3px solid var(--color-kids-teal);border-radius:var(--radius-md);font-family:var(--font-family-kids);background:linear-gradient(135deg,#fff,#fff9c4)}.force-web-theme{--font-family-active:var(--font-family-web);--color-primary-active:var(--color-primary-blue);--radius-active:var(--radius-web-md);font-family:var(--font-family-web)!important}.force-kids-theme{--font-family-active:var(--font-family-kids);--color-primary-active:var(--color-kids-red);--radius-active:var(--radius-md);font-family:var(--font-family-kids)!important}.web-theme-only{display:block}.kids-theme-only,.kids-theme .web-theme-only{display:none}.kids-theme .kids-theme-only{display:block}.js-theme-web{--js-theme:"web"}.js-theme-kids{--js-theme:"kids"}[data-theme-context=web]{--theme-context:"web"}[data-theme-context=kids]{--theme-context:"kids"}[data-theme-context=auto]{--theme-context:"auto"}@media (prefers-contrast:high){.web-theme{--color-primary-active:var(--color-primary-blue-dark);--shadow-active:0 4px 10px -2px #0000004d}.kids-theme{--shadow-active:0 4px 8px #0000004d}.kids-theme .theme-aware-card,.kids-theme .unified-input{border-width:4px}}@media (prefers-reduced-motion:reduce){.theme-transition,.theme-aware-btn,.theme-aware-card{transition:none}.theme-aware-btn:hover,.theme-aware-card:hover{transform:none}}.debug-theme:before{content:attr(data-theme);color:#fff;z-index:9999;pointer-events:none;background:#000c;border-radius:4px;padding:5px 10px;font-family:monospace;font-size:12px;position:fixed;top:10px;right:10px}@media print{.theme-provider,.web-theme,.kids-theme{--color-primary-active:#000;--color-bg-active:#fff;--color-text-active:#000;--shadow-active:none;color:#000!important;background:#fff!important}.theme-aware-card{box-shadow:none;border:1px solid #000}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px;line-height:1.5}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:"Playpen Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,var(--font-family-fallback);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}.main-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%}.content-container{max-width:var(--container-main);padding:0 var(--spacing-xl);margin:0 auto}@media screen and (max-width:768px){.content-container,.main-wrapper,.main-content,.unified-game-interface,.unified-game-stats,.unified-progress-tracker,.unified-modal-content{width:calc(100% - 2px);max-width:calc(100vw - 2px);margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}}.unified-game-interface{background:var(--gradient-warm-bg);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-elevated);border:3px solid var(--color-kids-red);margin-bottom:var(--space-lg);width:100%;max-width:800px;font-family:var(--font-family-kids)}.unified-game-title{font-size:var(--font-size-kids-title);color:var(--color-kids-red);text-shadow:3px 3px 0 var(--color-kids-yellow);margin-bottom:var(--space-sm);background-color:var(--color-bg-overlay);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-basic);text-align:center;font-weight:700;font-family:var(--font-family-kids)}.unified-game-stats{background-color:var(--color-bg-container);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);text-align:center;box-shadow:var(--shadow-basic);font-size:var(--font-size-body);justify-content:center;gap:var(--space-xxl);font-weight:700;font-family:var(--font-family-kids);flex-wrap:wrap;display:flex}.unified-stat-item{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.unified-stat-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:400}.unified-stat-value{color:var(--color-kids-red);text-shadow:2px 2px 0 var(--color-kids-yellow);font-size:1.5rem;font-weight:700}.unified-stat-value--success{color:var(--color-success)}.unified-stat-value--error{color:var(--color-error)}.unified-feedback{margin-top:var(--space-lg);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-basic);text-align:center;font-size:1.3rem;font-weight:700;font-family:var(--font-family-kids);border:3px solid;display:none}.unified-feedback--success{background:var(--gradient-success);color:#1b5e20;border-color:var(--color-success);animation:1s forwards feedbackPop;display:block}.unified-feedback--error{background:var(--gradient-error);color:#b71c1c;border-color:var(--color-error);animation:.5s forwards feedbackShake;display:block}.unified-feedback--info{color:#0d47a1;border-color:var(--color-info);background:linear-gradient(135deg,#e3f2fd,#bbdefb);animation:1s forwards feedbackPop;display:block}.unified-progress-tracker{background:var(--color-bg-container);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-basic);border:2px solid var(--color-kids-teal)}.unified-progress-bar{background:var(--color-bg-light);border-radius:var(--radius-pill);border:2px solid var(--color-border);width:100%;height:20px;position:relative;overflow:hidden}.unified-progress-fill{background:var(--gradient-primary);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-slow);position:relative;overflow:hidden}.unified-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite progressShine;position:absolute;inset:0}@keyframes feedbackPop{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes feedbackShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-20px)rotate(10deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bounce{animation:2s ease-in-out infinite bounce}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite alternate float}.animate-spin{animation:1s linear infinite spin}.hover-lift:hover{box-shadow:var(--shadow-elevated);transition:all var(--transition-fast);transform:translateY(-3px)}.hover-scale:hover{transition:all var(--transition-fast);transform:scale(1.05)}.hover-rotate:hover{transition:all var(--transition-fast);transform:rotate(5deg)}.unified-loading{padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.unified-spinner{border:4px solid var(--color-bg-light);border-top:4px solid var(--color-primary-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.unified-spinner--kids{border-top-color:var(--color-kids-red);border-right-color:var(--color-kids-orange);border-bottom-color:var(--color-kids-yellow);border-left-color:var(--color-kids-teal)}.unified-modal{width:100%;height:100%;z-index:var(--z-index-modal);opacity:0;visibility:hidden;transition:all var(--transition-slow);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.unified-modal.is-active{opacity:1;visibility:visible}.unified-modal-content{background:var(--color-bg-card);padding:var(--space-xxl);border-radius:var(--radius-lg);text-align:center;max-width:90%;max-height:90%;box-shadow:var(--shadow-floating);transition:transform var(--transition-slow);overflow-y:auto;transform:scale(.8)}.unified-modal.is-active .unified-modal-content{transform:scale(1)}.unified-modal-content--kids{background:var(--gradient-secondary);border:5px solid var(--color-kids-red);font-family:var(--font-family-kids)}.unified-modal-title{font-size:var(--text-3xl);margin-bottom:var(--space-lg);font-weight:700}.unified-modal-text{font-size:var(--text-lg);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-primary-blue);color:var(--color-text-on-accent);border-radius:var(--radius-web-sm);z-index:var(--z-index-tooltip);transition:top var(--transition-web-fast);padding:8px;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}@media (prefers-contrast:high){.unified-feedback,.unified-game-interface,.unified-modal-content{border-width:4px}}@media print{.unified-modal,.unified-navbar,.unified-btn,.unified-feedback{display:none!important}.unified-game-interface{box-shadow:none;background:#fff;border:2px solid #000}.unified-game-title{color:#000;text-shadow:none;background:#fff}*{color:#000!important;background:#fff!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hover-lift:hover,.hover-scale:hover,.hover-rotate:hover{transform:none}}
:root{--sb-pastel-cream:#fff8e7;--sb-pastel-rose:#ffd6e0;--sb-pastel-sky:#c5e8f7;--sb-pastel-mint:#c8f7dc;--sb-pastel-lavender:#e8d5f7;--sb-pastel-peach:#ffe5d0;--sb-pastel-butter:#fff5c3;--sb-pastel-coral:#ffcec7;--sb-accent-red:#ff8a8a;--sb-accent-orange:#ffb07a;--sb-accent-yellow:#ffe066;--sb-accent-green:#7ed9a0;--sb-accent-teal:#6ecfcf;--sb-accent-blue:#7ec8f7;--sb-accent-purple:#c7a0e8;--sb-accent-pink:#ffaac4;--sb-gradient-header:linear-gradient(135deg,var(--sb-pastel-cream)0%,var(--sb-pastel-butter)50%,var(--sb-pastel-peach)100%);--sb-gradient-footer:linear-gradient(135deg,var(--sb-pastel-lavender)0%,var(--sb-pastel-rose)50%,var(--sb-pastel-sky)100%);--sb-gradient-menu:linear-gradient(180deg,#fffffff2 0%,var(--sb-pastel-cream)100%);--sb-gradient-button:linear-gradient(135deg,var(--sb-accent-pink)0%,var(--sb-accent-coral)100%);--sb-gradient-button-hover:linear-gradient(135deg,var(--sb-accent-coral)0%,var(--sb-accent-orange)100%);--sb-border-soft:#8b5a2b40;--sb-border-medium:#8b5a2b66;--sb-border-strong:#8b5a2b;--sb-text-primary:#5d4037;--sb-text-secondary:#795548;--sb-text-light:#a1887f;--sb-text-on-accent:#fff;--sb-shadow-soft:0 4px 12px #8b5a2b1f;--sb-shadow-medium:0 6px 20px #8b5a2b2e;--sb-shadow-elevated:0 10px 30px #8b5a2b38;--sb-shadow-glow:0 0 20px #ffe06666;--sb-shadow-inset:inset 0 2px 4px #fffc;--sb-radius-sm:12px;--sb-radius-md:18px;--sb-radius-lg:24px;--sb-radius-xl:32px;--sb-radius-round:50%;--sb-radius-pill:100px;--sb-transition-fast:.2s ease-out;--sb-transition-normal:.3s ease-in-out;--sb-transition-slow:.5s ease-in-out;--sb-transition-bounce:.4s cubic-bezier(.68,-.55,.265,1.55);--sb-font-family:var(--font-family-primary,"Playpen Sans",-apple-system,sans-serif)}.storybook-layout{background:var(--sb-pastel-cream);flex-direction:column;min-height:100vh;display:flex;position:relative}.storybook-header{background:var(--sb-gradient-header);z-index:100;border-bottom:3px dashed var(--sb-border-soft);box-shadow:var(--sb-shadow-soft);justify-content:space-between;align-items:center;min-height:70px;padding:12px 20px;display:flex;position:sticky;top:0}.storybook-header:before,.storybook-header:after{content:"";opacity:.6;background-repeat:no-repeat;background-size:contain;width:40px;height:40px;position:absolute}.storybook-header:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffb07a'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z'/%3E%3C/svg%3E");top:8px;left:8px}.storybook-header:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffb07a'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z'/%3E%3C/svg%3E");top:8px;right:8px}.storybook-logo-container{z-index:1;align-items:center;gap:12px;display:flex}.storybook-logo{border-radius:var(--sb-radius-round);background:var(--sb-gradient-button);border:3px solid var(--sb-pastel-butter);width:52px;height:52px;box-shadow:var(--sb-shadow-medium),var(--sb-shadow-inset);transition:var(--sb-transition-bounce);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.storybook-logo:hover{box-shadow:var(--sb-shadow-elevated),var(--sb-shadow-glow);transform:rotate(-8deg)scale(1.1)}.storybook-logo:active{transform:rotate(8deg)scale(.95)}.storybook-logo:after{content:"";border-radius:var(--sb-radius-round);opacity:.8;will-change:transform,opacity;background:#fff;width:8px;height:8px;animation:2s ease-in-out infinite sb-sparkle;position:absolute;top:4px;right:4px}@keyframes sb-sparkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.storybook-logo img{border-radius:var(--sb-radius-round);width:36px;height:36px}.storybook-app-name{font-family:var(--sb-font-family);color:var(--sb-text-primary);text-shadow:2px 2px 0 var(--sb-pastel-butter),3px 3px 0 #8b5a2b1a;letter-spacing:.5px;font-size:1.5rem;font-weight:700;animation:3s ease-in-out infinite sb-gentle-bounce}@keyframes sb-gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.storybook-nav-actions{z-index:1;align-items:center;gap:10px;display:flex}.storybook-icon-btn{border-radius:var(--sb-radius-lg);border:3px solid var(--sb-pastel-butter);background:var(--sb-gradient-button);width:48px;height:48px;color:var(--sb-text-on-accent);cursor:pointer;transition:var(--sb-transition-bounce);box-shadow:var(--sb-shadow-soft),var(--sb-shadow-inset);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.storybook-icon-btn:hover{box-shadow:var(--sb-shadow-medium),var(--sb-shadow-glow);background:var(--sb-gradient-button-hover);transform:translateY(-3px)scale(1.08)}.storybook-icon-btn:active{box-shadow:var(--sb-shadow-soft);transform:translateY(1px)scale(.98)}.storybook-icon-btn:before{content:"";border-radius:var(--sb-radius-round);background:#fff6;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.storybook-icon-btn:active:before{width:100px;height:100px}.storybook-icon-btn .icon{z-index:1;font-size:1.25rem}.storybook-play-btn{background:linear-gradient(135deg,var(--sb-accent-green)0%,var(--sb-accent-teal)100%);border-color:var(--sb-pastel-mint)}.storybook-play-btn:hover{background:linear-gradient(135deg,var(--sb-accent-teal)0%,var(--sb-accent-green)100%)}.storybook-menu-btn{background:linear-gradient(135deg,var(--sb-accent-purple)0%,var(--sb-accent-blue)100%);border-color:var(--sb-pastel-lavender)}.storybook-menu-btn:hover{background:linear-gradient(135deg,var(--sb-accent-blue)0%,var(--sb-accent-purple)100%)}.storybook-hamburger{flex-direction:column;justify-content:space-between;width:22px;height:16px;display:flex;position:relative}.storybook-hamburger span{background:var(--sb-text-on-accent);width:100%;height:3px;transition:var(--sb-transition-normal);border-radius:2px;display:block;box-shadow:0 1px 2px #0003}.storybook-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.storybook-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.storybook-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.storybook-nav-menu{background:var(--sb-gradient-menu);border-radius:var(--sb-radius-lg);border:3px dashed var(--sb-border-medium);width:280px;max-height:0;box-shadow:var(--sb-shadow-elevated);z-index:200;padding:0;transition:max-height .4s ease-in-out,padding .3s;position:absolute;top:calc(100% + 8px);right:20px;overflow:hidden}.storybook-nav-menu.open{max-height:500px;padding:12px}.storybook-nav-menu:before{content:"";background:var(--sb-pastel-butter);border-left:3px dashed var(--sb-border-medium);border-bottom:3px dashed var(--sb-border-medium);width:20px;height:20px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.storybook-nav-link{border-radius:var(--sb-radius-md);color:var(--sb-text-primary);font-family:var(--sb-font-family);transition:var(--sb-transition-normal);background:#ffffffb3;border:2px solid #0000;align-items:center;gap:12px;margin-bottom:6px;padding:14px 16px;font-size:1rem;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.storybook-nav-link:hover{background:var(--sb-pastel-butter);border-color:var(--sb-accent-orange);box-shadow:var(--sb-shadow-soft);transform:translate(8px)}.storybook-nav-link:active{transform:translate(4px)scale(.98)}.storybook-nav-link.active{background:var(--sb-gradient-button);color:var(--sb-text-on-accent);border-color:var(--sb-pastel-butter)}.storybook-nav-link-icon{border-radius:var(--sb-radius-round);background:var(--sb-pastel-rose);width:32px;height:32px;transition:var(--sb-transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.storybook-nav-link:hover .storybook-nav-link-icon{background:var(--sb-accent-orange);transform:rotate(-10deg)scale(1.1)}.storybook-nav-link.active .storybook-nav-link-icon{background:#ffffff4d}.storybook-nav-link.is-action{background:linear-gradient(135deg,var(--sb-pastel-lavender)0%,var(--sb-pastel-sky)100%);border-color:var(--sb-border-soft)}.storybook-nav-link.is-action:hover{background:linear-gradient(135deg,var(--sb-accent-purple)0%,var(--sb-accent-blue)100%);color:var(--sb-text-on-accent)}.storybook-footer{background:var(--sb-gradient-footer);border-top:3px dashed var(--sb-border-soft);min-height:100px;margin-top:auto;padding:20px 24px;position:relative}.storybook-footer:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 15'%3E%3Cpath d='M0 15 Q25 0 50 15 Q75 30 100 15 L100 15 L0 15 Z' fill='%23e8d5f7'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:100px 15px;height:15px;position:absolute;top:-15px;left:0;right:0}.storybook-footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.storybook-footer-text{font-family:var(--sb-font-family);color:var(--sb-text-secondary);font-size:.9rem}.storybook-footer-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.storybook-footer-link{border-radius:var(--sb-radius-pill);border:2px solid var(--sb-border-soft);color:var(--sb-text-secondary);font-family:var(--sb-font-family);transition:var(--sb-transition-bounce);background:#ffffffb3;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none}.storybook-footer-link:hover{background:var(--sb-pastel-butter);color:var(--sb-text-primary);border-color:var(--sb-accent-orange);box-shadow:var(--sb-shadow-soft);transform:translateY(-2px)scale(1.05)}.storybook-footer-link:active{transform:translateY(0)scale(.98)}.storybook-main{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.storybook-main:before{content:"";background-image:linear-gradient(90deg,transparent 95%,var(--sb-pastel-rose)95%),linear-gradient(var(--sb-pastel-sky)1px,transparent 1px);opacity:.15;pointer-events:none;background-size:30px 30px;position:absolute;inset:0}.storybook-star{pointer-events:none;opacity:.6;z-index:-1;will-change:transform;position:fixed}.storybook-star--1{width:30px;height:30px;animation:4s ease-in-out infinite sb-float;top:15%;left:5%}.storybook-star--2{width:24px;height:24px;animation:5s ease-in-out 1s infinite sb-float;top:25%;right:8%}.storybook-star--3{width:20px;height:20px;animation:6s ease-in-out 2s infinite sb-float;bottom:20%;left:10%}@keyframes sb-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(10deg)}}.storybook-btn{font-family:var(--sb-font-family);color:var(--sb-text-on-accent);background:var(--sb-gradient-button);border:3px solid var(--sb-pastel-butter);border-radius:var(--sb-radius-xl);cursor:pointer;transition:var(--sb-transition-bounce);box-shadow:var(--sb-shadow-medium),var(--sb-shadow-inset);text-shadow:1px 1px 2px #00000026;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.storybook-btn:hover{box-shadow:var(--sb-shadow-elevated),var(--sb-shadow-glow);background:var(--sb-gradient-button-hover);transform:translateY(-4px)scale(1.03)}.storybook-btn:active{transform:translateY(1px)scale(.98)}.storybook-btn--secondary{background:linear-gradient(135deg,var(--sb-accent-blue)0%,var(--sb-accent-teal)100%);border-color:var(--sb-pastel-sky)}.storybook-btn--success{background:linear-gradient(135deg,var(--sb-accent-green)0%,var(--sb-accent-teal)100%);border-color:var(--sb-pastel-mint)}.storybook-btn--warning{background:linear-gradient(135deg,var(--sb-accent-yellow)0%,var(--sb-accent-orange)100%);border-color:var(--sb-pastel-butter);color:var(--sb-text-primary)}.storybook-btn--sm{padding:10px 18px;font-size:.95rem}.storybook-btn--lg{padding:18px 36px;font-size:1.25rem}.storybook-btn--icon{border-radius:var(--sb-radius-round);width:52px;height:52px;padding:0}.storybook-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.storybook-spinner{border:5px solid var(--sb-pastel-lavender);border-top-color:var(--sb-accent-purple);border-right-color:var(--sb-accent-pink);border-radius:var(--sb-radius-round);width:60px;height:60px;animation:1s linear infinite sb-spin}@keyframes sb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.storybook-loading-text{font-family:var(--sb-font-family);color:var(--sb-text-secondary);font-size:1.1rem;animation:1.5s ease-in-out infinite sb-pulse}@keyframes sb-pulse{0%,to{opacity:1}50%{opacity:.5}}.storybook-card{background:linear-gradient(135deg,#fffffff2 0%,var(--sb-pastel-cream)100%);border-radius:var(--sb-radius-xl);border:3px dashed var(--sb-border-medium);box-shadow:var(--sb-shadow-medium);transition:var(--sb-transition-normal);padding:24px;position:relative;overflow:hidden}.storybook-card:hover{box-shadow:var(--sb-shadow-elevated);border-style:solid;transform:translateY(-5px)}.storybook-card:before{content:"";background:linear-gradient(135deg,transparent 50%,var(--sb-pastel-butter)50%);border-radius:0 var(--sb-radius-xl)0 0;width:50px;height:50px;position:absolute;top:0;right:0}.storybook-notification{border-radius:var(--sb-radius-lg);font-family:var(--sb-font-family);box-shadow:var(--sb-shadow-medium);padding:16px 20px;font-weight:600;animation:.4s ease-out sb-slide-in;position:relative}@keyframes sb-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.storybook-notification--success{background:linear-gradient(135deg,var(--sb-pastel-mint)0%,#b8f5d2 100%);border:3px solid var(--sb-accent-green);color:#2e7d32}.storybook-notification--error{background:linear-gradient(135deg,var(--sb-pastel-rose)0%,var(--sb-pastel-coral)100%);border:3px solid var(--sb-accent-red);color:#c62828}.storybook-notification--warning{background:linear-gradient(135deg,var(--sb-pastel-butter)0%,var(--sb-pastel-peach)100%);border:3px solid var(--sb-accent-orange);color:#ef6c00}.storybook-notification--info{background:linear-gradient(135deg,var(--sb-pastel-sky)0%,var(--sb-pastel-lavender)100%);border:3px solid var(--sb-accent-blue);color:#1565c0}.storybook-tooltip{background:var(--sb-pastel-butter);border:2px solid var(--sb-border-medium);border-radius:var(--sb-radius-md);font-family:var(--sb-font-family);color:var(--sb-text-primary);box-shadow:var(--sb-shadow-soft);white-space:nowrap;opacity:0;visibility:hidden;transition:var(--sb-transition-fast);z-index:300;padding:10px 16px;font-size:.9rem;position:absolute}.storybook-tooltip.visible{opacity:1;visibility:visible}.storybook-tooltip:before{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid var(--sb-border-medium);position:absolute;top:-10px;left:50%;transform:translate(-50%)}.storybook-tooltip:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:8px solid var(--sb-pastel-butter);position:absolute;top:-7px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.storybook-logo,.storybook-icon-btn,.storybook-nav-link,.storybook-btn,.storybook-card,.storybook-app-name,.storybook-footer-link{transition:none!important;animation:none!important}.storybook-spinner{border-color:var(--sb-accent-purple);animation:none}}.storybook-icon-btn:focus-visible,.storybook-nav-link:focus-visible,.storybook-btn:focus-visible,.storybook-footer-link:focus-visible{outline:3px solid var(--sb-accent-blue);outline-offset:3px}@media (prefers-contrast:high){.storybook-header,.storybook-footer{border-style:solid;border-width:4px;border-color:var(--sb-border-strong)}.storybook-icon-btn,.storybook-btn{border-style:solid;border-width:4px}.storybook-nav-link{border-style:solid;border-width:3px;border-color:var(--sb-border-medium)}}@media print{.storybook-header,.storybook-footer,.storybook-nav-menu{display:none!important}.storybook-main{padding:0}}.decoration-star{opacity:.6;pointer-events:none;font-size:1.5rem;position:absolute}.decoration-star--top-left{top:12px;left:12px}.decoration-star--top-right{top:12px;right:12px}.decoration-star--bottom-left{bottom:12px;left:12px}.decoration-star--bottom-right{bottom:12px;right:12px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-gentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(2deg)}}.decoration-float{animation:3s ease-in-out infinite float}.decoration-float-gentle{animation:4s ease-in-out infinite float-gentle}.decoration-corner{pointer-events:none;width:50px;height:50px;position:absolute}.decoration-corner--top-right{background:linear-gradient(135deg,transparent 50%,var(--sb-pastel-butter)50%);border-radius:0 var(--sb-radius-xl)0 0;top:0;right:0}.decoration-corner--top-left{background:linear-gradient(-135deg,transparent 50%,var(--sb-pastel-mint)50%);border-radius:var(--sb-radius-xl)0 0 0;top:0;left:0}.decoration-corner--bottom-right{background:linear-gradient(-135deg,transparent 50%,var(--sb-pastel-rose)50%);border-radius:0 0 var(--sb-radius-xl)0;bottom:0;right:0}.decoration-corner--bottom-left{background:linear-gradient(135deg,transparent 50%,var(--sb-pastel-sky)50%);border-radius:0 0 0 var(--sb-radius-xl);bottom:0;left:0}.badge-profile{background:linear-gradient(135deg,var(--sb-pastel-lavender)0%,var(--sb-pastel-rose)100%);border-radius:var(--sb-radius-pill);border:2px dashed var(--sb-border-soft);color:var(--sb-text-primary);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.storybook-card-base{background:var(--gradient-card,linear-gradient(180deg,#fffffff2 0%,#fff8e7 100%));border-radius:var(--radius-card,24px);border:var(--border-dashed-standard,3px dashed #8b5a2b40);padding:var(--spacing-card-padding,2rem);box-shadow:var(--shadow-card,0 10px 30px #8b5a2b26);transition:transform .3s,box-shadow .3s,border-style .3s;position:relative;overflow:hidden}.storybook-card-base:hover{box-shadow:var(--shadow-card-hover,0 15px 40px #8b5a2b38);border-style:solid;transform:translateY(-5px)}.storybook-button-base{padding:var(--spacing-button-padding,1rem 2rem);background:var(--gradient-button-primary,linear-gradient(135deg,#7ed9a0 0%,#6ecfcf 100%));color:var(--text-primary-brown,#5d4037);border-radius:var(--radius-button,16px);border:3px dashed var(--pastel-yellow,#fff5c3);font-family:var(--font-family-primary,"Playpen Sans",sans-serif);cursor:pointer;box-shadow:var(--shadow-button,0 4px 12px #8b5a2b26);justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.storybook-button-base:hover{box-shadow:var(--shadow-button-hover,0 6px 16px #8b5a2b33);background:linear-gradient(135deg,#6ecfcf 0%,#7ed9a0 100%);transform:translateY(-2px)}.storybook-button-base--secondary{background:var(--gradient-button-secondary,linear-gradient(135deg,#7ec8f7 0%,#c5e8f7 100%))}.storybook-button-base--warning{background:var(--gradient-button-warning,linear-gradient(135deg,#ffe066 0%,#fff5c3 100%))}.storybook-button-base--error{background:var(--gradient-button-error,linear-gradient(135deg,#ff8a8a 0%,#ffcec7 100%))}.section-title-dashed{color:var(--text-primary-brown,#5d4037);text-align:center;border-bottom:2px dashed var(--border-brown-alpha-25,#8b5a2b40);margin:0 0 20px;padding-bottom:15px;font-size:24px;font-weight:600}.notice-box{border-radius:var(--radius-input,12px);border:2px dashed var(--border-brown-alpha-25,#8b5a2b40);padding:15px 20px}.notice-box--warning{background:linear-gradient(135deg,var(--sb-pastel-lavender)0%,var(--sb-pastel-rose)100%)}.notice-box--error{background:var(--gradient-button-error,linear-gradient(135deg,#ff8a8a 0%,#ffcec7 100%))}.notice-box--info{background:linear-gradient(135deg,var(--sb-accent-blue)0%,var(--sb-pastel-sky)100%)}.spinner-kids{border:4px solid #0000;border-top-color:var(--color-kids-red,#ff6b6b);border-right-color:var(--color-kids-orange,#ff9a3d);border-bottom-color:var(--color-kids-yellow,#ffd166);border-left-color:var(--color-kids-teal,#4ecdc4);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-left:env(safe-area-inset-left,0px);--mobile-safe-right:env(safe-area-inset-right,0px);--touch-min:44px;--touch-comfortable:48px;--touch-large:56px;--mobile-spacing-xs:4px;--mobile-spacing-sm:8px;--mobile-spacing-md:12px;--mobile-spacing-lg:16px;--mobile-spacing-xl:20px;--mobile-spacing-2xl:24px;--mobile-header-height:56px;--mobile-footer-height:64px;--mobile-progress-height:40px;--mobile-radius-sm:8px;--mobile-radius-md:12px;--mobile-radius-lg:16px;--mobile-radius-xl:20px;--mobile-radius-pill:100px;--mobile-transition-fast:.15s ease-out;--mobile-transition-normal:.25s ease-in-out;--mobile-transition-slow:.35s ease-in-out}.mobile-game-layout{width:100%;min-width:320px;max-width:480px;min-height:100vh;background-color:var(--sb-pastel-cream,#fff8e7);min-height:100dvh;padding-top:var(--mobile-safe-top);padding-bottom:var(--mobile-safe-bottom);padding-left:var(--mobile-safe-left);padding-right:var(--mobile-safe-right);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.mobile-game-header{z-index:100;height:var(--mobile-header-height);padding:var(--mobile-spacing-sm)var(--mobile-spacing-md);background:linear-gradient(135deg,var(--sb-pastel-cream,#fff8e7)0%,var(--sb-pastel-butter,#fff5c3)100%);border-bottom:2px dashed var(--sb-border-soft,#8b5a2b40);padding-left:max(var(--mobile-spacing-md),var(--mobile-safe-left));padding-right:max(var(--mobile-spacing-md),var(--mobile-safe-right));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 2px 8px #00000014}.mobile-back-btn{width:var(--touch-comfortable);height:var(--touch-comfortable);min-width:var(--touch-min);min-height:var(--touch-min);background:var(--sb-pastel-rose,#ffd6e0);border:2px solid var(--sb-border-soft,#8b5a2b40);border-radius:var(--mobile-radius-md);color:var(--sb-text-primary,#5d4037);cursor:pointer;transition:var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.mobile-back-btn:active{background:var(--sb-accent-pink,#ffaac4);transform:scale(.92)}.mobile-back-btn:focus-visible{outline:3px solid var(--sb-accent-blue,#7ec8f7);outline-offset:2px}.mobile-game-title{text-align:center;font-family:var(--sb-font-family,"Playpen Sans",sans-serif);color:var(--sb-text-primary,#5d4037);margin:0 var(--mobile-spacing-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.125rem;font-weight:700;line-height:1.2;overflow:hidden}.mobile-progress-indicator{align-items:center;gap:var(--mobile-spacing-xs);font-family:var(--sb-font-family,"Playpen Sans",sans-serif);color:var(--sb-text-secondary,#795548);padding:var(--mobile-spacing-xs)var(--mobile-spacing-sm);border-radius:var(--mobile-radius-pill);background:#ffffffb3;min-height:32px;font-size:.875rem;font-weight:600;display:flex}.mobile-progress-dots{gap:4px;display:flex}.mobile-progress-dot{background:var(--sb-pastel-lavender,#e8d5f7);border:1.5px solid var(--sb-border-soft,#8b5a2b40);width:10px;height:10px;transition:var(--mobile-transition-fast);border-radius:50%}.mobile-progress-dot.completed{background:var(--sb-accent-green,#7ed9a0);border-color:var(--sb-accent-green,#7ed9a0)}.mobile-progress-dot.current{background:var(--sb-accent-yellow,#ffe066);border-color:var(--sb-accent-orange,#ffb07a);animation:1.5s ease-in-out infinite mobile-pulse}@keyframes mobile-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.mobile-game-main{width:100%;min-height:0;height:calc(100dvh - var(--mobile-header-height) - var(--mobile-footer-height));flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.mobile-game-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;height:100%;padding:var(--mobile-spacing-md);padding-bottom:var(--mobile-spacing-xl);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.mobile-game-iframe-container{border-radius:var(--mobile-radius-md);background:#fff;flex:1;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.mobile-game-iframe{background:#fff;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-game-footer{z-index:100;height:var(--mobile-footer-height);padding:var(--mobile-spacing-sm)var(--mobile-spacing-md);background:linear-gradient(135deg,var(--sb-pastel-lavender,#e8d5f7)0%,var(--sb-pastel-rose,#ffd6e0)50%,var(--sb-pastel-sky,#c5e8f7)100%);border-top:2px dashed var(--sb-border-soft,#8b5a2b40);padding-bottom:max(var(--mobile-spacing-sm),var(--mobile-safe-bottom));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000014}.mobile-game-layout .mobile-game-footer{max-width:480px;margin:0 auto}.mobile-footer-btn{min-width:var(--touch-comfortable);min-height:var(--touch-comfortable);padding:var(--mobile-spacing-xs)var(--mobile-spacing-sm);border:2px solid var(--sb-border-soft,#8b5a2b40);border-radius:var(--mobile-radius-md);color:var(--sb-text-primary,#5d4037);font-family:var(--sb-font-family,"Playpen Sans",sans-serif);cursor:pointer;transition:var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fffc;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.mobile-footer-btn:active{background:#fff;transform:scale(.92)}.mobile-footer-btn:focus-visible{outline:3px solid var(--sb-accent-blue,#7ec8f7);outline-offset:2px}.mobile-footer-btn .icon{margin-bottom:2px;font-size:1.25rem}.mobile-footer-btn .label{text-transform:uppercase;letter-spacing:.5px;font-size:.625rem}.mobile-footer-btn.primary{background:linear-gradient(135deg,var(--sb-accent-green,#7ed9a0)0%,var(--sb-accent-teal,#6ecfcf)100%);color:var(--sb-text-on-accent,#fff);border-color:var(--sb-accent-green,#7ed9a0);min-width:var(--touch-large);padding:var(--mobile-spacing-sm)var(--mobile-spacing-md)}.mobile-footer-btn.primary:active{transform:scale(.95)}.mobile-footer-btn.warning{background:linear-gradient(135deg,var(--sb-accent-yellow,#ffe066)0%,var(--sb-accent-orange,#ffb07a)100%);color:var(--sb-text-primary,#5d4037);border-color:var(--sb-accent-orange,#ffb07a)}.mobile-game-btn{min-width:var(--touch-large);min-height:var(--touch-large);padding:var(--mobile-spacing-md)var(--mobile-spacing-xl);background:linear-gradient(135deg,var(--sb-accent-pink,#ffaac4)0%,var(--sb-pastel-coral,#ffcec7)100%);border:3px solid var(--sb-pastel-butter,#fff5c3);border-radius:var(--mobile-radius-lg);color:var(--sb-text-primary,#5d4037);font-family:var(--sb-font-family,"Playpen Sans",sans-serif);text-align:center;cursor:pointer;transition:var(--mobile-transition-normal);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex;box-shadow:0 4px 12px #8b5a2b26}.mobile-game-btn:active{transform:scale(.95)translateY(2px);box-shadow:0 2px 6px #8b5a2b1a}.mobile-game-btn:focus-visible{outline:3px solid var(--sb-accent-blue,#7ec8f7);outline-offset:3px}.mobile-game-btn.icon-only{width:var(--touch-large);height:var(--touch-large);border-radius:var(--mobile-radius-md);padding:0}.mobile-game-btn.icon-only .icon{font-size:1.5rem}.mobile-game-btn .icon{margin-right:var(--mobile-spacing-sm);font-size:1.25rem}.mobile-game-btn.success{background:linear-gradient(135deg,var(--sb-accent-green,#7ed9a0)0%,var(--sb-pastel-mint,#c8f7dc)100%);border-color:var(--sb-accent-green,#7ed9a0)}.mobile-game-btn.info{background:linear-gradient(135deg,var(--sb-accent-blue,#7ec8f7)0%,var(--sb-pastel-sky,#c5e8f7)100%);border-color:var(--sb-accent-blue,#7ec8f7)}.mobile-game-btn.secondary{border-color:var(--sb-border-medium,#8b5a2b66);background:#ffffffe6}.mobile-game-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.mobile-game-card{min-height:var(--touch-large);padding:var(--mobile-spacing-md)var(--mobile-spacing-lg);margin-bottom:var(--mobile-spacing-sm);border:2px solid var(--sb-border-soft,#8b5a2b40);border-radius:var(--mobile-radius-md);color:var(--sb-text-primary,#5d4037);font-family:var(--sb-font-family,"Playpen Sans",sans-serif);cursor:pointer;transition:var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fffffff2;align-items:center;font-size:1rem;display:flex}.mobile-game-card:active{background:var(--sb-pastel-cream,#fff8e7);transform:scale(.98)}.mobile-game-card:focus-visible{outline:3px solid var(--sb-accent-blue,#7ec8f7);outline-offset:2px}.mobile-game-card.selected{background:var(--sb-pastel-butter,#fff5c3);border-color:var(--sb-accent-yellow,#ffe066);box-shadow:0 0 0 3px #ffe0664d}.mobile-game-card.correct{background:var(--sb-pastel-mint,#c8f7dc);border-color:var(--sb-accent-green,#7ed9a0)}.mobile-game-card.wrong{background:var(--sb-pastel-coral,#ffcec7);border-color:var(--sb-accent-red,#ff8a8a)}.mobile-game-card .card-icon{width:32px;height:32px;margin-right:var(--mobile-spacing-md);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.mobile-game-card .card-content{flex:1}.mobile-game-loading{z-index:50;background:#fff8e7f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mobile-game-spinner{border:4px solid var(--sb-pastel-lavender,#e8d5f7);border-top-color:var(--sb-accent-purple,#c7a0e8);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite mobile-spin}@keyframes mobile-spin{to{transform:rotate(360deg)}}.mobile-game-loading-text{margin-top:var(--mobile-spacing-lg);font-family:var(--sb-font-family,"Playpen Sans",sans-serif);color:var(--sb-text-secondary,#795548);font-size:1rem}.mobile-game-toast{top:calc(var(--mobile-header-height) + var(--mobile-spacing-md));left:var(--mobile-spacing-md);right:var(--mobile-spacing-md);max-width:calc(480px - var(--mobile-spacing-md)*2);padding:var(--mobile-spacing-md)var(--mobile-spacing-lg);background:var(--sb-pastel-mint,#c8f7dc);border:2px solid var(--sb-accent-green,#7ed9a0);border-radius:var(--mobile-radius-md);color:var(--sb-text-primary,#5d4037);font-family:var(--sb-font-family,"Playpen Sans",sans-serif);text-align:center;z-index:200;margin:0 auto;font-size:.9375rem;font-weight:600;animation:.3s ease-out mobile-toast-in;position:fixed}.mobile-game-toast.error{background:var(--sb-pastel-coral,#ffcec7);border-color:var(--sb-accent-red,#ff8a8a)}.mobile-game-toast.warning{background:var(--sb-pastel-butter,#fff5c3);border-color:var(--sb-accent-orange,#ffb07a)}@keyframes mobile-toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.desktop-only,.hide-on-mobile{display:none!important}.mobile-game-layout{width:100%;max-width:100%}.mobile-game-header{padding-left:var(--mobile-spacing-sm);padding-right:var(--mobile-spacing-sm)}.mobile-game-title{font-size:1rem}.mobile-progress-indicator{padding:var(--mobile-spacing-xs);font-size:.75rem}.mobile-progress-dot{width:8px;height:8px}}@media (max-width:360px){.mobile-game-title{margin:0 var(--mobile-spacing-xs);font-size:.9375rem}.mobile-back-btn{width:var(--touch-min);height:var(--touch-min)}.mobile-footer-btn .label{display:none}.mobile-game-btn{padding:var(--mobile-spacing-sm)var(--mobile-spacing-lg);font-size:1rem}}@media (min-width:481px) and (max-width:768px){.mobile-game-layout{max-width:600px}.mobile-game-header{height:64px;padding:var(--mobile-spacing-md)var(--mobile-spacing-xl)}.mobile-game-title{font-size:1.25rem}.mobile-game-footer{height:72px;padding:var(--mobile-spacing-md)var(--mobile-spacing-xl)}.mobile-footer-btn{min-width:var(--touch-large);padding:var(--mobile-spacing-sm)var(--mobile-spacing-lg);font-size:.875rem}.mobile-game-btn{min-height:60px;font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.mobile-progress-dot.current{animation:none}.mobile-game-spinner{animation-duration:1.5s}.mobile-game-toast{animation:none}.mobile-back-btn,.mobile-footer-btn,.mobile-game-btn,.mobile-game-card{transition:none}}@media (prefers-contrast:high){.mobile-game-header,.mobile-game-footer{border-style:solid;border-width:3px}.mobile-back-btn,.mobile-footer-btn,.mobile-game-btn,.mobile-game-card{border-width:3px}.mobile-game-card.selected,.mobile-game-card.correct,.mobile-game-card.wrong{border-width:4px}}@media (max-height:500px) and (orientation:landscape){.mobile-game-header{height:44px;padding:var(--mobile-spacing-xs)var(--mobile-spacing-md)}.mobile-game-title{font-size:.9375rem}.mobile-back-btn{width:40px;height:40px}.mobile-game-footer{height:52px;padding:var(--mobile-spacing-xs)var(--mobile-spacing-md)}.mobile-footer-btn{min-width:40px;min-height:40px}.mobile-footer-btn .label{display:none}.mobile-game-main{height:calc(100dvh - 96px)}}@media print{.mobile-game-header,.mobile-game-footer{display:none!important}.mobile-game-main{height:auto;overflow:visible}}