@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@100..900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}*{font-family:Noto Sans Tamil,sans-serif!important}:root{--gold:#f0c060;--gold-dim:#c8943a;--gold-pale:#f5d98060;--ruby:#e05060;--emerald:#40c880;--sapphire:#6070f0;--indigo:#0d0b1e;--indigo-mid:#161230;--indigo-card:#1a1535;--indigo-light:#221d44;--text:#e8dfc8;--text-muted:#9080a0;--text-dim:#5a507a;--radius-card:24px;--radius-chip:30px;--radius-btn:14px;--shadow-card:0 0 0 1px #ffffff06 inset,0 40px 80px -20px #00000090,0 0 80px #4020a035;--shadow-gold:0 0 20px #f0c06080;--shadow-chip:0 2px 12px #00000040,0 0 8px #f0c06015}@keyframes wrongPopIn{0%{opacity:0;transform:scale(.7) translateY(30px)}60%{opacity:1;transform:scale(1.05) translateY(-6px)}80%{transform:scale(.97) translateY(2px)}to{transform:scale(1) translateY(0)}}.game-root{min-height:100vh;background:radial-gradient(ellipse 140% 90% at 50% -15%,#2a1060 0,var(--indigo) 55%),repeating-linear-gradient(60deg,transparent,transparent 80px,#ffffff03 80px,#ffffff03 81px);display:flex;align-items:center;justify-content:center;font-family:Noto Sans Tamil,sans-serif;position:relative;overflow:hidden;padding:20px}.bg-geo{position:absolute;pointer-events:none;border-radius:50%}.bg-geo-1{top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,#4020a025 0,transparent 70%);animation:floatSlow 12s ease-in-out infinite alternate}.bg-geo-2{bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,#f0c06012 0,transparent 70%);animation:floatSlow 15s ease-in-out infinite alternate-reverse}.bg-geo-3{width:800px;height:800px;border:1px solid #f0c06006;animation:spinSlow 60s linear infinite}.bg-geo-3,.bg-geo-4{top:40%;left:50%;transform:translate(-50%,-50%)}.bg-geo-4{width:600px;height:600px;border:1px solid #9b6dff05;animation:spinSlow 40s linear infinite reverse}.container{margin:30px auto;max-width:990px;display:grid;grid-template-columns:214px auto;grid-gap:30px;align-items:center;background:#fff;box-shadow:0 3px 26px 0 rgba(0,0,0,.25);border-radius:10px;padding:15px 30px 30px 70px}.game-logo{object-fit:contain}.game-card{position:relative;width:100%;display:grid;grid-gap:5px;align-items:center;background:linear-gradient(160deg,var(--indigo-card) 0,var(--indigo-mid) 100%);border-radius:var(--radius-card);z-index:1;animation:cardIn .7s cubic-bezier(.16,1,.3,1) both}.game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.score-box{display:flex;flex-direction:column;align-items:center;gap:5px}.score-label{font-size:9px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.score-val{font-size:28px;font-weight:700;color:var(--gold);text-shadow:var(--shadow-gold);font-family:Cinzel Decorative,serif;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.score-val.bump{transform:scale(1.5)}.success{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:20px}.success-mes{position:relative}.success:before{background:url(https://images.assettype.com/vikatan/2026-03-19/s5no039a/congrats-before.png);background-size:cover;left:-5%}.success:after,.success:before{width:210px;height:190px;position:absolute;content:"";top:-5%}.success:after{background:url(https://images.assettype.com/vikatan/2026-03-19/frmx61sa/after-congrats.png);background-size:cover;right:-5%}.streak-badge{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#3a1a00,#5a3000);border:1px solid #f0c06040;border-radius:20px;padding:4px 10px;font-size:11px;color:var(--gold);font-weight:700;box-shadow:0 0 14px #f0c06020;animation:streakGlow 2s ease-in-out infinite alternate}.streak-flame{font-size:14px;animation:flameFlicker 1s ease-in-out infinite alternate}.xp-section{margin-bottom:14px}.xp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.xp-label{font-size:9px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.xp-level{font-size:10px;color:var(--sapphire);font-weight:700;letter-spacing:1px;filter:brightness(1.4)}.xp-track{height:4px;background:#ffffff08;overflow:visible}.xp-fill,.xp-track{border-radius:2px;position:relative}.xp-fill{height:100%;background:linear-gradient(90deg,#6070f090,#9b6dff);box-shadow:0 0 10px #9b6dff60;transition:width .8s cubic-bezier(.25,1,.5,1)}.xp-fill:after{content:"";right:-3px;top:-3px;width:10px;height:10px;background:#9b6dff;box-shadow:0 0 12px #9b6dff}.combo-badge,.xp-fill:after{position:absolute;border-radius:50%}.combo-badge{top:-12px;right:-12px;width:48px;height:48px;background:conic-gradient(var(--gold) var(--combo-pct,0),#ffffff10 0);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--gold);box-shadow:0 0 20px #f0c06060;animation:comboPop .4s cubic-bezier(.34,1.56,.64,1);z-index:5}.combo-badge:before{content:"";position:absolute;inset:4px;background:var(--indigo-card);border-radius:50%}.combo-inner{position:relative;z-index:1;text-align:center;line-height:1.1}.top-ornament{font-family:Cinzel Decorative,serif;font-size:11px;color:var(--gold);letter-spacing:3px;text-shadow:0 0 20px #f0c06060;text-align:center}.progress-dots{display:flex;gap:8px;align-items:center}.dot{width:11px;height:11px;border-radius:50%;background:#ffffff08;border:1px solid #ffffff15;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dot.done{background:var(--gold-dim);box-shadow:0 0 8px var(--gold-dim)}.dot.active,.dot.done{border-color:var(--gold)}.dot.active{background:var(--gold);box-shadow:0 0 16px #f0c06090;animation:pulseDot 1.5s ease-in-out infinite}.timer-wrap{display:flex;align-items:center;gap:12px;margin-bottom:18px}.timer-track{flex:1 1;height:6px;background:#ffffff08;border-radius:3px;overflow:hidden}.timer-fill{height:100%;border-radius:3px;transition:width 1s linear,background 1s,box-shadow 1s}.timer-badge{font-size:12px;font-weight:700;letter-spacing:1px;border:1px solid;padding:2px 9px;border-radius:20px;min-width:42px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.divider{height:1px;background:linear-gradient(90deg,transparent,#f0c06030,transparent);margin-bottom:20px}.instruction{text-align:center;color:var(--text-muted);font-size:11px;letter-spacing:2px;margin-bottom:14px;text-transform:uppercase}.drop-zone{min-height:88px;border:2px dashed #f0c06030;border-radius:16px;padding:14px;margin-bottom:14px;background:#ffffff02;position:relative;transition:border-color .25s,background .25s,box-shadow .25s}.drop-zone.active{border-color:var(--gold);background:#f0c06008;box-shadow:0 0 24px #f0c06018,inset 0 0 20px #f0c06005}.placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff12;font-size:13px;pointer-events:none;white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-selected{padding:8px 16px;background:linear-gradient(135deg,#2a1f6060,#3a2a8060);border:1px solid #f0c06060;border-radius:var(--radius-chip);font-size:15px;color:var(--gold);cursor:-webkit-grab;cursor:grab;box-shadow:var(--shadow-chip);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s,box-shadow .15s;font-family:"Noto Serif Tamil",serif}.chip-selected:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 4px 18px #00000050,0 0 18px #f0c06035}.chip-selected:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(.96)}.chip-bank{padding:8px 16px;background:linear-gradient(135deg,var(--indigo-light),#1e1840);border:1px solid #ffffff18;border-radius:var(--radius-chip);font-size:15px;color:var(--text);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 8px #00000030;transition:all .18s cubic-bezier(.34,1.56,.64,1);animation:chipAppear .4s cubic-bezier(.34,1.56,.64,1) both;font-family:"Noto Serif Tamil",serif}.chip-bank:hover{background:linear-gradient(135deg,#2a2060,#252050);border-color:#f0c06050;color:var(--gold);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #00000050,0 0 14px #f0c06025}.chip-bank:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(.95)}.word-bank{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;min-height:54px;padding:12px;border-radius:14px;background:#ffffff03;border:1px solid #ffffff06}.btn-group{display:flex;gap:10px;margin-bottom:12px}.btn{flex:1 1;padding:13px 10px;border-radius:var(--radius-btn);border:none;font-family:"Noto Serif Tamil",serif;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff10,transparent);opacity:0;transition:opacity .2s}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,#6030c0,#4820a0);color:white;box-shadow:0 4px 20px #4020a050,inset 0 0 0 1px #ffffff10}.btn-primary:hover{background:linear-gradient(135deg,#7040d0,#5830b0);transform:translateY(-2px);box-shadow:0 8px 30px #4020a070}.btn-primary:active{transform:translateY(0)}.btn-hint{background:linear-gradient(135deg,#5a3a00,#8a5c00);color:var(--gold);border:1px solid #f0c06030}.btn-hint:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8a5c0050}.btn-hint:disabled{opacity:.35;cursor:not-allowed}.btn-skip{background:linear-gradient(135deg,#2a1020,#3a1530);color:#c06080;border:1px solid #c0608030}.btn-skip:hover{transform:translateY(-2px)}.hint-pips{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.pip{width:7px;height:7px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff18;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pip.used{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px var(--gold);transform:scale(1.3)}.bottom-ornament{display:flex;align-items:center;gap:10px;margin-top:10px}.ornament-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,#f0c06018)}.ornament-diamond{color:#f0c06035;font-size:8px}.answer-box{text-align:center;padding:10px 0 20px;animation:fadeIn .5s ease both}.answer-label{color:var(--gold);font-size:11px;letter-spacing:3px;margin-bottom:16px;opacity:.8;text-transform:uppercase}.answer-text{color:var(--text);font-size:19px;line-height:1.8;margin-bottom:24px;padding:18px 22px;background:#ffffff04;border-radius:14px;border:1px solid #f0c06018;font-style:italic}.achievement-toast{position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-120px);background:linear-gradient(135deg,#1a1535ee,#221d44ee);border:1px solid var(--gold);border-radius:16px;padding:14px 24px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 40px #00000060,0 0 30px #f0c06025;z-index:100;transition:transform .5s cubic-bezier(.16,1,.3,1);white-space:nowrap}.achievement-toast.visible{transform:translateX(-50%) translateY(0)}.achievement-icon{font-size:28px;animation:spinOnce .6s cubic-bezier(.34,1.56,.64,1)}.achievement-text{display:flex;flex-direction:column;gap:2px}.achievement-title{font-size:9px;color:var(--gold);letter-spacing:2px;text-transform:uppercase}.achievement-name{font-size:15px;color:var(--text);font-weight:600}.upgrade-strip{background:linear-gradient(135deg,#3a1050,#220a38);border:1px solid #9b6dff40;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px;cursor:pointer;transition:all .25s;box-shadow:0 0 20px #9b6dff10}.upgrade-strip:hover{border-color:#9b6dff80;box-shadow:0 0 30px #9b6dff25;transform:translateY(-1px)}.upgrade-icon{font-size:22px}.upgrade-text{flex:1 1}.upgrade-headline{font-size:12px;color:#c0a0ff;font-weight:700;letter-spacing:.5px}.upgrade-sub{font-size:10px;color:var(--text-dim);margin-top:2px}.upgrade-arrow{color:#9b6dff;font-size:16px}.share-section{margin-top:16px;display:flex;flex-direction:column;gap:10px}.share-card{background:linear-gradient(135deg,#1a1535,#221d44);border:1px solid #f0c06028;border-radius:16px;padding:18px 20px;text-align:center}.share-result-emoji{font-size:36px;margin-bottom:8px}.share-result-text{font-size:13px;color:var(--text-muted);line-height:1.6}.share-result-score{font-size:32px;font-weight:700;color:var(--gold);font-family:Cinzel Decorative,serif;text-shadow:var(--shadow-gold)}.btn-share{width:100%;padding:13px;border-radius:var(--radius-btn);font-family:"Noto Serif Tamil",serif;font-size:13px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#1a5a3a,#0f3a24);color:var(--emerald);border:1px solid #40c88040;transition:all .2s;letter-spacing:.5px}.btn-share:hover{transform:translateY(-2px);box-shadow:0 6px 24px #40c88030}.lock-card{position:relative;width:100%;max-width:440px;background:linear-gradient(160deg,var(--indigo-card) 0,var(--indigo-mid) 100%);border-radius:var(--radius-card);border:1px solid #f0c06028;box-shadow:var(--shadow-card);padding:52px 44px 40px;z-index:1;text-align:center;animation:cardIn .7s cubic-bezier(.16,1,.3,1) both}.lotus-icon{font-size:56px;margin-bottom:16px;animation:floatSlow 3s ease-in-out infinite alternate}.lock-title{color:var(--gold);font-size:30px;margin-bottom:16px;text-shadow:0 0 40px #f0c06080;font-family:Cinzel Decorative,serif}.lock-sub{color:var(--text-muted);font-size:15px;margin-bottom:8px;line-height:1.7}.lock-score-row{display:flex;flex-direction:column;align-items:center;gap:4px;margin:28px 0 24px;padding:20px;border-radius:16px;background:#ffffff04;border:1px solid #f0c06018}.lock-score-label{font-size:9px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.lock-score-val{font-size:40px;font-weight:700;color:var(--gold);text-shadow:0 0 40px #f0c06090;font-family:Cinzel Decorative,serif}.achievements-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:14px;background:#ffffff04;border:1px solid #ffffff10;flex:1 1;min-width:70px;transition:all .3s}.badge.earned{background:linear-gradient(135deg,#2a1a5060,#3a2a7060);border-color:#f0c06040;box-shadow:0 0 14px #f0c06015}.badge.earned .badge-icon{filter:none}.badge-icon{font-size:22px;filter:grayscale(1) brightness(.4);transition:filter .4s}.badge-name{font-size:8px;color:var(--text-dim);letter-spacing:1px;text-align:center;text-transform:uppercase}.badge.earned .badge-name{color:var(--gold)}.particle{position:fixed;border-radius:50%;background:radial-gradient(circle,var(--gold),#9b6dff);animation:particleBurst linear forwards;pointer-events:none;z-index:999}@keyframes cardIn{0%{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chipAppear{0%{opacity:0;transform:scale(.65) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(var(--dx, 60px) - 30px),-90px) scale(0);opacity:0}}@keyframes pulseDot{0%,to{box-shadow:0 0 8px #f0c06080;transform:scale(1)}50%{box-shadow:0 0 20px #f0c060cc;transform:scale(1.3)}}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes spinSlow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes streakGlow{0%{box-shadow:0 0 10px #f0c06020}to{box-shadow:0 0 25px #f0c06050}}@keyframes flameFlicker{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.15) rotate(5deg)}}@keyframes comboPop{0%{transform:scale(.5) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes spinOnce{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0deg) scale(1)}}@keyframes successPulse{0%{box-shadow:var(--shadow-card)}25%{box-shadow:0 40px 80px -20px #00000080,0 0 100px #f0c06070,0 0 0 3px #f0c06050}to{box-shadow:var(--shadow-card)}}@keyframes shake{10%,90%{transform:translateX(-3px)}20%,80%{transform:translateX(6px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}to{transform:translateX(0)}}@keyframes levelUp{0%{transform:scale(1)}30%{transform:scale(1.06);box-shadow:var(--shadow-card),0 0 60px #9b6dff50}to{transform:scale(1)}}.success-flash{animation:successPulse 1.2s ease forwards}.shake{animation:shake .55s cubic-bezier(.36,.07,.19,.97) both}.level-up-flash{animation:levelUp .8s cubic-bezier(.34,1.56,.64,1) forwards}.fade-in{animation:fadeIn .5s ease both}.success-pop{height:80vh;scrollbar-width:none}.otherGames h1{font-size:14px;margin:30px 0 15px}.otherGamesGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;align-items:center;height:30vh;overflow-y:scroll}.otherGamesGrid .gameDiv{border:1px solid rgb(197,192,192);padding:5px 10px;border-radius:5px}.otherGamesGrid .gameDiv img{width:100%;height:52px;object-fit:contain}.otherGamesGrid .ctaBtn{background:#269457;padding:5px 8px;color:#fff;text-decoration:none;border-radius:5px;font-size:12px;display:block}.openApp{z-index:9;color:#fff;text-decoration:none}.app-promoting{background:#efefef;padding:10px 15px;border-radius:10px;margin:20px 0;gap:0!important}.app-content{display:grid;grid-template-columns:45px auto;grid-gap:20px;gap:20px;align-items:center;margin-bottom:10px}.app-content img{width:100%}.app-promoting .text{font-size:14px!important;line-height:1.5!important;font-weight:500;text-align:left!important}.download{color:#fff;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.word-tile{transition:all .15s ease}.word-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,58,138,.15)}.word-tile:active{transform:scale(.95)}.selected-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,58,138,.2)}@media (min-width:1024px){.selected-area{display:grid!important;grid-template-columns:repeat(4,max-content);grid-gap:8px;gap:8px;align-content:flex-start}}@media (max-width:400px){.correctanswer span{font-size:16px!important}.kuralExplain{font-size:12px!important;line-height:20px!important;padding:8px 15px!important;margin:0 auto!important;max-width:90%!important}}@media (max-width:480px){.otherGamesGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.sections{display:inline-flex!important;flex-wrap:wrap!important}}@media (max-width:520px){.game-card{padding:24px 18px 18px}.btn-group{flex-direction:column}.btn{width:100%}.achievements-row{gap:6px}}@media (max-width:767px){.container{gap:30px!important}.sections{grid-template-columns:1fr!important}.theme-logo{margin:0 auto;text-align:center}.theme-logo img{height:200px;object-fit:contain}.success:after,.success:before{width:150px!important;height:150px!important;top:-2%!important;right:-2%!important}.success p{font-size:14px}.success-pop{padding:0!important}.arrange,.defaultanswer{font-size:14px!important}.original span{font-size:13px!important}.countdown{display:flex;align-items:center}.countdown span{font-size:13px}.timer{margin-left:5px!important}.success-mes{padding:100px 20px 20px!important}}@media (max-width:768px){.container{grid-template-columns:1fr;padding:16px;margin:12px;grid-gap:0;border-radius:16px}.theme-logo{display:block}.game-card{padding:0}.btn-group{flex-direction:row}}@media (max-width:1024px){.sections{grid-template-columns:repeat(3,max-content)!important}}@media (max-width:520px){.container{margin:8px;padding:14px}.btn-group{flex-direction:column}.btn{width:100%}.achievements-row{gap:6px}.app-content{grid-template-columns:45px auto;gap:10px}.app-promoting .text{font-size:12px!important}}