import React,{useEffect,useMemo,useState}from'react';import{createRoot}from'react-dom/client';import'./styles.css';
const L={pt:{tag:'PT',slogan:'Relaxe, brinque e cuide da Nina!',play:'Jogar',gift:'Presente grátis',level:'Nível',coins:'Moedas',gems:'Diamantes',energy:'Energia',activities:'Atividades',home:'Casinha',shop:'Loja',missions:'Missões',events:'Eventos',collection:'Coleção',start:'Começar',dig:'Escavar Ossos',digD:'Cave e encontre ossos, moedas e tesouros raros.',bath:'Banho da Nina',bathD:'Lave, enxágue e seque com sons satisfatórios.',bubble:'Bubble Pop',bubbleD:'Estoure bolhas e descubra recompensas.',snack:'Petiscos',snackD:'Alimente Nina e faça combos fofos.',garden:'Jardim',gardenD:'Regue flores e colete renda passiva.',box:'Presentes',boxD:'Abra caixas e ganhe skins e itens.',decorate:'Decorar',decorateD:'Monte a casinha perfeita da Nina.',daily:'Missões diárias',vip:'Passe Nina VIP',reward:'Recompensa',earned:'Você ganhou',close:'Fechar',remove:'Remover anúncios',starter:'Pacote Inicial',premium:'VIP Mensal',viral:'Compartilhar conquista'},en:{tag:'EN',slogan:'Relax, play and take care of Nina!',play:'Play',gift:'Free gift',level:'Level',coins:'Coins',gems:'Gems',energy:'Energy',activities:'Activities',home:'Home',shop:'Shop',missions:'Missions',events:'Events',collection:'Collection',start:'Start',dig:'Bone Dig',digD:'Dig to find bones, coins and rare treasures.',bath:'Nina Bath',bathD:'Wash, rinse and dry with satisfying sounds.',bubble:'Bubble Pop',bubbleD:'Pop bubbles and reveal rewards.',snack:'Snacks',snackD:'Feed Nina and make cute combos.',garden:'Garden',gardenD:'Water flowers and collect idle income.',box:'Gifts',boxD:'Open boxes to win skins and items.',decorate:'Decorate',decorateD:'Build Nina’s perfect cozy home.',daily:'Daily missions',vip:'Nina VIP Pass',reward:'Reward',earned:'You earned',close:'Close',remove:'Remove ads',starter:'Starter Pack',premium:'Monthly VIP',viral:'Share achievement'},es:{tag:'ES',slogan:'¡Relájate, juega y cuida a Nina!',play:'Jugar',gift:'Regalo gratis',level:'Nivel',coins:'Monedas',gems:'Gemas',energy:'Energía',activities:'Actividades',home:'Casa',shop:'Tienda',missions:'Misiones',events:'Eventos',collection:'Colección',start:'Empezar',dig:'Excavar huesos',digD:'Excava y encuentra huesos, monedas y tesoros.',bath:'Baño de Nina',bathD:'Lava, enjuaga y seca con sonidos satisfactorios.',bubble:'Bubble Pop',bubbleD:'Revienta burbujas y gana premios.',snack:'Bocaditos',snackD:'Alimenta a Nina y crea combos.',garden:'Jardín',gardenD:'Riega flores y cobra ingresos pasivos.',box:'Regalos',boxD:'Abre cajas y gana skins e ítems.',decorate:'Decorar',decorateD:'Crea la casa perfecta de Nina.',daily:'Misiones diarias',vip:'Pase VIP Nina',reward:'Recompensa',earned:'Ganaste',close:'Cerrar',remove:'Quitar anuncios',starter:'Paquete inicial',premium:'VIP mensual',viral:'Compartir logro'}};
const acts=[['dig','🦴'],['bath','🛁'],['bubble','🫧'],['snack','🍪'],['garden','🌷'],['box','🎁'],['decorate','🏠']];
function App(){const[lang,setLang]=useState(localStorage.lang||'pt');const t=L[lang];const[tab,setTab]=useState('home');const[coins,setCoins]=useState(+localStorage.coins||250);const[gems,setGems]=useState(+localStorage.gems||8);const[xp,setXp]=useState(+localStorage.xp||20);const[modal,setModal]=useState(null);useEffect(()=>{localStorage.lang=lang;localStorage.coins=coins;localStorage.gems=gems;localStorage.xp=xp},[lang,coins,gems,xp]);useEffect(()=>{if('serviceWorker'in navigator)navigator.serviceWorker.register('/sw.js')},[]);const level=Math.floor(xp/100)+1, pct=xp%100;function reward(name,icon){let c=25+Math.floor(Math.random()*90),g=Math.random()>.78?1:0;setCoins(coins+c);setGems(gems+g);setXp(xp+22);setModal({name,icon,c,g});}return <main className="app"><section className="hero"><div className="top"><img className="logo" src="/assets/logo.png"/><div className="title"><h1>Nina<br/>Satisfy</h1><p>{t.slogan}</p></div><button className="lang" onClick={()=>setLang(lang==='pt'?'en':lang==='en'?'es':'pt')}>{t.tag}</button></div><div className="stats"><div className="stat"><small>{t.level}</small>{level}</div><div className="stat"><small>{t.coins}</small>{coins}</div><div className="stat"><small>{t.gems}</small>{gems}</div><div className="stat"><small>{t.energy}</small>⚡ 10</div></div><div className="progress"><div className="bar" style={{width:pct+'%'}}/></div><div className="cta"><button className="primary" onClick={()=>reward(t.gift,'🎁')}>🎁 {t.gift}</button><button className="secondary" onClick={()=>setTab('shop')}>💎 {t.shop}</button></div></section>{tab==='home'&&<section className="section"><h2>✨ {t.activities}</h2><div className="grid">{acts.map(([k,ic])=><div className="card" key={k}><div className="icon">{ic}</div><h3>{t[k]}</h3><p>{t[k+'D']}</p><button className="play" onClick={()=>reward(t[k],ic)}>{t.start}</button></div>)}</div></section>}{tab==='shop'&&<section className="section"><h2>🛍 {t.shop}</h2>{[[t.remove,'R$ 4,90'],[t.starter,'R$ 9,90'],[t.premium,'R$ 9,90/mês'],[t.vip,'R$ 19,90']].map((i,n)=><div className="shopItem" key={n}><span>{i[0]}</span><span className="badge">{i[1]}</span></div>)}</section>}{tab==='missions'&&<section className="section"><h2>🏆 {t.daily}</h2>{[t.dig,t.bath,t.bubble,t.snack].map((m,i)=><div className="shopItem" key={m}><span>{i+1}. {m}</span><span className="badge">+{(i+1)*50}</span></div>)}</section>}{tab==='events'&&<section className="section"><h2>📅 {t.events}</h2>{['Semana do Osso Dourado','Festa da Nina','Bubble Weekend','Jardim Mágico'].map(e=><div className="shopItem" key={e}><span>{e}</span><span className="badge">LIVE</span></div>)}</section>}{tab==='collection'&&<section className="section"><h2>📚 {t.collection}</h2>{['Ossos 12/100','Brinquedos 8/150','Skins 3/80','Decorações 15/300'].map(e=><div className="shopItem" key={e}><span>{e}</span><span className="badge">★</span></div>)}</section>}<nav className="tabs">{[['home','🏠',t.home],['shop','🛍',t.shop],['missions','🏆',t.missions],['events','📅',t.events],['collection','📚',t.collection]].map(x=><button className={'tab '+(tab===x[0]?'active':'')}onClick={()=>setTab(x[0])}key={x[0]}>{x[1]}<br/>{x[2]}</button>)}</nav><p className="footer">Nina Satisfy PWA • Multilíngue • Cloudflare/Play Store ready</p>{modal&&<div className="modal"><div className="panel"><div className="big">{modal.icon}</div><h2>{modal.name}</h2><p className="reward">{t.earned}: +{modal.c} 🪙 {modal.g?`+${modal.g} 💎`:''}</p><button className="primary" onClick={()=>alert('Compartilhamento preparado para versão Play Store')}>📣 {t.viral}</button><br/><br/><button className="close" onClick={()=>setModal(null)}>{t.close}</button></div></div>}</main>}
createRoot(document.getElementById('root')).render(<App/>);