*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070a0d;color:#f7f7f7;font-family:Arial,"Noto Sans Tamil",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid #ffffff17;background:#070a0df2;position:sticky;top:0;z-index:9;backdrop-filter:blur(12px)}.nav{height:104px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:270px;height:auto}.nav-cta{font-size:13px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.nav-cta span{color:#ffbd12;margin-left:8px}.hero{min-height:720px;background:radial-gradient(circle at 86% 40%,#ffb80022,transparent 30%),linear-gradient(120deg,#080b0f 55%,#121008);border-bottom:1px solid #ffffff12}.hero-grid{min-height:720px;display:grid;grid-template-columns:1.25fr .85fr;align-items:center;gap:70px}.eyebrow,.section-title>span,.live{color:#ffbd12;font-size:12px;font-weight:900;letter-spacing:2px}h1{font-size:clamp(58px,7vw,96px);line-height:.88;letter-spacing:-5px;margin:24px 0;text-transform:uppercase;font-style:italic}h1 em{color:#ffbd12;font-style:inherit}.lead{max-width:650px;font-size:20px;line-height:1.55;font-weight:700}.tamil{max-width:650px;color:#ffd767;font-size:17px;line-height:1.7;font-weight:700}.main-button{display:inline-flex;margin-top:20px;background:#ffbd12;color:#080a0c;padding:19px 25px;font-weight:1000;text-transform:uppercase;box-shadow:8px 8px 0 #693f00}.quick{padding:30px;background:#11161c;border:1px solid #ffffff24;box-shadow:22px 25px 60px #000}.quick h2{font-size:30px;text-transform:uppercase;margin:14px 0 5px}.quick>p{color:#9ca5ae}.quick>a{display:flex;align-items:center;gap:14px;background:#ffffff08;border:1px solid #ffffff14;padding:12px;margin-top:10px}.quick>a:hover{border-color:#ffbd12}.quick img{width:34px}.quick a>b{display:grid;place-items:center;background:#ffbd12;color:#000;border-radius:50%;width:34px;height:34px}.quick small{display:block;color:#9ca5ae;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:3px}.quick strong{display:block;font-size:22px;white-space:nowrap}.games,.posters,.contacts{padding:85px 0}.games{background:#0b0f13}.section-title h2{font-size:clamp(38px,5vw,60px);text-transform:uppercase;font-style:italic;margin:10px 0 16px}.section-title p{color:#9ca5ae}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:38px}.game{min-height:155px;background:#131920;border:1px solid #ffffff19;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:16px}.game:hover{border-color:#ffbd12}.game b{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#ffbd12;color:#111;font-size:29px;box-shadow:0 0 30px #ffbd1244}.game span{font-size:12px;font-weight:1000;letter-spacing:.8px}.posters{background:linear-gradient(180deg,#070a0d,#0f0c04)}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.poster-grid article{background:#12171d;border:1px solid #ffffff1b}.poster-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.poster-grid article div{padding:17px}.poster-grid h3{margin:0 0 6px;font-size:18px}.poster-grid time{color:#ffbd12;font-size:12px}.empty{margin-top:35px;min-height:250px;border:1px dashed #ffbd1266;background:#ffbd1208;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.empty b{font-size:24px}.empty span{color:#999}.contacts{background:#080b0e}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.contact-card{min-width:0;min-height:340px;padding:26px 22px;background:#12171d;border:1px solid #ffffff1b;display:flex;flex-direction:column}.contact-card:hover{border-color:#ffbd12}.status{color:#ffbd12;font-size:11px;font-weight:900;letter-spacing:1.2px}.contact-card h3{color:#fff;font-size:25px;line-height:1.05;text-transform:uppercase;margin:36px 0 8px}.contact-card p{color:#ffdf80;font-weight:800;min-height:42px}.contact-card>strong{font-size:24px;white-space:nowrap;letter-spacing:-1px}.contact-card footer{border-top:1px solid #ffffff18;margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.contact-card footer img{width:26px}.contact-card footer b{margin-left:auto;color:#ffbd12}.contact-card footer i{font-size:24px;color:#ffbd12}.notice{margin-top:28px;border:1px solid #ffbd1240;padding:20px;display:flex;gap:15px;color:#aaa}.notice p{margin:0;line-height:1.5}.notice strong{color:#fff}.site-footer{border-top:1px solid #ffffff17;padding:32px 0}.site-footer .shell{display:flex;justify-content:space-between;align-items:center}.site-footer img{width:180px;height:auto}.site-footer p{color:#777;font-size:12px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;padding:75px 0}.hero{min-height:auto}.game-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.poster-grid{grid-template-columns:1fr 1fr}.quick{max-width:600px}}
@media(max-width:600px){.shell{width:min(100% - 28px,560px)}.nav{height:82px}.brand img{width:210px}.nav-cta{font-size:0}.nav-cta span{font-size:24px}h1{font-size:49px;letter-spacing:-3px}.hero-grid{padding:55px 0;gap:45px}.quick{padding:20px}.quick h2{font-size:24px}.quick strong{font-size:19px}.game-grid{grid-template-columns:1fr 1fr}.game{min-height:135px}.poster-grid,.contact-grid{grid-template-columns:1fr}.contact-card{min-height:300px}.contact-card>strong{font-size:29px}.site-footer .shell{flex-direction:column;gap:18px;text-align:center}}
/* WhatsApp Status poster carousel */
.poster-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.carousel-controls{display:flex;align-items:center;gap:13px;padding-bottom:18px}.carousel-controls button{width:45px;height:45px;border:1px solid #ffbd12;background:#ffbd12;color:#080a0c;font-size:22px;font-weight:900;cursor:pointer}.carousel-controls span{min-width:52px;text-align:center;font-size:13px;color:#aaa}.carousel-controls b{color:#fff}.poster-carousel{display:flex;gap:18px;margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 15px}.poster-carousel::-webkit-scrollbar{display:none}.status-poster{position:relative;flex:0 0 280px;aspect-ratio:9/16;scroll-snap-align:start;overflow:hidden;border:1px solid #ffffff2a;padding:34px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,#ffbd1255,transparent 30%),linear-gradient(150deg,#1b1300,#090b0e 60%);box-shadow:0 16px 40px #000}.status-poster:before,.status-poster:after{content:"";position:absolute;border:1px solid #ffbd124f;border-radius:50%;width:280px;height:280px;z-index:0}.status-poster:before{top:-115px;right:-130px}.status-poster:after{bottom:-130px;left:-130px}.status-poster>*{position:relative;z-index:1}.status-poster>span{color:#ffbd12;font-size:11px;font-weight:1000;letter-spacing:2px}.versus{display:flex;align-items:center;gap:12px;margin:auto 0}.versus b{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#fff;color:#111;border:6px solid #ffbd12;font-size:24px;box-shadow:0 0 25px #ffbd1260}.versus i{font-style:italic;font-weight:1000;color:#ffbd12}.status-poster h3{font-size:28px;line-height:1;margin:0 0 12px}.status-poster p{color:#ddd;margin:0 0 40px}.status-poster em{position:absolute;bottom:18px;color:#ffbd12;font-style:italic;font-weight:1000;letter-spacing:2px}.p2{background:radial-gradient(circle at 50% 35%,#f43f5e55,transparent 30%),linear-gradient(150deg,#2a0710,#090b0e 60%)}.p3{background:radial-gradient(circle at 50% 35%,#22c55e55,transparent 30%),linear-gradient(150deg,#062614,#090b0e 60%)}.p4{background:radial-gradient(circle at 50% 35%,#3b82f655,transparent 30%),linear-gradient(150deg,#07172f,#090b0e 60%)}.p5{background:radial-gradient(circle at 50% 35%,#a855f755,transparent 30%),linear-gradient(150deg,#1d0929,#090b0e 60%)}.p6{background:radial-gradient(circle at 50% 35%,#f9731655,transparent 30%),linear-gradient(150deg,#2b1004,#090b0e 60%)}.swipe-hint{text-align:center;color:#8c939a;font-size:12px;margin:10px 0 0}
@media(max-width:600px){.poster-heading{display:block}.carousel-controls{padding:5px 0 0}.status-poster{flex-basis:min(82vw,310px)}}
/* Uploaded posters: preserve every source image without cropping */
.uploaded-poster{flex:0 0 auto;scroll-snap-align:start;display:grid;place-items:center;background:#0b0f13;border:1px solid #ffffff22;padding:8px;overflow:hidden}.uploaded-poster img{display:block;width:auto;height:min(68vh,620px);max-width:min(82vw,620px);object-fit:contain}.poster-carousel:has(.uploaded-poster:only-child){justify-content:center}.poster-carousel:has(.uploaded-poster:only-child)+.swipe-hint,.poster-heading:has(+ .poster-carousel .uploaded-poster:only-child) .carousel-controls{display:none}
@media(max-width:600px){.uploaded-poster img{height:auto;width:min(84vw,500px);max-height:72vh;object-fit:contain}.uploaded-poster{padding:5px}}
/* Five separate Cricwala contact cards */
@media(min-width:1001px){.contact-grid{grid-template-columns:repeat(3,1fr)}}
/* Rich contact-card backgrounds */
.contact-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#171d24 0%,#0b1015 72%);border-color:#ffffff24;box-shadow:0 18px 45px #0005}.contact-card>*{position:relative;z-index:2}.contact-card:before{content:"";position:absolute;z-index:0;width:230px;height:230px;right:-95px;top:-95px;border-radius:50%;background:radial-gradient(circle,#ffbd1235 0%,#ffbd120d 42%,transparent 70%);transition:transform .35s ease}.contact-card:after{position:absolute;z-index:0;right:18px;top:8px;color:#ffffff08;font-size:92px;line-height:1;font-style:italic;font-weight:1000;letter-spacing:-7px}.contact-card:nth-child(1):after{content:"01"}.contact-card:nth-child(2):after{content:"02"}.contact-card:nth-child(3):after{content:"03"}.contact-card:nth-child(4):after{content:"04"}.contact-card:nth-child(5):after{content:"05"}.contact-card:nth-child(1){background:linear-gradient(145deg,#1b1a10,#0d1115 70%);border-color:#ffbd1259}.contact-card:nth-child(2){background:linear-gradient(145deg,#1a1512,#0d1115 70%);border-color:#f973164d}.contact-card:nth-child(3){background:linear-gradient(145deg,#111c19,#0d1115 70%);border-color:#22c55e3d}.contact-card:nth-child(4){background:linear-gradient(145deg,#101820,#0d1115 70%);border-color:#38bdf83d}.contact-card:nth-child(5){background:linear-gradient(145deg,#191321,#0d1115 70%);border-color:#a855f73d}.contact-card:hover{border-color:#ffbd12;transform:translateY(-5px);box-shadow:0 25px 55px #0009,0 0 28px #ffbd1214}.contact-card:hover:before{transform:scale(1.22)}.contact-card>strong{text-shadow:0 2px 16px #000}.contact-card footer{background:linear-gradient(90deg,#ffffff06,transparent);margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}
/* Supplied game artwork */
.game{padding:10px;justify-content:flex-start;overflow:hidden}.game img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #ffffff18}.game span{padding:7px 4px 9px;font-size:13px}.game:hover img{filter:brightness(1.08)}
/* Lively motion and atmosphere */
body{overflow-x:hidden;background-image:radial-gradient(circle at 12% 18%,#ffbd1208 0 2px,transparent 3px),radial-gradient(circle at 82% 12%,#ffffff08 0 1px,transparent 2px);background-size:90px 90px,65px 65px}.brand img{filter:drop-shadow(0 0 0 transparent);animation:logoBreathe 4s ease-in-out infinite}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:80px;border:1px solid #ffbd1227;border-radius:50%;box-shadow:0 0 0 75px #ffbd1206,0 0 0 150px #ffbd1204;animation:orbitFloat 8s ease-in-out infinite;pointer-events:none}.hero-grid{position:relative;z-index:1}.eyebrow:first-letter,.live:first-letter{animation:livePulse 1.25s ease-in-out infinite}.main-button{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.main-button:after{content:"";position:absolute;inset:-50% auto -50% -35%;width:26%;background:#fff9;transform:skewX(-22deg);animation:buttonShine 3.8s ease-in-out infinite}.main-button:hover{transform:translateY(-3px);box-shadow:11px 12px 0 #693f00}.quick{animation:panelFloat 5s ease-in-out infinite}.quick>a{transition:transform .22s ease,background .22s ease,border-color .22s ease}.quick>a:hover{transform:translateX(6px);background:#ffbd120d}.game{position:relative;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.game img{transition:transform .4s ease,filter .3s ease}.game:hover{transform:translateY(-7px);box-shadow:0 18px 35px #0008,0 0 22px #ffbd1215}.game:hover img{transform:scale(1.035)}.status-poster,.uploaded-poster{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.uploaded-poster:hover{transform:translateY(-5px);border-color:#ffbd12;box-shadow:0 20px 45px #0009}.status{animation:statusGlow 2s ease-in-out infinite}.notice{background:linear-gradient(90deg,#ffbd1209,transparent 60%)}
@keyframes logoBreathe{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 12px #ffbd1244)}}@keyframes orbitFloat{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-25px,25px) rotate(12deg)}}@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes buttonShine{0%,55%{left:-35%}78%,100%{left:130%}}@keyframes panelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes statusGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 12px #ffbd1275}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand img,.hero:after,.eyebrow:first-letter,.live:first-letter,.main-button:after,.quick,.status{animation:none}.main-button,.quick>a,.game,.game img,.uploaded-poster,.contact-card{transition:none}}
/* Scroll reveals and stronger visual motion */
.reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .65s ease var(--delay,0ms),transform .65s cubic-bezier(.2,.75,.2,1) var(--delay,0ms)}.reveal.revealed{opacity:1;transform:translateY(0) scale(1)}.section-title.revealed h2{animation:headingSweep .75s cubic-bezier(.2,.8,.2,1) both}.game.revealed{animation:gameIdle 5s ease-in-out calc(var(--delay,0ms) + .7s) infinite}.uploaded-poster.revealed{animation:posterBreathe 4.5s ease-in-out .8s infinite}.carousel-controls button{transition:transform .2s ease,box-shadow .2s ease}.carousel-controls button:hover{transform:scale(1.1);box-shadow:0 0 24px #ffbd1266}.carousel-controls button:active{transform:scale(.94)}
@keyframes headingSweep{from{letter-spacing:-.08em;filter:blur(5px);opacity:.2}to{letter-spacing:normal;filter:blur(0);opacity:1}}@keyframes gameIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes posterBreathe{0%,100%{box-shadow:0 16px 35px #0008}50%{box-shadow:0 22px 50px #000b,0 0 22px #ffbd121c}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.section-title.revealed h2,.game.revealed,.uploaded-poster.revealed{animation:none}}
/* Interactive animation layer */
.scroll-progress{position:fixed;z-index:99;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff8a00,#ffdb4d,#fff);box-shadow:0 0 14px #ffbd12;pointer-events:none}.cursor-glow{position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--x,-500px) var(--y,-500px),#ffbd120d,transparent 70%)}header,main,.site-footer{position:relative;z-index:1}h1 em{background:linear-gradient(90deg,#ff9d00,#fff0a3,#ffbd12,#ff7b00);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldFlow 4s linear infinite}.contact-card:before{background:radial-gradient(circle at var(--mx,70%) var(--my,20%),#ffdb4d35 0%,#ffbd120d 35%,transparent 68%)}.contact-card>strong{position:relative;background:linear-gradient(100deg,#fff 20%,#ffdc73 45%,#fff 70%);background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:numberShine 5s linear infinite}.game:after{content:"";position:absolute;inset:0;background:radial-gradient(160px circle at var(--mx,50%) var(--my,50%),#ffbd121e,transparent 65%);opacity:0;transition:opacity .25s;pointer-events:none}.game:hover:after{opacity:1}.nav-cta{position:relative}.nav-cta:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:#ffbd12;transform:scaleX(.2);transform-origin:right;transition:transform .3s ease}.nav-cta:hover:after{transform:scaleX(1);transform-origin:left}.whatsapp-icon,.contact-card footer img{animation:whatsappBeat 2.4s ease-in-out infinite}
@keyframes goldFlow{to{background-position:260% 0}}@keyframes numberShine{0%,45%{background-position:180% center}75%,100%{background-position:-70% center}}@keyframes whatsappBeat{0%,88%,100%{transform:scale(1)}92%{transform:scale(1.15)}96%{transform:scale(.96)}}
@media(pointer:coarse){.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){h1 em,.contact-card>strong,.whatsapp-icon,.contact-card footer img{animation:none}.scroll-progress{box-shadow:none}}
/* High-visibility animated quick-contact numbers */
.quick>a{position:relative;overflow:hidden;border-left:3px solid var(--row-color,#ffbd12);box-shadow:inset 0 0 0 transparent;animation:quickRowIn .55s cubic-bezier(.2,.8,.2,1) both}.quick>a:nth-of-type(1){--row-color:#ffd23f;animation-delay:.08s}.quick>a:nth-of-type(2){--row-color:#ff8a3d;animation-delay:.16s}.quick>a:nth-of-type(3){--row-color:#41e57a;animation-delay:.24s}.quick>a:nth-of-type(4){--row-color:#45caff;animation-delay:.32s}.quick>a:nth-of-type(5){--row-color:#ffbd12;animation-delay:.40s}.quick>a:after{content:"";position:absolute;inset:0 auto 0 -45%;width:28%;background:linear-gradient(90deg,transparent,#ffffff14,transparent);transform:skewX(-18deg);animation:quickSweep 5s ease-in-out infinite;animation-delay:inherit}.quick>a:hover{box-shadow:inset 0 0 28px color-mix(in srgb,var(--row-color) 14%,transparent),0 0 18px #0005}.quick strong{color:var(--row-color);font-size:24px;letter-spacing:.2px;text-shadow:0 0 18px color-mix(in srgb,var(--row-color) 42%,transparent);animation:quickNumberPulse 3s ease-in-out infinite}.quick small{color:#d3d8de}.quick>a>img,.quick>a>b{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--row-color) 48%,transparent))}.quick>a:nth-of-type(2):after,.quick>a:nth-of-type(4):after{animation-delay:1.2s}
@keyframes quickRowIn{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}@keyframes quickSweep{0%,62%{left:-45%}82%,100%{left:125%}}@keyframes quickNumberPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
@media(max-width:600px){.quick strong{font-size:21px}.quick>a{padding:13px 11px}}
@media(prefers-reduced-motion:reduce){.quick>a,.quick>a:after,.quick strong{animation:none}}
/* Cricwala logo animation */
.brand{position:relative;display:block;overflow:hidden;padding:7px 3px;perspective:700px}.brand img{transform-origin:center;animation:logoEntrance .85s cubic-bezier(.18,.85,.2,1) both,logoFloat 4s ease-in-out .9s infinite,logoGlow 2.8s ease-in-out .9s infinite}.brand:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-30%;width:16%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-20deg);animation:logoSweep 4.2s ease-in-out 1.2s infinite;pointer-events:none}.brand:hover img{animation-play-state:paused;transform:translateY(-3px) rotateX(7deg) scale(1.025);filter:drop-shadow(0 7px 15px #ffbd125c)}
@keyframes logoEntrance{from{opacity:0;transform:translateX(-35px) scale(.86);filter:blur(7px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 3px #ffbd121c)}50%{filter:drop-shadow(0 0 14px #ffbd125c)}}@keyframes logoSweep{0%,55%{left:-30%}78%,100%{left:125%}}
@media(prefers-reduced-motion:reduce){.brand img,.brand:after{animation:none}.brand:hover img{transform:none}}