body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue-light:#6ba3e8;--primary-blue-dark:#357abd;--secondary-teal:#1abc9c;--secondary-purple:#9b59b6;--secondary-orange:#f39c12;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-gradient:linear-gradient(135deg,#e3f2fd,#4a90e2);--text-primary:#2c3e50;--text-secondary:#6c757d;--text-muted:#adb5bd;--text-light:#fff;--success:#28a745;--success-light:#d4edda;--warning:#ffc107;--warning-light:#fff3cd;--danger:#dc3545;--danger-light:#f8d7da;--info:#17a2b8;--info-light:#d1ecf1;--shape-red:#e74c3c;--shape-blue:#3498db;--shape-green:#2ecc71;--shape-orange:#f39c12;--shape-purple:#9b59b6;--shape-dark-orange:#e67e22;--shape-teal:#1abc9c;--shape-dark-blue:#34495e;--font-family-mono:"Courier New","Courier",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-lg:1.125rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-unit:0.25rem;--spacing-0:0;--spacing-1:var(--spacing-unit);--spacing-2:calc(var(--spacing-unit)*2);--spacing-3:calc(var(--spacing-unit)*3);--spacing-4:calc(var(--spacing-unit)*4);--spacing-5:calc(var(--spacing-unit)*5);--spacing-6:calc(var(--spacing-unit)*6);--spacing-8:calc(var(--spacing-unit)*8);--spacing-10:calc(var(--spacing-unit)*10);--spacing-12:calc(var(--spacing-unit)*12);--spacing-16:calc(var(--spacing-unit)*16);--spacing-20:calc(var(--spacing-unit)*20);--spacing-24:calc(var(--spacing-unit)*24);--border-radius-none:0;--border-radius-sm:0.125rem;--border-radius-base:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-3xl:1.5rem;--border-radius-full:9999px;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-4:4px;--border-width-8:8px;--border-color-light:#e9ecef;--border-color-base:#dee2e6;--border-color-dark:#adb5bd;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-duration-75:75ms;--transition-duration-100:100ms;--transition-duration-150:150ms;--transition-duration-200:200ms;--transition-duration-300:300ms;--transition-duration-500:500ms;--transition-duration-700:700ms;--transition-duration-1000:1000ms;--transition-timing-linear:linear;--transition-timing-ease:ease;--transition-timing-ease-in:ease-in;--transition-timing-ease-out:ease-out;--transition-timing-ease-in-out:ease-in-out;--z-index-0:0;--z-index-10:10;--z-index-20:20;--z-index-30:30;--z-index-40:40;--z-index-50:50;--z-index-auto:auto;--container-max-width-sm:640px;--container-max-width-md:768px;--container-max-width-lg:1024px;--container-max-width-xl:1280px;--container-max-width-2xl:1536px;--grid-columns-1:1;--grid-columns-2:2;--grid-columns-3:3;--grid-columns-4:4;--grid-columns-5:5;--grid-columns-6:6;--grid-columns-12:12;--shape-size-sm:40px;--shape-size-md:60px;--shape-size-lg:80px;--shape-size-xl:100px;--game-board-width:600px;--game-board-height:400px;--game-board-padding:var(--spacing-6);--question-panel-width:500px;--question-panel-height:300px;--timer-size:60px;--timer-font-size:var(--font-size-2xl);--life-size:30px;--life-spacing:var(--spacing-2);--score-font-size:var(--font-size-xl);--score-color:var(--primary-blue);--level-font-size:var(--font-size-lg);--level-color:var(--text-primary);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--animation-duration-fast:150ms;--animation-duration-normal:300ms;--animation-duration-slow:500ms;--animation-delay-0:0ms;--animation-delay-100:100ms;--animation-delay-200:200ms;--animation-delay-300:300ms;--animation-delay-500:500ms;--focus-outline-width:2px;--focus-outline-color:var(--primary-blue);--focus-outline-offset:2px;--reduced-motion:reduce;--print-color-adjust:exact;--print-background-color:#fff;--print-color:#000}@media (prefers-contrast:high){:root{--primary-blue:#06c;--text-primary:#000;--border-color-base:#000;--focus-outline-width:3px}}@media (prefers-reduced-motion:reduce){:root{--transition-duration-75:0ms;--transition-duration-100:0ms;--transition-duration-150:0ms;--transition-duration-200:0ms;--transition-duration-300:0ms;--transition-duration-500:0ms;--transition-duration-700:0ms;--transition-duration-1000:0ms;--animation-duration-fast:0ms;--animation-duration-normal:0ms;--animation-duration-slow:0ms}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#4a90e2;--light-blue:#e3f2fd;--dark-blue:#2c3e50;--white:#fff;--black:#000;--gray-light:#f8f9fa;--gray-medium:#6c757d;--gray-dark:#343a40;--success-green:#28a745;--warning-orange:#ffc107;--danger-red:#dc3545;--font-family-primary:"Arial","Helvetica",sans-serif;--font-family-secondary:"Georgia","Times New Roman",serif;--font-size-small:0.875rem;--font-size-base:1rem;--font-size-large:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e3f2fd,#4a90e2);background:linear-gradient(135deg,var(--light-blue) 0,var(--primary-blue) 100%);background-attachment:fixed;color:#2c3e50;color:var(--dark-blue);font-family:Arial,Helvetica,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0;min-height:100vh;padding:0;scroll-behavior:smooth}html{font-size:16px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--dark-blue);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-large)}h6{font-size:1rem;font-size:var(--font-size-base)}p{line-height:1.6;margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#4a90e2;color:var(--primary-blue);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#2c3e50;color:var(--dark-blue);text-decoration:underline}a:focus{outline:2px solid #4a90e2;outline:2px solid var(--primary-blue);outline-offset:2px}button{background:none;border:none;border-radius:.5rem;border-radius:var(--border-radius-md);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;outline:none;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}button:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}button:focus{outline:2px solid #4a90e2;outline:2px solid var(--primary-blue);outline-offset:2px}button:active{transform:translateY(0)}input,select,textarea{border:2px solid #f8f9fa;border:2px solid var(--gray-light);border-radius:.5rem;border-radius:var(--border-radius-md);font-family:inherit;font-size:inherit;padding:.5rem;padding:var(--spacing-sm);transition:border-color .15s ease;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#4a90e2;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a90e21a;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#4a90e2;color:var(--primary-blue)}.text-success{color:#28a745;color:var(--success-green)}.text-warning{color:#ffc107;color:var(--warning-orange)}.text-danger{color:#dc3545;color:var(--danger-red)}.text-muted{color:#6c757d;color:var(--gray-medium)}.text-sm{font-size:.875rem;font-size:var(--font-size-small)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-large)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--font-size-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:1rem;margin:var(--spacing-md)}.m-4{margin:1.5rem;margin:var(--spacing-lg)}.m-5{margin:2rem;margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:.25rem;padding-top:var(--spacing-xs)}.pt-2{padding-top:.5rem;padding-top:var(--spacing-sm)}.pt-3{padding-top:1rem;padding-top:var(--spacing-md)}.pt-4{padding-top:1.5rem;padding-top:var(--spacing-lg)}.pt-5{padding-top:2rem;padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem;padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:1rem;padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:2rem;padding-bottom:var(--spacing-xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.border{border:1px solid #f8f9fa;border:1px solid var(--gray-light)}.border-0{border:0}.border-top{border-top:1px solid #f8f9fa;border-top:1px solid var(--gray-light)}.border-bottom{border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--gray-light)}.border-left{border-left:1px solid #f8f9fa;border-left:1px solid var(--gray-light)}.border-right{border-right:1px solid #f8f9fa;border-right:1px solid var(--gray-light)}.rounded{border-radius:.5rem;border-radius:var(--border-radius-md)}.rounded-sm{border-radius:.25rem;border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:1rem;border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:1.5rem;border-radius:var(--border-radius-xl)}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl)}@media (max-width:768px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}}@media (max-width:480px){h1{font-size:1.5rem;font-size:var(--font-size-2xl)}h2{font-size:1.25rem;font-size:var(--font-size-xl)}h3{font-size:1.125rem;font-size:var(--font-size-large)}}.fade-in{animation:fadeIn .5s ease-in}.slide-up{animation:slideUp .3s ease-out}.slide-down{animation:slideDown .3s ease-out}.scale-in{animation:scaleIn .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.focus-visible:focus{outline:2px solid #4a90e2;outline:2px solid var(--primary-blue);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.app{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-family-primary);min-height:100vh}.app-header{background:var(--bg-primary);box-shadow:var(--shadow-md);padding:var(--spacing-6);text-align:center}.app-header h1{animation:fadeIn .5s ease-in;color:var(--primary-blue);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.game-info{display:flex;flex-wrap:wrap;gap:var(--spacing-8);justify-content:center}.info-item{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-1);min-width:80px;padding:var(--spacing-3)}.info-item .label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.info-item .value{color:var(--primary-blue);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.app-main{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;padding:var(--spacing-6)}.app-footer{background:var(--bg-primary);border-top:1px solid var(--border-color-light);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-4);text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-6);justify-content:center;min-height:100vh;text-align:center}.loading-container h2{color:var(--text-primary);font-size:var(--font-size-2xl)}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color-light);border:4px solid var(--border-color-light);border-radius:50%;border-top-color:var(--primary-blue);height:50px;width:50px}.error-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-6);justify-content:center;min-height:100vh;padding:var(--spacing-6);text-align:center}.error-container h2{color:var(--danger);font-size:var(--font-size-2xl)}.error-container p{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:500px}.error-container button{background:var(--danger);border-radius:var(--border-radius-lg);color:var(--text-light);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-duration-200) var(--transition-timing-ease)}.error-container button:hover{background:var(--danger);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.debug-panel{background:var(--bg-primary);border:2px solid var(--border-color-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--text-secondary);font-size:var(--font-size-sm);max-height:400px;overflow-y:auto;padding:var(--spacing-4);position:fixed;right:var(--spacing-4);top:var(--spacing-4);width:300px;z-index:var(--z-index-modal)}.debug-panel h3{border-bottom:1px solid var(--border-color-light);color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}.debug-panel p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.debug-controls{border-top:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-3)}.debug-controls button{background:var(--bg-secondary);border:1px solid var(--border-color-base);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-duration-150) var(--transition-timing-ease)}.debug-controls button:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--text-light)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-header{padding:var(--spacing-4)}.app-header h1{font-size:var(--font-size-3xl)}.game-info{gap:var(--spacing-4)}.info-item{min-width:60px;padding:var(--spacing-2)}.info-item .value{font-size:var(--font-size-lg)}.app-main{padding:var(--spacing-4)}.debug-panel{margin:var(--spacing-4);max-height:none;position:static;width:100%}}@media (max-width:480px){.app-header h1{font-size:var(--font-size-2xl)}.game-info{flex-direction:column;gap:var(--spacing-2)}.info-item{flex-direction:row;justify-content:space-between;min-width:200px}.debug-panel{display:none}}.header-title-row{justify-content:space-between;width:100%}.header-col,.header-title-row{align-items:center;display:flex}.header-col{flex:1 1;justify-content:center}.header-col-left{justify-content:flex-start}.header-col-center{justify-content:center}.header-col-right{justify-content:flex-end}.centered-title{margin:0}.about-link-inline{background:#0000;border:2px solid #1976d2;border-radius:1.5em;color:#1976d2;font-size:.95rem;margin-left:0;padding:.3em 1em;text-decoration:none;transition:background .2s,color .2s}.about-link-inline:hover{background:#1976d2;color:#fff}.game-board{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px;text-align:center}.game-board h1{color:#2c3e50;font-size:2.5rem;margin-bottom:30px}.start-screen{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:40px}.start-screen h2{color:#3498db;margin-bottom:20px}.start-screen p{font-size:1.1rem;margin:10px 0}.start-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 24px;transition:background-color .3s ease}.start-button:hover{background-color:#2980b9}.shape-display{align-items:center;background-color:#ecf0f1;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:300px;padding:40px}.shape-display h2{color:#2c3e50;margin-bottom:20px}.loader-container{background-color:#fff;border-radius:10px;box-shadow:inset 0 1px 3px #0003;margin-top:20px;max-width:400px;padding:4px;width:90%}.loader-bar{background-color:#3498db;border-radius:6px;height:20px;transition:width .05s linear;width:0}.countdown-bar-container{background-color:#e0e0e0;border-radius:10px;box-shadow:inset 0 1px 3px #0003;margin-bottom:20px;padding:3px;width:100%}.countdown-bar{background-color:#e74c3c;border-radius:7px;height:15px;transition:width .05s linear;width:100%}.shapes-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:20px;width:100%}.shape-item{height:80px;margin:0 auto;transition:transform .3s ease;width:80px}.shape-item:hover{transform:scale(1.1)}.question-area{align-items:center;background-color:#e8f5e8;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:200px;padding:40px}.debug-info{background-color:#f1f2f6;border-radius:5px;color:#666;font-size:.9rem;margin-top:20px;padding:15px}.debug-info p{margin:5px 0}.question-area h2{color:#27ae60;margin-bottom:20px}.question-text{color:#2c3e50;font-size:1.5rem;margin-bottom:30px}.answer-form{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.answer-input{border:2px solid #ccc;border-radius:8px;font-size:1.5rem;padding:15px;text-align:center;transition:border-color .3s;width:100px}.answer-input:focus{border-color:#3498db;outline:none}.color-options,.shape-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.color-option{border:4px solid #0000;border-radius:50%;cursor:pointer;height:60px;transition:all .3s;width:60px}.color-option.selected,.color-option:hover{border-color:#3498db;transform:scale(1.1)}.shape-option{background-color:initial;border:4px solid #0000;border-radius:10px;cursor:pointer;padding:5px;transition:all .3s}.shape-option .shape-item{height:60px;width:60px}.shape-option.selected,.shape-option:hover{border-color:#3498db}.next-button,.submit-button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 24px;transition:background-color .3s ease}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background-color:#229954}.feedback-container{text-align:center}.feedback-text{font-size:1.8rem;font-weight:700;margin-bottom:20px}.feedback-text.correct{color:#27ae60}.feedback-text.incorrect{color:#e74c3c}.level-complete-screen{background-color:#f8f9fa;border-radius:8px;margin:20px 0;padding:40px;text-align:center}.level-complete-screen h2{color:#27ae60;font-size:2.5rem;margin-bottom:20px}.level-stats{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:30px 0;padding:20px}.level-stats p{color:#2c3e50;font-size:1.2rem;font-weight:500;margin:10px 0}.level-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.reset-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 24px;transition:background-color .3s ease}.reset-button:hover{background-color:#c0392b}.level-complete-screen .level-accuracy,.level-complete-screen .level-score{color:#34495e;font-size:1.5rem;margin:10px 0}.next-level-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:30px;padding:15px 30px;transition:all .3s ease}.next-level-button:hover{background-color:#2980b9;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:600px){.game-board{margin:10px;padding:15px}.game-board h1{font-size:2rem}.question-area,.shape-display,.start-screen{padding:20px}.shapes-container{gap:15px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.shape-item{height:60px;width:60px}.level-complete-screen h2{font-size:2rem}}
/*# sourceMappingURL=main.bae79bd9.css.map*/