:root{--color-bg-primary: #FFF8E7;--color-bg-secondary: #F5E6C8;--color-bg-card: #FFFFFF;--color-bg-overlay: rgba(93, 58, 26, .4);--color-text-primary: #5D3A1A;--color-text-secondary: #7C6446;--color-text-light: #B8A48C;--color-text-inverse: #FFFFFF;--color-accent-primary: #C65309;--color-accent-secondary: #FFD166;--color-accent-success: #6BCB77;--color-accent-danger: #FF6B6B;--color-accent-danger-strong: #C62828;--color-accent-info: #4ECDC4;--color-accent-warning: #FFC857;--color-warning: #FFB020;--color-theme-primary: #C47B3B;--color-theme-secondary: #E8A857;--color-theme-bg: linear-gradient(180deg, #FFF8E7, #F5E6C8);--color-border: color-mix(in srgb, var(--color-text-primary) 22%, transparent);--color-border-subtle: color-mix(in srgb, var(--color-text-primary) 12%, transparent);--color-bg-surface: color-mix(in srgb, var(--color-bg-card) 92%, white 8%);--color-surface: var(--color-bg-surface);--color-surface-muted: color-mix(in srgb, var(--color-bg-secondary) 62%, var(--color-bg-card) 38%);--color-star-filled: #FFD166;--color-star-empty: #8A7D69;--gradient-topic-numbers: linear-gradient(140deg, #FFE08A, #FFB36B);--gradient-topic-letters: linear-gradient(140deg, #C8E7FF, #93C5FF);--gradient-topic-reading: linear-gradient(140deg, #D7F7B8, #9EDB9A);--gradient-game-surface-warm: linear-gradient(180deg, #FFF9EB, #FDE8C5);--gradient-game-surface-cool: linear-gradient(180deg, #EDF7FF, #DDEEFF);--gradient-celebration-gold: radial-gradient(circle at 50% 40%, #FFE7A8 0%, #FFD166 48%, #FFB347 100%);--color-glow-success-soft: rgba(255, 209, 102, .28);--color-glow-success-strong: rgba(255, 179, 71, .5);--shadow-success-glow: 0 0 0 4px var(--color-glow-success-soft), 0 10px 28px var(--color-glow-success-strong);--texture-dots-soft: radial-gradient(circle, rgba(255, 255, 255, .35) 1px, transparent 1px);--texture-dots-size: 16px 16px;--texture-waves-soft: repeating-linear-gradient(135deg, rgba(255, 255, 255, .2) 0 8px, rgba(255, 255, 255, 0) 8px 16px);--texture-stars-soft: radial-gradient(circle at 22% 24%, rgba(255, 255, 255, .22) 1px, transparent 1px), radial-gradient(circle at 74% 36%, rgba(255, 255, 255, .2) 1px, transparent 1px), radial-gradient(circle at 44% 72%, rgba(255, 255, 255, .18) 1px, transparent 1px);--font-family-primary: "Rubik", "Heebo", system-ui, sans-serif;--font-family-display: "Rubik", system-ui, sans-serif;--font-size-xs: 1rem;--font-size-sm: 1.125rem;--font-size-md: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 1.875rem;--font-size-2xl: 2.25rem;--font-size-3xl: 2.75rem;--font-size-base: var(--font-size-md);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.7;--space-2xs: .375rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--child-route-max-width-narrow: 960px;--child-route-max-width-standard: 1120px;--child-route-max-width-wide: 1180px;--child-route-inline-padding: var(--space-lg);--child-route-section-gap: var(--space-md);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(93, 58, 26, .1);--shadow-md: 0 4px 12px rgba(93, 58, 26, .12);--shadow-lg: 0 8px 24px rgba(93, 58, 26, .15);--shadow-card: 0 2px 8px rgba(93, 58, 26, .08);--touch-min-secondary: 48px;--touch-min-primary: 60px;--touch-min: 52px;--touch-primary-action: 72px;--touch-primary-action-prominent: 80px;--touch-filter-chip: 52px;--home-sticky-offset: clamp(10px, 2vh, 20px);--home-rail-inline-size: clamp(132px, 17vw, 188px);--home-rail-gap: var(--space-sm);--home-rail-z-index: 20;--home-rail-toggle-size: max(52px, var(--touch-filter-chip));--home-section-jump-target-min: max(44px, var(--touch-min-secondary));--handbook-frame-radius: 1.75rem;--handbook-frame-border: 2px solid color-mix(in srgb, var(--color-theme-primary) 22%, transparent);--handbook-frame-shadow: 0 10px 26px rgba(93, 58, 26, .14);--handbook-illustration-min-height: 280px;--handbook-text-min-height: 120px;--handbook-control-min-height: 72px;--handbook-progress-dot-size: 14px;--handbook-progress-dot-gap: 8px;--handbook-hotspot-min-size: 72px;--handbook-hotspot-gap: 16px;--handbook-nav-hotspot-size: clamp(72px, 10vw, 108px);--handbook-nav-hotspot-offset: 12px;--handbook-text-size: clamp(1.25rem, 2.1vw, 1.75rem);--handbook-text-line-height: 1.6;--handbook-page-turn-duration: .42s;--handbook-spread-max-width: 1060px;--handbook-spread-inline-padding: clamp(12px, 2.4vw, 24px);--handbook-spine-width: clamp(18px, 2.2vw, 24px);--handbook-page-inner-gutter: clamp(12px, 1.8vw, 20px);--handbook-illustration-ratio-landscape: 16 / 10;--handbook-illustration-ratio-portrait: 4 / 3;--handbook-story-font-size: clamp(1.375rem, 2.3vw, 1.625rem);--handbook-prompt-font-size: clamp(1.5rem, 2.8vw, 1.875rem);--handbook-status-font-size: clamp(1.125rem, 1.9vw, 1.25rem);--handbook-control-surface-opacity: .92;--handbook-word-hero-font-size: clamp(2rem, 4.8vw, 3.25rem);--handbook-word-hero-line-height: 1.2;--handbook-word-hero-letter-spacing: .01em;--handbook-word-stack-gap: clamp(8px, 1.4vw, 14px);--handbook-word-repeat-font-size: clamp(1.5rem, 3.1vw, 2.25rem);--handbook-support-font-size: clamp(1.125rem, 2vw, 1.375rem);--handbook-support-line-height: 1.6;--handbook-support-max-lines: 2;--handbook-support-emphasis-opacity: .65;--storybook-progress-window-size: 5;--storybook-page-chip-min-inline-size: 9.25rem;--storybook-nav-lane-inline-size: clamp(72px, 11vw, 112px);--storybook-nav-lane-block-size: clamp(220px, 48vh, 360px);--storybook-replay-target-size: var(--touch-primary-action);--storybook-control-gap: clamp(12px, 1.8vw, 16px);--storybook-edge-safe-bottom: clamp(16px, 3.2vh, 36px);--storybook-progress-active-scale: 1.3;--color-filter-surface: color-mix(in srgb, var(--color-bg-card) 82%, var(--color-theme-secondary) 18%);--color-filter-border: color-mix(in srgb, var(--color-theme-primary) 24%, transparent);--color-filter-chip-bg: var(--color-bg-card);--color-filter-chip-border: color-mix(in srgb, var(--color-theme-primary) 20%, transparent);--color-filter-chip-active-bg: var(--color-accent-primary);--color-filter-chip-active-text: var(--color-text-inverse);--color-filter-chip-active-shadow: color-mix(in srgb, var(--color-theme-primary) 36%, transparent);--color-tag-age-primary-bg: color-mix(in srgb, var(--color-accent-secondary) 52%, var(--color-bg-card) 48%);--color-tag-age-support-bg: color-mix(in srgb, var(--color-accent-info) 34%, var(--color-bg-card) 66%);--color-tag-topic-bg: color-mix(in srgb, var(--color-theme-secondary) 26%, var(--color-bg-card) 74%);--color-tag-difficulty-bg: color-mix(in srgb, var(--color-accent-success) 24%, var(--color-bg-card) 76%);--color-tag-text: var(--color-text-primary);--color-tag-border: color-mix(in srgb, var(--color-text-primary) 14%, transparent);--radius-tag-pill: var(--radius-full);--tag-chip-height: 38px;--shadow-filter-chip-active: 0 4px 10px var(--color-filter-chip-active-shadow);--motion-duration-quick: .15s;--motion-duration-fast: .22s;--motion-duration-normal: .3s;--motion-duration-slow: .5s;--motion-duration-dramatic: .8s;--motion-ease-standard: cubic-bezier(.22, 1, .36, 1);--motion-ease-entrance: cubic-bezier(.2, .8, .2, 1);--motion-ease-exit: cubic-bezier(.4, 0, .2, 1);--motion-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-ease-gentle: cubic-bezier(.25, .46, .45, .94);--motion-entrance-bounce: dubi-entrance-bounce var(--motion-duration-slow) var(--motion-ease-bounce) both;--motion-card-hover: dubi-card-hover var(--motion-duration-normal) var(--motion-ease-standard) both;--motion-success-burst: dubi-success-burst var(--motion-duration-dramatic) var(--motion-ease-bounce) both;--motion-gentle-float: dubi-gentle-float 3.2s var(--motion-ease-gentle) infinite alternate;--motion-page-transition-in: dubi-page-enter var(--motion-duration-normal) var(--motion-ease-entrance) both;--motion-page-transition-out: dubi-page-exit var(--motion-duration-quick) var(--motion-ease-exit) both;--motion-loading-pulse: dubi-loading-pulse 1.2s ease-in-out infinite;--transition-fast: var(--motion-duration-quick) var(--motion-ease-standard);--transition-normal: var(--motion-duration-normal) var(--motion-ease-standard);--transition-slow: var(--motion-duration-slow) var(--motion-ease-standard)}[data-theme=football]{--color-theme-primary: #2D6A4F;--color-theme-secondary: #52B788;--color-theme-bg: linear-gradient(180deg, #E8F5E9, #C8E6C9);--color-bg-primary: #E8F5E9;--color-bg-secondary: #C8E6C9;--gradient-topic-numbers: linear-gradient(140deg, #B8E8BC, #74C69D);--gradient-topic-letters: linear-gradient(140deg, #B8E4D3, #70C1A5);--gradient-topic-reading: linear-gradient(140deg, #D5F1C7, #95D78B);--gradient-game-surface-cool: linear-gradient(180deg, #E9F8EE, #D3F2DF)}[data-theme=magic]{--color-theme-primary: #7B2D8E;--color-theme-secondary: #C77DFF;--color-theme-bg: linear-gradient(180deg, #F3E5F5, #E1BEE7);--color-bg-primary: #F3E5F5;--color-bg-secondary: #E1BEE7;--gradient-topic-numbers: linear-gradient(140deg, #FFD7A3, #FF9F8E);--gradient-topic-letters: linear-gradient(140deg, #E4CCFF, #C6A6FF);--gradient-topic-reading: linear-gradient(140deg, #D7E8FF, #ACCAFF);--gradient-game-surface-cool: linear-gradient(180deg, #F5EDFF, #E7D7FF)}[data-theme=space]{--color-theme-primary: #1A237E;--color-theme-secondary: #5C6BC0;--color-theme-bg: linear-gradient(180deg, #E8EAF6, #C5CAE9);--color-bg-primary: #E8EAF6;--color-bg-secondary: #C5CAE9;--gradient-topic-numbers: linear-gradient(140deg, #90CAF9, #64B5F6);--gradient-topic-letters: linear-gradient(140deg, #B39DDB, #9575CD);--gradient-topic-reading: linear-gradient(140deg, #A5D6A7, #81C784);--gradient-game-surface-cool: linear-gradient(180deg, #ECF0FF, #DDE4FF)}[data-theme=ocean]{--color-theme-primary: #00695C;--color-theme-secondary: #4DB6AC;--color-theme-bg: linear-gradient(180deg, #E0F2F1, #B2DFDB);--color-bg-primary: #E0F2F1;--color-bg-secondary: #B2DFDB;--gradient-topic-numbers: linear-gradient(140deg, #A7F3D0, #5EEAD4);--gradient-topic-letters: linear-gradient(140deg, #A5F3FC, #67E8F9);--gradient-topic-reading: linear-gradient(140deg, #BFDBFE, #93C5FD);--gradient-game-surface-cool: linear-gradient(180deg, #E6FBFA, #D2F5F2)}@keyframes dubi-entrance-bounce{0%{opacity:0;transform:translateY(18px) scale(.94)}62%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dubi-card-hover{0%{transform:translateY(0) scale(1);box-shadow:var(--shadow-md)}to{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}}@keyframes dubi-success-burst{0%{transform:scale(.86);filter:saturate(.95)}55%{transform:scale(1.08);filter:saturate(1.08)}to{transform:scale(1);filter:saturate(1)}}@keyframes dubi-gentle-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes dubi-page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dubi-page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes dubi-loading-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes dubi-reduced-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){:root{--motion-duration-quick: 80ms;--motion-duration-normal: .12s;--motion-duration-slow: .16s;--motion-duration-dramatic: .2s;--motion-entrance-bounce: dubi-reduced-fade var(--motion-duration-normal) linear both;--motion-card-hover: dubi-reduced-fade var(--motion-duration-quick) linear both;--motion-success-burst: dubi-reduced-fade var(--motion-duration-slow) linear both;--motion-gentle-float: none;--motion-page-transition-in: dubi-reduced-fade var(--motion-duration-normal) linear both;--motion-page-transition-out: dubi-reduced-fade var(--motion-duration-quick) linear both;--motion-loading-pulse: dubi-reduced-fade 1.4s linear infinite}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;--route-shell-inline-public: 18px}html[dir=ltr]{--route-shell-inline-public: -18px}body{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}button{cursor:pointer;font-family:inherit}.sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.animated-page{animation:var(--motion-page-transition-in);animation-delay:var(--animated-page-delay, 0ms);will-change:transform,opacity}.animated-page--shell-public{animation-name:dubi-page-enter-inline;--route-shell-inline-offset: var(--route-shell-inline-public)}.animated-page--shell-app{animation-name:dubi-page-enter-block;overflow-x:hidden;overflow-x:clip}@keyframes dubi-page-enter-inline{0%{opacity:0;transform:translate(var(--route-shell-inline-offset, 0)) translateY(10px) scale(.992)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes dubi-page-enter-block{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.route-fallback{min-height:100vh;display:grid;place-items:center;padding:var(--space-xl);background:var(--color-theme-bg)}.route-fallback__panel{inline-size:min(340px,100%);display:grid;justify-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);background:var(--color-bg-card);box-shadow:var(--shadow-card)}.route-fallback__spinner{inline-size:28px;block-size:28px;border-radius:var(--radius-full);border:3px solid color-mix(in srgb,var(--color-theme-primary) 28%,transparent);border-top-color:var(--color-theme-primary);animation:route-fallback-spin .9s linear infinite}.route-fallback__skeleton{inline-size:min(240px,92%);display:grid;gap:var(--space-sm)}.route-fallback__skeleton-pill{display:block;block-size:12px;border-radius:var(--radius-full);background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg-secondary) 78%,var(--color-bg-card) 22%),color-mix(in srgb,var(--color-bg-card) 68%,white 32%),color-mix(in srgb,var(--color-bg-secondary) 78%,var(--color-bg-card) 22%));animation:var(--motion-loading-pulse)}.route-fallback__skeleton-pill--title{inline-size:78%;margin-inline:auto}.route-fallback__skeleton-pill--line{inline-size:100%}.route-fallback__skeleton-pill--line-short{inline-size:66%}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}.floating-element{animation:var(--motion-gentle-float);animation-duration:var(--floating-duration, 3.2s);animation-delay:var(--floating-delay, 0ms);will-change:transform}.success-celebration{position:relative;inline-size:min(360px,100%);block-size:56px;pointer-events:none}.success-celebration *{pointer-events:none}.success-celebration--dense{block-size:42px}.success-celebration__spark{position:absolute;inset-inline-start:var(--spark-inline);inset-block-start:var(--spark-top);inline-size:var(--spark-size);block-size:var(--spark-size);border-radius:var(--radius-full);background:var(--gradient-celebration-gold);box-shadow:0 0 0 3px var(--color-glow-success-soft);animation:spark-pop var(--motion-duration-dramatic) var(--motion-ease-bounce) both infinite;animation-delay:var(--spark-delay)}@keyframes spark-pop{0%{opacity:0;transform:translateY(8px) scale(.7)}35%{opacity:1;transform:translateY(-6px) scale(1.05)}to{opacity:0;transform:translateY(-14px) scale(.86)}}@media(prefers-reduced-motion:reduce){.animated-page--shell-public{--route-shell-inline-offset: 0px}.floating-element{animation:none}.success-celebration__spark{animation-name:dubi-reduced-fade;transform:none}.route-fallback__spinner,.route-fallback__skeleton-pill{animation:none}}@media(max-width:560px){.route-fallback__panel{padding:var(--space-md) var(--space-lg)}}