@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=DM+Serif+Display&display=swap";:root{--color-bg:#0d1117;--color-surface:#161b26eb;--color-surface-hover:#1e2534f5;--color-surface-solid:#161b26;--color-amber:#f5a623;--color-amber-dim:#a06c0f;--color-amber-light:#ffd07a;--color-teal:#2dd4bf;--color-teal-dim:#0f766e;--color-blue:#60a5fa;--color-correct:#34d399;--color-correct-dim:#065f46;--color-wrong:#f87171;--color-wrong-dim:#7f1d1d;--color-text:#e2e8f0;--color-text-muted:#64748b;--color-text-dim:#94a3b8;--color-glass:#ffffff0a;--color-glass-border:#ffffff14;--color-glass-hover:#ffffff12;--font-display:"DM Serif Display", serif;--font-body:"Inter", sans-serif;--font-label:"Space Grotesk", sans-serif;--radius:14px;--radius-sm:8px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 4px 24px #0006, 0 1px 4px #0000004d;--shadow-amber:0 0 24px #f5a62340, 0 0 48px #f5a6231a;--shadow-teal:0 0 24px #2dd4bf33, 0 0 48px #2dd4bf14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-background{z-index:0;background:radial-gradient(at 20% 10%,#f5a6230f 0%,#0000 50%),radial-gradient(at 80% 80%,#2dd4bf0d 0%,#0000 50%),linear-gradient(#0d1117 0%,#0a0f1a 100%);position:fixed;inset:0;overflow:hidden}.app-background img{object-fit:cover;filter:brightness(.18)saturate(.6);mix-blend-mode:luminosity;width:100%;height:100%}.app-background:after{content:"";background:linear-gradient(#0d11178c 0%,#0d1117d9 100%);position:absolute;inset:0}.app-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:28px;display:flex;position:relative;overflow-y:auto}.fullscreen-btn{z-index:1000;color:var(--color-text-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d111799;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;top:24px;right:24px}.fullscreen-btn:hover{color:var(--color-text-main);background:#ffffff1a;transform:scale(1.05)}.particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;border-radius:50%;width:3px;height:3px;animation:8s ease-in-out infinite floatParticle;position:absolute}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh)scale(0)}20%{opacity:.5}80%{opacity:.3}to{opacity:0;transform:translateY(-10vh)scale(1.2)}}.landing-page{flex-direction:column;align-items:center;gap:56px;animation:.7s ease-out fadeInUp;display:flex}.show-title{text-align:center}.show-title h1{font-family:var(--font-display);color:var(--color-text);letter-spacing:-1px;margin-bottom:10px;font-size:clamp(3.2rem,6.5vw,5.5rem);font-weight:400;line-height:1.15}.show-title h1 span{background:linear-gradient(135deg, var(--color-amber), var(--color-amber-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.show-title p{font-family:var(--font-label);color:var(--color-text-muted);letter-spacing:5px;text-transform:uppercase;font-size:1.1rem;font-weight:500}.person-cards{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.person-card{background:var(--color-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);cursor:pointer;width:380px;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:24px;padding:44px 40px;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.person-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-amber), transparent);opacity:0;height:2px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.person-card:hover:before{opacity:1}.person-card:hover{box-shadow:var(--shadow-card), var(--shadow-amber);background:var(--color-surface-hover);border-color:#f5a62333;transform:translateY(-6px)}.person-card:active{transform:translateY(-2px)}.person-avatar{object-fit:cover;border:3px solid #f5a6234d;border-radius:50%;width:180px;height:180px;transition:all .35s;box-shadow:0 0 0 6px #f5a6230f}.person-card:hover .person-avatar{border-color:#f5a62399;transform:scale(1.04)}.person-card h2{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.5px;font-size:2rem;font-weight:400}.person-card .tagline{color:var(--color-text-muted);font-size:1rem;font-weight:400;font-family:var(--font-label)}.person-card .start-btn{color:var(--color-amber);font-family:var(--font-label);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:#f5a6231a;border:1.5px solid #f5a62359;border-radius:50px;padding:14px 40px;font-size:1.1rem;font-weight:600;transition:all .3s}.person-card:hover .start-btn{background:var(--color-amber);color:#0d1117;border-color:var(--color-amber);box-shadow:var(--shadow-amber)}.quiz-page{flex-direction:column;gap:16px;width:100%;max-width:1280px;animation:.5s ease-out fadeInUp;display:flex}.quiz-header{background:var(--color-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--color-glass-border);border-radius:var(--radius);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.quiz-header-left{align-items:center;gap:16px;display:flex}.quiz-header-avatar{object-fit:cover;border:2px solid #f5a62359;border-radius:50%;width:56px;height:56px}.quiz-header-info h3{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.3px;font-size:1.5rem;font-weight:400}.quiz-header-info p{color:var(--color-text-muted);font-size:.9rem;font-family:var(--font-label);letter-spacing:1px;font-weight:500}.quiz-header-right{align-items:center;gap:20px;display:flex}.lifelines{align-items:center;gap:10px;display:flex}.lifeline{background:#f5a6231f;border:2px solid #f5a62366;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #f5a62326}.lifeline:before{content:"";background:var(--color-amber);width:22px;height:19px;clip-path:path("M11 18C11 18 2 12.5 2 7C2 4.24 4.24 2 7 2C8.66 2 10.1 2.84 11 4.08C11.9 2.84 13.34 2 15 2C17.76 2 20 4.24 20 7C20 12.5 11 18 11 18Z");transform-origin:50%;filter:drop-shadow(0 0 6px #f5a62380);transition:all .3s;display:block;transform:scale(1.6)}.lifeline.used{box-shadow:none;background:#ffffff08;border-color:#ffffff14}.lifeline.used:before{filter:none;background:#ffffff1f}.lifeline.used:after{content:"";background:var(--color-wrong);opacity:.8;border-radius:3px;width:3px;height:44px;position:absolute;transform:rotate(45deg)}.btn-2575{color:var(--color-amber);font-family:var(--font-label);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:1px;background:#f5a6231a;border:1.5px solid #f5a62359;padding:10px 18px;font-size:1rem;font-weight:700;transition:all .25s}.btn-2575:hover:not(:disabled){background:var(--color-amber);color:#0d1117;border-color:var(--color-amber);box-shadow:var(--shadow-amber);transform:scale(1.04)}.btn-2575:disabled{color:var(--color-text-muted);cursor:not-allowed;background:#ffffff08;border-color:#ffffff14}.btn-lock{color:var(--color-correct);font-family:var(--font-label);border-radius:var(--radius-sm);cursor:pointer;background:#34d39914;border:1.5px solid #34d3994d;align-items:center;gap:6px;margin-top:4px;padding:6px 14px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.btn-lock:hover:not(:disabled){box-shadow:var(--shadow-teal);background:#34d3992e;transform:scale(1.03)}.btn-lock:disabled{color:#fff3;cursor:not-allowed;background:0 0;border-color:#ffffff0f}.total-won-locked{color:var(--color-correct);font-size:.85rem;font-weight:600;font-family:var(--font-label);background:#34d3991a;border:1px solid #34d3994d;border-radius:20px;align-items:center;gap:6px;margin-top:4px;padding:5px 12px;display:flex}.prize-badge{font-family:var(--font-label);color:var(--color-amber);white-space:nowrap;letter-spacing:.5px;background:#f5a6231a;border:1.5px solid #f5a62359;border-radius:50px;padding:10px 24px;font-size:1.3rem;font-weight:700}.progress-bar{background:var(--color-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--color-glass-border);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:center;gap:16px;padding:12px 20px;display:flex}.question-ladder{flex:1;justify-content:center;gap:12px;display:flex;overflow-x:auto}.ladder-step{border-radius:var(--radius-sm);border:1.5px solid #0000;flex-direction:column;align-items:center;min-width:100px;padding:12px 16px;transition:all .3s;display:flex}.ladder-step .ladder-prize{font-family:var(--font-label);letter-spacing:.5px;font-size:1.25rem;font-weight:700}.ladder-step.upcoming{color:var(--color-text-muted);background:#ffffff05;border-color:#ffffff0f}.ladder-step.current{color:var(--color-amber);background:#f5a6231f;border-color:#f5a62380;transform:scale(1.04);box-shadow:0 0 10px #f5a62326}.ladder-step.correct{color:var(--color-correct);background:#34d3991a;border-color:#34d39959}.ladder-step.wrong{color:var(--color-wrong);background:#f8717114;border-color:#f8717140}.total-won-inline{border-left:1px solid var(--color-glass-border);flex-direction:column;align-items:center;gap:2px;min-width:130px;padding:6px 18px;display:flex}.total-won-inline-label{font-family:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.7rem;font-weight:600}.total-won-inline-amount{font-family:var(--font-label);color:var(--color-amber);letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.total-won-display{border-radius:var(--radius);background:#f5a62312;border:1.5px solid #f5a6234d;flex-direction:column;align-items:center;gap:6px;margin-bottom:32px;padding:18px 36px;display:flex}.total-won-label{font-family:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:3px;font-size:.85rem;font-weight:600}.total-won-amount{font-family:var(--font-label);color:var(--color-amber);letter-spacing:-1px;font-size:3rem;font-weight:800}.question-card{background:var(--color-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:36px 40px;position:relative;overflow:hidden}.question-card:before{content:"";background:linear-gradient(90deg, var(--color-teal), var(--color-amber), var(--color-blue));opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.question-number{font-family:var(--font-label);color:var(--color-teal);text-transform:uppercase;letter-spacing:4px;margin-bottom:14px;font-size:.85rem;font-weight:700}.question-text{font-family:var(--font-body);color:var(--color-text);letter-spacing:-.3px;margin-bottom:32px;font-size:2rem;font-weight:600;line-height:1.45}.options-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.option-btn{background:var(--color-glass);border:1.5px solid var(--color-glass-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-body);cursor:pointer;text-align:left;align-items:center;gap:16px;padding:22px 28px;font-size:1.45rem;font-weight:500;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.option-btn:hover:not(.disabled):not(.correct):not(.wrong){background:#f5a62314;border-color:#f5a62366;transform:translateY(-1px);box-shadow:0 4px 16px #f5a6231a}.option-label{width:44px;height:44px;font-family:var(--font-label);color:var(--color-text-dim);background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .25s;display:flex}.option-btn.correct{background:#34d3991a;border-color:#34d39980;animation:.5s ease-out correctPulse}.option-btn.correct .option-label{background:var(--color-correct);color:#0d1117;border-color:var(--color-correct)}@keyframes correctPulse{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}.option-btn.wrong{cursor:not-allowed;opacity:.5;background:#f8717112;border-color:#f8717166;animation:.45s ease-out wrongShake}.option-btn.wrong .option-label{background:var(--color-wrong);color:#fff;border-color:var(--color-wrong)}.option-btn.disabled{cursor:not-allowed;opacity:.45}.option-btn.selected{background:#f5a6231a;border-color:#f5a62399;animation:1s ease-in-out infinite selectedPulse;box-shadow:0 0 20px #f5a62333}.option-btn.selected .option-label{background:var(--color-amber);color:#0d1117;border-color:var(--color-amber)}@keyframes selectedPulse{0%,to{box-shadow:0 0 10px #f5a62326}50%{box-shadow:0 0 28px #f5a62359}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.action-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.action-btn{font-family:var(--font-label);cursor:pointer;letter-spacing:.3px;border:none;border-radius:50px;align-items:center;gap:8px;padding:13px 30px;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.action-btn:hover{transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.btn-primary{background:var(--color-amber);color:#0d1117;box-shadow:0 3px 14px #f5a62340}.btn-primary:hover{background:var(--color-amber-light);box-shadow:0 5px 22px #f5a62366}.btn-secondary{background:var(--color-glass);color:var(--color-text);border:1px solid var(--color-glass-border)}.btn-secondary:hover{background:var(--color-glass-hover);border-color:#ffffff24}.btn-gold{color:var(--color-amber);background:#f5a6231f;border:1.5px solid #f5a62359}.btn-gold:hover{box-shadow:var(--shadow-amber);background:#f5a62333}.btn-danger{color:var(--color-wrong);background:#f871711f;border:1.5px solid #f8717159}.btn-danger:hover{background:#f8717138;box-shadow:0 4px 16px #f8717140}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.overlay-correct{background:radial-gradient(#34d3992e 0%,#0d1117f5 70%)}.overlay-wrong{background:radial-gradient(#f8717133 0%,#0d1117f7 70%)}.overlay-fact{background:radial-gradient(#60a5fa26 0%,#0d1117f5 70%)}.overlay-content{text-align:center;max-width:780px;padding:52px;animation:.45s cubic-bezier(.175,.885,.32,1.275) scaleIn}.overlay-emoji{margin-bottom:24px;font-size:6rem;line-height:1;animation:.7s cubic-bezier(.175,.885,.32,1.275) bounceIn}.overlay-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 28px;animation:.7s cubic-bezier(.175,.885,.32,1.275) bounceIn;display:flex}.overlay-icon.correct-icon{background:#34d39926;border:2px solid #34d39966}.overlay-icon.wrong-icon{background:#f871711f;border:2px solid #f8717159}.overlay-icon.gameover-icon{background:#f871711f;border:2px solid #f8717159;width:90px;height:90px}.overlay-title{font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:18px;font-size:4rem;font-weight:400;line-height:1.2}.overlay-title.correct{color:var(--color-correct)}.overlay-title.wrong{color:var(--color-wrong)}.overlay-subtitle{color:var(--color-text-dim);margin-bottom:40px;font-size:1.65rem;line-height:1.5}.overlay-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.fact-card{background:var(--color-surface);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:var(--radius-xl);text-align:center;width:920px;max-width:88vw;box-shadow:var(--shadow-card), 0 0 40px #60a5fa14;border:1px solid #60a5fa33;padding:60px 52px;animation:.45s cubic-bezier(.175,.885,.32,1.275) scaleIn;position:relative;overflow:hidden}.fact-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-blue), transparent);height:2px;position:absolute;top:0;left:0;right:0}.fact-label{font-family:var(--font-label);color:var(--color-blue);letter-spacing:5px;text-transform:uppercase;margin-bottom:28px;font-size:.85rem;font-weight:700}.fact-text{color:var(--color-text);margin-bottom:44px;font-size:2.6rem;font-weight:500;line-height:1.55}.overlay-countdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;background:#0d1117e0}.countdown-content{text-align:center;animation:.3s ease-out scaleIn}.countdown-number{font-family:var(--font-display);color:var(--color-amber);filter:drop-shadow(0 0 30px #f5a62366);font-size:14rem;font-weight:400;line-height:1;animation:1s ease-in-out infinite countdownPulse}.countdown-label{font-family:var(--font-label);color:var(--color-text-muted);letter-spacing:4px;text-transform:uppercase;margin-top:12px;font-size:1.3rem;font-weight:600}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.overlay-gameover{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:radial-gradient(#f871712e 0%,#0d1117f7 70%)}.completion-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(#f5a62326 0%,#0d1117f7 70%);justify-content:center;align-items:center;animation:.5s ease-out fadeIn;display:flex;position:fixed;inset:0}.completion-content{text-align:center;max-width:700px;padding:40px;animation:.55s cubic-bezier(.175,.885,.32,1.275) scaleIn}.completion-trophy{margin-bottom:24px;font-size:6rem;line-height:1;animation:.9s cubic-bezier(.175,.885,.32,1.275) bounceIn}.completion-title{font-family:var(--font-display);color:var(--color-amber);letter-spacing:-1px;margin-bottom:16px;font-size:4.2rem;font-weight:400}.completion-subtitle{color:var(--color-text-dim);margin-bottom:40px;font-size:1.6rem;line-height:1.5}.completion-prize{color:var(--color-amber);font-size:2rem;font-weight:700;font-family:var(--font-label);margin-bottom:12px}.overlay-aon-offer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:radial-gradient(#f5a6232e 0%,#0d1117f7 70%)}.overlay-title.aon{color:var(--color-amber)}.overlay-icon.aon-icon{background:#f5a6231f;border:2px solid #f5a62366;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 28px;animation:.7s cubic-bezier(.175,.885,.32,1.275) bounceIn;display:flex}.aon-stakes{border:1px solid var(--color-glass-border);border-radius:var(--radius);background:#ffffff08;flex-direction:column;gap:10px;margin-bottom:36px;padding:20px 32px;display:flex}.aon-stake-row{font-family:var(--font-label);justify-content:space-between;align-items:center;gap:32px;font-size:1.3rem;display:flex}.aon-stake-label{color:var(--color-text-dim);font-weight:500}.aon-stake-value{font-size:1.4rem;font-weight:700}.aon-stake-value.win{color:var(--color-correct)}.aon-stake-value.loss{color:var(--color-wrong)}.btn-aon{background:var(--color-amber);color:#0d1117;font-family:var(--font-label);cursor:pointer;letter-spacing:.5px;border:none;border-radius:50px;padding:15px 36px;font-size:1.1rem;font-weight:700;transition:all .25s;box-shadow:0 4px 18px #f5a6234d}.btn-aon:hover{background:var(--color-amber-light);transform:translateY(-2px);box-shadow:0 6px 28px #f5a62380}.question-card.aon-card{box-shadow:var(--shadow-card), 0 0 30px #f5a62314;border-color:#f5a6234d}.question-card.aon-card:before{background:linear-gradient(90deg, transparent, var(--color-amber), transparent);opacity:.8}.question-number.aon-label{color:var(--color-amber);font-size:1rem}.aon-guesses-left{font-family:var(--font-label);color:var(--color-text-muted);margin-bottom:20px;font-size:1.1rem}.aon-guesses-left strong{color:var(--color-amber);font-size:1.3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(0)}55%{transform:scale(1.15)}75%{transform:scale(.93)}to{transform:scale(1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media (width<=768px){.options-grid{grid-template-columns:1fr}.person-cards{flex-direction:column;align-items:center}.quiz-header{text-align:center;flex-direction:column;gap:10px}.quiz-header-right{flex-wrap:wrap;justify-content:center}.question-text{font-size:1.3rem}}