:root{--gold:gold;--gold-dark:#c9a227;--gold-glow:#ffd70040;--font-display:"Anton", "Bebas Neue", Impact, sans-serif;--font-sub:"Bebas Neue", "Anton", Impact, sans-serif;--font-hindi:"Noto Sans Devanagari", "Baloo 2", sans-serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Noto Sans Devanagari;src:url(/fonts/NotoSansDevanagari.ttf)format("truetype");font-display:swap}@font-face{font-family:"Baloo 2";src:url(/fonts/Baloo2-Devanagari.ttf)format("truetype");font-display:swap}@font-face{font-family:Tiro Devanagari Hindi;src:url(/fonts/TiroDevanagariHindi.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;width:100%;height:100%;font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#0a0a0f;overflow:hidden}.demo{background:#0a0a0f;flex-direction:column;height:100svh;display:flex;overflow:hidden}.demo-slide-wrap{flex:1;position:relative;overflow:hidden}.trivia-slide{background-color:#0a0a0f;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:flex-end;animation:.5s cubic-bezier(.25,.46,.45,.94) both slideEnter;display:flex;position:absolute;inset:0}.trivia-fallback{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%) 0 0/200% 200%;animation:12s ease-in-out infinite alternate gradientShift;position:absolute;inset:0}.trivia-slide[style*=url\(]{animation:.5s cubic-bezier(.25,.46,.45,.94) both slideEnter,20s ease-out forwards kenBurns}.trivia-scrim{z-index:1;background:linear-gradient(#00000080 0%,#0000001a 25%,#0000004d 60%,#000000eb 100%);position:absolute;inset:0}.trivia-titlebar{z-index:3;padding:32px 40px;animation:.6s cubic-bezier(.25,.46,.45,.94) .1s both titleEnter;position:absolute;top:0;left:0}.gold-line{background:linear-gradient(90deg, var(--gold), var(--gold-dark), transparent);width:80px;height:3px;box-shadow:0 0 12px var(--gold-glow);border-radius:2px;margin-bottom:12px;animation:.6s cubic-bezier(.25,.46,.45,.94) .15s both goldLineDraw}.trivia-movie-title{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px 12px #000000e6, 0 0 20px var(--gold-glow);letter-spacing:1px;margin:0;font-size:36px;line-height:1;animation:.5s cubic-bezier(.25,.46,.45,.94) .2s both textSlideDown}.trivia-year{font-family:var(--font-sub);color:var(--gold-dark);letter-spacing:2px;margin-top:4px;font-size:20px;animation:.5s cubic-bezier(.25,.46,.45,.94) .3s both textSlideDown;display:block}.trivia-fact-block{z-index:2;max-width:75%;padding:0 40px 48px;position:relative}.trivia-slide.variant-1 .trivia-fact-block{text-align:center;max-width:85%;margin:0 auto;padding:0 40px 48px}.trivia-slide.variant-1 .gold-line{margin:0 auto 12px}.trivia-slide.variant-1 .trivia-category{align-self:center}.trivia-slide.variant-2 .trivia-fact-block{text-align:right;max-width:70%;margin-left:auto;padding:0 40px 48px}.trivia-slide.variant-2 .gold-line{background:linear-gradient(90deg, transparent, var(--gold-dark), var(--gold));margin-left:auto}.trivia-slide.variant-2 .trivia-titlebar{text-align:right;left:auto;right:0}.trivia-slide.variant-2 .trivia-movie-title{animation:.5s cubic-bezier(.25,.46,.45,.94) .2s both textSlideRight}.trivia-category{font-family:var(--font-sub);text-transform:uppercase;letter-spacing:2px;color:var(--gold);background:#0000008c;border:1px solid #ffd7004d;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:13px;animation:.45s cubic-bezier(.25,.46,.45,.94) .25s both pillSlideUp;display:inline-block}.trivia-fact-hi{font-family:var(--font-hindi);color:#fff;text-shadow:0 2px 8px #000000f2,0 0 16px #0009;margin:0 0 12px;font-size:28px;line-height:1.1;animation:.5s cubic-bezier(.25,.46,.45,.94) .4s both textSlideUp}.trivia-fact-en{font-family:var(--sans);color:#ffffffbf;text-shadow:0 1px 4px #000000e6;margin:0 0 10px;font-size:17px;font-weight:400;line-height:1.5;animation:.5s cubic-bezier(.25,.46,.45,.94) .55s both textSlideUp}.trivia-source{font-family:var(--font-sub);color:#ffd70073;letter-spacing:1px;font-size:11px;animation:.4s .7s both fadeIn;display:inline-block}.ad-slide{flex-direction:column;justify-content:center;align-items:center;animation:.5s cubic-bezier(.25,.46,.45,.94) both slideEnter;display:flex;position:absolute;inset:0;overflow:hidden}.ad-tag{z-index:5;font-family:var(--font-sub);letter-spacing:2px;color:#fff6;border:1px solid #ffffff26;border-radius:4px;padding:4px 12px;font-size:12px;animation:.4s .2s both fadeIn;position:absolute;top:24px;right:28px}.ad-content{text-align:center;z-index:2;max-width:80%}.gold-line-center{margin:0 auto 20px;animation:.6s cubic-bezier(.25,.46,.45,.94) .1s both goldLineDraw}.ad-brand{font-family:var(--font-display);text-shadow:0 4px 20px #0009, 0 0 30px var(--gold-glow);letter-spacing:2px;margin:0 0 24px;font-size:52px;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) .15s both brandPop}.ad-lines{margin-bottom:28px}.ad-line-hi{font-family:var(--font-hindi);text-shadow:0 2px 10px #0009;margin:0 0 12px;font-size:32px;line-height:1.5;animation:.5s cubic-bezier(.25,.46,.45,.94) .35s both textSlideUp}.ad-line-en{font-family:var(--sans);color:#fffc;text-shadow:0 1px 6px #00000080;margin:0;font-size:20px;font-weight:500;animation:.5s cubic-bezier(.25,.46,.45,.94) .5s both textSlideUp}.ad-line-en-big{font-family:var(--font-display);color:var(--gold);margin-bottom:16px;font-size:36px}.ad-cta{font-family:var(--font-hindi);text-shadow:0 1px 6px #0006;letter-spacing:1px;border:2px solid;border-radius:30px;padding:10px 32px;font-size:20px;animation:.5s cubic-bezier(.34,1.56,.64,1) .65s both ctaPop;display:inline-block}.progress-track{z-index:10;background:#ffffff14;height:4px;position:absolute;bottom:0;left:0;right:0}.progress-bar{background:linear-gradient(90deg, var(--gold), var(--gold-dark));height:100%;box-shadow:0 0 8px var(--gold-glow);animation:linear forwards progressFill}.demo-controls{background:#0d0d12;border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 20px;display:flex}.ctrl-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:flex}.ctrl-btn:hover{border-color:var(--gold);color:var(--gold);background:#ffd70014}.ctrl-info{flex:1;align-items:center;gap:14px;display:flex}.ctrl-count{font-family:var(--font-sub);color:#ffffff80;letter-spacing:1px;font-size:16px}.ctrl-type{font-family:var(--font-sub);color:#ffd70099;letter-spacing:1px;text-transform:uppercase;font-size:13px}.ctrl-type-ad{color:#ff6b6b}.ctrl-song-badge{font-family:var(--font-sub);color:#fff6;letter-spacing:.5px;font-size:12px}.ctrl-loc-badge{font-family:var(--font-sub);color:#ffffff4d;letter-spacing:.5px;font-size:12px}.ctrl-offline-badge{font-family:var(--font-sub);color:#ff6b6b;letter-spacing:1px;border:1px solid #ff6b6b4d;border-radius:4px;padding:2px 8px;font-size:11px}.ctrl-shuffle{margin-left:auto}.ctrl-debug-link{font-family:var(--font-sub);color:#ffffff40;letter-spacing:1px;font-size:12px;text-decoration:none}.ctrl-debug-link:hover{color:#ffffff80}.demo-loading{height:100svh;font-family:var(--font-hindi);color:var(--gold);background:#0a0a0f;justify-content:center;align-items:center;font-size:24px;animation:.6s both fadeIn;display:flex}@keyframes slideEnter{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes titleEnter{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes goldLineDraw{0%{opacity:0;width:0}to{opacity:1;width:80px}}@keyframes pillSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes textSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes textSlideRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes brandPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes ctaPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes kenBurns{0%{background-size:contain}to{background-size:108%}}@keyframes gradientShift{0%{background-position:0%}to{background-position:100%}}@keyframes progressFill{0%{width:0%}to{width:100%}}@media (prefers-reduced-motion:reduce){.trivia-slide,.ad-slide,.trivia-titlebar,.gold-line,.trivia-movie-title,.trivia-year,.trivia-category,.trivia-fact-hi,.trivia-fact-en,.trivia-source,.ad-tag,.ad-brand,.ad-line-hi,.ad-line-en,.ad-cta,.trivia-fallback,.demo-loading{animation:none!important}}.debug{color:#fff;max-width:800px;margin:0 auto;padding:40px}.debug-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.debug-header h1{color:var(--gold);font-size:24px}.debug-header a{color:#fff6;text-decoration:none}.debug-movie-select{margin-bottom:32px}.debug-movie-select select{color:#fff;background:#1a1a2e;border:1px solid #ffd70033;border-radius:8px;width:100%;padding:12px;font-size:16px}.debug-fact{background:#12121a;border:1px solid #ffd70026;border-radius:12px;margin-bottom:24px;padding:32px}.debug-category{text-transform:uppercase;letter-spacing:2px;color:var(--gold);border:1px solid #ffd7004d;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:12px;display:inline-block}.debug-fact-hi{font-family:var(--font-hindi);margin:0 0 12px;font-size:24px;line-height:1.5}.debug-fact-en{color:#ffffffb3;margin:0 0 12px;font-size:16px;line-height:1.5}.debug-source{color:#ffd70066;font-size:11px}.debug-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.debug-nav button{color:var(--gold);cursor:pointer;background:#ffd70014;border:1px solid #ffd70033;border-radius:8px;padding:8px 20px;font-size:14px}.debug-nav button:hover{background:#ffd70026}.debug-nav span{color:#ffffff80;font-size:14px}.debug-loading{height:100vh;color:var(--gold);justify-content:center;align-items:center;font-size:24px;display:flex}