:root{--font-size-banner-title:2.5rem;--font-size-banner-subtitle:1.8rem;--font-size-page-title:1.8rem;--font-size-section-heading:1.5rem;--font-size-subsection:1.2rem;--font-size-small-heading:1.1rem;--font-size-body:1rem;--font-size-body-large:1.1rem;--font-size-small:0.95rem;--font-size-page-title-mobile:1.5rem;--font-size-section-heading-mobile:1.3rem;--font-size-subsection-mobile:1.1rem;--font-size-banner-title-mobile:1.8rem;--font-size-banner-subtitle-mobile:1.1rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-relaxed:1.8;--color-primary:#007bff;--color-primary-dark:#0056b3;--color-primary-light:#e7f3ff;--color-purple-start:#667eea;--color-purple-end:#764ba2;--color-purple-dark:#5a67d8;--color-text-primary:#333;--color-text-secondary:#555;--color-text-tertiary:#666;--color-text-muted:#6c757d;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-bg-white:#fff;--color-bg-light:#f8f9fa;--color-bg-lighter:#f5f7fa;--color-bg-gray:#e9ecef;--color-bg-border:#dee2e6;--color-bg-dark:#e0e0e0;--color-event-regular-bg:#d1ecf1;--color-event-regular-text:#0c5460;--color-event-holiday-bg:#f8d7da;--color-event-holiday-text:#721c24;--color-event-special-bg:#fff3cd;--color-event-special-text:#856404;--color-event-event-bg:#d4edda;--color-event-event-text:#155724;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--spacing-xxl:40px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:25px;--border-radius-round:50%;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 6px 16px #00000026;--shadow-primary:0 4px 12px #667eea4d;--shadow-primary-hover:0 2px 6px #667eea33;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}html{-webkit-text-size-adjust:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}.App,.header{background:#fff}.header{box-shadow:0 2px 4px #0000001a;padding:20px 0}.header-content{align-items:center;display:flex;gap:65px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 40px}.logo-section{flex:0 0 auto}.logo-left{order:1}.logo-right{order:3}.logo{height:100px;object-fit:contain;width:100px}.title-section{flex:0 0 auto;order:2;text-align:center}.title-section h1{color:var(--color-text-primary);font-size:var(--font-size-banner-title);font-weight:var(--font-weight-bold);margin:0}.title-tamil{color:var(--color-primary);font-size:var(--font-size-banner-subtitle);font-weight:var(--font-weight-semibold);margin:8px 0 0}.navbar{background:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:0;position:relative}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:space-around;margin:10px auto;padding:8px;width:40px}.hamburger-line{background-color:#333;border-radius:2px;height:3px;transition:all .3s ease;width:100%}.nav-menu{display:flex;gap:0;justify-content:center;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-bottom:3px solid #0000;color:#333;display:block;font-size:1.1rem;font-weight:500;padding:15px 30px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.nav-link:hover{background-color:#e9ecef;border-bottom-color:#007bff;color:#007bff}.nav-link.active{background-color:#007bff;border-bottom-color:#007bff;color:#fff}.main-content{margin:40px auto;max-width:1200px;padding:20px 40px}.content-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.content-section h2{border-bottom:var(--border-width-thick) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-section-heading);margin-bottom:var(--spacing-lg);padding-bottom:10px}.content-section h3{color:var(--color-text-secondary);font-size:var(--font-size-subsection);margin-bottom:15px;margin-top:25px}.content-section p{color:var(--color-text-tertiary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin-bottom:15px}.tagline{color:#007bff;font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:20px}.goals-list{list-style:none;margin-top:20px;padding:0}.goals-list li{color:#555;font-size:1rem;line-height:1.8;padding:12px 0 12px 35px;position:relative}.goals-list li:before{color:#28a745;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}@media screen and (max-width:768px){.header{padding:15px 0}.header-content{gap:15px;padding:0 10px}.logo{height:60px;width:60px}.title-section h1{font-size:1.3rem;line-height:1.3}.title-tamil{font-size:1.1rem}.hamburger-menu{display:flex}.nav-menu{flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;width:100%}.nav-menu-open{max-height:500px}.nav-item,.nav-link{width:100%}.nav-link{border-bottom:1px solid #e0e0e0;font-size:1rem;padding:15px 20px;text-align:center}.main-content{margin:20px auto;padding:20px}}@media screen and (max-width:480px){.header{padding:10px 0}.header-content{gap:8px;padding:0 5px}.title-section h1{font-size:1rem;line-height:1.2}.title-tamil{font-size:.85rem}.logo{height:50px;width:50px}.nav-link{font-size:.95rem;padding:10px 15px}.main-content{padding:15px}}.calendar-container{margin:0 auto;max-width:1200px;padding:20px}.calendar-title{border-bottom:var(--border-width-thick) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-page-title);margin-bottom:var(--spacing-xxl);padding-bottom:15px;text-align:left}.calendar-error,.calendar-loading{color:#666;font-size:1rem;padding:40px;text-align:center}.calendar-error{color:#dc3545}.batches-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.schedule-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.term-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.term-title{border-bottom:var(--border-width-medium) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-subsection);margin:0 0 var(--spacing-lg) 0;padding-bottom:10px}.batches-section h2{border-bottom:none;color:var(--color-text-primary);font-size:var(--font-size-small-heading);margin-bottom:var(--spacing-lg);padding-bottom:0}.batches-grid,.terms-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-lg)}.batch-card,.term-card{background:var(--color-bg-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:left}.batch-card h3,.term-card h3{color:var(--color-text-primary);font-size:var(--font-size-subsection);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.batch-card p,.term-card p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:5px 0}.schedule-table{margin-top:20px;width:100%}.table-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:600;margin-bottom:10px;padding:15px 20px}.table-header,.table-row{display:grid;grid-template-columns:80px 200px 1fr}.table-row{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px;padding:18px 20px;transition:all .3s ease}.table-row:hover{box-shadow:0 4px 12px #00000026;transform:translateX(5px)}.header-cell,.table-cell{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:15px;padding:0 10px}.week-col{font-size:16px;font-weight:600;justify-content:center;text-align:center}.date-col{font-weight:500;text-align:left}.work-col{align-items:flex-start;line-height:1.6;text-align:left}.type-regular{background-color:#f8f9fa;border-left:4px solid #6c757d}.type-regular .week-col{color:#495057}.type-holiday{background:linear-gradient(135deg,#fff5f5,#fee);border-left:4px solid #dc3545}.type-holiday .work-col{color:#dc3545;font-weight:500}.type-holiday .date-col,.type-holiday .week-col{color:#721c24}.type-online{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3}.type-online .work-col{color:#1565c0;font-weight:500}.type-online .date-col,.type-online .week-col{color:#0d47a1}.type-special{background:linear-gradient(135deg,#f1f8e9,#dcedc8);border-left:4px solid #4caf50}.type-special .work-col{color:#2e7d32;font-weight:500}.type-special .date-col,.type-special .week-col{color:#1b5e20}@media screen and (max-width:768px){.calendar-title{font-size:1.5rem}.batches-grid{grid-template-columns:1fr}.calendar-container{padding:10px}.batches-section,.schedule-section{padding:15px}.table-header,.table-row{font-size:12px;grid-template-columns:60px 120px 1fr}.header-cell,.table-cell{padding:8px 5px}.schedule-table{overflow-x:auto}}.location-container{margin:0 auto;max-width:1200px;padding:20px}.location-title{border-bottom:var(--border-width-thick) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-page-title);margin-bottom:var(--spacing-xxl);padding-bottom:15px;text-align:left}.location-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:30px}.location-info-section{display:flex;flex-direction:column;gap:25px}.location-info-section h2{color:var(--color-text-primary);font-size:var(--font-size-section-heading);margin-bottom:var(--spacing-lg)}.info-card{background:var(--color-bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:25px}.info-card h3{color:var(--color-primary);font-size:var(--font-size-subsection);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.info-card p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:5px 0}.address-text{font-size:1rem;line-height:1.8}.note{color:#666;font-size:1rem;font-style:italic;margin-top:10px}.directions-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-block;font-size:1rem;font-weight:500;padding:12px 30px;text-decoration:none;transition:all .3s ease}.directions-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.location-map-section{align-items:flex-start;display:flex}.location-map-section iframe{box-shadow:0 4px 12px #0000001a}@media screen and (max-width:968px){.location-content{grid-template-columns:1fr}.location-map-section{order:2}.location-info-section{order:1}}@media screen and (max-width:768px){.location-title{font-size:1.5rem}.location-info-section h2{font-size:1.3rem}.info-card{padding:20px}.info-card h3{font-size:1.1rem}.info-card p{font-size:1rem}.location-map-section iframe{height:350px}}.contact-container{margin:0 auto;max-width:1200px;padding:20px}.contact-title{border-bottom:var(--border-width-thick) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-page-title);margin-bottom:var(--spacing-lg);padding-bottom:15px;text-align:left}.contact-intro{margin-bottom:var(--spacing-xxl)}.contact-intro p{color:var(--color-text-tertiary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:350px 1fr;margin-top:30px}.contact-info-section h2,.contact-roles-section h2{color:var(--color-text-primary);font-size:var(--font-size-section-heading);font-weight:var(--font-weight-semibold);margin-bottom:25px}.mailing-address-card,.social-media-card{background:var(--color-bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:25px;padding:25px}.mailing-address-card h3,.social-media-card h3{color:var(--color-primary);font-size:var(--font-size-subsection);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.mailing-address-card p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.social-link{align-items:center;background:#1877f2;border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:15px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#0d5dbf;box-shadow:0 4px 12px #1877f24d;transform:translateY(-2px)}.social-icon{align-items:center;background:#fff;border-radius:50%;color:#1877f2;display:flex;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:700;height:35px;justify-content:center;width:35px}.contacts-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.contact-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px;transition:all .3s ease}.contact-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.contact-card h3{color:#007bff;font-size:1.1rem;font-weight:600;margin-bottom:10px}.contact-name{color:#333;font-size:1rem;font-weight:500;margin-bottom:12px}.email-link{background:#f8f9fa;border-radius:6px;color:#555;display:block;font-size:.95rem;margin-bottom:8px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.email-link:hover{background:#e9ecef;color:#007bff;text-decoration:underline}.email-link.secondary{margin-top:5px}@media screen and (max-width:968px){.contact-grid,.contacts-list{grid-template-columns:1fr}}@media screen and (max-width:768px){.contact-title{font-size:1.5rem}.contact-intro p{font-size:.95rem}.contact-info-section h2,.contact-roles-section h2{font-size:1.3rem}.contact-card,.mailing-address-card,.social-media-card{padding:20px}.contact-card h3{font-size:1.1rem}.email-link{font-size:.9rem;word-break:break-all}}.vasantha-vizha-container{margin:0 auto;max-width:1200px;min-height:60vh;padding:var(--spacing-lg)}.intro-section{background:var(--color-bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl)}.intro-section p{color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed);margin:0}.event-details{background:var(--color-bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl)}.event-details h2{border-bottom:var(--border-width-medium) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-section-heading);margin-bottom:var(--spacing-lg);padding-bottom:10px}.details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr}.detail-item{background:var(--color-bg-light);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.detail-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);min-width:100px}.detail-value{color:var(--color-text-secondary)}.registration-section{background:var(--color-bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xxl);padding:var(--spacing-xl)}.registration-section h2{border-bottom:var(--border-width-medium) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-section-heading);margin-bottom:var(--spacing-lg);padding-bottom:10px}.registration-section>p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.registration-checklist{list-style:none;margin:var(--spacing-lg) 0;padding:0}.registration-checklist li{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);padding:var(--spacing-sm) 0;padding-left:35px;position:relative}.registration-checklist li:before{color:#28a745;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.important-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:var(--border-radius-md);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.important-note h3{color:var(--color-text-primary);font-size:var(--font-size-subsection);margin-bottom:var(--spacing-md);margin-top:0}.important-note p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.important-note p+p{margin-top:var(--spacing-md)}.registration-cta{margin:var(--spacing-xxl) 0;text-align:center}.register-button{background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:#fff;display:inline-block;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);padding:15px 40px;text-decoration:none;transition:var(--transition-normal)}.register-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.signature-section{border-top:1px solid var(--color-bg-border);margin-top:var(--spacing-xxl);padding-top:var(--spacing-lg)}.signature{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.signature a{color:var(--color-primary);text-decoration:none}.signature a:hover{text-decoration:underline}@media screen and (max-width:768px){.vasantha-vizha-container{padding:var(--spacing-md)}.page-title{font-size:var(--font-size-page-title-mobile)}.event-details h2,.registration-section h2{font-size:var(--font-size-section-heading-mobile)}.detail-item{flex-direction:column;gap:var(--spacing-xs)}.detail-label{min-width:auto}.register-button{font-size:var(--font-size-body);padding:12px 30px}}.donation-container{margin:0 auto;max-width:1200px;min-height:60vh;padding:var(--spacing-lg)}.donation-title{border-bottom:var(--border-width-thick) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-page-title);margin-bottom:var(--spacing-xxl);padding-bottom:15px;text-align:left}.under-construction-text{color:var(--color-text-secondary);font-size:var(--font-size-body-large);margin-top:60px;text-align:center}@media screen and (max-width:768px){.donation-title{font-size:var(--font-size-page-title-mobile)}.under-construction-text{margin-top:40px}}.top-contact-bar{background:linear-gradient(135deg,var(--color-purple-start) 0,var(--color-purple-end) 100%);box-shadow:var(--shadow-sm);color:#fff;font-size:.9rem;padding:8px 0}.contact-bar-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.contact-bar-content,.contact-info{align-items:center;display:flex;gap:20px}.social-links{align-items:center;display:flex;gap:15px}.contact-item,.social-item{align-items:center;border-radius:var(--border-radius-sm);color:#fff;display:flex;gap:8px;padding:4px 8px;text-decoration:none;transition:var(--transition-fast)}.contact-item:hover,.social-item:hover{background:#ffffff26;transform:translateY(-1px)}.icon{font-size:1rem}.facebook-icon,.icon{align-items:center;display:inline-flex;justify-content:center}.facebook-icon{background:#fff;border-radius:var(--border-radius-round);color:#1877f2;font-family:Arial,sans-serif;font-size:14px;font-weight:700;height:24px;width:24px}.text{font-size:.9rem;font-weight:var(--font-weight-medium)}@media screen and (max-width:768px){.contact-bar-content{flex-direction:column;gap:10px;padding:0 20px}.contact-info,.social-links{gap:15px}.text{font-size:.85rem}}@media screen and (max-width:480px){.top-contact-bar{font-size:.85rem}.contact-bar-content{padding:0 15px}.contact-item .text,.social-item .text{display:none}.facebook-icon,.icon{font-size:1.1rem}}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:60px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding:40px 40px 30px}.footer-section h4{border-bottom:2px solid var(--color-primary);color:#fff;display:inline-block;font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:15px;padding-bottom:8px}.footer-section p{color:#ffffffd9;font-size:.9rem;line-height:1.6;margin:8px 0}.footer-section a{color:#ffffffd9;text-decoration:none;transition:var(--transition-fast)}.footer-section a:hover{color:#fff;text-decoration:underline}.footer-social{display:flex;flex-direction:column;gap:10px}.footer-social-link{align-items:center;background:#ffffff1a;border-radius:var(--border-radius-md);display:inline-flex;font-size:.9rem;gap:10px;padding:8px 16px;transition:var(--transition-normal);width:-webkit-fit-content;width:fit-content}.footer-social-link:hover{background:#fff3;text-decoration:none;transform:translateY(-2px)}.facebook-icon-footer{align-items:center;background:#fff;border-radius:var(--border-radius-round);color:#1877f2;display:inline-flex;font-family:Arial,sans-serif;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:8px 0}.footer-links a{display:inline-block;font-size:.9rem;padding:4px 0}.footer-bottom{background:#0003;border-top:1px solid #ffffff1a;padding:20px 40px;text-align:center}.footer-bottom p{color:#ffffffb3;font-size:.85rem;margin:5px 0}@media screen and (max-width:768px){.footer-content{gap:25px;grid-template-columns:repeat(2,1fr);padding:30px 20px 20px}.footer-bottom{padding:15px 20px}}@media screen and (max-width:480px){.footer-content{grid-template-columns:1fr;padding:25px 15px 15px}.footer-section h4{font-size:1rem}.footer-links a,.footer-section p{font-size:.85rem}.footer-bottom{padding:12px 15px}.footer-bottom p{font-size:.8rem}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.admin-login-logo{margin-bottom:30px;text-align:center}.admin-login-logo h1{color:#007bff;font-size:48px;font-weight:700;margin:0 0 10px}.admin-login-logo h2{color:#333;font-size:24px;font-weight:500;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-login-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:12px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .3s,transform .1s}.login-button:hover:not(:disabled){background-color:#0056b3}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width:480px){.admin-login-card{padding:30px 20px}.admin-login-logo h1{font-size:36px}.admin-login-logo h2{font-size:20px}}.admin-layout{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #00000026;color:#fff;padding:20px 0}.admin-header-content{margin:0 auto;max-width:1400px;padding:0 40px}.admin-logo{align-items:center;display:flex;gap:15px}.admin-logo h1{font-size:48px;font-weight:700;margin:0}.admin-logo span{font-size:24px;font-weight:500;opacity:.95}.admin-navbar{background-color:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.admin-nav-menu{display:flex;gap:8px;list-style:none;margin:0 auto;max-width:1400px;padding:0 40px}.admin-nav-item{margin:0}.admin-nav-item.admin-nav-logout{margin-left:auto}.admin-nav-link{background:none;border:none;border-bottom:3px solid #0000;color:#333;cursor:pointer;display:block;font-size:16px;font-weight:500;padding:16px 24px;transition:all .3s ease}.admin-nav-link:hover{background-color:#f8f9fa;border-bottom-color:#667eea;color:#667eea}.admin-nav-link.active{background-color:#667eea;border-bottom-color:#667eea;color:#fff}.admin-nav-link.logout{color:#dc3545}.admin-nav-link.logout:hover{background-color:#dc3545;border-bottom-color:#dc3545;color:#fff}.admin-main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:30px 40px;width:100%}@media (max-width:768px){.admin-header-content,.admin-main-content,.admin-nav-menu{padding:0 20px}.admin-logo h1{font-size:36px}.admin-logo span{font-size:18px}.admin-nav-menu{flex-direction:column;gap:0}.admin-nav-item.admin-nav-logout{margin-left:0}.admin-nav-link{border-bottom:1px solid #e0e0e0;text-align:left;width:100%}}.admin-home{display:flex;flex-direction:column;gap:30px}.welcome-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px;text-align:center}.welcome-section h1{color:#333;font-size:32px;margin:0 0 10px}.welcome-section p{color:#666;font-size:18px;margin:0}.admin-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px;text-align:center;transition:transform .3s,box-shadow .3s}.admin-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.card-icon{font-size:48px;margin-bottom:15px}.admin-card h3{color:#333;font-size:20px;margin:0 0 10px}.admin-card p{color:#666;font-size:14px;line-height:1.6;margin:0}.quick-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.quick-info h2{border-bottom:2px solid #667eea;color:#333;font-size:24px;margin:0 0 20px;padding-bottom:15px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px}.info-label{color:#666;font-size:14px;font-weight:500}.info-value{color:#333;font-size:20px;font-weight:600}@media (max-width:768px){.welcome-section{padding:30px 20px}.welcome-section h1{font-size:24px}.welcome-section p{font-size:16px}.admin-cards,.info-grid{grid-template-columns:1fr}}.admin-calendar-container{display:flex;flex-direction:column;gap:20px}.calendar-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px 30px}.calendar-header h1{color:#333;font-size:28px;margin:0}.calendar-info{color:#666;font-size:16px;font-weight:500}.calendar-error-banner{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;padding:12px 20px;text-align:center}.batch-summary{display:flex;gap:15px}.batch-card-small{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#555;flex:1 1;font-size:14px;padding:15px 20px}.calendar-workspace{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;min-height:600px}.date-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden}.date-list h3{background:#667eea;border-bottom:2px solid #5a67d8;color:#fff;font-size:18px;margin:0;padding:20px}.date-list-items{flex:1 1;overflow-y:auto;padding:10px}.date-item{background:#f8f9fa;border:2px solid #0000;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.date-item:hover{background:#e9ecef;border-color:#dee2e6}.date-item.selected{background:#e7f3ff;border-color:#667eea;box-shadow:0 2px 6px #667eea33}.date-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.week-badge{background:#6c757d;color:#fff;padding:2px 8px}.type-badge,.week-badge{border-radius:10px;font-size:11px;font-weight:600}.type-badge{display:inline-block;padding:3px 10px;text-transform:capitalize}.type-badge.type-regular{background-color:#d1ecf1;color:#0c5460}.type-badge.type-holiday{background-color:#f8d7da;color:#721c24}.type-badge.type-special{background-color:#fff3cd;color:#856404}.type-badge.type-event{background-color:#d4edda;color:#155724}.date-item-date{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.date-item-desc{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-details{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:30px}.details-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.details-header h2{color:#333;font-size:24px;margin:0}.edit-actions{display:flex;gap:10px}.cancel-button,.edit-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.edit-button{background-color:#667eea;color:#fff}.edit-button:hover{background-color:#5a67d8}.save-button{background-color:#28a745;color:#fff}.save-button:hover:not(:disabled){background-color:#218838}.save-button:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover:not(:disabled){background-color:#5a6268}.cancel-button:disabled{cursor:not-allowed}.details-view{display:flex;flex-direction:column;gap:20px}.detail-row{grid-gap:20px;background:#f8f9fa;border-radius:6px;display:grid;gap:20px;grid-template-columns:150px 1fr;padding:15px}.detail-row label{color:#495057;font-size:14px;font-weight:600}.detail-row span{color:#333;font-size:14px}.description-text{line-height:1.6;white-space:pre-wrap}.details-edit{gap:20px}.details-edit,.edit-field{display:flex;flex-direction:column}.edit-field{gap:8px}.edit-field label{color:#495057;font-size:14px;font-weight:600}.edit-field input,.edit-field select,.edit-field textarea{border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:14px;padding:10px}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-field textarea{min-height:100px;resize:vertical}.no-selection{align-items:center;color:#6c757d;display:flex;font-size:16px;height:100%;justify-content:center}.admin-calendar-error,.admin-calendar-loading{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:18px;padding:40px;text-align:center}@media (max-width:1024px){.calendar-workspace{grid-template-columns:1fr}.date-list{max-height:300px}}@media (max-width:768px){.calendar-header{align-items:flex-start;flex-direction:column;gap:10px}.calendar-header h1{font-size:24px}.batch-summary{flex-direction:column}.detail-row{gap:8px;grid-template-columns:1fr}.details-header{align-items:flex-start;flex-direction:column;gap:15px}.edit-actions{width:100%}.cancel-button,.edit-button,.save-button{flex:1 1}}.admin-game-create-container{margin:0 auto;max-width:1200px;min-height:60vh;padding:var(--spacing-lg)}.page-title{border-bottom:var(--border-width-thick) solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-page-title);margin-bottom:var(--spacing-xxl);padding-bottom:15px;text-align:left}.create-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xxl)}.create-card h2{color:var(--color-text-primary);font-size:var(--font-size-section-heading);margin-bottom:var(--spacing-xl)}.question-groups-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--spacing-xxl)}.group-card{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal)}.group-card:hover{box-shadow:var(--shadow-md)}.group-card.selected{background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));border-color:#0000;color:#fff}.group-card h3{font-size:var(--font-size-subsection)}.group-card h3,.group-card p{margin-bottom:var(--spacing-sm)}.group-card p{color:var(--color-text-secondary);font-size:var(--font-size-body)}.group-card.selected .question-types,.group-card.selected p{color:#ffffffe6}.question-types{color:var(--color-text-tertiary);font-size:var(--font-size-body-small)}.create-button{background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg) var(--spacing-xxl);transition:var(--transition-normal);width:100%}.create-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.create-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.no-groups{color:var(--color-text-secondary);padding:var(--spacing-xxl)}.no-groups p{margin-bottom:var(--spacing-md)}.loading,.no-groups p{font-size:var(--font-size-body)}.ttl-configuration{background:var(--color-bg-light);border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.ttl-configuration h3{color:var(--color-text-primary);font-size:var(--font-size-subsection);margin-bottom:var(--spacing-lg)}.ttl-input-group{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.ttl-input-group label{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.ttl-input{border:2px solid var(--color-bg-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-body);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-normal);width:100px}.ttl-input:focus{border-color:var(--color-primary);outline:none}.ttl-unit{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.ttl-help-text,.ttl-unit{color:var(--color-text-secondary)}.ttl-help-text{font-size:var(--font-size-body-small);font-style:italic;margin-top:var(--spacing-sm)}@media screen and (max-width:768px){.page-title{font-size:var(--font-size-page-title-mobile)}.question-groups-list{grid-template-columns:1fr}.create-card{padding:var(--spacing-xl)}}.admin-game-control-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.control-header{align-items:center;border-bottom:2px solid var(--color-bg-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.control-header h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);margin:0}.session-info{align-items:center;display:flex;gap:var(--spacing-lg)}.session-code{background:var(--color-bg-light);border-radius:var(--border-radius-md);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md)}.participant-count{color:var(--color-text-primary);font-size:var(--font-size-body-large)}.view-display-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.view-display-btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.add-questions-card{grid-column:1/-1}.add-more-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;width:100%}.add-more-btn:hover{box-shadow:0 4px 12px #43e97b4d;transform:translateY(-2px)}.add-questions-form{margin-top:var(--spacing-md)}.add-questions-form .form-group{margin-bottom:var(--spacing-md)}.add-questions-form label{color:var(--color-text-primary);display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.add-questions-form select{background:#fff;border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-body);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;width:100%}.add-questions-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.add-questions-actions{display:flex;gap:var(--spacing-sm)}.cancel-add-btn,.confirm-add-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.cancel-add-btn{background:var(--color-bg-light);border:2px solid var(--color-bg-border);color:var(--color-text-primary)}.cancel-add-btn:hover:not(:disabled){background:var(--color-bg-border)}.confirm-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-add-btn:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.cancel-add-btn:disabled,.confirm-add-btn:disabled{cursor:not-allowed;opacity:.5}.add-questions-note{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-left:4px solid #fdcb6e;border-radius:var(--border-radius-md);color:#2d3436;font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.control-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.control-card{background:#fff;border:1px solid var(--color-bg-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.control-card h2{color:var(--color-text-primary);font-size:var(--font-size-section-heading);margin:0 0 var(--spacing-lg) 0}.state-badge{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.state-badge.welcome{background:#e3f2fd;color:#1976d2}.state-badge.question{background:#fff3e0;color:#f57c00}.state-badge.results{background:#e8f5e9;color:#388e3c}.state-badge.finished{background:#f3e5f5;color:#7b1fa2}.progress-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.progress-text{color:var(--color-text-secondary);font-size:var(--font-size-body)}.progress-bar{background:var(--color-bg-light);border-radius:var(--border-radius-md);height:30px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));height:100%;transition:width .3s ease}.question-preview{background:var(--color-bg-light);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.question-text{font-size:var(--font-size-body-large);margin-bottom:var(--spacing-md)}.question-meta{color:var(--color-text-secondary);font-size:var(--font-size-body-small)}.answer-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{align-items:center;background:var(--color-bg-light);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-md)}.stat-label{color:var(--color-text-primary)}.stat-count{color:var(--color-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.buttons-card{grid-column:1/-1}.control-buttons{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.control-btn{border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg) var(--spacing-xl);transition:var(--transition-normal)}.control-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.welcome-btn{background:linear-gradient(135deg,#42a5f5,#1976d2)}.start-btn{background:linear-gradient(135deg,#66bb6a,#388e3c)}.end-btn{background:linear-gradient(135deg,#ffa726,#f57c00)}.next-btn{background:linear-gradient(135deg,#ab47bc,#7b1fa2)}.leaderboard-btn{background:linear-gradient(135deg,gold,#ff8f00)}.qr-card{grid-column:1/-1}.qr-display{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.qr-image{border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);height:auto;max-width:300px;width:100%}.join-url{color:var(--color-text-secondary);font-size:var(--font-size-body);text-align:center;word-break:break-all}@media screen and (max-width:768px){.admin-game-control-container{padding:var(--spacing-md)}.control-header{gap:var(--spacing-md)}.control-header,.session-info{align-items:flex-start;flex-direction:column}.session-info{gap:var(--spacing-sm)}.control-buttons,.control-grid{grid-template-columns:1fr}.buttons-card,.qr-card{grid-column:1}}.display-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.display-content{max-width:1400px;text-align:center;width:100%}.welcome-display{background:linear-gradient(135deg,var(--color-purple-start) 0,var(--color-purple-end) 100%)}.welcome-display .display-content{color:#fff}.welcome-header{margin-bottom:var(--spacing-xxl)}.display-title{font-size:4rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);text-shadow:2px 2px 4px #0003}.display-subtitle{font-size:2rem;margin-bottom:var(--spacing-md)}.game-code-display{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--color-primary);display:inline-block;font-size:6rem;font-weight:var(--font-weight-bold);letter-spacing:1rem;padding:var(--spacing-xl) var(--spacing-xxl)}.qr-section{margin:var(--spacing-xxl) 0}.display-qr-code{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-lg);width:100%}.join-instruction{font-size:1.5rem;margin-top:var(--spacing-lg)}.participant-display{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-xxl) 0}.participant-icon{font-size:4rem}.participant-number{font-size:6rem;font-weight:var(--font-weight-bold)}.participant-label{font-size:2rem}.waiting-message{align-items:center;display:flex;font-size:2rem;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xxl)}.pulse-dot{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:20px;width:20px}.question-display{background:linear-gradient(135deg,#667eea,#764ba2)}.question-display .display-content{color:#fff}.question-header-display{align-items:center;background:#ffffff1a;border-radius:var(--border-radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xxl);padding:var(--spacing-lg)}.question-number{font-size:2rem}.timer-display{align-items:center;background:#fff3;border-radius:var(--border-radius-lg);display:flex;font-size:3rem;font-weight:var(--font-weight-bold);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl)}.timer-icon-display{font-size:3rem}.question-main,.question-text-display{margin-bottom:var(--spacing-xxl)}.question-text-display{font-size:3.5rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-relaxed);text-shadow:2px 2px 4px #0003}.options-display{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-xxl)}.option-display{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);gap:var(--spacing-lg);padding:var(--spacing-xl);transition:var(--transition-normal)}.option-display,.option-letter{align-items:center;display:flex}.option-letter{background:var(--color-bg-light);border-radius:50%;color:var(--color-primary);flex-shrink:0;font-size:3rem;font-weight:var(--font-weight-bold);height:70px;justify-content:center;width:70px}.option-text{font-size:2rem;text-align:left}.text-question-indicator{background:#ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-xxl);padding:var(--spacing-xxl)}.text-question-indicator p{font-size:2rem}.answer-prompt{animation:pulse-text 2s infinite;background:#fff3;border-radius:var(--border-radius-lg);font-size:2.5rem;font-weight:var(--font-weight-bold);padding:var(--spacing-xl)}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.results-display{background:linear-gradient(135deg,#11998e,#38ef7d)}.results-display .display-content{color:#fff}.results-title{font-size:4rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xxl);text-shadow:2px 2px 4px #0003}.display-leaderboard{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto;max-width:900px}.display-leaderboard-entry{align-items:center;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:var(--transition-normal)}.rank-display-1{background:linear-gradient(135deg,gold,#ffed4e);transform:scale(1.05)}.rank-display-2{background:linear-gradient(135deg,silver,#e8e8e8)}.rank-display-3{background:linear-gradient(135deg,#cd7f32,#e09b5f)}.rank-display{font-size:2.5rem;font-weight:var(--font-weight-bold);min-width:60px;text-align:center}.player-info{flex:1 1;text-align:left}.player-name-display{font-size:2rem;font-weight:var(--font-weight-semibold)}.score-display{color:var(--color-primary);font-size:2rem;font-weight:var(--font-weight-bold)}.responses-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.response-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);padding:var(--spacing-lg);text-align:left}.response-text{font-size:1.2rem;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}.response-author{color:var(--color-text-secondary);font-size:1rem;font-style:italic}.word-cloud-container{align-items:center;background:#ffffff1a;border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-xl) 0;min-height:400px;padding:var(--spacing-xxl)}.word-cloud-word{cursor:default;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.word-cloud-word:hover{transform:scale(1.1)}.response-count{background:#fff3;border-radius:var(--border-radius-md);display:inline-block;font-size:1.5rem;margin-top:var(--spacing-lg);padding:var(--spacing-md)}.final-display{background:linear-gradient(135deg,#f093fb,#f5576c)}.final-display .display-content{color:#fff}.final-title{font-size:5rem;font-weight:var(--font-weight-bold);text-shadow:2px 2px 4px #0003}.final-title,.podium{margin-bottom:var(--spacing-xxl)}.podium{align-items:flex-end;display:flex;gap:var(--spacing-lg);justify-content:center}.podium-place{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.podium-medal{font-size:5rem}.podium-name{font-size:2rem;font-weight:var(--font-weight-bold)}.podium-score{font-size:1.8rem}.podium-stand{align-items:center;background:#ffffff4d;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;display:flex;font-size:4rem;font-weight:var(--font-weight-bold);justify-content:center;margin-top:var(--spacing-lg);width:200px}.stand-1{background:linear-gradient(135deg,gold,#ffed4e);color:#333;height:300px}.stand-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#333;height:220px}.stand-3{background:linear-gradient(135deg,#cd7f32,#e09b5f);color:#333;height:180px}.other-players{margin:var(--spacing-xxl) auto;max-width:800px}.other-players h3{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.other-players-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.other-player-entry{align-items:center;background:#fff3;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.other-name,.other-rank,.other-score{font-size:1.5rem}.other-rank{font-weight:var(--font-weight-bold);min-width:50px}.other-name{flex:1 1;padding:0 var(--spacing-lg);text-align:left}.other-score{font-weight:var(--font-weight-semibold)}.game-complete-message{background:#fff3;border-radius:var(--border-radius-lg);font-size:2.5rem;margin-top:var(--spacing-xxl);padding:var(--spacing-xl)}@media screen and (max-width:768px){.display-title{font-size:2.5rem}.game-code-display{font-size:3rem;letter-spacing:.5rem}.participant-number{font-size:4rem}.question-text-display{font-size:2rem}.options-display{grid-template-columns:1fr}.option-text{font-size:1.5rem}.final-title{font-size:3rem}.podium{align-items:center;flex-direction:column}.podium-stand{width:150px}.stand-1,.stand-2,.stand-3{height:150px}}.admin-session-list-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.sessions-header{align-items:center;border-bottom:2px solid var(--color-bg-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.sessions-header h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);margin:0}.refresh-button{background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));border-radius:var(--border-radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-normal)}.refresh-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-sessions{background:var(--color-bg-light);border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.no-sessions-icon{font-size:5rem;margin-bottom:var(--spacing-lg)}.no-sessions h2{color:var(--color-text-primary);font-size:var(--font-size-section-heading);margin-bottom:var(--spacing-md)}.no-sessions p{color:var(--color-text-secondary);font-size:var(--font-size-body)}.sessions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{background:#fff;border:2px solid var(--color-bg-border);border-radius:var(--border-radius-lg);cursor:pointer;overflow:hidden;transition:var(--transition-normal)}.session-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.session-card-header{align-items:center;background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-lg)}.session-code{font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);letter-spacing:2px}.session-state{border-radius:var(--border-radius-sm);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md)}.state-waiting{background:#ffffff4d}.state-question{background:#ffc107e6;color:#333}.state-results{background:#4caf50e6}.state-finished{background:#9c27b0e6}.session-card-body{padding:var(--spacing-lg)}.session-title{color:var(--color-text-primary);font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0}.session-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.stat{align-items:center;background:var(--color-bg-light);border-radius:var(--border-radius-md);display:flex;flex-direction:column;padding:var(--spacing-md)}.stat-icon{font-size:1.5rem}.stat-icon,.stat-value{margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-body-large)}.stat-label{font-size:var(--font-size-body-small)}.session-info-footer{border-top:1px solid var(--color-bg-border);padding-top:var(--spacing-md)}.session-created{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.session-created,.session-expiry{font-size:var(--font-size-body-small)}.session-expiry{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs)}.session-card-footer{background:var(--color-bg-light);padding:var(--spacing-md) var(--spacing-lg);text-align:right}.manage-link{color:var(--color-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.refresh-indicator{animation:fadeInOut 2s infinite;background:var(--color-primary);border-radius:var(--border-radius-md);bottom:var(--spacing-lg);box-shadow:var(--shadow-md);color:#fff;font-size:var(--font-size-body-small);padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:var(--spacing-lg)}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@media screen and (max-width:768px){.admin-session-list-container{padding:var(--spacing-md)}.sessions-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.sessions-header h1{font-size:var(--font-size-page-title-mobile)}.session-stats,.sessions-grid{grid-template-columns:1fr}}.admin-question-groups-container{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.groups-header{align-items:center;border-bottom:2px solid var(--color-bg-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.groups-header h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);margin:0}.create-new-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.create-new-btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.groups-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.group-card{background:#fff;border:2px solid var(--color-bg-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.group-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-card-header{margin-bottom:var(--spacing-md)}.group-card-header h3{color:var(--color-text-primary);font-size:var(--font-size-section-title);margin:0 0 var(--spacing-xs) 0}.group-id{background:var(--color-bg-light);border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);font-family:Courier New,monospace;font-size:var(--font-size-body-small);padding:2px 8px}.group-card-body{margin:var(--spacing-lg) 0}.group-stat{align-items:center;background:var(--color-bg-light);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.stat-icon{font-size:24px}.stat-value{color:var(--color-primary);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-body)}.question-types{display:flex;flex-direction:column;gap:var(--spacing-sm)}.type-badge{align-items:center;background:#fff;border:1px solid var(--color-bg-border);border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-body-small);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.type-icon{font-size:16px}.type-count{color:var(--color-text-secondary)}.group-card-actions{border-top:1px solid var(--color-bg-border);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.delete-btn,.edit-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.edit-btn:hover{box-shadow:0 4px 8px #4facfe4d;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.delete-btn:hover{box-shadow:0 4px 8px #f5576c4d;transform:translateY(-2px)}.no-groups{background:#fff;border:2px dashed var(--color-bg-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.no-groups-icon{font-size:64px;margin-bottom:var(--spacing-md)}.no-groups h2{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.no-groups p{color:var(--color-text-secondary);font-size:var(--font-size-body-large)}.form-header{align-items:center;border-bottom:2px solid var(--color-bg-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.form-header h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:var(--spacing-xs);transition:all .3s ease;width:40px}.close-btn:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.group-form{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.form-section{margin-bottom:var(--spacing-xxl)}.form-section h2{color:var(--color-text-primary);font-size:var(--font-size-section-title);margin-bottom:var(--spacing-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.add-question-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.add-question-btn:hover{box-shadow:0 4px 8px #43e97b4d;transform:translateY(-2px)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-text-primary);display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-body);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{resize:vertical}.question-card{background:var(--color-bg-light);border:2px solid var(--color-bg-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.question-header{align-items:center;border-bottom:2px solid var(--color-bg-border);justify-content:space-between;padding-bottom:var(--spacing-md)}.question-number{color:var(--color-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.delete-question-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.delete-question-btn:hover{box-shadow:0 2px 6px #f5576c4d;transform:translateY(-2px)}.option-input{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.option-label{color:var(--color-text-primary);font-weight:var(--font-weight-bold);min-width:30px}.option-input input{flex:1 1}.correct-indicator{color:#43e97b;font-size:var(--font-size-body-small);font-weight:var(--font-weight-bold)}.form-actions{border-top:2px solid var(--color-bg-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl)}.cancel-btn,.save-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xxl);transition:all .3s ease}.cancel-btn{background:var(--color-bg-light);border:2px solid var(--color-bg-border);color:var(--color-text-primary)}.cancel-btn:hover{background:var(--color-bg-border)}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff}.save-btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.error-message{background:#fee;border-left:4px solid #c33;border-radius:var(--border-radius-md);color:#c33;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.loading{color:var(--color-text-secondary);font-size:var(--font-size-body-large);padding:var(--spacing-xxl);text-align:center}.game-join-container{align-items:center;background:linear-gradient(135deg,var(--color-purple-start) 0,var(--color-purple-end) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.game-join-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-xxl);text-align:center;width:100%}.game-join-card h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);margin-bottom:var(--spacing-md)}.game-join-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin-bottom:var(--spacing-xxl)}.game-join-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.game-code-input{border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:.3em;padding:var(--spacing-lg);text-align:center;text-transform:uppercase;transition:var(--transition-normal)}.game-code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.join-button{background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg) var(--spacing-xl);transition:var(--transition-normal)}.join-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media screen and (max-width:768px){.game-join-card{padding:var(--spacing-xl)}.game-join-card h1{font-size:var(--font-size-page-title-mobile)}.game-code-input{font-size:1.5rem}}.game-play-container{align-items:center;background:linear-gradient(135deg,var(--color-purple-start) 0,var(--color-purple-end) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.game-play-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:800px;padding:var(--spacing-xxl);text-align:center;width:100%}.game-play-card h1{color:var(--color-text-primary);font-size:var(--font-size-page-title);margin-bottom:var(--spacing-md)}.pin-input{border:2px solid #ddd;border-radius:8px;font-family:monospace;font-size:1.5rem;letter-spacing:8px;margin:10px 0;padding:15px;text-align:center;width:100%}.pin-input:focus{border-color:#4caf50;outline:none}.pin-hint{color:#666;font-size:.9rem;margin:5px 0 15px;text-align:center}.button-group{display:flex;flex-direction:column;gap:10px;width:100%}.secondary-button{background-color:#f0f0f0;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.secondary-button:hover{background-color:#e0e0e0;border-color:#ccc}.saved-name-notice{align-items:center;background-color:#e8f5e9;border-radius:8px;display:flex;font-size:.95rem;gap:10px;justify-content:center;margin-bottom:15px;padding:12px}.link-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.link-button:hover{color:#1565c0}.refresh-button{background-color:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 24px;transition:all .3s ease}.refresh-button:hover{background-color:#1976d2;transform:scale(1.02)}.refresh-button-small{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .3s ease}.refresh-button-small:hover{background-color:#1976d2}.game-controls{display:flex;flex-direction:column;gap:10px;margin-top:20px}.subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin-bottom:var(--spacing-xl)}.waiting-icon{animation:pulse 2s infinite;font-size:5rem;margin-bottom:var(--spacing-lg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.participant-count{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xxl)}.count-number{color:var(--color-primary);font-size:4rem;font-weight:var(--font-weight-bold)}.count-label{color:var(--color-text-secondary);font-size:var(--font-size-body-large)}.name-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.name-input{border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);font-size:var(--font-size-body-large);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal)}.name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.submit-answer-button,.submit-button{background:linear-gradient(135deg,var(--color-purple-start),var(--color-purple-end));border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg) var(--spacing-xl);transition:var(--transition-normal)}.submit-answer-button:hover,.submit-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-answer-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.question-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.timer{align-items:center;background:var(--color-bg-light);border-radius:var(--border-radius-md);color:var(--color-primary);display:flex;font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.timer-icon{font-size:1.5rem}.question-text{color:var(--color-text-primary);font-size:var(--font-size-section-heading);line-height:var(--line-height-relaxed)}.options-grid,.question-text{margin-bottom:var(--spacing-xxl)}.options-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-button{background:#fff;border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-body);padding:var(--spacing-lg);transition:var(--transition-normal)}.option-button:hover:not(.disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-button.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.option-button.disabled{cursor:not-allowed;opacity:.7}.text-answer-section{margin-bottom:var(--spacing-xxl)}.text-answer-input{border:2px solid var(--color-bg-border);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-body);padding:var(--spacing-lg);resize:vertical;transition:var(--transition-normal);width:100%}.text-answer-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.text-answer-input:disabled{background:var(--color-bg-light);cursor:not-allowed}.answered-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--border-radius-md);color:#155724;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg)}.leaderboard{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.leaderboard-entry{align-items:center;background:var(--color-bg-light);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.leaderboard-entry.rank-1{background:linear-gradient(135deg,gold,#ffed4e);font-weight:var(--font-weight-bold)}.leaderboard-entry.rank-2{background:linear-gradient(135deg,silver,#e8e8e8)}.leaderboard-entry.rank-3{background:linear-gradient(135deg,#cd7f32,#e09b5f)}.rank{font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);min-width:40px;text-align:center}.player-name{flex:1 1;font-size:var(--font-size-body);text-align:left}.score{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.game-over-message{background:var(--color-bg-light);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-body-large);margin-top:var(--spacing-xxl);padding:var(--spacing-lg)}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--border-radius-sm);color:#dc3545;font-size:var(--font-size-body);margin-top:var(--spacing-md);padding:var(--spacing-sm)}@media screen and (max-width:768px){.game-play-card{padding:var(--spacing-xl)}.game-play-card h1{font-size:var(--font-size-page-title-mobile)}.question-text{font-size:var(--font-size-section-heading-mobile)}.options-grid{grid-template-columns:1fr}.count-number{font-size:3rem}}
/*# sourceMappingURL=main.88c5902c.css.map*/