@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;900&display=swap";:root{--primary: #00a0e3;--white: #ffffff;--black: #000000}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;background:var(--black);font-family:Outfit,sans-serif}.video-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--black)}.cinematic-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/intro-bg.png);background-size:cover;background-position:center;filter:brightness(.6) contrast(1.2);animation:zoomInBg 20s linear infinite alternate}@keyframes zoomInBg{0%{transform:scale(1)}to{transform:scale(1.15)}}.overlay{position:relative;z-index:10;text-align:center}.logo-animation{display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-name{display:flex;justify-content:center;gap:.5vw}.letter{font-size:8rem;font-weight:900;display:inline-block;opacity:0;transform:perspective(1000px) rotateX(-90deg) scale(.5);filter:blur(10px);animation:seamSpinImpact 1s cubic-bezier(.23,1,.32,1) forwards;background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none!important}.letter:nth-child(1){background-image:url(/textures/india.png);animation-delay:.1s}.letter:nth-child(2){background-image:url(/textures/australia.png);animation-delay:.2s}.letter:nth-child(3){background-image:url(/textures/england.png);animation-delay:.3s}.letter:nth-child(4){background-image:url(/textures/safrica.png);animation-delay:.4s}.letter:nth-child(5){background-image:url(/textures/nz.png);animation-delay:.5s}.letter:nth-child(6){background-image:url(/textures/india.png);animation-delay:.6s}.letter:nth-child(7){background-image:url(/textures/australia.png);animation-delay:.7s}@keyframes seamSpinImpact{0%{opacity:0;transform:perspective(1000px) rotateX(-90deg) translateY(50px) scale(.5);filter:blur(15px)}to{opacity:1;transform:perspective(1000px) rotateX(0) translateY(0) scale(1);filter:blur(0)}}.brand-name:hover .letter{animation:lightFlicker .2s ease infinite alternate}@keyframes lightFlicker{0%{opacity:.8;filter:brightness(1) drop-shadow(0 0 10px var(--primary))}to{opacity:1;filter:brightness(1.5) drop-shadow(0 0 50px var(--primary))}}.tagline{font-size:1.5vw;color:var(--primary);letter-spacing:1.2vw;font-weight:900;margin-top:2rem;opacity:0;animation:taglineEntrance 1s ease forwards 1.5s;text-shadow:0 0 20px rgba(0,160,227,.4)}@keyframes taglineEntrance{0%{opacity:0;transform:scale(.8) tracking-tight;filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.lens-flare{position:absolute;top:50%;left:50%;width:1px;height:1px;border-radius:50%;box-shadow:0 0 300px 100px #ffffff1a,0 0 600px 200px #00a0e30d;z-index:5;animation:flarePulse 5s ease-in-out infinite alternate}@keyframes flarePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}to{transform:translate(-45%,-55%) scale(1.2);opacity:.6}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000003,#00ff0003,#0000ff03);background-size:100% 4px,3px 100%;pointer-events:none;z-index:20;opacity:.2}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:15}.video-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #00000080;z-index:21;pointer-events:none}@media screen and (max-width:1024px){.letter{font-size:clamp(4rem,11vw,7rem)}.tagline{font-size:1.5rem;letter-spacing:1rem}}@media screen and (max-width:768px){.logo-animation{width:95%;padding:0 10px}.brand-name{gap:.5vw}.letter{font-size:clamp(2.5rem,10vw,4.5rem)}.tagline{font-size:.9rem;letter-spacing:.5rem;margin-top:1.5rem}.cinematic-bg{background-attachment:scroll}}@media screen and (max-width:380px){.letter{font-size:clamp(2rem,12vw,3rem)}.tagline{font-size:.75rem;letter-spacing:.3rem;margin-top:1rem}}@media screen and (max-height:500px)and (orientation:landscape){.letter{font-size:clamp(2rem,8vh,4rem)}.tagline{font-size:.8rem;letter-spacing:.5rem;margin-top:.5rem}}.cta-button{background:var(--primary);color:#fff;border:none;padding:1.2rem 2.5rem;font-family:Outfit,sans-serif;font-weight:900;font-size:1.2rem;letter-spacing:.2rem;cursor:pointer;margin-top:3rem;border-radius:4px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:all .3s ease;box-shadow:0 0 20px #00a0e366}.cta-button:hover{transform:scale(1.05);background:#fff;color:var(--primary);box-shadow:0 0 40px #fff9}#brand-section,#game-section{transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;align-items:center}#brand-section.game-hidden,#game-section.game-hidden{opacity:0;visibility:hidden;display:none;transform:scale(.9) translateY(20px)}.game-container{width:90%;max-width:500px;min-height:auto;padding:2rem;position:relative}.glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px}.close-btn{position:absolute;top:.5rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.5;transition:opacity .3s;z-index:10}.game-screen{display:none;width:100%;flex-direction:column;align-items:center;animation:fadeIn .5s ease forwards}.game-screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;color:#fff;margin-bottom:1rem;letter-spacing:.1rem;text-align:center}.game-instr{color:var(--primary);font-weight:400;letter-spacing:.3rem;margin-bottom:2rem;text-align:center}.toss-options{display:flex;gap:2rem}.toss-btn{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2rem;font-weight:900;cursor:pointer;transition:all .3s;font-family:Outfit,sans-serif}.toss-btn:hover{border-color:var(--primary);background:#00a0e31a}.toss-result-text{margin-top:2rem;font-size:1.2rem;color:#fff;text-align:center;min-height:1.5em}.scoreboard{width:100%;display:flex;justify-content:space-around;padding:1rem;margin-bottom:2rem}.score-item{display:flex;flex-direction:column;align-items:center}.score-item .label{font-size:.6rem;color:#ffffff80;letter-spacing:.2rem;margin-bottom:.5rem}.score-item .value{font-size:1.2rem;font-weight:900;color:var(--primary)}#target-container.hidden{display:none}.book-area{width:180px;height:130px;perspective:1000px;margin:1.5rem 0}.book-visual{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.page{position:absolute;width:90px;height:130px;background:#f0f0f0;color:#333;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;border:1px solid #ccc;box-shadow:2px 2px 5px #0003}.page-left{right:50%;border-radius:5px 0 0 5px}.page-right{left:50%;border-radius:0 5px 5px 0}.flipping .book-visual{animation:flipAnim .2s infinite alternate}@keyframes flipAnim{0%{transform:rotateY(-10deg) scale(1)}to{transform:rotateY(10deg) scale(1.05)}}.roll-button{background:#fff;color:#000;border:none;padding:1rem 3rem;font-weight:900;font-size:1.1rem;cursor:pointer;transition:.3s;letter-spacing:.1rem;font-family:Outfit,sans-serif}.roll-button:hover:not(:disabled){background:var(--primary);color:#fff}.roll-button:disabled{opacity:.5;cursor:not-allowed}.ball-result-text{margin-top:1.5rem;font-size:2rem;font-weight:900;color:#fff;min-height:1.2em}.out-result{color:#ff4d4d;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.final-stats{width:100%;padding:2rem;margin:1.5rem 0;text-align:center;font-size:1.2rem;font-weight:900;color:#fff}.final-stats p{margin:.5rem 0}.winner-msg{color:var(--primary);font-size:1.1rem;letter-spacing:.1rem;text-align:center}@media screen and (max-width:480px){.game-container{padding:2rem 1rem}.toss-options{gap:1rem}.toss-btn{padding:.8rem 1.2rem}}@media screen and (max-width:360px){.game-container{padding:1.5rem .5rem;width:95%}.game-title{font-size:1.5rem}.game-instr{font-size:.8rem;margin-bottom:1rem}.scoreboard{padding:.5rem}.roll-button{padding:.8rem 2rem;font-size:.9rem}.book-area{width:150px;height:110px}.page{width:75px;height:110px;font-size:1.8rem}}@media screen and (max-height:500px)and (orientation:landscape){.game-container{min-height:250px;padding:1rem}.book-area{margin:.5rem 0}}