[data-theme=purple]{--t-start:#667eea;--t-end:#764ba2;--t-accent:#f093fb;--t-btn:#667eea;--t-nav-active:#667eea}[data-theme=ocean]{--t-start:#06b6d4;--t-end:#0891b2;--t-accent:#22d3ee;--t-btn:#0891b2;--t-nav-active:#0891b2}[data-theme=forest]{--t-start:#22c55e;--t-end:#15803d;--t-accent:#86efac;--t-btn:#16a34a;--t-nav-active:#16a34a}[data-theme=sunset]{--t-start:#f97316;--t-end:#ea580c;--t-accent:#fb923c;--t-btn:#ea580c;--t-nav-active:#ea580c}[data-theme=rose]{--t-start:#f43f5e;--t-end:#e11d48;--t-accent:#fb7185;--t-btn:#e11d48;--t-nav-active:#e11d48}[data-theme=dark]{--t-start:#1e293b;--t-end:#0f172a;--t-accent:#818cf8;--t-btn:#6366f1;--t-nav-active:#6366f1}: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;color:#007bff;color:var(--t-nav-active,#007bff)}.nav-link.active,.nav-link:hover{border-bottom-color:#007bff;border-bottom-color:var(--t-nav-active,#007bff)}.nav-link.active{background-color:#007bff;background-color:var(--t-nav-active,#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-container{padding:10px}.calendar-title{font-size:1.4rem;margin-bottom:16px}.batches-section,.term-section{border-radius:10px;padding:16px}.batches-grid{gap:10px;grid-template-columns:1fr}.table-header{display:none}.table-row{align-items:baseline;border-radius:8px;display:flex;flex-wrap:wrap;gap:2px 8px;margin-bottom:6px;padding:10px 12px}.table-row:hover{transform:none}.table-cell.week-col{color:#888;flex:0 0 auto;font-size:.75rem;font-weight:700;justify-content:flex-start;padding:0}.table-cell.date-col{flex:1 1;font-size:.88rem;font-weight:600;min-width:120px;padding:0}.table-cell.work-col{align-items:flex-start;flex:0 0 100%;font-size:.88rem;line-height:1.55;padding:4px 0 0}}.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);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 100%);box-shadow:0 2px 8px #00000026;color:#fff;padding:20px 0}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px}.admin-role-badge{background:#fff3;border:1px solid #fff6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.admin-logo{align-items:center;display:flex;gap:12px}.admin-logo-img{border-radius:6px;flex-shrink:0;height:48px;width:auto}.admin-logo-text{display:flex;flex-direction:column;line-height:1.2}.admin-logo-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:.01em}.admin-logo-sub{color:#ffffffb3;font-size:11px;font-weight:400;letter-spacing:.02em}.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;color:#667eea;color:var(--t-nav-active,#667eea)}.admin-nav-link.active,.admin-nav-link:hover{border-bottom-color:#667eea;border-bottom-color:var(--t-nav-active,#667eea)}.admin-nav-link.active{background-color:#667eea;background-color:var(--t-nav-active,#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%}.btn-primary{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:background .2s}.btn-primary:hover:not(:disabled){background:#5a6fd6}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:background .2s}.btn-secondary:hover{background:#e0e0e0}.btn-sm{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.btn-sm:hover{background:#5a6fd6}.btn-sm.btn-danger{background:#dc3545}.btn-sm.btn-danger:hover{background:#c82333}.error-banner{background:#fff3f3;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin-bottom:16px;padding:10px 14px}.form-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #0000000f;padding:24px}.form-card h3{color:#333;font-size:18px;margin:0 0 18px}.form-row{margin-bottom:14px}.form-row label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.form-row input,.form-row select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 10px;width:100%}.form-row small{color:#888;font-size:12px}.form-actions{gap:10px;margin-top:18px}.admin-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #00000014;overflow:hidden;width:100%}.admin-table th{background:#f5f7fa;border-bottom:1px solid #e0e0e0;color:#555;font-size:13px;font-weight:600;padding:12px 14px;text-align:left}.admin-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px 14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafafa}.role-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;text-transform:capitalize}.role-super_admin{background:#e8d5ff;color:#5b21b6}.role-branch_admin{background:#dbeafe;color:#1e40af}.role-teacher{background:#d1fae5;color:#065f46}.role-content_manager{background:#fef3c7;color:#92400e}.role-game_host{background:#ffe4e6;color:#9f1239}@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-btn{border:none;cursor:pointer;width:100%}.admin-card-btn:hover{background:#f8faff;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}.home-role-badge{background:#667eea;border-radius:10px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:2px 10px;vertical-align:middle}.home-no-perms{box-shadow:0 2px 8px #00000014;color:#64748b;font-size:15px;padding:60px 30px;text-align:center}.home-no-perms,.quick-info{background:#fff;border-radius:12px}.quick-info{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:16px}.calendar-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;display:flex;justify-content:space-between;padding:16px 24px}.calendar-header h1{color:#1e293b;font-size:22px;margin:0}.calendar-year-label{color:#64748b;font-size:13px}.branch-select{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:6px 10px}.batch-summary{display:flex;gap:12px}.batch-card-small{background:#fff;border-left:3px solid #667eea;border-radius:8px;box-shadow:0 1px 4px #00000014;color:#475569;flex:1 1;font-size:13px;padding:12px 16px}.calendar-error-banner{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;padding:10px 16px}.calendar-workspace{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 360px}.calendar-grid-panel{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;overflow:hidden}.month-nav{align-items:center;background:#667eea;color:#fff;display:flex;justify-content:space-between;padding:14px 20px}.month-nav-label{font-size:17px;font-weight:700}.month-nav-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:34px;justify-content:center;line-height:1;transition:background .15s;width:34px}.month-nav-btn:hover{background:#ffffff59}.cal-grid{grid-gap:1px;background:#e2e8f0;border-bottom:1px solid #e2e8f0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.cal-day-header{background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;padding:8px 0;text-align:center}.cal-cell{background:#fff;display:flex;flex-direction:column;gap:2px;min-height:72px;padding:6px;position:relative;transition:background .1s}.cal-cell-empty{background:#f8fafc}.cal-cell-event{cursor:pointer}.cal-cell-event:hover{background:#f1f5f9}.cal-cell-selected{border:2px solid #667eea!important;z-index:1}.cal-cell-today{background:#fefce8}.cal-day-num{color:#334155;font-size:13px;font-weight:600;line-height:1}.today-num{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;height:22px;justify-content:center;width:22px}.cal-type-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:2px;width:8px}.cal-event-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:10px;line-height:1.3;overflow:hidden}.cal-legend{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:11px;gap:5px;text-transform:capitalize}.legend-dot{border-radius:50%;height:8px;width:8px}.event-detail-panel{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:20px;position:-webkit-sticky;position:sticky;top:16px}.no-selection{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.no-selection-icon{font-size:40px;margin-bottom:10px}.no-selection p{font-size:14px}.detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.detail-date{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 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:2px 9px;text-transform:capitalize}.details-view{display:flex;flex-direction:column;gap:10px}.detail-row{grid-gap:10px;background:#f8fafc;border-radius:6px;display:grid;gap:10px;grid-template-columns:90px 1fr;padding:10px 12px}.detail-row label{color:#64748b;font-size:12px;font-weight:600}.detail-row span{color:#1e293b;font-size:13px}.description-text{line-height:1.5;white-space:pre-wrap}.details-edit{gap:12px}.details-edit,.edit-field{display:flex;flex-direction:column}.edit-field{gap:4px}.edit-field label{color:#475569;font-size:12px;font-weight:600}.edit-field input,.edit-field select,.edit-field textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:13px;padding:8px 10px}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;outline:none}.edit-field textarea{min-height:80px;resize:vertical}.edit-actions{display:flex;gap:8px}.cancel-button,.edit-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .2s}.edit-button{background:#667eea;color:#fff}.edit-button:hover{background:#5a67d8}.save-button{background:#22c55e;color:#fff}.save-button:hover:not(:disabled){background:#16a34a}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#e2e8f0;color:#475569}.cancel-button:hover:not(:disabled){background:#cbd5e1}.admin-calendar-error,.admin-calendar-loading{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;color:#64748b;font-size:16px;padding:40px;text-align:center}@media (max-width:1100px){.calendar-workspace{grid-template-columns:1fr}.event-detail-panel{position:static}}@media (max-width:640px){.calendar-header{align-items:flex-start;gap:10px}.batch-summary,.calendar-header{flex-direction:column}.cal-cell{min-height:52px;padding:4px}.cal-event-desc{display:none}}.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)}}.agc-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px;padding:1.25rem 1.5rem}.agc-header{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;justify-content:space-between;padding:.75rem 1.25rem}.agc-header,.agc-header-left{align-items:center;display:flex}.agc-header-left{flex-wrap:wrap;gap:.75rem}.agc-session-code{background:#f0f0ff;border-radius:8px;color:#667eea;font-size:1.3rem;font-weight:800;letter-spacing:2px;padding:.2rem .75rem}.agc-state-badge{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .6rem}.agc-state-badge.state-welcome{background:#e3f2fd;color:#1565c0}.agc-state-badge.state-countdown{background:#fff8e1;color:#e65100}.agc-state-badge.state-question{background:#fff3e0;color:#e65100}.agc-state-badge.state-results{background:#e8f5e9;color:#2e7d32}.agc-state-badge.state-finished{background:#f3e5f5;color:#6a1b9a}.agc-participant-count{color:#555;font-size:.95rem}.agc-display-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.45rem 1rem;transition:box-shadow .2s}.agc-display-btn:hover{box-shadow:0 4px 12px #667eea66}.agc-error{align-items:center;background:#fff5f5;border:1px solid #f5c6cb;border-left:4px solid #e74c3c;border-radius:8px;color:#c0392b;display:flex;font-size:.9rem;justify-content:space-between;padding:.6rem 1rem}.agc-error-dismiss{background:none;border:none;color:#c0392b;cursor:pointer;font-size:1rem;padding:0 .25rem}.agc-body{align-items:flex-start;display:flex;gap:1rem}.agc-queue-panel{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;flex:1.6 1;min-width:0;overflow:hidden}.queue-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1.25rem .75rem}.queue-header h2{color:#333;font-size:1rem;font-weight:700;margin:0;white-space:nowrap}.queue-meta{align-items:center;display:flex;flex:1 1;gap:.6rem;justify-content:flex-end}.queue-done-label{color:#666;font-size:.8rem;white-space:nowrap}.queue-progress-bar{background:#e9ecef;border-radius:4px;height:6px;overflow:hidden;width:90px}.queue-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .4s ease}.question-list{display:flex;flex-direction:column;max-height:480px;overflow-y:auto}.q-row{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:.6rem;min-height:3rem;padding:.65rem 1rem;transition:background .15s}.q-row:last-child{border-bottom:none}.q-completed{background:#fafafa;cursor:default;opacity:.65}.q-active{background:#fff8f0;border-left:4px solid #f57c00;cursor:default}.q-selected{background:#f0f4ff;border-left:4px solid #667eea}.q-pending:hover{background:#f8f9ff}.q-status-icon{flex-shrink:0;font-size:1rem;text-align:center;width:1.4rem}.q-number{color:#888;font-size:.8rem;min-width:1.4rem;text-align:right}.q-number,.q-type-badge{flex-shrink:0;font-weight:700}.q-type-badge{border-radius:4px;font-size:.65rem;letter-spacing:.3px;padding:.15rem .4rem}.badge-mcq{background:#e3f2fd;color:#1565c0}.badge-ft{background:#f3e5f5;color:#6a1b9a}.q-text{color:#333;flex:1 1;font-size:.875rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-live-count{background:#fff3e0;border-radius:4px;color:#e65100;flex-shrink:0;font-size:.78rem;font-weight:600;padding:.15rem .45rem;white-space:nowrap}.q-reorder-btns{display:flex;flex-direction:column;flex-shrink:0;gap:1px}.q-move-btn{align-items:center;background:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:.65rem;height:1.1rem;justify-content:center;padding:0;transition:background .15s;width:1.4rem}.q-move-btn:hover:not(:disabled){background:#ddd}.q-move-btn:disabled{cursor:not-allowed;opacity:.3}.q-empty{color:#999;font-size:.9rem;padding:2rem;text-align:center}.queue-hint{border-top:1px solid #f0f0f0;color:#999;font-size:.75rem;margin:0;padding:.5rem 1.25rem}.agc-controls-panel{display:flex;flex:1 1;flex-direction:column;gap:.85rem;min-width:250px}.selected-q-preview{background:#fff;border:1px solid #e9ecef;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1rem 1.1rem}.selected-q-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.selected-q-label{color:#667eea;font-size:.78rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.selected-q-time{color:#888;font-size:.75rem;margin-left:auto}.selected-q-text{color:#333;font-size:.9rem;line-height:1.5;margin:0}.active-q-panel{background:#fff;border:1px solid #e9ecef;border-left:4px solid #f57c00;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1rem 1.1rem}.active-q-label{color:#e65100;font-size:.8rem;font-weight:700;letter-spacing:.4px;margin-bottom:.5rem;text-transform:uppercase}.active-q-stats{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.active-q-count{color:#333;font-size:1.6rem;font-weight:800;line-height:1}.active-q-total{color:#666;font-size:.85rem}.active-answer-bar{background:#ffe0b2;border-radius:4px;height:6px;margin-top:.4rem;overflow:hidden;width:100%}.active-answer-fill{background:linear-gradient(90deg,#ffa726,#f57c00);border-radius:4px;height:100%;transition:width .4s ease}.all-done-notice{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:10px;color:#2e7d32;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:center}.primary-actions{display:flex;flex-direction:column;gap:.5rem}.btn-end,.btn-start{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.75rem 1rem;transition:all .2s;width:100%}.btn-start{background:linear-gradient(135deg,#43a047,#2e7d32)}.btn-start:hover:not(:disabled){box-shadow:0 4px 12px #2e7d3259;transform:translateY(-1px)}.btn-end{background:linear-gradient(135deg,#ffa726,#e65100)}.btn-end:hover:not(:disabled){box-shadow:0 4px 12px #e6510059;transform:translateY(-1px)}.btn-end:disabled,.btn-start:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.secondary-actions{display:flex;gap:.5rem}.btn-leaderboard,.btn-welcome{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.6rem .5rem;transition:all .2s}.btn-welcome{background:linear-gradient(135deg,#42a5f5,#1565c0)}.btn-leaderboard{background:linear-gradient(135deg,#ffd54f,#f9a825);color:#333}.btn-leaderboard:disabled,.btn-welcome:disabled{cursor:not-allowed;opacity:.4}.btn-welcome:hover:not(:disabled){box-shadow:0 3px 8px #1565c04d}.btn-leaderboard:hover:not(:disabled){box-shadow:0 3px 8px #f9a8254d}.agc-qr{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:.4rem;padding:.75rem}.agc-qr-img{border-radius:6px;height:auto;max-width:160px;width:100%}.agc-qr-url{color:#888;font-size:.7rem;margin:0;text-align:center;word-break:break-all}.agc-footer{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:.85rem 1.25rem}.btn-add-questions{background:none;border:2px dashed #a5d6a7;border-radius:8px;color:#388e3c;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s;width:100%}.btn-add-questions:hover{background:#f1f8f1;border-color:#66bb6a}.add-q-form{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.add-q-form select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;min-width:200px;padding:.45rem .75rem}.add-q-form select:focus{border-color:#667eea;outline:none}.btn-cancel-add,.btn-confirm-add{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.45rem 1rem;transition:all .2s}.btn-confirm-add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-confirm-add:disabled{cursor:not-allowed;opacity:.4}.btn-cancel-add{background:#f0f0f0;color:#555}.agc-participants-panel{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.agc-participants-toggle{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.7rem 1rem;text-align:left;width:100%}.agc-participants-toggle:hover{background:#f8f9ff}.agc-participants-list{border-top:1px solid #f0f0f0;max-height:300px;overflow-y:auto}.agc-participants-empty{color:#999;font-size:.85rem;padding:.75rem 1rem;text-align:center}.agc-participant-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;font-size:.875rem;gap:.5rem;padding:.45rem 1rem}.agc-participant-row:last-child{border-bottom:none}.agc-conn-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.agc-conn-dot.connected{background:#43a047}.agc-conn-dot.disconnected{background:#bdbdbd}.agc-participant-name{color:#333;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agc-participant-score{color:#888;font-size:.78rem;white-space:nowrap}.agc-remove-btn{background:none;border:none;color:#bbb;cursor:pointer;flex-shrink:0;font-size:.85rem;line-height:1;padding:0 .2rem;transition:color .15s}.agc-remove-btn:hover{color:#e53935}@media screen and (max-width:768px){.agc-container{padding:.75rem}.agc-body{flex-direction:column}.agc-controls-panel{min-width:0;width:100%}.agc-header{flex-wrap:wrap;gap:.5rem}.agc-header-left{gap:.5rem}.add-q-form,.secondary-actions{flex-direction:column}.add-q-form{align-items:stretch}.add-q-form select{min-width:0}}.display-with-sidebar{display:flex;flex-direction:row;height:100vh;overflow:hidden}.ds-sidebar{background:#00000040;color:#fff;flex-direction:column;flex-shrink:0;gap:1rem;height:100%;overflow-y:auto;padding:1.5rem 1rem;text-align:center;width:220px}.ds-brand,.ds-sidebar{align-items:center;display:flex}.ds-brand{gap:10px;width:100%}.ds-brand-logo{border-radius:6px;flex-shrink:0;height:44px;object-fit:contain;width:44px}.ds-brand-text{display:flex;flex-direction:column;line-height:1.25;text-align:left}.ds-brand-name{color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.01em}.ds-brand-sub{color:#ffffffa6;font-size:.62rem;font-weight:400;letter-spacing:.03em}.ds-divider{background:#fff3;height:1px;margin:.25rem 0;width:100%}.ds-code{box-sizing:border-box;color:var(--color-primary);font-size:1.6rem;font-weight:900;letter-spacing:.3rem;padding:.2rem .75rem;width:100%}.ds-code,.ds-qr{background:#fff;border-radius:10px}.ds-qr{box-shadow:0 4px 12px #0000004d;height:160px;padding:.5rem;width:160px}.ds-url{font-size:.75rem;margin:0;opacity:.75;word-break:break-all}.ds-count{align-items:center;background:#ffffff26;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;margin-top:auto;padding:.6rem 1rem;width:100%}.ds-count-num{font-size:2.8rem;font-weight:900;line-height:1}.ds-count-label{font-size:.9rem;margin-top:.2rem;opacity:.85}.ds-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.ds-main-center{align-items:center;justify-content:center;text-align:center}.welcome-display{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 100%)}.welcome-display .ds-main{color:#fff;gap:1.5rem;overflow:hidden;padding:2rem}.display-title{font-size:2.8rem;font-weight:var(--font-weight-bold);margin:0;text-align:center;text-shadow:2px 2px 4px #0003}.welcome-names-col{background:#ffffff1a;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow:hidden;padding:1.5rem}.welcome-names-empty{color:#fff9;font-size:1.6rem;margin:auto;text-align:center}.welcome-names-grid{align-content:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.8rem;justify-content:center;overflow:hidden}.welcome-name-chip{animation:fadeIn .4s ease;background:#fff3;border-radius:12px;font-size:1.5rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.welcome-page-dots{display:flex;gap:.5rem;justify-content:center;margin-top:auto}.welcome-dot{background:#ffffff59;border-radius:50%;height:10px;transition:background .3s;width:10px}.welcome-dot.active{background:#fff}.display-container{align-items:center;display:flex;height:100%;justify-content:center;overflow-y:auto;padding:var(--spacing-xl)}.display-content{max-width:1400px;text-align:center;width:100%}.game-code-display{color:var(--color-primary);display:inline-block;font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:.5rem;padding:.3rem 1.25rem}.display-qr-code,.game-code-display{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.display-qr-code{height:240px;padding:.75rem;width:240px}.join-instruction{font-size:1rem;opacity:.85;text-align:center;word-break:break-all}.display-subtitle{font-size:2rem;margin-bottom:var(--spacing-md)}.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);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 100%)}.question-display .ds-main,.results-display .ds-main{overflow:hidden;padding:0}.question-display .display-results-split,.results-display .display-results-split{flex:1 1;min-height:0;overflow:hidden}.question-header-display{align-items:center;background:#f8f9fa;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:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));border-radius:var(--border-radius-lg);color:#fff;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{color:var(--color-text-primary);font-size:3.5rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-relaxed)}.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:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));border-radius:var(--border-radius-lg);color:#fff;font-size:2.5rem;font-weight:var(--font-weight-bold);padding:var(--spacing-xl);text-align:center}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.results-display{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 100%)}.results-display .display-content{color:var(--color-text-primary)}.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:#f8f9fa;border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-md) 0;min-height:300px;padding:var(--spacing-xl)}.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 .ds-main{color:#fff;overflow-x:hidden;overflow-y:auto;padding:2rem}.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}}.countdown-display{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 100%)}.countdown-display .ds-main{color:#fff}.countdown-label{font-size:2rem;margin-bottom:1rem;opacity:.9}.countdown-number{animation:countPulse 1s ease-in-out infinite;font-size:15rem;font-weight:900;line-height:1}.countdown-sub{font-size:1.8rem;margin-top:1rem;opacity:.8}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.display-results-split{align-items:stretch;box-sizing:border-box;color:#fff;display:flex;gap:var(--spacing-xl);height:100%;margin:0 auto;max-width:1400px;overflow:hidden;padding:var(--spacing-xl);width:100%}.display-chart-panel{flex:1.2 1}.display-chart-panel,.display-scoreboard-panel{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-primary);min-width:0;overflow-y:auto;padding:var(--spacing-xl);text-align:left}.display-scoreboard-panel{display:flex;flex:0.8 1;flex-direction:column}.panel-title{color:var(--color-text-primary);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.display-question-text{color:var(--color-text-secondary);font-size:1.3rem;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.display-answer-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.display-chart-row{background:#f8f9fa;border:2px solid #0000;border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:var(--transition-normal)}.display-correct-row{background:#f0fdf4;border-color:#22c55e}.display-chart-label{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.display-option-letter{align-items:center;background:var(--color-bg-light);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:1.4rem;font-weight:var(--font-weight-bold);height:36px;justify-content:center;width:36px}.display-option-text{color:var(--color-text-primary);flex:1 1;font-size:1.3rem}.display-correct-mark{color:#22c55e;font-size:1.6rem;font-weight:var(--font-weight-bold);margin-left:auto}.display-chart-bar-wrap{align-items:center;display:flex;gap:var(--spacing-sm);height:28px}.display-chart-bar{border-radius:var(--border-radius-sm);height:100%;min-width:4px;transition:width .6s ease}.display-bar-correct{background:linear-gradient(90deg,#22c55e,#86efac)}.display-bar-wrong{background:#e2e8f0}.display-chart-count{color:var(--color-text-secondary);font-size:1.1rem;white-space:nowrap}.display-total-responses{color:var(--color-text-secondary);font-size:1.2rem;margin-top:var(--spacing-lg);text-align:center}.display-top5{flex-direction:column}.display-top5,.display-top5-entry{display:flex;gap:var(--spacing-md)}.display-top5-entry{align-items:center;background:#f8f9fa;border-radius:var(--border-radius-md);color:var(--color-text-primary);padding:var(--spacing-lg);transition:var(--transition-normal)}.display-top5-entry.rank-display-1{background:linear-gradient(135deg,gold,#ffed4e);color:#333;transform:scale(1.03)}.display-top5-entry.rank-display-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#333}.display-top5-entry.rank-display-3{background:linear-gradient(135deg,#cd7f32,#e09b5f);color:#333}.display-top5-rank{font-size:1.8rem;font-weight:var(--font-weight-bold);min-width:40px;text-align:center}.display-top5-name{flex:1 1;font-size:1.6rem;font-weight:var(--font-weight-semibold)}.display-top5-pts{font-size:1.5rem;font-weight:var(--font-weight-bold)}.no-scores{color:var(--color-text-secondary);font-size:1.3rem;padding:var(--spacing-xl);text-align:center}.live-stats{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.live-stat-card{background:#f8f9fa;border-radius:var(--border-radius-lg);color:var(--color-text-primary);padding:var(--spacing-xl);text-align:center}.live-stat-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.live-stat-number{font-size:5rem;font-weight:var(--font-weight-bold);line-height:1}.live-stat-label{font-size:1.4rem;margin-top:var(--spacing-sm);opacity:.85}.live-stat-progress{align-items:center;background:#f8f9fa;display:flex;height:60px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative}.live-stat-bar,.live-stat-progress{border-radius:var(--border-radius-md)}.live-stat-bar{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--t-start,#667eea),var(--t-end,#764ba2));height:100%;left:0;opacity:.3;position:absolute;top:0;transition:width .5s ease}.live-stat-pct{color:var(--color-text-primary);font-size:1.8rem;font-weight:var(--font-weight-bold);position:relative;text-align:center;width:100%;z-index:1}.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}.faq-manager-container{max-width:1000px;padding:24px}.faq-manager-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.faq-manager-header h2{color:#1e293b;font-size:22px;margin:0 0 4px}.faq-manager-subtitle{color:#64748b;font-size:13px;margin:0}.faq-manager-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.faq-form-card{margin-bottom:20px}.faq-form-title{color:#1e293b;font-size:16px;margin:0 0 16px}.faq-form-row{flex-direction:column;gap:6px}.faq-form-row label{color:#475569;font-size:12px;font-weight:600}.faq-form-row textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:13px;padding:8px 10px;resize:vertical;width:100%}.faq-form-row textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;outline:none}.faq-visible-row{align-items:center;flex-direction:row!important;gap:12px!important}.faq-toggle-label{align-items:center;cursor:pointer;display:inline-flex;position:relative}.faq-toggle-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.faq-toggle-track{background:#e2e8f0;border-radius:11px;display:inline-block;height:22px;position:relative;transition:background .2s;width:40px}.faq-toggle-track:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:3px;position:absolute;top:3px;transition:left .2s;width:16px}.faq-toggle-label input:checked+.faq-toggle-track{background:#667eea}.faq-toggle-label input:checked+.faq-toggle-track:after{left:21px}.faq-table{width:100%}.faq-order-cell{color:#94a3b8;font-size:12px;font-weight:600;text-align:center}.faq-question-cell{color:#1e293b;font-size:13px;font-weight:600;max-width:280px}.faq-answer-cell{color:#475569;font-size:13px;line-height:1.4}.faq-row-hidden{opacity:.55}.faq-vis-toggle{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;transition:all .15s;white-space:nowrap}.faq-vis-toggle.vis-on{background:#dcfce7;color:#166534}.faq-vis-toggle.vis-on:hover{background:#bbf7d0}.faq-vis-toggle.vis-off{background:#f1f5f9;color:#64748b}.faq-vis-toggle.vis-off:hover{background:#e2e8f0}.faq-vis-toggle:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.faq-manager-header{flex-direction:column}.faq-answer-cell{display:none}.faq-manager-container{padding:16px}}.faq-container{margin:0 auto;max-width:780px;padding:40px 24px 60px}.faq-hero{margin-bottom:40px;text-align:center}.faq-title{color:#1e293b;font-size:2.2rem;font-weight:800;margin:0 0 10px}.faq-subtitle{color:#64748b;font-size:1rem;margin:0}.faq-empty,.faq-error,.faq-loading{color:#64748b;font-size:1rem;padding:60px 24px;text-align:center}.faq-error{color:#dc2626}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:box-shadow .2s}.faq-item:hover{box-shadow:0 3px 10px #0000001a}.faq-item-open{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.faq-question{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;gap:14px;padding:18px 20px;text-align:left;transition:background .15s;width:100%}.faq-question:hover{background:#f8fafc}.faq-item-open .faq-question{background:#f0f4ff}.faq-q-num{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;margin-top:1px;width:28px}.faq-q-text{color:#1e293b;flex:1 1;font-size:1rem;font-weight:600;line-height:1.5}.faq-chevron{color:#667eea;flex-shrink:0;font-size:10px;margin-top:4px;transition:transform .2s}.faq-answer{animation:fadeSlide .2s ease;padding:0 20px 20px 62px}.faq-answer p{color:#475569;font-size:.95rem;line-height:1.65;margin:0 0 8px}.faq-answer p:last-child{margin-bottom:0}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.faq-title{font-size:1.6rem}.faq-answer{padding-left:20px}.faq-container{padding:24px 16px 40px}}.game-join-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 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,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));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,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 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:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));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{opacity:.9;transform:scale(1.02)}.refresh-button-small{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .3s ease}.refresh-button-small:hover{opacity:.9}.game-controls{display:flex;flex-direction:column;gap:10px;margin-top:20px}.results-footer{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.results-footer .my-score-banner{flex:1 1;margin-bottom:0}.refresh-icon-button{align-items:center;background:#e9ecef;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:2.6rem;justify-content:center;transition:background .2s ease,transform .2s ease;width:2.6rem}.refresh-icon-button:hover{background:#dee2e6;transform:rotate(20deg)}.subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body)}.subtitle,.waiting-score-card{margin-bottom:var(--spacing-xl)}.waiting-score-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));border-radius:14px;color:#fff;display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.5rem}.waiting-player-name{font-size:1.1rem;font-weight:700;opacity:.92}.waiting-score-row{align-items:center;display:flex;gap:.75rem}.waiting-rank{font-size:1.8rem;font-weight:900;line-height:1}.waiting-score{font-size:1.3rem;font-weight:700;opacity:.85}.waiting-icon{animation:pulse 2s infinite;font-size:5rem;margin-bottom:var(--spacing-lg)}.participant-count{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xxl)}.count-number{color:#667eea;color:var(--t-btn,#667eea);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:#667eea;border-color:var(--t-btn,#667eea);box-shadow:0 0 0 3px #667eea26;outline:none}.submit-answer-button,.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));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:#667eea;color:var(--t-btn,#667eea);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:#667eea;border-color:var(--t-btn,#667eea);box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));border-color:#667eea;border-color:var(--t-btn,#667eea);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:#667eea;border-color:var(--t-btn,#667eea);box-shadow:0 0 0 3px #667eea26;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:#667eea;color:var(--t-btn,#667eea);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}}.countdown-card{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea) 0,var(--t-end,#764ba2) 100%);color:#fff}.countdown-card .countdown-label{font-size:1.4rem;margin-bottom:1rem;opacity:.9}.countdown-card .countdown-number{animation:pulse 1s ease-in-out infinite;font-size:8rem;font-weight:900;line-height:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.answer-chart{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0;width:100%}.chart-row{background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:.4rem .5rem}.correct-row{background:#f0fff4;border-color:#28a745}.my-answer-row:not(.correct-row){background:#fff5f5;border-color:#dc3545}.chart-label{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.3rem}.chart-label .option-letter{color:#555;font-weight:700;min-width:1.4rem}.chart-label .option-text{flex:1 1;text-align:left}.correct-mark{color:#28a745;font-size:1.2rem;font-weight:700}.chart-bar-wrap{align-items:center;display:flex;gap:.5rem;height:1.4rem}.chart-bar{border-radius:4px;height:100%;min-width:2px;transition:width .6s ease}.bar-correct{background:#28a745}.bar-wrong{background:#6c757d}.chart-count{color:#555;font-size:.8rem;white-space:nowrap}.results-question-text{background:#f0f4ff;border-left:4px solid #667eea;border-left:4px solid var(--t-start,#667eea);border-radius:6px;color:#333;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.6rem .9rem;text-align:left}.my-score-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--t-start,#667eea),var(--t-end,#764ba2));border-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.6rem 1rem}.my-score-name{font-size:1rem;font-weight:600}.my-score-total{font-size:1.1rem;font-weight:700}.total-responses{color:#888;font-size:.85rem;margin-top:.5rem}
/*# sourceMappingURL=main.28086a82.css.map*/