:root{--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--gold: #fbbf24;--green: #22c55e;--red: #ef4444;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow-x:hidden}body{background:radial-gradient(ellipse at top,#1a0a00,#0a0500 60%,#050200);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--orange-700);border-radius:3px}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--orange-500),transparent);opacity:.08;animation:floatParticle linear infinite}@keyframes floatParticle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.08}90%{opacity:.08}to{transform:translateY(-20vh) scale(1);opacity:0}}.menu-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.menu-logo{font-size:5rem;animation:bounceOrange 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(249,115,22,.5));margin-bottom:.5rem}@keyframes bounceOrange{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}.menu-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,var(--orange-300),var(--orange-500),var(--orange-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;text-shadow:none;margin-bottom:.5rem}.menu-subtitle{color:var(--orange-300);font-size:1.1rem;margin-bottom:2.5rem;opacity:.8}.menu-buttons{display:flex;flex-direction:column;gap:.75rem;width:min(320px,90vw)}.menu-btn{padding:1rem 2rem;border:none;border-radius:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.menu-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f973164d}.menu-btn:active{transform:translateY(0)}.menu-btn.primary{background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;font-size:1.3rem;padding:1.2rem 2rem;box-shadow:0 4px 20px #f973164d}.menu-btn.secondary{background:#f973161f;color:var(--orange-300);border:1px solid rgba(249,115,22,.25)}.menu-btn.golden{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#78350f;box-shadow:0 4px 20px #fbbf244d}.menu-stats{margin-top:2rem;display:flex;gap:2rem;color:var(--orange-300);font-size:.9rem}.menu-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.menu-stat-value{font-size:1.5rem;font-weight:800;color:var(--orange-400)}.top-bar{position:sticky;top:0;z-index:10;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#0a0500d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(249,115,22,.15)}.top-bar-left{display:flex;align-items:center;gap:.75rem}.back-btn{background:#f9731626;border:1px solid rgba(249,115,22,.2);color:var(--orange-300);width:36px;height:36px;border-radius:.5rem;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn:hover{background:#f9731640}.level-info{font-weight:700;color:var(--orange-200)}.top-bar-right{display:flex;align-items:center;gap:1.25rem}.stat-badge{display:flex;align-items:center;gap:.4rem;font-weight:700;color:var(--orange-300);font-size:.95rem}.world-map{position:relative;z-index:1;width:100%;max-width:800px;padding:1rem 1.5rem 1.5rem}.world-map-title{text-align:center;font-size:2rem;font-weight:800;color:var(--orange-300);margin-bottom:1.5rem}.worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.world-card{background:linear-gradient(135deg,#f9731614,#f9731605);border:1px solid rgba(249,115,22,.15);border-radius:1rem;padding:1.25rem;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.world-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(249,115,22,.06),transparent 60%);opacity:0;transition:opacity .3s}.world-card:hover:before{opacity:1}.world-card:hover{transform:translateY(-4px);border-color:#f9731666;box-shadow:0 8px 30px #f9731626}.world-card.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.world-card.locked:hover{transform:none;box-shadow:none;border-color:#f9731626}.world-emoji{font-size:2.5rem;margin-bottom:.5rem}.world-name{font-size:1.1rem;font-weight:700;color:var(--orange-200);margin-bottom:.25rem}.world-desc{font-size:.8rem;color:var(--orange-400);opacity:.7;margin-bottom:.75rem}.world-progress{height:6px;background:#f973161a;border-radius:3px;overflow:hidden}.world-progress-fill{height:100%;background:linear-gradient(90deg,var(--orange-500),var(--gold));border-radius:3px;transition:width .5s ease}.world-levels-label{font-size:.75rem;color:var(--orange-400);margin-top:.4rem;text-align:right}.lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.6;z-index:2}.level-select{position:relative;z-index:1;width:100%;max-width:600px;padding:1.5rem}.level-select-title{text-align:center;font-size:1.6rem;font-weight:800;color:var(--orange-300);margin-bottom:1.5rem}.levels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.level-btn{aspect-ratio:1;border:2px solid rgba(249,115,22,.25);border-radius:1rem;background:#f973160f;color:var(--orange-300);font-size:1.3rem;font-weight:800;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;position:relative}.level-btn:hover{background:#f9731626;border-color:var(--orange-500);transform:scale(1.05)}.level-btn.completed{border-color:var(--green);background:#22c55e1a;color:var(--green)}.level-btn.current{border-color:var(--orange-500);background:#f9731633;animation:pulseGlow 2s ease-in-out infinite}.level-btn.locked{opacity:.35;cursor:not-allowed}.level-stars{font-size:.6rem;letter-spacing:1px}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f973164d}50%{box-shadow:0 0 20px 4px #f9731633}}.game-area{position:relative;z-index:1;width:100%;flex:1;display:flex;flex-direction:column;align-items:center}.game-canvas-wrap{position:relative;width:min(500px,95vw);aspect-ratio:3/4;margin:1rem auto;border-radius:1rem;overflow:hidden;border:2px solid rgba(249,115,22,.2);background:linear-gradient(180deg,#0d0600,#1a0a00,#0d0600);box-shadow:0 0 60px #f9731614,inset 0 0 60px #00000080}.game-canvas{width:100%;height:100%;display:block;cursor:none}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.game-overlay-title{font-size:2rem;font-weight:900;color:var(--orange-300);margin-bottom:.5rem}.game-overlay-subtitle{color:var(--orange-400);margin-bottom:1.5rem}.game-overlay-btn{padding:.75rem 2rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin:.25rem}.game-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f973164d}.game-overlay-btn.secondary{background:#f9731626;color:var(--orange-300);border:1px solid rgba(249,115,22,.25)}.score-display{font-size:3rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(251,191,36,.3)}.stars-display{font-size:2rem;margin:.5rem 0}.combo-text{position:absolute;font-size:1.5rem;font-weight:900;color:var(--gold);text-shadow:0 0 10px rgba(251,191,36,.5);pointer-events:none;animation:comboPop .8s ease-out forwards;z-index:10}@keyframes comboPop{0%{transform:scale(.5) translateY(0);opacity:1}50%{transform:scale(1.3) translateY(-20px)}to{transform:scale(1) translateY(-50px);opacity:0}}.daily-rewards{position:relative;z-index:1;width:100%;max-width:500px;padding:2rem 1.5rem;text-align:center}.daily-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--orange-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.daily-subtitle{color:var(--orange-400);margin-bottom:1.5rem;font-size:.95rem}.daily-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.5rem}.daily-day{background:#f973160f;border:2px solid rgba(249,115,22,.15);border-radius:.75rem;padding:.75rem .5rem;text-align:center;transition:all .2s}.daily-day.claimed{border-color:var(--green);background:#22c55e14}.daily-day.today{border-color:var(--gold);background:#fbbf241a;animation:pulseGlow 2s ease-in-out infinite}.daily-day-num{font-size:.7rem;color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.daily-day-icon{font-size:1.5rem;margin-bottom:.25rem}.daily-day-reward{font-size:.8rem;font-weight:700;color:var(--orange-300)}.claim-btn{padding:1rem 3rem;border:none;border-radius:1rem;background:linear-gradient(135deg,var(--gold),#f59e0b);color:#78350f;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fbbf244d}.claim-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.shop-screen{position:relative;z-index:1;width:100%;max-width:600px;padding:1.5rem}.shop-title{text-align:center;font-size:2rem;font-weight:900;color:var(--orange-300);margin-bottom:.5rem}.shop-coins{text-align:center;font-size:1.2rem;font-weight:700;color:var(--gold);margin-bottom:1.5rem}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.shop-item{background:#f973160f;border:1px solid rgba(249,115,22,.15);border-radius:1rem;padding:1rem;text-align:center;cursor:pointer;transition:all .2s}.shop-item:hover{border-color:#f9731666;transform:translateY(-2px)}.shop-item.owned{border-color:var(--green);background:#22c55e0d}.shop-item.equipped{border-color:var(--gold);background:#fbbf2414;box-shadow:0 0 20px #fbbf241a}.shop-item-icon{font-size:2.5rem;margin-bottom:.5rem}.shop-item-name{font-weight:700;color:var(--orange-200);margin-bottom:.25rem}.shop-item-price{font-size:.9rem;color:var(--gold);font-weight:700}.shop-item-status{font-size:.75rem;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.powerups-bar{display:flex;gap:.5rem;justify-content:center;padding:.5rem}.powerup-btn{width:44px;height:44px;border-radius:.6rem;border:2px solid rgba(249,115,22,.3);background:#f973161a;font-size:1.3rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.powerup-btn:hover{border-color:var(--orange-500);background:#f9731633}.powerup-count{position:absolute;bottom:-4px;right:-4px;background:var(--orange-600);color:#fff;font-size:.6rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.float-text{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:100;font-size:2rem;font-weight:900;animation:floatUp 1.5s ease-out forwards;pointer-events:none;text-shadow:0 2px 20px rgba(0,0,0,.5)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(.5)}30%{transform:translate(-50%) translateY(-30px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-100px) scale(1)}}@media(max-width:600px){.menu-title{font-size:2.5rem}.menu-logo{font-size:3.5rem}.worlds-grid{grid-template-columns:repeat(2,1fr)}.levels-grid{grid-template-columns:repeat(5,1fr);gap:.5rem}.daily-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}.game-canvas-wrap{margin:.5rem}.top-bar{padding:.5rem .75rem}}