body{background:radial-gradient(circle at top,#1e293b,#0f172a 70%);color:#fff;font-family:Poppins,sans-serif;padding:0}.results-page{margin:auto;max-width:1400px;padding:16px}.title{font-size:34px;font-weight:700;margin-bottom:20px;text-align:center}.live-result-display{align-items:center;display:flex;flex-direction:column}.live-result-display.ticker-style{flex-direction:row;justify-content:center}.result-main{align-items:center;display:flex;gap:2px;justify-content:center}.jodi-result{color:#2563eb}.close-pending{color:#94a3b8;letter-spacing:2px}.result-labels{display:flex;justify-content:space-between;margin-top:4px;width:100%}.live-badge{animation:blinker 1.5s linear infinite}@keyframes blinker{50%{opacity:0}}.live-scroll-container{margin-bottom:30px;max-height:320px;overflow-y:auto;padding-right:8px}.live-update-scroll{max-height:340px;overflow-y:auto;padding-right:8px}.live-scroll-container::-webkit-scrollbar,.live-update-scroll::-webkit-scrollbar{width:8px}.live-scroll-container::-webkit-scrollbar-thumb,.live-update-scroll::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.live-scroll-container::-webkit-scrollbar-track,.live-update-scroll::-webkit-scrollbar-track{background:#ffffff0d}.button-wrapper{margin:25px 0;text-align:center}.start-btn{background:#009688;border:2px solid #00695f;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px}.live-box{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:auto auto 25px;padding:20px;text-align:center;width:320px}.main-result{font-size:36px;margin-top:15px}.chart-table{background:#fff;border-collapse:collapse;margin:auto;table-layout:fixed}.chart-table th{background:#dcdcdc;border:1px solid #666;font-size:28px;font-weight:700;padding:14px;text-align:center}.month-title{background:#009688!important;border:2px solid #00008b!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-size:36px!important;font-weight:800!important;padding:18px!important}.scroll-notice{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:20px auto;max-width:1200px;overflow:hidden;padding:12px 0;white-space:nowrap}.scroll-notice-text{animation:scroll-right-left 60s linear infinite;color:red;display:inline-block;font-size:1rem;font-weight:600;padding-left:100%;white-space:nowrap}@keyframes scroll-right-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.chart-page .title{color:#2d2d2d;font-weight:800}.chart-hero{align-items:center;display:flex;gap:24px;justify-content:center;margin:0 auto 30px;max-width:1250px}.chart-hero-img{flex:0 1 auto;height:auto;max-width:430px;width:30%}.chart-hero-center{flex:1 1 auto;min-width:300px}.chart-page .live-box{background:#fff;border-radius:14px;box-shadow:0 4px 16px #00000014;padding:25px 30px}@media (max-width:768px){.chart-hero{gap:10px}.chart-hero-img{display:none}.chart-page .title{font-size:24px}.chart-page .chart-table{table-layout:fixed;width:100%}.chart-page .chart-table th.day-head{border-width:1px;font-size:11px;padding:4px 2px}.chart-page .chart-table .date-row th.date-cell{border-width:1px;font-size:7px;padding:4px 1px}.chart-page .chart-cell{border-width:1px;height:52px;min-width:0;width:auto}.chart-page .chart-table .chart-cell .cell-inner{gap:2px}.chart-page .middle-number{font-size:22px}.chart-page .left-side,.chart-page .right-side{font-size:9px}.chart-page .month-title{font-size:18px!important;padding:8px!important}}.chart-table th.day-head{background:#fff;border:2px solid #00008b;font-size:22px;padding:8px}.chart-table .date-row th.date-cell{background:#fff;border:2px solid #00008b;color:#000;font-size:16px;font-weight:700;padding:8px 4px;text-align:center;white-space:nowrap}.week-range{background:#fff8dc;border:2px solid #666;font-size:26px;font-style:italic;font-weight:700;line-height:1.5;max-width:220px;min-width:220px;padding:1px;text-align:center;width:220px}.chart-cell{background:#fffef8;border:2px solid #00008b;height:130px;min-width:140px;width:140px}.chart-table .chart-cell .cell-inner{align-items:center;display:flex;gap:6px;height:100%;justify-content:center;width:100%}.chart-table .chart-cell .cell-inner .left-side,.chart-table .chart-cell .cell-inner .right-side{left:auto;position:static;right:auto;top:auto;transform:none}.chart-table .chart-cell .cell-inner .middle-number{left:auto;position:static;top:auto;transform:none}.middle-number{align-items:center;display:flex;font-family:Georgia,serif;font-size:60px;justify-content:center;text-shadow:3px 3px 0 #d4a000;z-index:2}.middle-number.gold{color:#000}.middle-number.red{color:red}.chart-cell{height:90px}.left-side{left:6px}.left-side,.right-side{align-items:center;color:#000;display:flex;flex-direction:column;font-size:22px;font-weight:700;justify-content:center;line-height:1.15;position:absolute;top:52%;transform:translateY(-50%)}.right-side{right:6px}.side-tag{align-items:center;display:flex;font-size:16px;font-weight:900;gap:8px;height:46px;justify-content:center;min-width:100px}.side-tag:hover{transform:scale(1.05)}.top-banner{background:#009688;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 0 25px #0006;margin-bottom:35px;padding:35px 20px;text-align:center}.main-heading{color:#fff;font-size:30px;font-weight:800;letter-spacing:1px;margin-bottom:18px}.top-description{color:#cbd5e1;font-size:15px;line-height:1.8;margin:auto;max-width:900px}.live-title{align-items:center;background:linear-gradient(90deg,#7c3aed,#2563eb);border-radius:16px;box-shadow:0 0 20px #7c3aed59;color:#fff;display:flex;font-size:26px;font-weight:700;gap:10px;justify-content:center;margin:28px 0;padding:16px;text-align:center}.result-number{color:#2563eb;font-size:36px;font-weight:800;margin-top:12px}.live-result-wrapper,.live-update-wrapper{gap:5px;margin:0 auto 40px;max-width:1200px}.live-result-card,.live-result-wrapper,.live-update-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.live-result-card{background-color:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px #00000014;box-sizing:border-box;color:#333;justify-content:center;min-height:120px;padding:20px 24px}.buzz-title{align-items:center;display:flex;font-size:32px;font-weight:800;gap:0;justify-content:center;margin:0}.black-text{color:#292828}.red-text{color:#ef4444}.live-number{color:#2563eb;font-size:28px;font-weight:800;margin-top:12px}.update-center{text-align:center}.refresh-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:14px;box-shadow:0 8px 20px #7c3aed59;color:#fff;font-size:18px;margin-top:16px;padding:12px 28px;transition:.3s ease}.refresh-btn:hover{transform:translateY(-2px)}.calendar-wrapper{margin-bottom:25px;margin-top:25px;overflow-x:auto}.calendar-title{color:#000;font-size:28px;font-weight:700;margin-bottom:12px;text-align:center}.calendar-table{background:#fff;border-collapse:collapse;width:70%}.calendar-table th{background:#dcdcdc;border:1px solid #666;color:#000;font-size:22px;padding:12px}.week-range span{display:block}.calendar-cell{background:#fffef8;border:1px solid #666;color:#000;font-size:20px;font-weight:700;height:60px;text-align:center}.update-card{background-color:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px #00000014;color:#333;justify-content:space-between;min-height:120px;padding:20px 24px;position:relative}.update-card:hover{box-shadow:0 15px 35px #00000073;transform:translateY(-4px)}.live-box{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:20px auto 30px;width:fit-content}.main-result{align-items:center;background:linear-gradient(180deg,#ffe86b 0,#d9a400);border:2px solid #8a6500;border-radius:3px;color:#000;display:flex;font-size:34px;height:58px;justify-content:center;min-width:320px;padding:0 20px}.main-result,.refresh-btn-live{box-shadow:inset 0 1px 2px #ffffffb3,0 2px 4px #0003;font-family:Georgia,serif;font-style:italic;font-weight:700}.only-refresh-btn-live,.refresh-btn-live{background:#009688;border:2px solid #00695f;border-radius:3px;color:#fff;cursor:pointer;font-size:18px;height:28px;padding:0 22px;transition:.2s ease}.only-refresh-btn-live{box-shadow:inset 0 1px 2px #ffffffb3,0 2px 4px #0003;font-family:Georgia,serif;font-style:italic;font-weight:700}.panel-btn{align-items:center;display:flex;font-size:16px;font-weight:900;gap:8px;height:46px;justify-content:center;min-width:110px}.panel-btn:hover{transform:scale(1.05)}.heading-icon,.title-icon{color:#38bdf8;font-size:34px}.panel-btn svg,.side-tag svg{color:#ffc107;font-size:18px}.only-refresh-btn-live svg,.refresh-btn-live svg{color:#ffc107}.heading-icon{color:#38bdf8;font-size:34px}.title-icon{color:red;font-size:28px}.section-title{align-items:center;background:linear-gradient(90deg,#06b6d4,#0284c7);border-radius:18px;box-shadow:0 8px 25px #06b6d459;display:flex;font-size:34px;gap:12px;height:70px;justify-content:center;margin-bottom:28px}.update-card{box-sizing:border-box;width:100%}.side-tag{border:none;box-shadow:0 6px 18px #ef444459;cursor:pointer}.panel-btn,.side-tag{border-radius:14px;transition:.3s ease}.panel-btn{box-shadow:0 6px 18px #2563eb59}.refresh-btn{align-items:center;display:flex;height:46px;justify-content:center;margin:14px auto 0;min-width:130px}@media (max-width:1024px){.try-now-btn{left:250px}.top-banner{padding:25px 16px}.main-heading{font-size:26px}.chart-hero{gap:14px}}@media (max-width:768px){.try-now-btn{display:none!important}.update-card{flex-direction:column;gap:14px;padding:16px 12px;text-align:center}.buzz-title{flex-wrap:wrap;font-size:22px;justify-content:center}.section-title{border-radius:12px;font-size:18px;gap:6px;height:auto;padding:14px 12px}.main-heading{font-size:22px}.top-description{font-size:13px}.top-banner{border-radius:14px;margin-bottom:20px;padding:20px 12px}.live-title{font-size:20px;padding:12px}.main-result,.result-number{font-size:28px}.main-result{height:52px;min-width:0;min-width:auto;width:85%}.results-page{padding:10px}.live-result-wrapper,.live-update-wrapper{gap:8px}.scroll-notice{border-radius:8px;margin:10px 8px}.start-btn{font-size:14px;padding:10px 18px}.only-refresh-btn-live,.refresh-btn-live{font-size:15px;height:32px;padding:0 16px}.button-wrapper{margin:16px 0}}@media (max-width:480px){.buzz-title{font-size:18px}.result-number{font-size:24px}.main-result{font-size:22px;height:46px}.section-title{font-size:15px;padding:12px 8px}.main-heading{font-size:18px}.top-description{font-size:12px}.top-banner{padding:16px 10px}.live-title{font-size:17px}.scroll-notice-text{font-size:.85rem}}.top-controls{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.top-controls select{background:#fff;border:2px solid red;border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:800;padding:8px 12px}.no-data-message{background:#fff;border:2px solid #ccc;border-radius:6px;color:red;font-size:28px;font-weight:700;margin:20px auto;padding:20px;text-align:center;width:fit-content}:root{--primary:#ff6b6b;--primary-dark:#e85555;--secondary:#4ecdc4;--secondary-dark:#3bb8b0;--accent:#ffe66d;--purple:#a78bfa;--purple-dark:#8b6fe0;--orange:#f59e0b;--pink:#ec4899;--bg-light:#fff9f0;--bg-white:#fff;--bg-card:#fff;--text-dark:#2d3436;--text-body:#636e72;--text-light:#b2bec3;--border:#f0e6d8;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 12px 48px #00000026;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-display:"Fredoka One",cursive;--font-body:"Nunito",sans-serif;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.logo-accent{color:red}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff9f0;background:var(--bg-light);color:#2d3436;color:var(--text-dark);font-family:Nunito,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}img{max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 24px}h1,h2,h3{font-family:Fredoka One,cursive;font-family:var(--font-display);line-height:1.2}.section-title{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:16px;box-shadow:0 0 20px #3b82f659;font-size:32px;font-weight:700;padding:18px}.section-subtitle{color:#636e72;color:var(--text-body);font-size:1.1rem;font-weight:600;margin-bottom:48px;text-align:center}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:12px 28px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--primary),#ff8e53);box-shadow:0 4px 15px #ff6b6b66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #ff6b6b80}.btn-secondary{background:#fff;border:2px solid #f0e6d8;border:2px solid var(--border);color:#2d3436;color:var(--text-dark)}.btn-secondary:hover{border-color:#ff6b6b;border-color:var(--primary);color:#ff6b6b;color:var(--primary)}.btn-accent{background:linear-gradient(135deg,#4ecdc4,#6ee7b7);background:linear-gradient(135deg,var(--secondary),#6ee7b7);box-shadow:0 4px 15px #4ecdc466;color:#fff}.btn-purple{background:linear-gradient(135deg,#a78bfa,#c084fc);background:linear-gradient(135deg,var(--purple),#c084fc);box-shadow:0 4px 15px #a78bfa66;color:#fff}.btn-sm{font-size:.9rem;padding:8px 20px}.btn-lg{font-size:1.1rem;padding:16px 36px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #f0e6d8;border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px}.logo,.nav-container{align-items:center;display:flex}.logo{gap:8px}.logo-icon{animation:bounce 2s infinite;font-size:1.8rem}.logo-text{color:#2d3436;color:var(--text-dark)}.logo-text,.logo-text1{font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.6rem}.logo-text1{color:var(--text-white)}.logo-accent{color:#ff6b6b;color:var(--primary)}.nav-links{display:flex;gap:8px;list-style:none}.nav-links a{border-radius:50px;color:#636e72;color:var(--text-body);font-size:.95rem;font-weight:700;padding:8px 16px}.nav-links a.active,.nav-links a:hover{background:#fff9f0;background:var(--bg-light);color:#ff6b6b;color:var(--primary)}.nav-actions{align-items:center;display:flex;gap:12px}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem;padding:8px}.hero{background:linear-gradient(180deg,#fff9f0,#fff0e0);overflow:hidden;padding:80px 24px 100px;position:relative}.hero-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.shape{border-radius:50%;opacity:.15;position:absolute}.shape-1{animation:float 6s ease-in-out infinite;background:#ff6b6b;background:var(--primary);height:300px;right:-50px;top:-50px;width:300px}.shape-2{animation:float 8s ease-in-out infinite reverse;background:#4ecdc4;background:var(--secondary);bottom:-30px;height:200px;left:-30px;width:200px}.shape-3{animation:float 7s ease-in-out 1s infinite;background:#a78bfa;background:var(--purple);height:150px;left:10%;top:40%;width:150px}.shape-4{animation:float 5s ease-in-out .5s infinite;background:#ffe66d;background:var(--accent);height:100px;right:30%;top:20%;width:100px}.shape-5{animation:float 9s ease-in-out 2s infinite;background:#f59e0b;background:var(--orange);bottom:20%;height:80px;right:10%;width:80px}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-badge{animation:slideInLeft .6s ease;background:#fff;border-radius:50px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);color:#ff6b6b;color:var(--primary);display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:24px;padding:8px 20px}.hero-title{animation:slideInLeft .6s ease .1s both;font-size:3.5rem;line-height:1.1;margin-bottom:20px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--primary),#ff8e53);-webkit-background-clip:text;background-clip:text}.hero-subtitle{animation:slideInLeft .6s ease .2s both;color:#636e72;color:var(--text-body);font-size:1.15rem;font-weight:600;line-height:1.7;margin-bottom:32px}.hero-buttons{animation:slideInLeft .6s ease .3s both;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.hero-stats-mini{animation:slideInLeft .6s ease .4s both;display:flex;gap:24px}.mini-stat{align-items:center;color:#636e72;color:var(--text-body);display:flex;font-size:.95rem;font-weight:700;gap:8px}.mini-stat-icon{font-size:1.2rem}.hero-visual{animation:slideInRight .8s ease .2s both;position:relative}.quiz-card-preview{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 12px 48px #00000026;box-shadow:var(--shadow-xl);padding:28px;transform:rotate(2deg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quiz-card-preview:hover{transform:rotate(0deg) scale(1.02)}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.preview-category{background:#fff0f0;border-radius:50px;color:#ff6b6b;color:var(--primary);font-size:.85rem;font-weight:700;padding:6px 14px}.preview-timer{color:#f59e0b;color:var(--orange);font-size:.95rem;font-weight:700}.preview-question{color:#2d3436;color:var(--text-dark);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.3rem;margin-bottom:20px}.preview-options{grid-gap:10px;display:grid;gap:10px;margin-bottom:16px}.preview-option{border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.preview-option.correct{background:#f0fdf9;border-color:#4ecdc4;border-color:var(--secondary);color:#3bb8b0;color:var(--secondary-dark)}.preview-score{color:#a78bfa;color:var(--purple);font-size:1rem;font-weight:800;text-align:right}.floating-emoji{animation:float 4s ease-in-out infinite;font-size:2rem;position:absolute}.e1{animation-delay:0s;left:-20px;top:-10px}.e2{animation-delay:1s;right:-30px;top:30%}.e3{animation-delay:.5s;bottom:-10px;left:20%}.e4{animation-delay:1.5s;bottom:30%;right:-20px}.how-it-works{background:#fff;padding:80px 24px}.steps-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.step-card{background:#fff9f0;background:var(--bg-light);border-radius:20px;border-radius:var(--radius-lg);padding:40px 28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.step-card:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.step-number{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--primary),#ff8e53);border-radius:50%;box-shadow:0 4px 10px #ff6b6b4d;color:#fff;display:flex;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1rem;height:36px;justify-content:center;left:50%;position:absolute;top:-16px;transform:translateX(-50%);width:36px}.step-icon{font-size:3rem;margin-bottom:16px}.step-card h3{font-size:1.2rem;margin-bottom:10px}.step-card p{color:#636e72;color:var(--text-body);font-size:.95rem;font-weight:600}.featured-quizzes{padding:80px 24px}.quiz-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.quiz-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quiz-card:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.quiz-card-img{align-items:center;display:flex;height:140px;justify-content:center}.quiz-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3.5rem}.quiz-card-body{padding:20px}.quiz-card-tags{display:flex;gap:8px;margin-bottom:10px}.tag{background:#fff9f0;background:var(--bg-light);border-radius:50px;color:#636e72;color:var(--text-body);font-size:.75rem;font-weight:700;padding:4px 10px}.tag-hot{background:#fff0f0;color:#ff6b6b;color:var(--primary)}.tag-new{background:#f0fdf9;color:#3bb8b0;color:var(--secondary-dark)}.quiz-card-body h3{font-size:1.1rem;margin-bottom:6px}.quiz-card-body p{color:#636e72;color:var(--text-body);font-size:.9rem;font-weight:600;margin-bottom:14px}.quiz-card-footer{align-items:center;display:flex;justify-content:space-between}.players{color:#b2bec3;color:var(--text-light);font-size:.8rem;font-weight:700}.difficulty{border-radius:50px;font-size:.75rem;font-weight:800;padding:4px 12px;text-transform:uppercase}.difficulty.easy{background:#ecfdf5;color:#059669}.difficulty.medium{background:#fff7ed;color:#d97706}.difficulty.hard{background:#fef2f2;color:#dc2626}.stats-section{background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--primary),#ff8e53);padding:60px 24px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;border-radius:var(--radius-lg);padding:32px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{background:#ffffff40;transform:translateY(-4px)}.stat-icon{font-size:2.5rem;margin-bottom:12px}.stat-number{color:#fff;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:2rem;margin-bottom:4px}.stat-label{color:#ffffffd9;font-size:.95rem;font-weight:700}.testimonials{background:#fff;padding:80px 24px}.testimonial-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.testimonial-card{background:#fff9f0;background:var(--bg-light);border-radius:20px;border-radius:var(--radius-lg);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.testimonial-card:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.testimonial-stars{font-size:1.1rem;margin-bottom:16px}.testimonial-card p{color:#636e72;color:var(--text-body);font-size:.95rem;font-style:italic;font-weight:600;line-height:1.7;margin-bottom:20px}.testimonial-author{align-items:center;display:flex;gap:12px}.author-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.1rem;height:44px;justify-content:center;width:44px}.testimonial-author strong{display:block;font-size:.95rem}.testimonial-author span{color:#b2bec3;color:var(--text-light);font-size:.8rem;font-weight:600}.cta-section{background:linear-gradient(135deg,#2d3436,#434b4e);padding:80px 24px}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-content h2{color:#fff;font-size:2.4rem;margin-bottom:16px}.cta-content p{color:#ffffffb3;font-size:1.1rem;font-weight:600;margin-bottom:32px}.footer{background:#1a1d1e;color:#ffffffb3;padding:60px 24px 30px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:40px}.footer-brand p{font-size:.9rem;font-weight:600;margin-top:12px}.footer-brand .logo-text{color:#fff}.footer-links h4{color:#fff;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1rem;margin-bottom:16px}.footer-links a{color:#ffffff80;display:block;font-size:.9rem;font-weight:600;padding:4px 0}.footer-links a:hover{color:#ff6b6b;color:var(--primary)}.footer-bottom{border-top:1px solid #ffffff1a;font-size:.85rem;font-weight:600;padding-top:24px;text-align:center}.page-header{background:linear-gradient(180deg,#fff9f0,#fff0e0);padding:50px 24px 40px;text-align:center}.page-header h1{font-size:2.5rem;margin-bottom:10px}.page-header p{color:#636e72;color:var(--text-body);font-size:1.1rem;font-weight:600}.categories-section{padding:60px 24px}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-card{background:#fff;border:2px solid #0000;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;padding:32px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.category-card:hover{border-color:#ff6b6b;border-color:var(--primary);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.category-icon{display:block;font-size:3rem;margin-bottom:12px}.category-card h3{font-size:1rem;margin-bottom:6px}.category-card p{color:#b2bec3;color:var(--text-light);font-size:.8rem;font-weight:700}.quiz-setup{padding:60px 24px}.setup-card{background:#fff;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:48px;text-align:center}.setup-card h2{font-size:1.8rem;margin-bottom:8px}.setup-card .subtitle{color:#636e72;color:var(--text-body);font-weight:600;margin-bottom:32px}.setup-options{margin-bottom:32px;text-align:left}.setup-options label{color:#2d3436;color:var(--text-dark);display:block;font-weight:700;margin-bottom:8px}.setup-options select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23636E72' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#2d3436;color:var(--text-dark);font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;margin-bottom:20px;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.setup-options select:focus{border-color:#ff6b6b;border-color:var(--primary);outline:none}.quiz-game{display:none;margin:0 auto;max-width:700px;padding:40px 24px}.quiz-game.active{display:block}.quiz-top-bar{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);justify-content:space-between;margin-bottom:32px;padding:16px 24px}.quiz-progress,.quiz-top-bar{align-items:center;display:flex}.quiz-progress{font-weight:700;gap:10px}.progress-bar{background:#f0e6d8;background:var(--border);border-radius:50px;height:8px;overflow:hidden;width:120px}.progress-fill{background:linear-gradient(90deg,#ff6b6b,#ff8e53);background:linear-gradient(90deg,var(--primary),#ff8e53);border-radius:50px;height:100%;transition:width .4s ease}.quiz-timer{align-items:center;color:#f59e0b;color:var(--orange);display:flex;font-size:1.1rem;font-weight:800;gap:6px}.quiz-timer.warning{animation:pulse .5s ease infinite;color:#ff6b6b;color:var(--primary)}.quiz-score{color:#a78bfa;color:var(--purple);font-weight:800}.question-card{animation:fadeInUp .4s ease;background:#fff;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);margin-bottom:24px;padding:40px}.question-category-tag{background:#fff0f0;border-radius:50px;color:#ff6b6b;color:var(--primary);display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:16px;padding:6px 14px}.question-text{font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.4rem;line-height:1.4;margin-bottom:28px}.options-grid{grid-gap:12px;display:grid;gap:12px}.option-btn{align-items:center;background:#fff;border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#2d3436;color:var(--text-dark);cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:700;gap:14px;padding:16px 22px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.option-btn:hover:not(.disabled){background:#fff8f8;border-color:#ff6b6b;border-color:var(--primary)}.option-btn .option-letter{align-items:center;background:#fff9f0;background:var(--bg-light);border-radius:50%;display:flex;flex-shrink:0;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:.9rem;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.option-btn:hover:not(.disabled) .option-letter{background:#ff6b6b;background:var(--primary);color:#fff}.option-btn.correct{background:#ecfdf5;border-color:#10b981}.option-btn.correct .option-letter{background:#10b981;color:#fff}.option-btn.wrong{background:#fef2f2;border-color:#ff6b6b;border-color:var(--primary)}.option-btn.wrong .option-letter{background:#ff6b6b;background:var(--primary);color:#fff}.option-btn.disabled{cursor:default;opacity:.7}.next-btn-wrapper{margin-top:20px;text-align:center}.quiz-results{display:none;margin:0 auto;max-width:600px;padding:40px 24px;text-align:center}.quiz-results.active{display:block}.results-card{background:#fff;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);padding:48px}.results-emoji{animation:bounce 1s ease;font-size:4rem;margin-bottom:16px}.results-card h2{font-size:2rem;margin-bottom:8px}.results-card .results-subtitle{color:#636e72;color:var(--text-body);font-size:1.05rem;font-weight:600;margin-bottom:32px}.results-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.result-stat{background:#fff9f0;background:var(--bg-light);border-radius:12px;border-radius:var(--radius-md);padding:20px}.result-stat .stat-value{color:#ff6b6b;color:var(--primary);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.8rem}.result-stat .stat-label{color:#636e72;color:var(--text-body);font-size:.85rem;font-weight:700}.results-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.leaderboard-section{padding:60px 24px}.leaderboard-container{margin:0 auto;max-width:800px}.leaderboard-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.lb-tab{background:#fff;border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:50px;color:#636e72;color:var(--text-body);cursor:pointer;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:700;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.lb-tab.active,.lb-tab:hover{background:#ff6b6b;background:var(--primary);border-color:#ff6b6b;border-color:var(--primary);color:#fff}.top-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}.top-player{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:28px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.top-player:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.top-player:first-child{order:1}.top-player:nth-child(2){border:2px solid #ffe66d;border:2px solid var(--accent);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);order:0;transform:scale(1.05)}.top-player:nth-child(2):hover{transform:scale(1.05) translateY(-4px)}.top-player:nth-child(3){order:2}.rank-badge{display:block;font-size:2rem;margin-bottom:8px}.player-avatar-lg{align-items:center;border-radius:50%;color:#fff;display:flex;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.top-player h3{font-size:1rem;margin-bottom:4px}.top-player .points{color:#f59e0b;color:var(--orange);font-size:.9rem;font-weight:700}.leaderboard-table{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden}.lb-row{align-items:center;border-bottom:1px solid #f0e6d8;border-bottom:1px solid var(--border);display:grid;grid-template-columns:60px 1fr 120px 100px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.lb-row:hover{background:#fff9f0;background:var(--bg-light)}.lb-row:last-child{border-bottom:none}.lb-rank{color:#b2bec3;color:var(--text-light);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1rem}.lb-player{gap:12px}.lb-player,.player-avatar-sm{align-items:center;display:flex}.player-avatar-sm{border-radius:50%;color:#fff;flex-shrink:0;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:.85rem;height:38px;justify-content:center;width:38px}.lb-player-info strong{display:block;font-size:.95rem}.lb-player-info span{color:#b2bec3;color:var(--text-light);font-size:.8rem;font-weight:600}.lb-games{color:#636e72;color:var(--text-body);font-size:.9rem;font-weight:700;text-align:center}.lb-points{color:#f59e0b;color:var(--orange);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1rem;text-align:right}.profile-section{padding:60px 24px}.profile-container{margin:0 auto;max-width:900px}.profile-header-card{align-items:center;background:#fff;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:32px;margin-bottom:32px;padding:40px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--primary),#ff8e53);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:2.5rem;height:100px;justify-content:center;width:100px}.profile-info h1{font-size:1.8rem;margin-bottom:4px}.profile-info .profile-title{color:#636e72;color:var(--text-body);font-weight:700;margin-bottom:12px}.profile-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{background:#fff9f0;background:var(--bg-light);border-radius:50px;color:#636e72;color:var(--text-body);font-size:.8rem;font-weight:700;padding:6px 14px}.badge-gold{background:#fef3c7;color:#b45309}.badge-silver{background:#f1f5f9;color:#475569}.badge-bronze{background:#fed7aa;color:#c2410c}.profile-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.profile-stat-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:24px;text-align:center}.profile-stat-card .p-stat-icon{font-size:2rem;margin-bottom:8px}.profile-stat-card .p-stat-value{color:#2d3436;color:var(--text-dark);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.6rem}.profile-stat-card .p-stat-label{color:#636e72;color:var(--text-body);font-size:.85rem;font-weight:700}.profile-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.profile-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:28px}.profile-card h3{align-items:center;display:flex;font-size:1.1rem;gap:8px;margin-bottom:20px}.achievement-list{display:flex;flex-direction:column;gap:12px}.achievement-item{align-items:center;background:#fff9f0;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.achievement-item .ach-icon{font-size:1.5rem}.achievement-item .ach-info strong{display:block;font-size:.9rem}.achievement-item .ach-info span{color:#b2bec3;color:var(--text-light);font-size:.8rem;font-weight:600}.recent-games-list{display:flex;flex-direction:column;gap:10px}.recent-game{align-items:center;background:#fff9f0;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px}.recent-game .game-info{align-items:center;display:flex;gap:10px}.recent-game .game-emoji{font-size:1.3rem}.recent-game .game-details strong{display:block;font-size:.9rem}.recent-game .game-details span{color:#b2bec3;color:var(--text-light);font-size:.8rem;font-weight:600}.game-score-badge{border-radius:50px;font-size:.85rem;font-weight:800;padding:6px 14px}.score-good{background:#ecfdf5;color:#059669}.score-ok{background:#fff7ed;color:#d97706}.score-bad{background:#fef2f2;color:#dc2626}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-200px) rotate(2turn)}}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-buttons,.hero-stats-mini{justify-content:center}.hero-visual{margin:0 auto;max-width:450px}.footer-grid{gap:30px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{display:none}.nav-links.open{background:#fff;border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:0;padding:20px;position:absolute;right:0;top:70px}.mobile-menu-btn{display:block}.nav-actions .btn{display:none}.hero-title{font-size:2.4rem}.hero{padding:50px 24px 70px}.steps-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid,.top-three{grid-template-columns:1fr}.top-player:nth-child(2){order:-1;transform:none}.top-player:nth-child(2):hover{transform:translateY(-4px)}.lb-row{grid-template-columns:40px 1fr 80px}.lb-games{display:none}.profile-header-card{flex-direction:column;text-align:center}.profile-badges{justify-content:center}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid,.profile-grid,.results-stats{grid-template-columns:1fr}.question-card{padding:28px}}@media (max-width:480px){.hero-title{font-size:2rem}.section-title{font-size:1.7rem}.quiz-card-preview{padding:20px}.preview-question{font-size:1.1rem}.question-text{font-size:1.15rem}.results-card,.setup-card{padding:32px 24px}}.admin-body{background:#f4f1eb;min-height:100vh}.admin-login-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.admin-login-bg{inset:0;pointer-events:none;position:absolute;z-index:0}.admin-login-bg .shape-1{background:#ff6b6b;background:var(--primary);border-radius:50%;height:400px;opacity:.08;position:absolute;right:-100px;top:-100px;width:400px}.admin-login-bg .shape-2{background:#4ecdc4;background:var(--secondary);border-radius:50%;bottom:-80px;height:300px;left:-80px;opacity:.08;position:absolute;width:300px}.admin-login-bg .shape-3{background:#a78bfa;background:var(--purple);border-radius:50%;height:200px;left:15%;opacity:.08;position:absolute;top:40%;width:200px}.admin-login-card{animation:fadeInUp .5s ease;background:#fff;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 12px 48px #00000026;box-shadow:var(--shadow-xl);max-width:440px;padding:48px;position:relative;width:100%;z-index:1}.admin-login-header{margin-bottom:32px;text-align:center}.admin-login-header h1{color:#2d3436;color:var(--text-dark);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.6rem;margin-bottom:6px;margin-top:16px}.admin-login-header p{color:#636e72;color:var(--text-body);font-size:.95rem;font-weight:600}.admin-login-footer{margin-top:24px;text-align:center}.admin-login-footer a{color:#b2bec3;color:var(--text-light);font-size:.9rem;font-weight:700}.admin-login-footer a:hover{color:#ff6b6b;color:var(--primary)}.admin-form-group{margin-bottom:20px}.admin-form-group label{color:#2d3436;color:var(--text-dark);display:block;font-size:.95rem;font-weight:700;margin-bottom:8px}.field-icon{font-size:.9rem}.admin-form-group input[type=date],.admin-form-group input[type=email],.admin-form-group input[type=number],.admin-form-group input[type=password],.admin-form-group input[type=text],.admin-form-group input[type=time],.admin-form-group select,.admin-form-group textarea{background:#fff;border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#2d3436;color:var(--text-dark);font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#ff6b6b;border-color:var(--primary);box-shadow:0 0 0 4px #ff6b6b1a;outline:none}.admin-form-group textarea{min-height:80px;resize:vertical}.admin-form-group select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23636E72' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center}.password-wrapper{position:relative}.password-wrapper input{padding-right:50px}.toggle-password{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.login-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;display:flex;font-size:.9rem;font-weight:700;gap:8px;margin-bottom:12px;padding:12px 16px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{background:#1a1d1e;bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:280px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:12px;padding:24px 16px}.sidebar-header .logo-text{color:#fff;font-size:1.2rem;white-space:nowrap}.admin-badge{background:#ff6b6b;background:var(--primary);border-radius:50px;color:#fff;flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.5px;padding:3px 6px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 8px}.sidebar-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#ffffff8c;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:700;gap:10px;overflow:hidden;padding:12px 14px;text-align:left;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap;width:100%}.sidebar-link:hover{background:#ffffff14;color:#ffffffe6}.sidebar-link.active{background:#ff6b6b;background:var(--primary);color:#fff}.sidebar-icon{font-size:1.1rem;text-align:center;width:24px}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 12px}.admin-user{gap:10px;margin-bottom:8px;padding:12px 16px}.admin-avatar,.admin-user{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--primary),#ff8e53);border-radius:50%;color:#fff;flex-shrink:0;font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:.95rem;height:38px;justify-content:center;width:38px}.admin-user-info strong{color:#fff;display:block;font-size:.9rem}.admin-user-info span{color:#fff6;font-size:.75rem;font-weight:600}.logout-btn:hover{background:#ff6b6b26!important;color:#ff6b6b!important;color:var(--primary)!important}.admin-main{flex:1 1;margin-left:280px;padding:0}.admin-topbar{align-items:center;background:#fff;border-bottom:1px solid #f0e6d8;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 32px;position:sticky;top:0;z-index:50}.admin-topbar h2{font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.3rem}.mobile-sidebar-btn{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem;padding:4px 8px}.admin-section{animation:fadeInUp .3s ease;display:none;padding:32px}.admin-section.active{display:block}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h3{font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.4rem}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.admin-stat-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.admin-stat-card:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-blue{border-left-color:#3b82f6}.stat-green{border-left-color:#10b981}.stat-orange{border-left-color:#f59e0b}.stat-purple{border-left-color:#8b5cf6}.admin-stat-icon{font-size:2rem}.admin-stat-value{color:#2d3436;color:var(--text-dark);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.6rem}.admin-stat-label{color:#636e72;color:var(--text-body);font-size:.85rem;font-weight:700}.admin-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:28px}.admin-card h3{font-size:1.1rem;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:flex-start;background:#fff9f0;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:14px}.activity-icon{font-size:1.2rem;margin-top:2px}.activity-info{color:#636e72;color:var(--text-body);font-size:.9rem;font-weight:600}.activity-info strong{color:#2d3436;color:var(--text-dark)}.activity-time{color:#b2bec3;color:var(--text-light);display:block;font-size:.8rem;margin-top:2px}.search-filter-bar{display:flex;gap:12px;margin-bottom:20px}.search-filter-bar input{border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius-md);flex:1 1;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-filter-bar input:focus{border-color:#ff6b6b;border-color:var(--primary);outline:none}.search-filter-bar select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23636E72' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius-md);font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;min-width:160px;padding:12px 18px}.games-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{border-bottom:2px solid #f0e6d8;border-bottom:2px solid var(--border);color:#b2bec3;color:var(--text-light);font-size:.8rem;font-weight:800;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f0e6d8;border-bottom:1px solid var(--border);font-size:.95rem;font-weight:600;padding:16px;vertical-align:middle}.admin-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.admin-table tbody tr:hover{background:#fff9f0;background:var(--bg-light)}.admin-table tbody tr:last-child td{border-bottom:none}.game-name-cell{align-items:center;display:flex;gap:10px}.game-icon{font-size:1.5rem}.game-name-info strong{display:block}.game-name-info span{color:#b2bec3;color:var(--text-light);font-size:.8rem}.status-badge{border-radius:50px;display:inline-block;font-size:.78rem;font-weight:800;padding:5px 12px;text-transform:uppercase}.status-active{background:#ecfdf5;color:#059669}.status-inactive{background:#f3f4f6;color:#6b7280}.status-scheduled{background:#eff6ff;color:#2563eb}.action-btns{display:flex;gap:6px}.action-btn{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:700;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-btn-edit{background:#eff6ff;color:#2563eb}.action-btn-edit:hover{background:#dbeafe}.action-btn-delete{background:#fef2f2;color:#dc2626}.action-btn-delete:hover{background:#fee2e2}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-section-title{color:#2d3436;color:var(--text-dark);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.05rem;margin-bottom:16px;margin-top:28px}.form-actions,.form-section-title{border-top:2px solid #f0e6d8;border-top:2px solid var(--border);padding-top:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.days-selector{display:flex;flex-wrap:wrap;gap:8px}.day-checkbox{align-items:center;background:#fff9f0;background:var(--bg-light);border:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.day-checkbox:has(input:checked){background:#fff0f0;border-color:#ff6b6b;border-color:var(--primary);color:#ff6b6b;color:var(--primary)}.day-checkbox input{display:none}.question-row{animation:fadeInUp .3s ease;background:#fff9f0;background:var(--bg-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:12px;padding:20px;position:relative}.question-row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-row-header strong{color:#2d3436;color:var(--text-dark);font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:.95rem}.remove-question-btn{background:#fef2f2;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.8rem;font-weight:700;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.remove-question-btn:hover{background:#fee2e2}.question-row input,.question-row select{background:#fff;border:2px solid #f0e6d8;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-family:Nunito,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:600;margin-bottom:8px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.question-row input:focus,.question-row select:focus{border-color:#ff6b6b;border-color:var(--primary);outline:none}.options-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.correct-answer-row{margin-top:4px}.correct-answer-row select{margin-bottom:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-card{animation:fadeInUp .3s ease;background:#fff;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 12px 48px #00000026;box-shadow:var(--shadow-xl);max-width:420px;padding:40px;text-align:center;width:90%}.modal-icon{font-size:3rem;margin-bottom:12px}.modal-card h3{font-family:Fredoka One,cursive;font-family:var(--font-display);font-size:1.4rem;margin-bottom:8px}.modal-card p{color:#636e72;color:var(--text-body);font-weight:600;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}.notification-item.type-info{border-left-color:#3b82f6}.notification-item.type-success{border-left-color:#10b981}.notification-item.type-warning{border-left-color:#f59e0b}.notification-item.type-error{border-left-color:#ef4444}.toast{align-items:center;background:#1a1d1e;border-radius:12px;border-radius:var(--radius-md);bottom:32px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:10px;opacity:0;padding:16px 24px;position:fixed;right:32px;transform:translateY(100px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2000}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{font-size:1.2rem}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.mobile-sidebar-btn{display:block}.admin-topbar{padding:16px 20px}.admin-section{padding:20px}.admin-stats-grid,.form-row{grid-template-columns:1fr}.search-filter-bar{flex-direction:column}.admin-table td:nth-child(3),.admin-table th:nth-child(3){display:none}.admin-login-card{padding:32px 24px}.options-row{grid-template-columns:1fr}.modal-card{padding:28px}}.shake-anim{animation:shake .5s ease!important}.quiz-card,a.category-card{color:inherit;text-decoration:none}body{font-family:Arial,sans-serif;margin:0}.results-page{background:#ececec;min-height:100vh;padding:30px}.section-title{background:#00a8e8;border-radius:5px;color:#fff;font-weight:800;margin-bottom:30px;padding:14px;text-align:center}.update-card{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-around;margin-bottom:20px;padding:20px}.side-tag{background:#009688;border-radius:5px;color:#fff;padding:6px 12px}.result-number{color:blue;font-size:28px;font-weight:700}.panel-btn{background:#009688;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 18px}.chart-page{background:#ececec;font-family:Arial,sans-serif;min-height:100vh;padding:15px}.chart-header{margin-bottom:10px;text-align:center}.chart-header h1{font-size:34px;font-weight:700;margin:0}.chart-header p{font-size:12px;line-height:1.4;margin-top:5px}.filters{display:flex;gap:15px;justify-content:center;margin:18px 0}.filters button{background:#f6c744;border:1px solid #9c7b00;cursor:pointer;font-size:12px;font-weight:700;padding:7px 18px}.final-result{background:#ff0;border:2px solid #8f8700;color:#111;font-family:Georgia,serif;font-size:40px;font-style:italic;font-weight:700;margin:10px auto;padding:5px 22px;width:fit-content}.refresh-btn{background:#f6c744;border:1px solid #9c7b00;cursor:pointer;display:block;font-size:12px;font-weight:700;margin:12px auto 25px;padding:6px 16px}.main-chart-table{background:#fff;border-collapse:collapse;margin:auto;max-width:1150px;table-layout:fixed;width:100%}.main-chart-table th{background:#dcdcdc;font-size:13px;height:24px;padding:5px}.date-cell,.main-chart-table th{border:1px solid #444;font-weight:700}.date-cell{background:#ffe08a;color:#6b4200;font-size:12px;line-height:16px;padding:4px;text-align:center;width:105px}.chart-cell{background:#fffdf7;font-family:Georgia,serif;height:85px;overflow:hidden;position:relative;width:95px}.middle-number{font-size:46px}.yellow-text{color:#c89a00}.num{color:#9c7700;font-size:16px;font-weight:700;line-height:1;position:absolute}.n1{left:12px}.n1,.n2{top:14px}.n2{right:12px}.n3{left:10px}.n3,.n4{top:35px}.n4{right:10px}.n5{left:12px}.n5,.n6{bottom:12px}.n6{right:12px}.small{color:#333;font-size:11px;position:absolute}.s1{left:4px;top:3px}.s2{right:4px;top:3px}.s3{left:4px}.s3,.s4{bottom:3px}.s4{right:4px}.middle-number{font-size:56px;font-style:italic;font-weight:700;left:50%;line-height:1;position:absolute;text-shadow:1px 1px 0 #000;top:50%;transform:translate(-50%,-50%)}.yellow-text{color:#c79a00}.red-text{color:red}.left-column{left:8px}.left-column,.right-column{align-items:center;color:#9d7700;display:flex;flex-direction:column;font-size:16px;font-weight:700;line-height:1.15;position:absolute;top:32px}.right-column{right:8px}.top-small{color:#333;font-size:13px;font-weight:500;position:absolute}.top-left{left:10px;top:6px}.top-center{left:50%;top:6px;transform:translateX(-50%)}.top-right{right:10px;top:6px}.bottom-small{color:#333;font-size:13px;font-weight:500;position:absolute}.bottom-left{bottom:6px;left:10px}.bottom-center{bottom:6px;left:50%;transform:translateX(-50%)}.bottom-right{bottom:6px;right:10px}.back-wrapper{margin-top:30px;text-align:center}.back-btn{background:#222;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px 22px}
/*# sourceMappingURL=main.8aa2d469.css.map*/