: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}.depth-slide{background:#06060a;animation:.45s both depthFadeIn;position:absolute;inset:0;overflow:hidden}.depth-poster{filter:blur(4px)saturate(1.06)brightness(.72);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:26s ease-in-out infinite alternate depthDrift;position:absolute;inset:-8%;transform:scale(1.06)}.depth-poster-empty{filter:none;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 55%,#0f3460 100%) 0 0/200% 200%;animation:14s ease-in-out infinite alternate depthGradient}.depth-veil{z-index:1;background:radial-gradient(120% 95% at 50% 42%,#06060a2e 0%,#06060abd 58%,#040408f5 100%),linear-gradient(#000000d1 0%,#00000047 38%,#000000eb 100%);position:absolute;inset:0}.depth-ghost{z-index:1;text-align:center;pointer-events:none;padding:0 3vw;position:absolute;bottom:-.14em;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#0000008c 45%,#000 100%);mask-image:linear-gradient(#0000 0%,#0000008c 45%,#000 100%)}.depth-ghost-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#ffffff0e;-webkit-text-stroke:1.5px #ffd70029;font-size:clamp(64px,15vw,220px);line-height:.82;animation:1.2s cubic-bezier(.19,1,.22,1) both depthGhostRise;display:block}.depth-plate{z-index:3;padding:28px 36px;animation:.6s cubic-bezier(.25,.46,.45,.94) .12s both depthPlateIn;position:absolute;top:0;left:0}.depth-plate-rule{background:linear-gradient(90deg, var(--gold), var(--gold-dark), transparent);width:56px;height:3px;box-shadow:0 0 12px var(--gold-glow);border-radius:2px;margin-bottom:10px;display:block}.depth-plate-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px #000000f2, 0 0 22px var(--gold-glow);font-size:clamp(20px,3.4vw,34px);line-height:1}.depth-plate-year{font-family:var(--font-sub);letter-spacing:.28em;color:var(--gold-dark);margin-top:4px;font-size:clamp(12px,1.6vw,16px);display:block}.depth-stage{z-index:2;perspective:1400px;perspective-origin:50% 45%;place-items:center;padding:9vh 6vw 7vh;display:grid;position:absolute;inset:0}.depth-slide[data-variant="1"] .depth-stage{place-items:center start;padding-left:8vw}.depth-slide[data-variant="2"] .depth-stage{place-items:center end;padding-right:8vw}.depth-tilt{transform:rotateX(calc(var(--tilt-x,0deg) + 1.4deg)) rotateY(calc(var(--tilt-y,0deg) - 2.6deg));transform-style:preserve-3d;will-change:transform;transition:transform .28s ease-out}.depth-floor{filter:blur(28px);pointer-events:none;background:radial-gradient(50% 50%,#ffaa1424 0%,#ff96000d 45%,#0000 75%);border-radius:50%;width:min(72vw,760px);height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)translateZ(-40px)}.depth-enter{transform-style:preserve-3d;animation:.95s cubic-bezier(.19,1,.22,1) both depthRise}.depth-card{width:min(70vw,740px);max-height:66vh;transform-style:preserve-3d;background:linear-gradient(158deg,#262016ed 0%,#100f13f2 46%,#09090cf7 100%);border-radius:20px;padding:34px 38px 30px 42px;animation:9s ease-in-out 1.1s infinite alternate depthFloat;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffd7003d,0 0 0 1px #ffd70038,0 34px 70px -18px #000000eb,0 60px 120px -40px #ff96001a}.depth-card-edge{background:linear-gradient(180deg, transparent, var(--gold), var(--gold-dark), transparent);width:3px;box-shadow:0 0 14px var(--gold-glow);border-radius:3px;position:absolute;top:22px;bottom:22px;left:0}.depth-card-sheen{pointer-events:none;background:linear-gradient(115deg,#0000 34%,#fff0be1a 46%,#0000 58%);animation:2.6s cubic-bezier(.3,0,.4,1) .35s both depthSheen;position:absolute;inset:0}.depth-cat{font-family:var(--font-sub);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:#00000073;border:1px solid #ffd70052;border-radius:20px;margin-bottom:16px;padding:5px 15px;font-size:clamp(11px,1.3vw,13px);animation:.55s cubic-bezier(.25,.46,.45,.94) .3s both depthTextIn;display:inline-block;transform:translateZ(38px)}.depth-hi{font-family:var(--font-hindi);color:#fff;text-shadow:0 2px 10px #000000e6;margin:0 0 12px;font-size:clamp(20px,2.5vw,30px);line-height:1.18;animation:.55s cubic-bezier(.25,.46,.45,.94) .42s both depthTextIn;transform:translateZ(26px)}.depth-en{font-family:var(--sans);color:#ffffffc2;text-shadow:0 1px 5px #000000e6;margin:0 0 14px;font-size:clamp(14px,1.65vw,18px);line-height:1.5;animation:.55s cubic-bezier(.25,.46,.45,.94) .54s both depthTextIn;transform:translateZ(14px)}.depth-src{font-family:var(--font-sub);letter-spacing:.14em;color:#ffd70073;font-size:10px;animation:.5s .66s both depthTextIn;display:inline-block;transform:translateZ(8px)}@keyframes depthFadeIn{0%{opacity:0}to{opacity:1}}@keyframes depthDrift{0%{transform:scale(1.06)translate(-1.2%,-.8%)}to{transform:scale(1.13)translate(1.2%,1%)}}@keyframes depthGradient{0%{background-position:0%}to{background-position:100%}}@keyframes depthGhostRise{0%{opacity:0;transform:translateY(28%)}to{opacity:1;transform:translateY(0)}}@keyframes depthPlateIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes depthRise{0%{opacity:0;transform:translateZ(-380px)rotateY(24deg)rotateX(9deg)scale(.9)}60%{opacity:1}to{opacity:1;transform:translateZ(0)rotateY(0)rotateX(0)scale(1)}}@keyframes depthFloat{0%{transform:translate(0,0)rotateY(0)}to{transform:translate3d(0,-9px,22px)rotateY(-1.4deg)}}@keyframes depthSheen{0%{opacity:0;transform:translate(-45%)}30%{opacity:1}to{opacity:0;transform:translate(45%)}}@keyframes depthTextIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.depth-slide,.depth-poster,.depth-ghost-title,.depth-plate,.depth-enter,.depth-card,.depth-card-sheen,.depth-cat,.depth-hi,.depth-en,.depth-src{animation:none!important}.depth-tilt{transition:none;transform:none}}.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-variant-btn{font-family:var(--font-sub);letter-spacing:1.5px;text-transform:uppercase;color:#ffd7008c;cursor:pointer;background:#ffd7000f;border:1px solid #ffd70038;border-radius:6px;margin-left:auto;padding:5px 12px;font-size:11px;transition:all .15s}.ctrl-variant-btn:hover{color:var(--gold);border-color:var(--gold);background:#ffd7001f}.ctrl-shuffle+.ctrl-variant-btn{margin-left:0}.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}