:root{--purple: #7c3aed;--purple-dark: #5b21b6;--pink: #ec4899;--orange: #f97316;--yellow: #facc15;--green: #22c55e;--red: #ef4444;--blue: #3b82f6;--cyan: #06b6d4;--ink: #1e293b;--paper: #ffffff;--shadow: 0 6px 0 rgba(0, 0, 0, .15);font-family:Comic Sans MS,"Baloo 2",Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(160deg,#a78bfa,#f0abfc 45%,#fde68a);background-attachment:fixed;color:var(--ink);-webkit-tap-highlight-color:transparent}.app{max-width:820px;margin:0 auto;padding:16px;min-height:100%}h1{font-size:2.2rem;margin:.2em 0;text-align:center}h2{font-size:1.6rem;margin:.2em 0}.tagline{text-align:center;font-size:1.1rem;color:var(--purple-dark);font-weight:700}.muted{color:#64748b}.center{text-align:center}.card{background:var(--paper);border-radius:24px;padding:22px;box-shadow:0 10px 30px #5014782e;margin:14px 0}.btn{display:inline-block;border:none;border-radius:18px;padding:16px 22px;font-size:1.2rem;font-weight:700;font-family:inherit;color:#fff;background:var(--purple);box-shadow:var(--shadow);cursor:pointer;transition:transform .08s ease,filter .1s ease;text-decoration:none;text-align:center}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(3px);box-shadow:0 3px #00000026}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{font-size:1.5rem;padding:20px 30px;width:100%}.btn.green{background:var(--green)}.btn.pink{background:var(--pink)}.btn.orange{background:var(--orange)}.btn.blue{background:var(--blue)}.btn.gray{background:#94a3b8}.btn.ghost{background:transparent;color:var(--purple-dark);box-shadow:none;text-decoration:underline}input,select{font-family:inherit;font-size:1.2rem;padding:14px 16px;border-radius:14px;border:3px solid #ddd6fe;width:100%;background:#faf5ff}input:focus,select:focus{outline:none;border-color:var(--purple)}label{font-weight:700;display:block;margin:12px 0 6px;font-size:1.1rem}.req{color:var(--red)}.band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.band-card{border-radius:18px;padding:16px 8px;text-align:center;cursor:pointer;border:4px solid transparent;background:#f5f3ff;font-weight:700;font-size:1rem}.band-card .emoji{font-size:2.2rem;display:block}.band-card.selected{border-color:var(--purple);background:#ede9fe;transform:scale(1.03)}.slot-banner{text-align:center}.big-countdown{font-size:3rem;font-weight:700;color:var(--purple-dark);letter-spacing:2px}.live-pill{display:inline-block;background:var(--green);color:#fff;border-radius:999px;padding:6px 16px;font-weight:700;animation:pulse 1.2s infinite}.locked-pill{display:inline-block;background:#94a3b8;color:#fff;border-radius:999px;padding:6px 16px;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.slot-list{list-style:none;padding:0;margin:8px 0}.slot-list li{padding:8px 12px;border-radius:12px;background:#f5f3ff;margin:6px 0;font-weight:700;display:flex;justify-content:space-between}.quiz-top{display:flex;align-items:center;gap:12px}.timer{font-size:1.6rem;font-weight:700;padding:6px 14px;border-radius:14px;background:var(--green);color:#fff;min-width:110px;text-align:center}.timer.warn{background:var(--orange)}.timer.danger{background:var(--red);animation:pulse .8s infinite}.progress-wrap{flex:1}.progress-bar{height:18px;background:#e9d5ff;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--orange));transition:width .3s ease}.progress-text{font-weight:700;font-size:.95rem;margin-top:4px}.question-text{font-size:1.6rem;font-weight:700;margin:18px 0 20px;line-height:1.3}.options{display:grid;gap:14px}.option{display:flex;align-items:center;gap:12px;text-align:left;font-size:1.3rem;font-weight:700;padding:18px;border-radius:18px;border:4px solid #ddd6fe;background:#fff;cursor:pointer;font-family:inherit;transition:transform .08s ease}.option .letter{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:1.2rem}.option:hover{transform:translateY(-2px);border-color:var(--purple)}.option.correct{border-color:var(--green);background:#dcfce7}.option.correct .letter{background:var(--green)}.option.wrong{border-color:var(--red);background:#fee2e2}.option.wrong .letter{background:var(--red)}.option:disabled{cursor:default}.category-chip{display:inline-block;background:#ede9fe;color:var(--purple-dark);border-radius:999px;padding:4px 12px;font-weight:700;font-size:.9rem}.score-hero{text-align:center}.score-big{font-size:4rem;font-weight:700;color:var(--purple-dark)}.badge{display:inline-block;padding:10px 20px;border-radius:999px;font-weight:700;font-size:1.2rem;color:#fff;margin:8px}.stat-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:14px 0}.stat{background:#f5f3ff;border-radius:16px;padding:14px 20px;text-align:center;min-width:100px}.stat .num{font-size:1.8rem;font-weight:700}.certificate{border:6px double var(--purple);border-radius:20px;padding:24px;text-align:center;background:repeating-linear-gradient(45deg,#fffbeb,#fffbeb 12px,#fef9c3 12px,#fef9c3 24px)}.certificate .seal{font-size:3rem}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;text-align:left}th{border-bottom:3px solid #ddd6fe}tr.me{background:#fef9c3;font-weight:700}.rank-medal{font-size:1.3rem}.confetti-piece{position:fixed;top:-20px;width:12px;height:12px;z-index:50;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.admin-nav .btn{font-size:1rem;padding:10px 16px}.admin-nav .btn.active{background:var(--purple-dark)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}.toolbar input,.toolbar select{width:auto;flex:1;min-width:140px}.admin-table{font-size:.95rem}.admin-table td,.admin-table th{border-bottom:1px solid #eee;vertical-align:top}.pill-ok{color:var(--green);font-weight:700}.pill-no{color:#94a3b8}.small{font-size:.9rem}.link-row{display:flex;justify-content:space-between;align-items:center}.ad-wrap{margin:14px auto;max-width:100%;min-height:90px;text-align:center;background:#ffffff80;border:2px dashed #d6bcfa;border-radius:16px;padding:8px;overflow:hidden}.ad-label{display:block;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}.ad-wrap .adsbygoogle{min-height:60px}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.topic-chip{background:#ede9fe;color:var(--purple-dark);border-radius:999px;padding:8px 14px;font-weight:700;font-size:.95rem}.site-footer{max-width:820px;margin:20px auto 0;padding:18px 16px 28px;text-align:center;border-top:2px dashed rgba(255,255,255,.6);color:var(--purple-dark)}.site-footer p{margin:4px 0;font-weight:700}.site-footer a{color:var(--purple-dark)}.site-footer .small{font-weight:400;color:#64748b}.site-footer .footer-links{margin-bottom:8px}.site-footer .footer-links a{text-decoration:underline}.ref-link-row{display:flex;gap:8px;align-items:stretch;margin-top:6px}.ref-link-row input{flex:1;font-size:.95rem;background:#f5f3ff;color:var(--purple-dark);border:3px solid #ddd6fe;min-width:0}.ref-link-row .btn{white-space:nowrap;padding:12px 16px}.about-list{padding-left:20px}.about-list li{margin:8px 0;line-height:1.4}.terms-list{padding-left:20px}.terms-list li{margin:10px 0;line-height:1.4}.agree-row{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-weight:400;font-size:1rem}.agree-row input{width:auto;margin-top:3px;flex:0 0 auto;transform:scale(1.4)}.notice{background:#fef3c7;border:3px solid var(--yellow);border-radius:16px;padding:16px;margin:12px 0}.error{background:#fee2e2;border-color:var(--red)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.icon-btn{background:none;border:none;font-size:1.6rem;cursor:pointer}html,body{overflow-x:hidden;max-width:100%}@media (max-width: 820px){.app{padding:14px 12px}.card table:not(.admin-table){display:block;width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.card table:not(.admin-table) th,.card table:not(.admin-table) td{white-space:nowrap}.admin-table{font-size:.85rem}.admin-table td,.admin-table th{word-break:break-word}}@media (max-width: 520px){h1{font-size:1.7rem}h2{font-size:1.35rem}.app{padding:12px 10px}.card{padding:16px;border-radius:20px}.question-text{font-size:1.3rem}.option{font-size:1.1rem;padding:13px}.option .letter{width:34px;height:34px;font-size:1rem}.band-card .emoji{font-size:1.7rem}.band-card{font-size:.85rem;padding:12px 4px}.big-countdown{font-size:2.4rem}.score-big{font-size:3rem}.btn{font-size:1.05rem;padding:14px 16px}.btn.big{font-size:1.25rem;padding:16px 20px}.quiz-top{gap:8px}.timer{font-size:1.2rem;min-width:84px;padding:6px 8px}.ref-link-row{flex-direction:column}.ref-link-row .btn{width:100%}.toolbar input,.toolbar select{flex:1 1 100%;min-width:0}.admin-nav .btn{flex:1 1 auto}}