.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}}
@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}body,html,button,input,optgroup,select,textarea{font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body,html{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:linear-gradient(135deg,#fff8e7 0%,#c8f7dc 25%,#c5e8f7 50%,#ffd6e0 75%,#fff5c3 100%) 50%/cover fixed;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.display-none{display:none}.sequential-game-loader{background:#fff;flex-direction:column;width:100vw;min-height:100vh;margin:0;padding:0;font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden auto}.sc-completion-container,.sc-completion-container .box,.sc-completion-container .notification,.sc-completion-container p,.sc-completion-container strong,.sc-completion-container span{font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.sc-completion-container .fa,.sc-completion-container .fas,.sc-completion-container .far,.sc-completion-container .fab,.sc-completion-container .fa-solid,.sc-completion-container .fa-regular,.sc-completion-container .fa-brands,.sc-completion-container i[class*=fa-]{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands","Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome,sans-serif!important}.sequential-challenge-page .main-content{z-index:1;width:100vw;max-width:100%;min-height:100vh;margin:0;padding:0;display:block;position:relative}.sequential-game-loader .container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;margin:0 auto;padding:1rem;overflow:visible}.sequential-game-loader .box{box-sizing:border-box;flex-direction:column;flex:1 0;width:100%;max-width:100%;margin:0;padding:1rem;display:flex;overflow:visible}.sequential-game-loader .game-container{box-sizing:border-box;opacity:1;background-color:#fff;flex-direction:column;width:100%;max-width:100%;height:auto;transition:opacity .3s ease-in-out,transform .3s ease-in-out;display:flex;position:relative;overflow:visible;transform:translateY(0)}.sequential-game-loader .game-container.has-iframe{flex:1;min-height:calc(100vh - 60px);overflow:hidden}.sequential-game-loader .game-container.loading{opacity:.7}.button.is-loading:after,.control.is-loading:after,.select.is-loading:after{border-top-color:var(--bulma-loading-color)!important;border-bottom-color:#0000!important;border-left-color:#0000!important;border-right-color:#0000!important}.loader{border-top-color:var(--bulma-border)!important;border-bottom-color:#0000!important;border-left-color:#0000!important;border-right-color:#0000!important}.sequential-game-loader .game-container.fading-out,.sequential-game-loader .game-container.fading-out iframe{opacity:0;transition:opacity}.sequential-game-loader .game-container iframe{object-fit:contain;opacity:0;border:none;flex:1;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;margin:0;padding:0;transition:opacity .1s ease-in-out;display:block}.sequential-game-loader .game-container iframe.loaded{opacity:1}.sequential-game-loader .box>div:first-child{flex-shrink:0}#__next{justify-content:center;align-items:center;width:100%}@font-face{font-family:Multilingual;src:local(Noto Sans),local(Segoe UI),local(Roboto),local(Arial);unicode-range:U+4??,U+500-52F,U+2DE0-2DFF,U+A640-A69F}[dir=rtl]{text-align:right}[dir=rtl] .navbar-menu{flex-direction:row-reverse}body{font-size:16px;line-height:1.5}strong{color:var(--text-primary,#1a1a1a)}.title,.subtitle,.content h1.title,.content h2.title,.content h3.title,.content h4.title,.content h5.title,.content h6.title,.content h1.subtitle,.content h2.subtitle,.content h3.subtitle,.content h4.subtitle,.content h5.subtitle,.content h6.subtitle{line-height:1.2}[lang=ru],[lang=bg]{letter-spacing:.01em}[lang=de]{word-break:break-word}.dropdown-item:focus{color:#1a1a1a;outline-offset:-2px;background-color:#e8f4fc;outline:2px solid #06c}.dropdown-item:focus-visible{outline-offset:-2px;outline:2px solid #06c}.dropdown-item.is-active:focus{color:#fff;background-color:#004080}@media (prefers-contrast:high){.dropdown-item{border:1px solid}.dropdown-item.is-active{border-color:#fff}}@media (prefers-reduced-motion:reduce){.dropdown-menu,.button{transition:none}}:root{--primary-blue:#06c;--primary-blue-dark:#004080;--primary-coral:coral;--blue-light:#a9cce3;--blue-dark:#2874a6;--coral-light:#ffb3a7;--coral-dark:#e65100;--background-color:#f8f9f9;--card-color:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-light:#767676;--text-on-accent:#fff;--divider-color:#dee2e6;--error-color:#d32f2f;--success-color:#28b463;--warning-color:#f57c00;--google-btn-bg:#d32f2f;--google-btn-hover:#b71c1c;--facebook-btn-bg:#3b5998;--facebook-btn-hover:#2f477a;--x-btn-bg:#000;--x-btn-hover:#1a1a1a;--microsoft-btn-bg:#2f2f2f;--microsoft-btn-hover:#1f1f1f;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--touch-target-min:44px;--touch-target-comfortable:48px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2rem;--ap-pastel-pink:#ffe5ec;--ap-pastel-peach:#fff0e5;--ap-pastel-blue:#e5f4ff;--ap-pastel-lavender:#f0e5ff;--ap-pastel-mint:#e5fff0;--ap-pastel-green:#d0f5d0;--ap-pastel-cream:#fff9e5;--ap-pastel-purple:#f5e5ff;--ap-pastel-cyan:#e5fffa;--ap-gradient-hero:linear-gradient(135deg,var(--ap-pastel-cream)0%,var(--ap-pastel-peach)50%,var(--ap-pastel-pink)100%);--ap-gradient-card:linear-gradient(135deg,#ffffffe6 0%,var(--ap-pastel-blue)100%);--ap-gradient-feature:linear-gradient(135deg,var(--ap-pastel-mint)0%,var(--ap-pastel-cyan)100%);--ap-gradient-knowledge:linear-gradient(135deg,var(--ap-pastel-lavender)0%,var(--ap-pastel-purple)100%);--ap-gradient-notebook:linear-gradient(180deg,var(--ap-pastel-cream)0%,var(--ap-pastel-peach)100%);--ap-border-dashed:3px dashed #8b5a2b4d;--ap-border-dotted:3px dotted #8b5a2b40;--ap-border-solid:3px solid #8b5a2b33;--ap-shadow-soft:0 4px 12px #8b5a2b1a;--ap-shadow-medium:0 6px 20px #8b5a2b26;--ap-shadow-elevated:0 10px 30px #8b5a2b33;--ap-radius-sm:12px;--ap-radius-md:18px;--ap-radius-lg:24px;--ap-radius-xl:32px;--ap-radius-round:50%;--ap-transition-fast:.2s ease-out;--ap-transition-normal:.3s ease-in-out;--ap-transition-bounce:.4s cubic-bezier(.68,-.55,.265,1.55)}.subscription-status-card{border-left:4px solid var(--primary-blue)}.subscription-status-card.expired{border-left-color:var(--error-color)}.subscription-status-card.expiring_soon,.subscription-status-card.expiring_this_month{border-left-color:var(--warning-color)}.subscription-status-card.active{border-left-color:var(--success-color)}.subscription-status-card.no-subscription{border-left-color:var(--text-light)}.subscription-status-card.loading{border-left-color:var(--primary-blue)}.payment-history-table{background-color:var(--card-color)}.payment-history-table .table{background-color:#0000}.payment-history-table .table td,.payment-history-table .table th{border-color:var(--divider-color)}.payment-history-table .table thead th{background-color:var(--background-color);color:var(--text-primary);font-weight:600}.subscription-actions{position:sticky;top:1rem}.tag.is-success{background-color:var(--success-color);color:#fff}.tag.is-warning{background-color:var(--warning-color);color:#fff}.tag.is-danger{background-color:var(--error-color);color:#fff}.progress.is-success::-webkit-progress-value{background-color:var(--success-color)}.progress.is-warning::-webkit-progress-value{background-color:var(--warning-color)}.progress.is-danger::-webkit-progress-value{background-color:var(--error-color)}.progress.is-success::-moz-progress-bar{background-color:var(--success-color)}.progress.is-warning::-moz-progress-bar{background-color:var(--warning-color)}.progress.is-danger::-moz-progress-bar{background-color:var(--error-color)}.nav-item{align-items:center;margin-left:1rem;display:flex}.nav-mobile .nav-item.mobile-only{border-top:1px solid var(--divider-color);margin:1rem 0;padding:1rem 1rem 0}.nav-mobile .dropdown,.nav-mobile .dropdown-trigger{width:100%}.nav-mobile .dropdown-trigger .button{border:2px dashed var(--sb-border-soft,#8b5a2b40);width:100%;color:var(--text-primary);background-color:#ffffffe6;justify-content:space-between}.nav-mobile .dropdown-trigger .button:hover{border-color:var(--sb-border-medium,#8b5a2b66);background-color:#fff}.nav-mobile .dropdown-menu{top:calc(80px + env(safe-area-inset-top,0px));width:calc(100vw - 2rem);max-width:320px;max-height:calc(100vh - 100px - env(safe-area-inset-top,0px));z-index:9999;background-color:#fff;border:2px solid #0066cc4d;border-radius:12px;position:fixed;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 8px 32px #0003}.nav-mobile .dropdown-menu::-webkit-scrollbar{width:8px}.nav-mobile .dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.nav-mobile .dropdown-menu::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.nav-mobile .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.nav-mobile .dropdown-content{padding:.5rem 0}.nav-mobile .dropdown-item{color:#1a1a1a;text-align:left;cursor:pointer;background-color:#fcfcfc;border:none;width:100%;padding:.875rem 1rem;font-size:.9rem;line-height:1.4;transition:background-color .15s}.nav-mobile .dropdown-item:hover,.nav-mobile .dropdown-item:focus{color:#1a1a1a;background-color:#e8f4fc}.nav-mobile .dropdown-item.is-active{color:#fff;background-color:#06c}.nav-mobile .dropdown-item.is-active:hover,.nav-mobile .dropdown-item.is-active:focus{color:#fff;background-color:#004080}.dropdown{position:relative}.dropdown.is-active .dropdown-menu{display:block}.dropdown-menu{top:calc(80px + env(safe-area-inset-top,0px));z-index:9999;width:calc(100vw - 2rem);min-width:200px;max-width:320px;max-height:calc(100vh - 100px - env(safe-area-inset-top,0px));background-color:#fff;border:2px solid #0066cc4d;border-radius:12px;display:none;position:fixed;left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 8px 32px #0003}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.dropdown.is-right .dropdown-menu{left:50%;transform:translate(-50%)}.dropdown-content{padding:.5rem 0}.dropdown-item{text-align:left;color:#1a1a1a;cursor:pointer;background-color:#0000;border:none;width:100%;padding:.875rem 1rem;font-size:.9rem;line-height:1.4;transition:background-color .15s;display:block}.dropdown-item:hover,.dropdown-item:focus{color:#1a1a1a;background-color:#e8f4fc}.dropdown-item.is-active{color:#fff;background-color:#06c}.dropdown-item.is-active:hover,.dropdown-item.is-active:focus{color:#fff;background-color:#004080}.dropdown-item:disabled{cursor:not-allowed;opacity:.5}.hero-gradient{background:linear-gradient(135deg,var(--primary-blue)0%,var(--blue-dark)100%)}.hero-title{margin-bottom:1rem;font-size:2.5rem;line-height:1.2}.hero-subtitle{margin-bottom:1.5rem;font-size:1.25rem;line-height:1.4}.hero-description{margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.hero-features .level{margin-bottom:1rem}.hero-cta{margin-top:2rem}.hero-cta-button{min-height:var(--touch-target-min);border-radius:8px;transition:all .3s}.hero-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.hero-visual{flex-direction:column;align-items:center;gap:2rem;display:flex}.level-grid{flex-direction:column;gap:1rem;width:100%;max-width:300px;display:flex}.level-card{backdrop-filter:blur(10px);text-align:center;background:#ffffff26;border:2px solid #fff3;border-radius:12px;padding:1rem;transition:all .3s}.level-card:hover{background:#ffffff40;transform:translateY(-3px)}.level-number{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:block}.level-label{color:#ffffffe6;font-size:.9rem;display:block}.level-beginner .level-card{border-color:var(--success-color)}.level-intermediate .level-card{border-color:var(--warning-color)}.level-expert .level-card{border-color:var(--error-color)}.subject-areas{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:300px;display:grid}.subject-item{color:#fff;text-align:center;background:#ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;font-size:.8rem;transition:all .3s;display:flex}.subject-item:hover{background:#fff3;transform:scale(1.05)}.subject-item i{font-size:1.2rem}.calculator-section{background:var(--background-color)}.calculator-inputs,.calculator-results{height:100%}.calculator-inputs{background:var(--card-color);border-left:4px solid var(--primary-blue)}.calculator-results{background:var(--card-color);border-left:4px solid var(--primary-coral)}.result-item{background:var(--background-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.success-tips{padding-left:0;list-style:none}.success-tips li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.success-tips li:before{content:"✓";color:var(--success-color);font-weight:700;position:absolute;left:0}.features-section{background:#fff}.feature-card{border:1px solid var(--divider-color);height:100%;transition:all .3s}.feature-card:hover{border-color:var(--primary-blue);transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.feature-icon{border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-benefits{padding-left:0;list-style:none}.feature-benefits li{align-items:flex-start;margin-bottom:.5rem;display:flex}.subscription-highlight{background:linear-gradient(135deg,var(--primary-blue)0%,var(--blue-dark)100%);color:#fff;border:none}.subscription-highlight .title,.subscription-highlight .subtitle{color:#fff}.security-indicators{opacity:.8}.security-badge{flex-direction:column;align-items:center;gap:.25rem;display:flex}.cta-section{background:linear-gradient(135deg,var(--primary-coral)0%,var(--coral-dark)100%);padding:4rem 0}.cta-box{backdrop-filter:blur(10px);background:#0000001a;border:2px solid #fff3;border-radius:16px;padding:3rem}.cta-benefit{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.cta-button{min-height:var(--touch-target-min);border-radius:8px;margin-right:1rem;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.cta-button-secondary{min-height:var(--touch-target-min);border:2px solid #fff;border-radius:8px;transition:all .3s}.cta-button-secondary:hover{background:#fff;color:var(--primary-coral)!important}.social-proof-item{text-align:center}.testimonial{text-align:center;max-width:600px;margin:0 auto}.testimonial blockquote{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.security-badges{opacity:.9}.is-coral{background-color:var(--primary-coral)!important;color:#fff!important}.is-coral:hover{background-color:var(--coral-dark)!important}.has-background-coral-light{background-color:var(--coral-light)!important}.has-text-coral{color:var(--primary-coral)!important}.has-background-purple-light{background-color:#f3e5f5!important}.has-text-purple{color:#9c27b0!important}@media (prefers-reduced-motion:reduce){.hero-cta-button:hover,.level-card:hover,.subject-item:hover,.feature-card:hover,.cta-button:hover{transform:none}.hero-cta-button,.level-card,.subject-item,.feature-card,.cta-button{transition:none}}.hero-cta-button:focus,.cta-button:focus,.cta-button-secondary:focus{outline-offset:2px;outline:3px solid #fff9}.feature-card:focus-within{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;line-height:1.5;overflow-x:hidden}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;box-shadow:0 0 0 4px #06c3}:focus:not(:focus-visible){outline:none}.main-content{min-height:calc(100vh - 200px);flex:1;justify-content:center;align-items:center;width:80vw;min-height:calc(100dvh - 20px);margin:0 auto;display:flex}@media screen and (max-width:768px){.header{padding:10px!important}.header.header-webview{padding-top:20px!important}.main-content{align-items:unset;justify-content:unset;flex:100%;width:100%;min-height:auto;margin-left:0;margin-right:0;padding-left:0;padding-right:0;display:block}.main-content>*{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.sequential-game-loader .box{box-sizing:border-box;flex-direction:column;flex:1 0;width:100%;max-width:100%;margin:0;padding:1rem 0 0;display:flex;overflow:visible}.sequential-game-loader{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.sequential-game-loader .container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;margin:0;padding:1rem 0 0;overflow:visible}}.auth-page{background-color:var(--background-color);font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-main{font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.box{background-color:var(--card-color);border:1px solid var(--divider-color);padding:var(--spacing-2xl);border-radius:.75rem;width:100%;max-width:28rem;margin:0 auto;box-shadow:0 10px 20px -3px #00000014,0 4px 10px -2px #00000008}.box-fullwidth{background-color:var(--card-color);border:1px solid var(--divider-color);padding:var(--spacing-2xl);border-radius:.75rem;width:100%;max-width:100%;margin:0 auto;box-shadow:0 10px 20px -3px #00000014,0 4px 10px -2px #00000008}@media screen and (max-width:768px){.box{width:100%;padding:var(--spacing-sm);border-radius:.25rem}.box .box{margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}.container,.content-container,.unified-container{width:calc(100% - 2px);max-width:calc(100vw - 2px);margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}.section,.columns{margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}.column{padding-left:1px;padding-right:1px}.card,.unified-card,.unified-section,.unified-grid{width:calc(100% - 2px);margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}.main-content>*,.box>*,.container>*,.content-container>*,.unified-container>*,.section>*,.columns>*,.card>*,.unified-card>*,.unified-section>*,.unified-grid>*{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}.title,.content h1.title,.content h2.title,.content h3.title,.content h4.title,.content h5.title,.content h6.title{color:var(--color-text-dark);text-align:center;margin-bottom:var(--spacing-2xl);font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}.label{color:var(--text-secondary);font-family:inherit;font-weight:500;font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);line-height:1.4;display:block}.input{background-color:var(--color-form-background,#fff);border:2px dashed var(--sb-border-soft,#8b5a2b40);color:var(--text-primary);width:100%;min-height:var(--touch-target-comfortable);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);box-sizing:border-box;appearance:none;border-radius:.75rem;font-family:inherit;transition:all .2s ease-in-out}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:2.5rem!important}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:2.5rem!important}.control.has-icons-left.has-icons-right .input{padding-left:2.5rem!important;padding-right:2.5rem!important}.input::placeholder{color:var(--text-light);opacity:1;font-family:inherit}.input:focus{border-color:var(--sb-accent-blue,#7ec8f7);background-color:var(--color-form-background,#fff);border-style:dashed;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #7ec8f740}.input.is-invalid{border-color:var(--sb-accent-red,#ff8a8a);background-color:var(--color-form-background,#fff);border-style:dashed;box-shadow:0 0 0 3px #ff8a8a33}.input.is-valid{border-color:var(--sb-accent-green,#7ed9a0);background-color:var(--color-form-background,#fff);border-style:dashed;box-shadow:0 0 0 3px #7ed9a033}.input.is-invalid:focus{border-color:var(--sb-accent-red,#ff8a8a);box-shadow:0 0 0 3px #ff8a8a59}.text-danger{color:var(--error-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);font-weight:500}.game-player{background-color:var(--background-color);flex-direction:column;width:100%;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.game-controls{background-color:var(--card-color);border-bottom:1px solid var(--divider-color);flex-shrink:0;box-shadow:0 2px 4px #0000001a}.game-controls .navbar{min-height:60px;padding:0 1rem}.game-controls .navbar-item{padding:.5rem .75rem}.game-controls .tags.has-addons{margin-bottom:0}.game-controls .tag{font-size:.875rem;font-weight:600}.game-container{background-color:#fff;flex:1;height:94vh;position:relative;overflow:hidden}.game-iframe{opacity:0;background-color:#fff;border:none;width:100%;height:100%;transition:opacity .3s ease-in}.game-iframe.loaded{opacity:1}.section.full-width,.section.full-width .container{background-color:#fff}.game-loading,.game-error,.game-ready-overlay,.game-paused-overlay,.game-completed-overlay{z-index:1000;background-color:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-loading .box,.game-error .box,.game-ready-overlay .box,.game-paused-overlay .box,.game-completed-overlay .box{background-color:var(--card-color);border-radius:1rem;max-width:90vw;margin:1rem;box-shadow:0 10px 30px #0000004d}.is-loading-spinner{border:4px solid #0000;border-top:4px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-controls .navbar-menu{display:flex}.game-progress-bar{background-color:var(--divider-color);z-index:1001;height:4px;position:absolute;bottom:0;left:0;right:0}.game-progress-fill{background-color:var(--primary-blue);height:100%;transition:width .3s}.game-achievement{top:calc(80px + env(safe-area-inset-top,0px));background-color:var(--success-color);color:#fff;z-index:1002;border-radius:.5rem;padding:1rem;animation:.3s slideInRight;position:fixed;right:1rem;box-shadow:0 4px 12px #0003}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (prefers-color-scheme:dark){.game-player{background-color:#1a1a1a}.game-controls{background-color:#2d2d2d;border-bottom-color:#404040}.game-container{background-color:#1a1a1a}.game-loading,.game-error,.game-ready-overlay,.game-paused-overlay,.game-completed-overlay{background-color:#000000e6}}@media (prefers-reduced-motion:reduce){.game-achievement,.is-loading-spinner{animation:none}.game-progress-fill{transition:none}}.game-controls .button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.game-iframe:focus{outline:2px solid var(--primary-blue);outline-offset:-2px}.game-selection{padding:2rem 1rem}.game-card{background-color:var(--card-color);border:1px solid var(--divider-color);cursor:pointer;border-radius:1rem;height:100%;padding:1.5rem;transition:all .3s}.game-card:hover{border-color:var(--primary-blue);transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.game-card .game-icon{background-color:var(--primary-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;font-size:1.5rem;display:flex}.game-card .game-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.game-card .game-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.game-card .game-meta{color:var(--text-light);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.game-card .difficulty-tag{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.game-card .difficulty-easy{background-color:var(--success-color);color:#fff}.game-card .difficulty-medium{background-color:var(--warning-color);color:#fff}.game-card .difficulty-hard{background-color:var(--error-color);color:#fff}.button{min-height:var(--touch-target-comfortable);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);border:2px dashed var(--sb-border-soft,#8b5a2b40);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;box-sizing:border-box;border-radius:.75rem;justify-content:center;align-items:center;font-weight:600;line-height:1;text-decoration:none;transition:all .25s ease-in-out;display:inline-flex}.button:hover,.button:focus{border-color:var(--sb-border-medium,#8b5a2b66);border-style:dashed}.button:focus-visible{outline:none;box-shadow:0 0 0 3px #7ec8f74d}.social-auth-buttons{gap:var(--spacing-md);flex-direction:column;display:flex}.google-auth-container,.facebook-auth-container,.x-auth-container,.microsoft-auth-container{border-radius:.75rem;position:relative;overflow:hidden}.google-auth-container{background:linear-gradient(135deg,#d32f2f0d 0%,#ffffff0d 100%)}.facebook-auth-container{background:linear-gradient(135deg,#3b59980d 0%,#ffffff0d 100%)}.x-auth-container{background:linear-gradient(135deg,#0000000d 0%,#ffffff0d 100%)}.microsoft-auth-container{background:linear-gradient(135deg,#2f2f2f0d 0%,#ffffff0d 100%)}.button.is-google,.button.is-facebook,.button.is-x,.button.is-microsoft{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md)var(--spacing-lg);min-height:var(--touch-target-comfortable);font-weight:600;font-size:var(--font-size-base);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.button.is-google{background:linear-gradient(135deg,var(--google-btn-bg)0%,#d32f2f 100%);color:var(--text-on-accent);box-shadow:0 4px 12px -3px #d32f2f4d}.button.is-google:hover,.button.is-google:focus{background:linear-gradient(135deg,var(--google-btn-hover)0%,#b71c1c 100%);transform:translateY(-1px);box-shadow:0 6px 16px -3px #d32f2f66}.button.is-facebook{background:linear-gradient(135deg,var(--facebook-btn-bg)0%,#4c70ba 100%);color:var(--text-on-accent);box-shadow:0 4px 12px -3px #3b59984d}.button.is-facebook:hover,.button.is-facebook:focus{background:linear-gradient(135deg,var(--facebook-btn-hover)0%,#3b5998 100%);transform:translateY(-1px);box-shadow:0 6px 16px -3px #3b599866}.button.is-x{background:linear-gradient(135deg,var(--x-btn-bg)0%,#000 100%);color:var(--text-on-accent);box-shadow:0 4px 12px -3px #0000004d}.button.is-x:hover,.button.is-x:focus{background:linear-gradient(135deg,var(--x-btn-hover)0%,#1a1a1a 100%);transform:translateY(-1px);box-shadow:0 6px 16px -3px #0006}.button.is-microsoft{background:linear-gradient(135deg,var(--microsoft-btn-bg)0%,#2f2f2f 100%);color:var(--text-on-accent);box-shadow:0 4px 12px -3px #2f2f2f4d}.button.is-microsoft:hover,.button.is-microsoft:focus{background:linear-gradient(135deg,var(--microsoft-btn-hover)0%,#1f1f1f 100%);transform:translateY(-1px);box-shadow:0 6px 16px -3px #2f2f2f66}.svg-inline--fa{box-sizing:content-box;display:var(--fa-display,inline-block);vertical-align:-.125em;height:1em;width:var(--fa-width,1.25em);overflow:visible}.fa-lg{vertical-align:-.2em;font-size:1.25em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.button .icon{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.button .icon svg{width:100%;height:100%}.button.is-google:disabled,.button.is-facebook:disabled,.button.is-x:disabled,.button.is-microsoft:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button .button-spinner{width:1.25rem;height:1.25rem;margin-right:var(--spacing-xs)}.custom-divider{text-align:center;color:var(--text-light);margin:var(--spacing-xl)0;font-size:var(--font-size-sm);align-items:center;display:flex}.custom-divider:before,.custom-divider:after{content:"";border-bottom:1px solid var(--divider-color);flex:1}.custom-divider:before{margin-right:var(--spacing-md)}.custom-divider:after{margin-left:var(--spacing-md)}.notification.is-danger{background-color:var(--error-color);color:#fff;border-radius:.5rem;margin-bottom:1.25rem;padding:.875rem;font-size:.95rem}.notification.is-success{background-color:var(--success-color);color:#fff;border-radius:.5rem;margin-bottom:1.25rem;padding:.875rem;font-size:.95rem}.layout{flex-direction:column;min-height:100vh;display:flex;position:relative}.header{z-index:50;padding:var(--spacing-lg)var(--spacing-xl);background-color:#ffffff80;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;justify-content:space-between;align-items:center;transition:transform .3s,opacity .3s,all .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 12px -3px #00000014}.header.header-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.header.header-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.header.header-webview{padding-top:calc(var(--spacing-lg) + 20px);background:linear-gradient(#008060f2 0%,#2d9d70db 25%,#5bba80c4 50%,#88d7a3b8 75%,#b6f3c7ab 100%)}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.header-play-button{background:linear-gradient(135deg,var(--sb-accent-green,#7ed9a0)0%,var(--sb-accent-teal,#6ecfcf)100%);border:2px dashed var(--sb-pastel-butter,#fff5c3);padding:var(--spacing-sm);cursor:pointer;min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 2px 8px #7ed9a04d;color:var(--sb-text-primary,#5d4037)!important}.header-play-button:hover,.header-play-button:focus{background:linear-gradient(135deg,var(--sb-accent-teal,#6ecfcf)0%,var(--sb-accent-green,#7ed9a0)100%);border-color:var(--sb-accent-green,#7ed9a0);transform:scale(1.1);box-shadow:0 4px 12px #7ed9a066}.header-play-button .icon{margin:0;padding-left:2px;font-size:1.25rem}.logo-container{align-items:center;gap:var(--spacing-lg);transition:all .3s;display:flex}.app-name{color:var(--primary-blue-dark);font-weight:700;font-size:var(--font-size-3xl);transition:all .3s}.nav{display:none!important}.nav-toggle{border:2px dashed var(--sb-border-soft,#8b5a2b40);padding:var(--spacing-sm);cursor:pointer;min-height:var(--touch-target-min);min-width:var(--touch-target-min);background:#fff8e780;border-radius:.75rem;transition:all .3s;display:block}.nav-toggle:hover,.nav-toggle:focus{border-color:var(--sb-border-medium,#8b5a2b66);background-color:#fff8e7cc}.hamburger{cursor:pointer;width:24px;height:18px;transition:all .3s;position:relative}.hamburger span{background-color:var(--text-secondary);border-radius:1px;width:100%;height:2px;transition:all .3s;display:block;position:absolute}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.open span:first-child{top:8px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:8px;transform:rotate(-45deg)}@keyframes nav-float{0%{box-shadow:0 4px 12px -2px #8b5a2b26}50%{box-shadow:0 10px 28px -4px #8b5a2b47,0 2px 6px #ffb07a2e}to{box-shadow:0 4px 12px -2px #8b5a2b26}}.nav-mobile{--nav-top-offset:calc(var(--header-height,72px) + env(safe-area-inset-top,0px) + 8px);top:var(--nav-top-offset);width:calc(100vw - 2rem);max-width:500px;max-height:calc(100vh - var(--nav-top-offset) - env(safe-area-inset-bottom,0px) - 1rem);background-color:var(--sb-pastel-cream,#fff8e7);border:2px dashed var(--sb-border-soft,#8b5a2b40);border-top:3px dashed var(--sb-accent-orange,#ffb07a);opacity:0;visibility:hidden;z-index:40;border-radius:.75rem;margin-left:-250px;transition:transform .38s cubic-bezier(.34,1.56,.64,1),opacity .25s,visibility .25s;position:fixed;left:50%;overflow:hidden auto;transform:translateY(-110%);box-shadow:0 4px 12px -2px #8b5a2b26}.nav-mobile::-webkit-scrollbar{width:8px}.nav-mobile::-webkit-scrollbar-track{background:#8b5a2b1a;border-radius:4px}.nav-mobile::-webkit-scrollbar-thumb{background:#8b5a2b4d;border-radius:4px}.nav-mobile::-webkit-scrollbar-thumb:hover{background:#8b5a2b80}.nav-mobile.open{opacity:1;visibility:visible;will-change:transform;animation:3s ease-in-out .4s infinite nav-float;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.nav-mobile,.nav-mobile.open{transition:opacity .15s,visibility .15s;animation:none}}@media screen and (max-width:500px){.nav-mobile{width:calc(100vw - 2rem);margin-left:0;left:1rem}}.nav-mobile .nav-link{padding:var(--spacing-md)var(--spacing-lg);border-bottom:2px dashed var(--sb-border-soft,#8b5a2b40);color:var(--text-secondary);font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-mobile .nav-link:hover,.nav-mobile .nav-link:focus{color:var(--sb-text-primary,#5d4037);border-bottom-color:var(--sb-border-medium,#8b5a2b66);background-color:#fff8e780}.nav-mobile .nav-link.active{color:var(--sb-text-primary,#5d4037);border-bottom-color:var(--sb-accent-orange,#ffb07a)}.nav-mobile .nav-link.is-action{border:2px dashed var(--sb-border-soft,#8b5a2b40);margin:.5rem var(--spacing-lg);border-bottom:2px dashed var(--sb-border-soft,#8b5a2b40);background-color:#fff8e799;border-radius:.75rem}.nav-mobile .nav-link.is-action:hover,.nav-mobile .nav-link.is-action:focus{border-color:var(--sb-border-medium,#8b5a2b66);background-color:#fff8e7d9}.nav-close-row{padding:var(--spacing-xs)var(--spacing-md);border-bottom:2px dashed var(--sb-border-soft,#8b5a2b40);justify-content:flex-end;align-items:center;display:flex}.nav-close-btn{color:var(--text-secondary);padding:var(--spacing-xs);min-height:var(--touch-target-min,44px);min-width:var(--touch-target-min,44px);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.nav-close-btn:hover,.nav-close-btn:focus{color:var(--sb-text-primary,#5d4037);background-color:#8b5a2b14}.nav-close-btn:focus-visible{outline:2px solid var(--primary-blue,#06c);outline-offset:2px}.nav-close-btn:active{background-color:#8b5a2b26}@media (prefers-reduced-motion:reduce){.nav-close-btn{transition:none}}.nav-mobile{display:block}.nav-link{color:var(--text-secondary);padding:var(--spacing-sm)var(--spacing-sm);min-height:var(--touch-target-min);border-bottom:2px dashed #0000;align-items:center;font-weight:500;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-link:hover,.nav-link:focus{color:var(--sb-text-primary,#5d4037);border-bottom-color:var(--sb-border-soft,#8b5a2b40)}.nav-link.active{color:var(--sb-text-primary,#5d4037);background-color:#ffb07a26;border-radius:.5rem}.nav-link.is-action{border:2px dashed var(--sb-border-soft,#8b5a2b40);background-color:#fff8e799;border-radius:.75rem;margin-left:.25rem;margin-right:.25rem;padding-left:.75rem;padding-right:.75rem}.nav-link.is-action:hover,.nav-link.is-action:focus{border-color:var(--sb-border-medium,#8b5a2b66);color:var(--sb-text-primary,#5d4037);background-color:#fff8e7d9}.nav-link.is-action.active{border-color:var(--sb-accent-orange,#ffb07a);color:var(--sb-text-primary,#5d4037);background-color:#fff8e7d9}button.nav-link{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}button.nav-link:hover{cursor:pointer}.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}.footer{color:#fff;text-align:center;padding:var(--spacing-xl);background-color:#00408080;border-top-left-radius:.75rem;border-top-right-radius:.75rem;margin-top:auto;transition:all .3s}.footer-content{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;transition:all .3s;display:flex}.footer-links{justify-content:flex-end;gap:var(--spacing-lg);flex-wrap:wrap;transition:all .3s;display:flex}.footer-links a{color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-xs);min-height:var(--touch-target-min);align-items:center;text-decoration:none;transition:color .2s;display:flex}.footer-links a:hover,.footer-links a:focus{color:var(--primary-coral);text-decoration:underline}.logo{border-radius:50%;width:2.75rem;height:2.75rem;transition:all .3s}.logo-rotate:hover{opacity:.9;transform:rotate(20deg)}.form-group{margin-bottom:var(--spacing-lg)}.input-wrapper{display:block;position:relative}.input-icon{width:1.25rem;height:1.25rem;color:var(--text-light);pointer-events:none;z-index:1;position:absolute;top:50%;left:auto;right:.875rem;transform:translateY(-50%)}.input-wrapper .input{text-align:left;box-sizing:border-box;width:100%;padding-left:1rem;padding-right:3rem}.input-wrapper:has(.password-toggle) .input-icon{right:3.25rem}.input-wrapper:has(.password-toggle) .input{padding-right:4.75rem}.password-toggle{cursor:pointer;color:var(--text-light);z-index:2;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:.25rem;transition:color .2s;display:flex;position:absolute;top:50%;left:auto;right:.75rem;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus{color:var(--primary-blue);background-color:#0066cc1a}.password-toggle svg{width:1.5rem;height:1.5rem}.required-indicator{color:var(--error-color);margin-left:.25rem;font-weight:700}.field-help{font-size:var(--font-size-sm);color:var(--text-light);margin-top:var(--spacing-xs);line-height:1.4}.field-error{align-items:flex-start;gap:var(--spacing-xs);color:var(--error-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);font-weight:500;line-height:1.4;display:flex}.error-icon,.success-icon{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.notification{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:flex-start;gap:var(--spacing-sm);border-radius:.5rem;display:flex;position:relative}.notification.is-danger{background-color:var(--error-color);color:#fff;border-left:4px solid #b91c1c}.notification.is-success{background-color:var(--success-color);color:#fff;border-left:4px solid #16a34a}.error-content,.message-content{align-items:flex-start;gap:var(--spacing-sm);flex:1;display:flex}.error-dismiss,.message-dismiss{color:inherit;padding:var(--spacing-xs);cursor:pointer;opacity:.8;min-height:var(--touch-target-min);min-width:var(--touch-target-min);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.error-dismiss:hover,.message-dismiss:hover{opacity:1}.dismiss-icon{width:1rem;height:1rem}.loading-container{padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid #0000;border-top:3px solid var(--primary-blue);width:2rem;height:2rem;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.button-spinner{width:1.25rem;height:1.25rem;margin-right:var(--spacing-xs);animation:1s linear infinite spin}.button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button:disabled:hover{background-color:var(--primary-blue)!important;transform:none!important}.full-width{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.grid-container,.options{width:80vw}h1{font-size:2rem}.grid-item{min-width:35px;min-height:35px;font-size:1.5rem}.option{min-width:50px;min-height:50px;font-size:1.5rem}.sequential-game-loader .spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin:2rem auto;animation:1s linear infinite spin}select,.select select{background-color:var(--color-form-background,#fff);border:2px dashed var(--sb-border-soft,#8b5a2b40);color:var(--text-primary);min-height:var(--touch-target-comfortable);font-size:var(--font-size-base);box-sizing:border-box;cursor:pointer;background-position:right 1rem center;background-repeat:no-repeat;background-size:18px 18px;border-radius:.75rem;padding-right:2.5rem;font-family:inherit;transition:all .2s ease-in-out;appearance:none!important}select::-ms-expand{display:none!important}.select select::-ms-expand{display:none!important}select:hover,.select select:hover{border-color:var(--sb-border-medium,#8b5a2b66)}select:focus,.select select:focus{border-color:var(--sb-accent-blue,#7ec8f7);border-style:dashed;outline:none;box-shadow:0 0 0 3px #7ec8f740}select option,.select select option{color:var(--text-primary);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-base);background-color:#fff;font-family:inherit}select option:disabled,.select select option:disabled{color:var(--text-light)}select option[value=""],.select select option[value=""]{color:var(--text-secondary)}textarea,.textarea{background-color:var(--color-form-background,#fff);border:2px dashed var(--sb-border-soft,#8b5a2b40);color:var(--text-primary);width:100%;min-height:120px;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);box-sizing:border-box;resize:vertical;border-radius:.75rem;font-family:inherit;line-height:1.5;transition:all .2s ease-in-out}textarea:hover,.textarea:hover{border-color:var(--sb-border-medium,#8b5a2b66)}textarea:focus,.textarea:focus{border-color:var(--sb-accent-blue,#7ec8f7);border-style:dashed;outline:none;box-shadow:0 0 0 3px #7ec8f740}textarea::placeholder,.textarea::placeholder{color:var(--text-light);opacity:1}.button.is-google,.button.is-facebook,.button.is-x,.button.is-microsoft{border:2px dashed #fff6}.button.is-google:hover,.button.is-google:focus,.button.is-facebook:hover,.button.is-facebook:focus,.button.is-x:hover,.button.is-x:focus,.button.is-microsoft:hover,.button.is-microsoft:focus{border-style:dashed;border-color:#fff9}.button.is-primary{background:linear-gradient(135deg,var(--sb-accent-blue,#7ec8f7)0%,var(--sb-pastel-sky,#c5e8f7)100%);color:var(--sb-text-primary,#5d4037);border:2px dashed var(--sb-accent-blue,#7ec8f7)}.button.is-primary:hover,.button.is-primary:focus{border-color:var(--sb-accent-teal,#6ecfcf);transform:translateY(-1px)}.button.is-success{background:linear-gradient(135deg,var(--sb-accent-green,#7ed9a0)0%,var(--sb-pastel-mint,#c8f7dc)100%);color:var(--sb-text-primary,#5d4037);border:2px dashed var(--sb-accent-green,#7ed9a0)}.button.is-success:hover,.button.is-success:focus{border-color:var(--sb-accent-teal,#6ecfcf);transform:translateY(-1px)}.button.is-warning{background:linear-gradient(135deg,var(--sb-accent-yellow,#ffe066)0%,var(--sb-pastel-butter,#fff5c3)100%);color:var(--sb-text-primary,#5d4037);border:2px dashed var(--sb-accent-orange,#ffb07a)}.button.is-warning:hover,.button.is-warning:focus{border-color:var(--sb-accent-yellow,#ffe066);transform:translateY(-1px)}.button.is-danger{background:linear-gradient(135deg,var(--sb-accent-red,#ff8a8a)0%,var(--sb-pastel-coral,#ffcec7)100%);color:var(--sb-text-primary,#5d4037);border:2px dashed var(--sb-accent-red,#ff8a8a)}.button.is-danger:hover,.button.is-danger:focus{border-color:var(--sb-accent-pink,#ffaac4);transform:translateY(-1px)}.button.is-outlined{border:2px dashed var(--sb-border-medium,#8b5a2b66);color:var(--sb-text-primary,#5d4037);background:0 0}.button.is-outlined:hover,.button.is-outlined:focus{border-color:var(--sb-border-strong,#8b5a2b);background:#fff8e780}@media (prefers-contrast:high){.input,select,.select select,textarea,.textarea{border-width:3px;border-color:#5d4037}.input:focus,select:focus,.select select:focus,textarea:focus,.textarea:focus{border-color:#000;box-shadow:0 0 0 4px #0000004d}.button{border-width:3px;border-color:#5d4037}.button:focus-visible{box-shadow:0 0 0 4px #0006}.nav-link,.nav-mobile .nav-link{border-bottom-width:3px}.nav-link.is-action,.nav-mobile .nav-link.is-action{border-width:3px}}@media (prefers-reduced-motion:reduce){.input,select,.select select,textarea,.textarea,.button,.nav-link,.nav-mobile .nav-link{transition:none}.input:focus,.button:hover,.button:focus{transform:none}}.sc-completion-container{background:linear-gradient(135deg,var(--ap-pastel-cream,#fff9e5)0%,var(--ap-pastel-peach,#fff0e5)50%,var(--ap-pastel-pink,#ffe5ec)100%);border-radius:var(--ap-radius-xl,32px);box-shadow:var(--ap-shadow-soft,0 4px 12px #8b5a2b1a);border:3px dashed #8b5a2b4d;padding:2rem;font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media screen and (max-width:768px){.sc-completion-container{border-radius:.5rem;width:100%;max-width:100%;margin:0;padding:1rem}}.sc-completion-title{text-shadow:2px 2px 0 var(--ap-pastel-cream,#fff9e5);font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#5d4037!important}.sc-completion-subtitle{color:#795548}.sc-completion-reward-card{background:linear-gradient(135deg,var(--sb-pastel-butter,#fff5c3)0%,var(--sb-pastel-cream,#fff8e7)50%,var(--sb-pastel-peach,#ffe5d0)100%);border:3px dashed var(--sb-accent-yellow,#ffe066);border-radius:24px;padding:1.25rem;transition:all .3s ease-in-out;box-shadow:0 6px 20px #8b5a2b2e}.sc-completion-time-badge{background:linear-gradient(135deg,var(--sb-pastel-mint,#c8f7dc)0%,var(--sb-pastel-sky,#c5e8f7)100%);border:2px dashed var(--sb-accent-green,#7ed9a0);color:#5d4037;border-radius:18px;margin-top:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;box-shadow:0 4px 12px #8b5a2b1f}.sc-domain-link{color:inherit;background:#fffffff2;border:2px dashed #8b5a2b40;border-radius:18px;align-items:center;gap:.5rem;margin:0;padding:.75rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #8b5a2b1f}.sc-domain-link:hover{background:linear-gradient(135deg,var(--sb-pastel-sky,#c5e8f7)0%,#fffffffa 100%);border-color:var(--sb-accent-teal,#6ecfcf);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #8b5a2b2e}.sc-start-new-button{background:linear-gradient(135deg,var(--sb-accent-green,#7ed9a0)0%,var(--sb-accent-teal,#6ecfcf)100%);border:2px dashed var(--sb-pastel-butter,#fff5c3);cursor:pointer;min-height:var(--touch-target-min,44px);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Playpen Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #7ed9a04d;color:var(--sb-text-primary,#5d4037)!important}.sc-start-new-button:hover:not(:disabled),.sc-start-new-button:focus:not(:disabled){background:linear-gradient(135deg,var(--sb-accent-teal,#6ecfcf)0%,var(--sb-accent-green,#7ed9a0)100%);border-color:var(--sb-accent-green,#7ed9a0);transform:scale(1.05);box-shadow:0 4px 12px #7ed9a066}.sc-start-new-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#b0b0b0 0%,#a0a0a0 100%);border-color:silver;transform:none}.sc-start-new-button:disabled .fa-spinner{animation:1s linear infinite fa-spin}.sc-start-new-button .icon{margin-right:.25rem;font-size:1rem}.sequential-game-loader .box.loading,.sequential-game-loader .box.loading .game-container,.sequential-game-loader .box.loading .sc-completion-container,.sequential-game-loader .box.loading .sc-completion-reward-card,.sequential-game-loader .box.loading .sc-completion-time-badge,.sequential-game-loader .box.loading .sc-domain-link{box-shadow:none!important;border:none!important}.sequential-game-loader .box.loading .sc-domain-link:hover{transform:none;box-shadow:none!important;border:none!important}.sequential-game-loader .box.loading .notification{box-shadow:none!important;border:none!important}
body.admin-panel-active,html.admin-panel-active{max-width:100vw;overflow-x:hidden}.admin-layout{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.admin-sidebar{z-index:1000;background-color:#fff;border-right:1px solid #dbdbdb;flex-direction:column;width:260px;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 5px #0000000d}.admin-sidebar.is-collapsed{width:70px}.admin-sidebar.is-collapsed .menu-label span:not(.icon),.admin-sidebar.is-collapsed .admin-nav-link span:not(.icon),.admin-sidebar.is-collapsed .admin-sidebar-footer span:not(.icon){display:none}.admin-sidebar.is-collapsed .admin-sidebar-header{justify-content:center}.admin-sidebar.is-collapsed .admin-sidebar-footer hr{margin:.5rem 0}.admin-sidebar.is-mobile{transform:translate(-100%)}.admin-sidebar.is-mobile:not(.is-collapsed){width:260px;transform:translate(0)}.admin-sidebar.is-mobile:not(.is-collapsed) .menu-label span:not(.icon),.admin-sidebar.is-mobile:not(.is-collapsed) .admin-nav-link span:not(.icon),.admin-sidebar.is-mobile:not(.is-collapsed) .admin-sidebar-footer span:not(.icon){display:inline}.admin-sidebar-header{border-bottom:1px solid #dbdbdb;flex-shrink:0;padding:1.5rem 1rem 1rem}.admin-sidebar-header .menu-label{color:#363636;white-space:nowrap;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;display:flex;overflow:hidden}.admin-nav-link{color:#4a4a4a;white-space:nowrap;border-radius:4px;align-items:center;gap:.75rem;margin:.25rem .5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.admin-nav-link:hover{color:#3273dc;background-color:#f5f5f5}.admin-nav-link.is-active{color:#fff;background-color:#3273dc}.admin-nav-link.is-active:hover{color:#fff;background-color:#276cda}.admin-nav-link .icon{text-align:center;min-width:1.5rem}.admin-sidebar-footer{flex-shrink:0;margin-top:auto;padding:1rem}.admin-sidebar-footer .dropdown-divider{margin:.5rem 0 1rem}.admin-sidebar-footer .button{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;display:flex;overflow:hidden}.admin-sidebar-toggle{z-index:1001;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 4px #0000001a}.admin-sidebar-toggle.is-active{color:#fff;background-color:#3273dc;border-color:#3273dc}.admin-sidebar-overlay{z-index:999;cursor:pointer;background-color:#00000080;position:fixed;inset:0}.admin-main-content{box-sizing:border-box;width:calc(100% - 260px);max-width:calc(100% - 260px);min-height:100vh;margin-left:260px;transition:margin-left .3s;overflow-x:hidden}.admin-main-content.sidebar-collapsed{width:calc(100% - 70px);max-width:calc(100% - 70px);margin-left:70px}@media screen and (max-width:768px){.admin-main-content{padding-top:4rem;width:100%!important;max-width:100%!important;margin-left:0!important}}@media screen and (max-width:1023px){.admin-sidebar{width:220px}.admin-sidebar.is-collapsed{width:60px}.admin-main-content{width:calc(100% - 220px);max-width:calc(100% - 220px);margin-left:220px}.admin-main-content.sidebar-collapsed{width:calc(100% - 60px);max-width:calc(100% - 60px);margin-left:60px}}@media (prefers-contrast:high){.admin-sidebar{border-right:2px solid #000}.admin-nav-link{border:1px solid #0000}.admin-nav-link:hover{border-color:#000}.admin-nav-link.is-active{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.admin-sidebar,.admin-nav-link,.admin-sidebar-toggle{transition:none}}@media (prefers-color-scheme:dark){.admin-sidebar{background-color:#242424;border-right-color:#444}.admin-sidebar-header .menu-label{color:#fff}.admin-nav-link{color:#ddd}.admin-nav-link:hover{color:#3273dc;background-color:#363636}.admin-nav-link.is-active{color:#fff;background-color:#3273dc}}
.admin-dashboard-container{box-sizing:border-box;width:100%;max-width:100%;padding-left:1.5rem;padding-right:1.5rem;overflow-x:hidden}.admin-dashboard-grid{box-sizing:border-box;flex-wrap:wrap;gap:1.5rem;width:100%;max-width:100%;display:flex;overflow-x:hidden}.admin-stat-box{box-sizing:border-box;flex:calc(33.333% - 1rem);min-width:280px;max-width:100%;overflow:hidden}.admin-stat-box .box{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.admin-dashboard-columns{width:100%;max-width:100%;margin-left:0;margin-right:0;overflow-x:hidden}.admin-dashboard-columns .column{box-sizing:border-box;overflow:hidden}.admin-dashboard-table{width:100%;max-width:100%;display:block;overflow-x:auto}.admin-dashboard-table table{table-layout:fixed;width:100%;max-width:100%}.admin-actions-container{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.admin-actions-container .buttons{flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%}.admin-welcome-box{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}@media screen and (max-width:1023px){.admin-stat-box{flex:calc(50% - 1rem);min-width:250px}}@media screen and (max-width:768px){.admin-dashboard-container{width:calc(100% - 2px);max-width:calc(100vw - 2px);margin-left:0;margin-right:0;padding-left:0;padding-right:0}.admin-stat-box{flex:100%;min-width:100%;margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}.admin-dashboard-grid{gap:1rem;margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}.admin-actions-container .buttons{flex-direction:column;align-items:stretch}.admin-actions-container .button{justify-content:center;width:100%}}.admin-main-content *{box-sizing:border-box;max-width:100%}.admin-main-content .container{box-sizing:border-box;width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;overflow-x:hidden}@media screen and (max-width:768px){.admin-main-content .container{width:calc(100% - 2px);max-width:calc(100vw - 2px);margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}}.admin-main-content .section{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media screen and (max-width:768px){.admin-main-content .section{width:calc(100% - 2px);max-width:calc(100vw - 2px);margin-left:1px;margin-right:1px;padding-left:1px;padding-right:1px}}.table.is-striped tbody tr:not(.is-selected):nth-child(2n){background-color:#d9da7f}