:root{--font-latin:var(--font-family-active);--font-arabic:var(--font-family-active);--font-devanagari:var(--font-family-active);--font-bengali:var(--font-family-active);--font-cjk-sc:var(--font-family-active);--font-cjk-jp:var(--font-family-active);--font-cjk-kr:var(--font-family-active)}body,html[lang=ar] body,html[lang=ur] body,html[lang=fa] body,html[lang=hi] body,html[lang=bn] body,html[lang=zh-cn] body,html[lang=ja] body,html[lang=ko] body{font-family:var(--font-family-active)}html[dir=rtl]{direction:rtl}html[dir=rtl] body{text-align:right}html[dir=rtl] .navbar-brand{margin-left:auto;margin-right:0}html[dir=rtl] .navbar-menu{text-align:right}html[dir=rtl] .navbar-start{margin-left:0;margin-right:auto}html[dir=rtl] .navbar-end{margin-left:auto;margin-right:0}html[dir=rtl] .field,html[dir=rtl] .input,html[dir=rtl] .textarea,html[dir=rtl] .select select{text-align:right}html[dir=rtl] .control.has-icons-left .input,html[dir=rtl] .control.has-icons-left .select select{padding-left:1rem;padding-right:2.5rem}html[dir=rtl] .control.has-icons-left .icon.is-left{left:auto;right:0}html[dir=rtl] .input-wrapper .input{text-align:right;padding-left:3rem;padding-right:1rem}html[dir=rtl] .input-wrapper:has(.password-toggle) .input-icon{left:3.25rem;right:auto}html[dir=rtl] .input-wrapper:has(.password-toggle) .input{padding-left:4.75rem}html[dir=rtl] .input-icon{left:.875rem;right:auto}html[dir=rtl] .password-toggle{left:.75rem;right:auto}html[dir=rtl] .control.has-icons-right .input,html[dir=rtl] .control.has-icons-right .select select{padding-left:2.5rem;padding-right:1rem}html[dir=rtl] .control.has-icons-right .icon.is-right{left:0;right:auto}html[dir=rtl] .dropdown-menu,html[dir=rtl] .dropdown.is-right .dropdown-menu,html[dir=rtl] .nav-mobile .dropdown-menu{left:50%;right:auto;transform:translate(-50%)}html[dir=rtl] .nav-mobile .dropdown-item,html[dir=rtl] .modal-card,html[dir=rtl] .modal-card-head,html[dir=rtl] .modal-card-body,html[dir=rtl] .modal-card-foot{text-align:right}html[dir=rtl] .delete{left:20px;right:auto}html[dir=rtl] .table,html[dir=rtl] .table th,html[dir=rtl] .table td{text-align:right}html[dir=rtl] .breadcrumb ul{flex-direction:row-reverse}html[dir=rtl] .breadcrumb li+li:before{content:"\\";transform:scaleX(-1)}html[dir=rtl] .pagination-list,html[dir=rtl] .tabs ul{flex-direction:row-reverse}html[dir=rtl] .message-header,html[dir=rtl] .message-body,html[dir=rtl] .card-header,html[dir=rtl] .card-content,html[dir=rtl] .card-footer{text-align:right}.language-selector-region{color:#4a4a4a;text-transform:uppercase;letter-spacing:.5px;background-color:#f5f5f5;border-bottom:1px solid #dbdbdb;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.language-selector-item{align-items:center;padding:.75rem 1rem;transition:background-color .2s;display:flex}.language-selector-item:hover{background-color:#f5f5f5}.language-selector-item.is-active{color:#fff;background-color:#3273dc}.language-selector-flag{text-align:center;min-width:1.5rem;margin-right:.5rem;font-size:1.2em}html[dir=rtl] .language-selector-flag{margin-left:.5rem;margin-right:0}.language-selector-names{flex:1;min-width:0}.language-selector-native{font-weight:500;line-height:1.2}.language-selector-english{opacity:.7;font-size:.875rem;line-height:1.2}.language-selector-script-indicator{color:#fff;background-color:#363636;border-radius:.25rem;margin-left:.5rem;padding:.125rem .25rem;font-size:.75rem}html[dir=rtl] .language-selector-script-indicator{margin-left:0;margin-right:.5rem}.complex-script{letter-spacing:normal;line-height:1.6}.complex-script-arabic{font-feature-settings:"liga" 1,"calt" 1,"ccmp" 1;text-rendering:optimizeLegibility}.complex-script-devanagari,.complex-script-bengali{font-feature-settings:"liga" 1,"calt" 1,"ccmp" 1,"nukt" 1,"akhn" 1;text-rendering:optimizeLegibility}.complex-script-cjk{font-feature-settings:"liga" 0;text-rendering:optimizeLegibility;word-break:break-all;overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){.font-loading-transition{transition:none}}.font-loading-transition{transition:font-family .3s}@media print{html[dir=rtl] *{text-align:right;direction:rtl}}@media (prefers-contrast:high){.language-selector-region{border-bottom:2px solid #000}.language-selector-script-indicator{border:1px solid #000}}@media (prefers-reduced-motion:reduce){.language-selector-item{transition:none}}html[dir=rtl] .knowledge-media-left{margin-left:1rem;margin-right:0}html[dir=rtl] .stat-details{text-align:right}html[dir=rtl] .is-flex-direction-row{flex-direction:row-reverse}html[dir=rtl] .button .icon:first-child:not(:last-child),html[dir=rtl] .button .icon{margin-left:.5rem;margin-right:0}html[dir=rtl] .button .icon:last-child:not(:first-child){margin-left:0;margin-right:.5rem}html[dir=rtl] .nav-link .icon,html[dir=rtl] .navbar-item .icon{margin-left:.5rem;margin-right:0}html[dir=rtl] ul.is-disc,html[dir=rtl] ol.is-decimal{padding-left:0;padding-right:2rem}html[dir=rtl] .label,html[dir=rtl] .field-help,html[dir=rtl] .field-error,html[dir=rtl] .notification{text-align:right}html[dir=rtl] .notification .delete{left:.5rem;right:auto}html[dir=rtl] .content{text-align:right}html[dir=rtl] .footer-links a,html[dir=rtl] .media-left{margin-left:1rem;margin-right:0}html[dir=rtl] .media-right{margin-left:0;margin-right:1rem}html[dir=rtl] .tag:not(.is-rounded){margin-left:0;margin-right:.5rem}html[dir=rtl] .steps{flex-direction:row-reverse}html[dir=rtl] .step-marker{margin-left:.5rem;margin-right:0}html[dir=rtl] .required-indicator{margin-left:0;margin-right:.25rem}
:root{--pastel-cream:#fff8e7;--pastel-mint:#c8f7dc;--pastel-sky-blue:#c5e8f7;--pastel-pink:#ffd6e0;--pastel-yellow:#fff5c3;--pastel-orange:#ffe5d0;--pastel-purple:#e8d5f7;--pastel-light-blue:#7ec8f7;--gradient-body:linear-gradient(135deg,var(--pastel-cream)0%,var(--pastel-mint)25%,var(--pastel-sky-blue)50%,var(--pastel-pink)75%,var(--pastel-yellow)100%);--gradient-card:linear-gradient(180deg,rgba(255,255,255,.95) 0%,var(--pastel-cream)100%);--gradient-footer:linear-gradient(135deg,var(--pastel-purple)0%,var(--pastel-pink)50%,var(--pastel-sky-blue)100%);--gradient-header:linear-gradient(135deg,var(--pastel-cream)0%,var(--pastel-yellow)50%,var(--pastel-orange)100%);--gradient-button-primary:linear-gradient(135deg,#7ed9a0 0%,#6ecfcf 100%);--button-primary-start:#7ed9a0;--button-primary-end:#6ecfcf;--gradient-button-secondary:linear-gradient(135deg,#7ec8f7 0%,#c5e8f7 100%);--gradient-button-warning:linear-gradient(135deg,#ffe066 0%,#fff5c3 100%);--gradient-button-error:linear-gradient(135deg,#ff8a8a 0%,#ffcec7 100%);--text-primary-brown:#5d4037;--text-secondary-brown:#795548;--border-brown:#8b5a2b;--border-brown-alpha-25:rgba(139,90,43,.25);--border-brown-alpha-15:rgba(139,90,43,.15);--border-brown-alpha-40:rgba(139,90,43,.4);--border-dashed-standard:3px dashed var(--border-brown-alpha-25);--border-dashed-accent:3px dashed var(--border-brown-alpha-40);--border-dashed-light:2px dashed var(--border-brown-alpha-15);--radius-sm:8px;--radius-md:15px;--radius-lg:20px;--radius-xl:32px;--radius-xxl:40px;--radius-pill:25px;--radius-round:50%;--radius-button:16px;--radius-card:24px;--radius-input:12px;--radius-badge:100px;--shadow-soft:0 4px 12px rgba(139,90,43,.12);--shadow-medium:0 6px 20px rgba(139,90,43,.18);--shadow-elevated:0 8px 16px rgba(0,0,0,.2);--shadow-card:0 10px 30px rgba(139,90,43,.15);--shadow-card-hover:0 15px 40px rgba(139,90,43,.22);--shadow-button:0 4px 12px rgba(139,90,43,.15);--shadow-button-hover:0 6px 16px rgba(139,90,43,.2);--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-card-padding:2rem;--spacing-button-padding:1rem 2rem;--spacing-section-gap:1.5rem;--color-primary-blue:#06c;--color-primary-blue-dark:#004080;--color-primary-coral:coral;--color-kids-red:#ff6b6b;--color-kids-orange:#ff9a3d;--color-kids-yellow:#ffd166;--color-kids-green:#4caf50;--color-kids-teal:#4ecdc4;--color-kids-blue:#2196f3;--color-pastel-pink:#ffe5ec;--color-pastel-peach:#fff0e5;--color-pastel-blue:#e5f4ff;--color-pastel-lavender:#f0e5ff;--color-pastel-mint:#e5fff0;--color-pastel-green:#d0f5d0;--color-pastel-cream:#fff9e5;--color-pastel-purple:#f5e5ff;--color-pastel-cyan:#e5fffa;--color-pastel-butter:#fff5c3;--color-pastel-rose:#ffd6e0;--color-pastel-sky:#c5e8f7;--color-pastel-coral:#ffcec7;--gradient-primary:linear-gradient(45deg,var(--color-kids-red),var(--color-kids-orange));--gradient-secondary:linear-gradient(45deg,var(--color-kids-yellow),var(--color-kids-teal));--gradient-success:linear-gradient(135deg,#c8e6c9,#a5d6a7);--gradient-warm-bg:linear-gradient(135deg,#fff,#fff9c4);--gradient-cool-bg:linear-gradient(135deg,#a1c4fd,#c2e9fb);--gradient-web-hero:linear-gradient(135deg,var(--color-primary-blue),var(--color-primary-blue-dark));--gradient-pastel-hero:linear-gradient(135deg,var(--color-pastel-cream)0%,var(--color-pastel-peach)50%,var(--color-pastel-pink)100%);--gradient-pastel-card:linear-gradient(135deg,rgba(255,255,255,.9) 0%,var(--color-pastel-blue)100%);--gradient-pastel-feature:linear-gradient(135deg,var(--color-pastel-mint)0%,var(--color-pastel-cyan)100%);--gradient-pastel-knowledge:linear-gradient(135deg,var(--color-pastel-lavender)0%,var(--color-pastel-purple)100%);--gradient-pastel-notebook:linear-gradient(180deg,var(--color-pastel-cream)0%,var(--color-pastel-peach)100%);--color-bg-light:#f0f7ff;--color-bg-warm:#fef6e4;--color-bg-container:rgba(255,255,255,.9);--color-bg-overlay:rgba(255,255,255,.8);--color-bg-primary:#f8f9f9;--color-bg-card:#fff;--color-success:#4caf50;--color-error:#f44336;--color-warning:#ff9800;--color-info:#2196f3;--color-success-web:#28b463;--color-error-web:#d32f2f;--color-warning-web:#f57c00;--color-info-web:#06c;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-light:#767676;--color-text-dark:#3a5e8c;--color-text-on-accent:#fff;--color-form-background:#fff;--color-form-border:#dee2e6;--color-text-kids-primary:#333;--color-text-kids-secondary:#666;--color-border:#5e3023;--color-border-light:#dee2e6;--color-border-kids:var(--color-border);--color-divider:#dee2e6;--border-dashed:3px dashed var(--color-border);--border-dashed-pastel:3px dashed rgba(139,90,43,.4);--border-dotted:3px dotted var(--color-border);--border-dotted-pastel:3px dotted rgba(139,90,43,.25);--font-family-primary:"Playpen Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-fallback:"Playpen Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-multilingual:"Playpen Sans",sans-serif;--font-family-web:var(--font-family-primary);--font-family-kids:var(--font-family-primary);--bulma-family-primary:"Playpen Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bulma-family-secondary:"Playpen Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-kids-title:2.5rem;--font-size-web-title:2rem;--font-size-body:1.125rem;--font-size-small:1rem;--font-size-button:1.125rem;--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;--space-xs:5px;--space-sm:10px;--space-md:15px;--space-lg:20px;--space-xl:25px;--space-xxl:30px;--container-main:1200px;--container-game:800px;--container-card:fluid;--touch-target-min:44px;--touch-target-comfortable:48px;--radius-pastel-sm:12px;--radius-pastel-md:18px;--radius-pastel-lg:24px;--radius-pastel-xl:32px;--radius-web-sm:.375rem;--radius-web-md:.5rem;--radius-web-lg:.75rem;--shadow-basic:0 4px 8px rgba(0,0,0,.1);--shadow-floating:0 15px 35px rgba(0,0,0,.3);--shadow-inset:inset 0 0 20px rgba(0,0,0,.2);--shadow-pastel-soft:0 4px 12px rgba(139,90,43,.12);--shadow-pastel-medium:0 6px 20px rgba(139,90,43,.18);--shadow-pastel-elevated:0 10px 30px rgba(139,90,43,.22);--shadow-pastel-glow:0 0 20px rgba(255,224,102,.4);--shadow-web-sm:0 2px 4px rgba(0,0,0,.1);--shadow-web-md:0 4px 10px -2px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-web-lg:0 10px 20px -3px rgba(0,0,0,.08),0 4px 10px -2px rgba(0,0,0,.03);--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--transition-bounce:1s ease;--transition-web-fast:.15s ease-out;--transition-web-normal:.2s ease-in-out;--transition-web-slow:.3s ease-in-out;--breakpoint-mobile:500px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-large:1440px;--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-modal-backdrop:400;--z-index-modal:500;--z-index-popover:600;--z-index-tooltip:700;--z-index-toast:800}.web-theme{--font-family-primary:var(--font-family-web);--color-primary:var(--color-primary-blue);--color-primary-dark:var(--color-primary-blue-dark);--color-secondary:var(--color-primary-coral);--radius-default:var(--radius-web-md);--shadow-default:var(--shadow-web-md);--transition-default:var(--transition-web-normal)}.kids-theme{--font-family-primary:var(--font-family-kids);--color-primary:var(--color-kids-red);--color-primary-dark:var(--color-kids-orange);--color-secondary:var(--color-kids-teal);--radius-default:var(--radius-md);--shadow-default:var(--shadow-basic);--transition-default:var(--transition-normal)}@media (prefers-contrast:high){:root{--shadow-basic:0 4px 8px rgba(0,0,0,.3);--shadow-elevated:0 8px 16px rgba(0,0,0,.4);--shadow-web-md:0 4px 10px -2px rgba(0,0,0,.2)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:.01ms;--transition-normal:.01ms;--transition-slow:.01ms;--transition-web-fast:.01ms;--transition-web-normal:.01ms;--transition-web-slow:.01ms}}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#1a1a1a;--color-bg-card:#2d2d2d;--color-bg-container:rgba(45,45,45,.9);--color-text-primary:#fff;--color-text-secondary:#b3b3b3;--color-text-light:#999;--color-border-light:#404040;--color-divider:#404040}}[lang=ru],[lang=bg],[lang=uk]{--font-family-primary:var(--font-family-multilingual);letter-spacing:.01em;line-height:1.6}[lang=de]{--font-size-multiplier:.95;word-break:break-word}[lang=ar],[lang=fa],[lang=ur]{--font-family-primary:var(--font-family-multilingual);--font-size-multiplier:1.1;letter-spacing:.02em;text-align:right;direction:rtl;line-height:1.7}[lang=zh],[lang=ja],[lang=ko]{--font-family-primary:var(--font-family-multilingual);--font-size-multiplier:1.05;line-height:1.6}
:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--text-5xl:2.5rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700}.text-h1{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:1.5rem}.text-h2{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:1.25rem}.text-h3{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);margin-bottom:1rem}.text-h4{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);margin-bottom:.875rem}.text-h5{font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);margin-bottom:.75rem}.text-h6{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);margin-bottom:.5rem}.text-body{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-body-large{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.text-body-small{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-caption{font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.kids-theme .text-h1,.kids-theme .text-h2,.kids-theme .text-h3,.kids-theme .text-h4,.kids-theme .text-h5,.kids-theme .text-h6{font-family:var(--font-family-kids);color:var(--color-kids-red);text-shadow:2px 2px 0 var(--color-kids-yellow);font-weight:700}.kids-theme .text-body,.kids-theme .text-body-large,.kids-theme .text-body-small{font-family:var(--font-family-kids);color:var(--color-text-kids-primary);line-height:1.4}.kids-theme .text-caption,.kids-theme .text-label{font-family:var(--font-family-kids);color:var(--color-text-kids-secondary);font-weight:700}.multilingual-text{font-family:var(--font-family-active);font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}[lang=en],[lang=es],[lang=fr],[lang=it],[lang=pt]{font-family:var(--font-family-active);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}[lang=de]{font-family:var(--font-family-active);font-size:calc(var(--text-base)*.95);letter-spacing:.01em;line-height:var(--leading-relaxed);word-break:break-word;hyphens:auto}[lang=ru],[lang=bg],[lang=uk],[lang=sr]{font-family:var(--font-family-active);font-size:var(--text-base);letter-spacing:.01em;line-height:var(--leading-relaxed)}[lang=ar],[lang=fa],[lang=ur]{font-family:var(--font-family-active);font-size:calc(var(--text-base)*1.1);letter-spacing:.02em;line-height:var(--leading-loose);text-align:right;direction:rtl;unicode-bidi:bidi-override}[lang=zh],[lang=ja],[lang=ko]{font-family:var(--font-family-active);font-size:calc(var(--text-base)*1.05);line-height:var(--leading-relaxed);letter-spacing:.05em}[lang=bn]{font-family:var(--font-family-active);font-size:calc(var(--text-base)*1.1);line-height:var(--leading-loose)}[lang=hi]{font-family:var(--font-family-active);font-size:calc(var(--text-base)*1.05);line-height:var(--leading-relaxed)}[lang=id],[lang=ms]{font-family:var(--font-family-active);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}[lang=tr]{font-family:var(--font-family-active);letter-spacing:.01em;line-height:var(--leading-normal)}[dir=rtl]{text-align:right}[dir=rtl] .text-h1,[dir=rtl] .text-h2,[dir=rtl] .text-h3,[dir=rtl] .text-h4,[dir=rtl] .text-h5,[dir=rtl] .text-h6{text-align:right;margin-left:0;margin-right:auto}[dir=rtl] .text-body,[dir=rtl] .text-body-large,[dir=rtl] .text-body-small{text-align:right}[dir=rtl] .margin-start{margin-left:0;margin-right:var(--spacing-md)}[dir=rtl] .margin-end{margin-right:0;margin-left:var(--spacing-md)}@media (prefers-contrast:high){.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6{font-weight:var(--font-bold);color:currentColor}.kids-theme .text-h1,.kids-theme .text-h2,.kids-theme .text-h3,.kids-theme .text-h4,.kids-theme .text-h5,.kids-theme .text-h6{text-shadow:none}}@media (prefers-reduced-motion:reduce){.text-transition{transition:none}}@media (prefers-color-scheme:dark){:root{--leading-normal:1.6;--leading-relaxed:1.75}}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.break-normal{word-break:normal;overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}@media print{.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6{color:#000;text-shadow:none;page-break-after:avoid}.text-body,.text-body-large,.text-body-small{color:#000;font-size:12pt;line-height:1.5}*{font-family:Times New Roman,serif!important}}
.unified-container{width:100%;padding:0 var(--spacing-2xl);box-sizing:border-box;margin:0 auto}@media screen and (max-width:768px){.unified-container{width:calc(100% - 2px);max-width:calc(100vw - 2px);margin:1px;padding:1px}}.unified-grid{gap:var(--spacing-md);box-sizing:border-box;width:100%;display:grid}.unified-grid--gap-xs{gap:var(--spacing-xs)}.unified-grid--gap-sm{gap:var(--spacing-sm)}.unified-grid--gap-md{gap:var(--spacing-md)}.unified-grid--gap-lg{gap:var(--spacing-lg)}.unified-grid--gap-xl{gap:var(--spacing-xl)}.unified-grid--1-col{grid-template-columns:1fr}.unified-grid--2-col{grid-template-columns:repeat(2,1fr)}.unified-grid--3-col{grid-template-columns:repeat(3,1fr)}.unified-grid--4-col{grid-template-columns:repeat(4,1fr)}.unified-grid--5-col{grid-template-columns:repeat(5,1fr)}.unified-grid--6-col{grid-template-columns:repeat(6,1fr)}.unified-grid--responsive-2{grid-template-columns:repeat(2,1fr)}.unified-grid--responsive-3{grid-template-columns:repeat(3,1fr)}.unified-grid--responsive-4{grid-template-columns:repeat(4,1fr)}.unified-game-grid{gap:var(--space-sm);margin:var(--spacing-md)auto;background-color:var(--color-bg-overlay);width:fit-content;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-basic);box-sizing:border-box;justify-content:center;display:grid}.unified-game-grid--2x2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.unified-game-grid--3x2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.unified-game-grid--3x3{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.unified-game-grid--4x4{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.unified-game-grid--5x5{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr)}.unified-game-grid--6x6{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr)}.unified-game-cell{aspect-ratio:1;border:3px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:all var(--transition-normal);cursor:pointer;box-sizing:border-box;background-color:#fff;justify-content:center;align-items:center;min-width:40px;min-height:40px;font-size:max(1rem,min(4vw,1.8rem));font-weight:700;display:flex;position:relative}.unified-game-cell:hover{box-shadow:var(--shadow-elevated);transform:translateY(-5px)rotate(2deg)}.unified-game-cell--highlight{background-color:var(--color-kids-yellow);transform:scale(1.05)}.unified-game-cell--success{background:var(--gradient-success);border-color:var(--color-success)}.unified-game-cell--error{border-color:var(--color-error);background:linear-gradient(135deg,#ffcdd2,#ef9a9a)}.unified-game-cell--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.unified-flex{box-sizing:border-box;display:flex}.unified-flex--row{flex-direction:row}.unified-flex--row-reverse{flex-direction:row-reverse}.unified-flex--col{flex-direction:column}.unified-flex--col-reverse{flex-direction:column-reverse}.unified-flex--wrap{flex-wrap:wrap}.unified-flex--nowrap{flex-wrap:nowrap}.unified-flex--wrap-reverse{flex-wrap:wrap-reverse}.unified-flex--justify-start{justify-content:flex-start}.unified-flex--justify-end{justify-content:flex-end}.unified-flex--justify-center{justify-content:center}.unified-flex--justify-between{justify-content:space-between}.unified-flex--justify-around{justify-content:space-around}.unified-flex--justify-evenly{justify-content:space-evenly}.unified-flex--items-start{align-items:flex-start}.unified-flex--items-end{align-items:flex-end}.unified-flex--items-center{align-items:center}.unified-flex--items-baseline{align-items:baseline}.unified-flex--items-stretch{align-items:stretch}.unified-flex--content-start{align-content:flex-start}.unified-flex--content-end{align-content:flex-end}.unified-flex--content-center{align-content:center}.unified-flex--content-between{align-content:space-between}.unified-flex--content-around{align-content:space-around}.unified-flex--content-stretch{align-content:stretch}.unified-flex-item{box-sizing:border-box}.unified-flex-item--1{flex:1}.unified-flex-item--2{flex:2}.unified-flex-item--3{flex:3}.unified-flex-item--auto{flex:auto}.unified-flex-item--none{flex:none}.unified-flex-item--grow{flex-grow:1}.unified-flex-item--shrink{flex-shrink:1}.unified-flex-item--no-grow{flex-grow:0}.unified-flex-item--no-shrink{flex-shrink:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.row-gap-xs{row-gap:var(--spacing-xs)}.row-gap-sm{row-gap:var(--spacing-sm)}.row-gap-md{row-gap:var(--spacing-md)}.row-gap-lg{row-gap:var(--spacing-lg)}.row-gap-xl{row-gap:var(--spacing-xl)}.col-gap-xs{column-gap:var(--spacing-xs)}.col-gap-sm{column-gap:var(--spacing-sm)}.col-gap-md{column-gap:var(--spacing-md)}.col-gap-lg{column-gap:var(--spacing-lg)}.col-gap-xl{column-gap:var(--spacing-xl)}.unified-card{background-color:var(--color-bg-card);border-radius:var(--radius-web-lg,var(--radius-lg));box-shadow:var(--shadow-web-md,var(--shadow-basic));border:1px solid var(--color-border-light);padding:var(--spacing-lg);box-sizing:border-box;width:100%;transition:all var(--transition-web-normal)}.unified-card:hover{box-shadow:var(--shadow-web-lg,var(--shadow-elevated));transform:translateY(-2px)}.unified-card--padding-sm{padding:var(--spacing-sm)}.unified-card--padding-md{padding:var(--spacing-md)}.unified-card--padding-lg{padding:var(--spacing-lg)}.unified-card--padding-xl{padding:var(--spacing-xl)}.unified-card--kids{background:var(--gradient-warm-bg);border:3px solid var(--color-kids-red);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);font-family:var(--font-family-kids)}.unified-card--kids:hover{transform:translateY(-5px)rotate(1deg)}.unified-section{padding:var(--spacing-xl)0;box-sizing:border-box;width:100%}.unified-section--padding-sm{padding:var(--spacing-sm)0}.unified-section--padding-md{padding:var(--spacing-md)0}.unified-section--padding-lg{padding:var(--spacing-lg)0}.unified-section--padding-xl{padding:var(--spacing-xl)0}.unified-section--padding-2xl{padding:var(--spacing-2xl)0}.unified-section--bg-light{background-color:var(--color-bg-light)}.unified-section--bg-primary{background-color:var(--color-bg-primary)}.unified-section--bg-gradient{background:var(--gradient-web-hero)}.unified-section--bg-kids{background:var(--gradient-cool-bg)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.max-w-xs{max-width:300px}.max-w-sm{max-width:500px}.max-w-md{max-width:700px}.max-w-lg{max-width:900px}.max-w-xl{max-width:1100px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}@media (prefers-reduced-motion:reduce){.unified-card:hover,.unified-game-cell:hover,.unified-card--kids:hover{transform:none}}.unified-game-cell:focus{outline:3px solid var(--color-info);outline-offset:2px}.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}
.unified-btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min);font-family:inherit;font-size:var(--font-size-button);text-align:center;white-space:nowrap;border-radius:var(--radius-default,var(--radius-web-md));color:inherit;cursor:pointer;transition:all var(--transition-default,var(--transition-web-normal));user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.unified-btn:focus-visible{outline-offset:2px;outline:3px solid rgba(0,102,204,.6)}.unified-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}.unified-btn .btn-icon{justify-content:center;align-items:center;margin-right:.5em;display:inline-flex}.unified-btn .btn-icon:last-child{margin-left:.5em;margin-right:0}.unified-btn .btn-icon:only-child{margin:0}.unified-btn--primary-web{background:var(--color-primary-blue);color:var(--color-text-on-accent);box-shadow:var(--shadow-web-sm)}.unified-btn--primary-web:hover:not(:disabled){background:var(--color-primary-blue-dark);box-shadow:var(--shadow-web-md);transform:translateY(-1px)}.unified-btn--primary-web:active:not(:disabled){box-shadow:var(--shadow-web-sm);transform:translateY(0)}.unified-btn--secondary-web{background:var(--color-primary-coral);color:var(--color-text-on-accent);box-shadow:var(--shadow-web-sm)}.unified-btn--secondary-web:hover:not(:disabled){box-shadow:var(--shadow-web-md);background:#e65100;transform:translateY(-1px)}.unified-btn--outline-web{color:var(--color-primary-blue);border:2px solid var(--color-primary-blue);background:0 0}.unified-btn--outline-web:hover:not(:disabled){background:var(--color-primary-blue);color:var(--color-text-on-accent);transform:translateY(-1px)}.unified-btn--ghost-web{color:var(--color-primary-blue);background:0 0;border:none}.unified-btn--ghost-web:hover:not(:disabled){background:rgba(0,102,204,.1);transform:translateY(-1px)}.unified-btn--primary-kids{background:var(--gradient-primary);color:var(--color-text-on-accent);border-radius:var(--radius-pill);box-shadow:var(--shadow-basic);font-family:var(--font-family-kids);font-weight:700}.unified-btn--primary-kids:hover:not(:disabled){box-shadow:var(--shadow-elevated);transform:translateY(-3px)scale(1.02)}.unified-btn--primary-kids:active:not(:disabled){box-shadow:var(--shadow-basic);transform:translateY(1px)}.unified-btn--secondary-kids{background:var(--gradient-secondary);color:var(--color-text-dark);border-radius:var(--radius-pill);box-shadow:var(--shadow-basic);font-family:var(--font-family-kids);font-weight:700}.unified-btn--secondary-kids:hover:not(:disabled){box-shadow:var(--shadow-elevated);transform:translateY(-3px)scale(1.02)}.unified-btn--success-kids{background:var(--gradient-success);color:var(--color-text-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-basic);font-family:var(--font-family-kids);font-weight:700}.unified-btn--success-kids:hover:not(:disabled){box-shadow:var(--shadow-elevated);transform:translateY(-3px)scale(1.02)}.unified-btn--outline-kids{background:var(--color-kids-yellow);color:var(--color-text-dark);border:3px solid var(--color-kids-red);border-radius:var(--radius-pill);box-shadow:var(--shadow-basic);font-family:var(--font-family-kids);font-weight:700}.unified-btn--outline-kids:hover:not(:disabled){background:var(--gradient-primary);color:var(--color-text-on-accent);box-shadow:var(--shadow-elevated);transform:translateY(-3px)scale(1.02)}.unified-btn--xs{font-size:var(--font-size-xs);min-width:28px;min-height:28px;padding:4px 8px}.unified-btn--sm{font-size:var(--font-size-sm);min-width:36px;min-height:36px;padding:6px 12px}.unified-btn--md{font-size:var(--font-size-button);min-height:var(--touch-target-min);padding:12px 24px}.unified-btn--lg{font-size:var(--font-size-lg);min-height:52px;padding:16px 32px}.unified-btn--xl{font-size:var(--font-size-xl);min-height:60px;padding:20px 40px}.unified-btn--icon-only{aspect-ratio:1;border-radius:var(--radius-round);padding:12px}.unified-btn--icon-only.unified-btn--kids{border-radius:var(--radius-round);font-size:1.2em}.unified-btn--full-width{justify-content:center;width:100%}.unified-btn-group{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.unified-btn-group .unified-btn{flex:1;min-width:0}.unified-btn-group--vertical{flex-direction:column}.unified-btn-group--center{justify-content:center}.unified-control-btn{background:var(--gradient-primary);color:var(--color-text-on-accent);border-radius:var(--radius-sm);cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow-basic);transition:all var(--transition-fast);user-select:none;font-size:24px;font-family:var(--font-family-kids);border:none;justify-content:center;align-items:center;display:flex}.unified-control-btn:hover:not(:disabled){box-shadow:var(--shadow-elevated);transform:scale(1.1)}.unified-control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.unified-control-btn--draggable{background:var(--gradient-secondary);color:var(--color-text-dark);border:2px dashed var(--color-border);cursor:grab;width:70px;height:70px;font-size:20px}.unified-control-btn--draggable:hover:not(:disabled){transform:scale(1.05)}.unified-control-btn--draggable:active{cursor:grabbing}.unified-control-btn--mini{width:35px;height:35px;font-size:16px}.unified-btn--loading{pointer-events:none;position:relative;color:transparent!important}.unified-btn--loading:after{content:"";width:16px;height:16px;color:inherit;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:1s linear infinite btn-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes btn-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-contrast:high){.unified-btn{border-style:solid;border-width:2px}.unified-btn--primary-web,.unified-btn--primary-kids{border-color:currentColor}.unified-control-btn{border:3px solid}}@media (prefers-reduced-motion:reduce){.unified-btn,.unified-control-btn{transition:none}.unified-btn:hover,.unified-btn:active,.unified-control-btn:hover{transform:none!important}}.btn-mr-sm{margin-right:var(--spacing-sm)}.btn-mr-md{margin-right:var(--spacing-md)}.btn-mb-sm{margin-bottom:var(--spacing-sm)}.btn-mb-md{margin-bottom:var(--spacing-md)}.btn-center{justify-content:center;margin:0 auto;display:flex}.btn-left{justify-self:flex-start}.btn-right{justify-self:flex-end}
.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);-webkit-appearance:none;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 rgba(0,102,204,.2)}.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 rgba(255,107,107,.3),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 rgba(40,180,99,.2)}.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 rgba(211,47,47,.2)}.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 rgba(245,124,0,.2)}.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;-webkit-appearance:none;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 rgba(0,102,204,.2)}.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 rgba(0,102,204,.2)}.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:rgba(255,255,255,.5)}.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:rgba(255,255,255,.1);transform:translateY(-1px)}.unified-navbar-link:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.6)}.unified-navbar-link.active{font-weight:var(--font-semibold);background:rgba(255,255,255,.2)}.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:rgba(255,255,255,.1)}.unified-navbar-toggle:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.6)}.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;top:64px;bottom:0;left:0;right: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:rgba(0,0,0,.5);position:fixed;top:64px;bottom:0;left:0;right: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 rgba(0,0,0,.2)}.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:rgba(255,255,255,.2);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 transparent}.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 rgba(0,0,0,.3)}.kids-theme{--shadow-active:0 4px 8px rgba(0,0,0,.3)}.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:rgba(0,0,0,.8);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,transparent,rgba(255,255,255,.4),transparent);animation:2s infinite progressShine;position:absolute;top:0;bottom:0;left:0;right: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:rgba(0,0,0,.8);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,rgba(255,255,255,.95) 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:rgba(139,90,43,.25);--sb-border-medium:rgba(139,90,43,.4);--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 rgba(139,90,43,.12);--sb-shadow-medium:0 6px 20px rgba(139,90,43,.18);--sb-shadow-elevated:0 10px 30px rgba(139,90,43,.22);--sb-shadow-glow:0 0 20px rgba(255,224,102,.4);--sb-shadow-inset:inset 0 2px 4px rgba(255,255,255,.8);--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;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 rgba(139,90,43,.1);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:rgba(255,255,255,.4);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 rgba(0,0,0,.2)}.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:rgba(255,255,255,.7);border:2px solid transparent;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:rgba(255,255,255,.3)}.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:rgba(255,255,255,.7);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;top:0;bottom:0;left:0;right:0}.storybook-star{pointer-events:none;opacity:.6;z-index:-1;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 rgba(0,0,0,.15);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,rgba(255,255,255,.95) 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 transparent;border-right:10px solid transparent;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 transparent;border-right:8px solid transparent;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{outline:3px solid var(--sb-accent-blue);outline-offset:3px}.storybook-nav-link:focus-visible{outline:3px solid var(--sb-accent-blue);outline-offset:3px}.storybook-btn:focus-visible{outline:3px solid var(--sb-accent-blue);outline-offset:3px}.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,rgba(255,255,255,.95) 0%,#fff8e7 100%));border-radius:var(--radius-card,24px);border:var(--border-dashed-standard,3px dashed rgba(139,90,43,.25));padding:var(--spacing-card-padding,2rem);box-shadow:var(--shadow-card,0 10px 30px rgba(139,90,43,.15));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 rgba(139,90,43,.22));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 rgba(139,90,43,.15));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 rgba(139,90,43,.2));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,rgba(139,90,43,.25));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,rgba(139,90,43,.25));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 transparent;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,rgba(139,90,43,.25));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 rgba(0,0,0,.08)}.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,rgba(139,90,43,.25));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:rgba(255,255,255,.7);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,rgba(139,90,43,.25));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-x:hidden;overflow-y: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 rgba(0,0,0,.06)}.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,rgba(139,90,43,.25));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 rgba(0,0,0,.08)}.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,rgba(139,90,43,.25));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:rgba(255,255,255,.8);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 rgba(139,90,43,.15)}.mobile-game-btn:active{transform:scale(.95)translateY(2px);box-shadow:0 2px 6px rgba(139,90,43,.1)}.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,rgba(139,90,43,.4));background:rgba(255,255,255,.9)}.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,rgba(139,90,43,.25));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:rgba(255,255,255,.95);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 rgba(255,224,102,.3)}.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:rgba(255,248,231,.95);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right: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}}