:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0f;color:#fafafa;overflow-x:hidden}.game-container{max-width:520px;margin:0 auto;padding:1rem;min-height:100vh;position:relative;transition:transform .05s ease}.bg-pulse{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#f4433633,transparent 60%);pointer-events:none;transition:opacity .15s ease;z-index:0}.event-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:2px solid;border-radius:.75rem;margin-bottom:.75rem;animation:eventPulse 1s ease-in-out infinite;font-weight:700;position:relative;z-index:1}.event-icon{font-size:1.3rem}.event-text{font-size:1rem;letter-spacing:.05em}.event-mult{color:#ff0;font-size:1.1rem}.event-timer{color:#fff8;font-size:.85rem;margin-left:auto}@keyframes eventPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.game-header{text-align:center;margin-bottom:1rem;position:relative;z-index:1}.title-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.game-title{font-size:1.6rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#f44,#f80,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin:0}.prestige-badge{background:linear-gradient(135deg,#9c27b0,#e040fb);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:1rem;letter-spacing:.1em}.rank-badge{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:2px solid;padding:.2rem .8rem;border-radius:1rem;margin-top:.4rem}.stats-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.75rem;position:relative;z-index:1}.stat{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:.5rem;text-align:center}.stat-label{display:block;font-size:.6rem;letter-spacing:.15em;color:#fff6;text-transform:uppercase}.stat-value{display:block;font-size:1.3rem;font-weight:800}.level-value{color:#4fc3f7}.strength-value{color:#ff5252}.combo-value{font-size:1.1rem}.xp-bar-container,.energy-bar-container{position:relative;height:1.4rem;background:#ffffff0f;border-radius:.7rem;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.08);z-index:1}.xp-bar{height:100%;background:linear-gradient(90deg,#2196f3,#4fc3f7);border-radius:.7rem;transition:width .3s ease}.energy-bar{height:100%;background:linear-gradient(90deg,#ff9800,#fc0);border-radius:.7rem;transition:width .2s ease}.xp-text,.energy-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.8)}.power-meter-container{margin-bottom:.75rem;text-align:center;position:relative;z-index:1}.power-label{display:block;font-size:.6rem;letter-spacing:.2em;color:#ffffff59;margin-bottom:.3rem;text-transform:uppercase}.power-meter{position:relative;height:1.2rem;border-radius:.6rem;overflow:hidden;display:flex;border:1px solid rgba(255,255,255,.1)}.power-zone{flex:1}.power-weak{background:#ffffff0d}.power-good{background:#4caf504d}.power-perfect{background:#ffd70080}.power-needle{position:absolute;top:-2px;bottom:-2px;width:3px;background:#fff;border-radius:2px;box-shadow:0 0 8px #fff8;transition:left .03s linear;z-index:2}.power-hint{display:block;font-size:.6rem;color:#ffffff4d;margin-top:.2rem}.tab-bar{display:flex;gap:.25rem;margin-bottom:.75rem;position:relative;z-index:1}.tab-btn{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff80;padding:.5rem .25rem;border-radius:.5rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.tab-btn:hover{background:#ffffff14;color:#fffc}.tab-btn.active{background:linear-gradient(135deg,#f443,#f803);border-color:#f446;color:#f80}.tab-content{position:relative;z-index:1;min-height:320px}.exercise-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.exercise-btn{position:relative;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem;cursor:pointer;transition:all .15s ease;text-align:left;color:#fafafa;display:flex;flex-direction:column;gap:.2rem}.exercise-btn:hover:not(:disabled){background:#ff44441a;border-color:#ff44444d;transform:translateY(-2px)}.exercise-btn:active:not(:disabled){transform:scale(.95)}.exercise-btn.locked{opacity:.5;cursor:not-allowed}.exercise-btn.no-energy{opacity:.4;border-color:#f003}.ex-icon{font-size:1.8rem;line-height:1}.ex-name{font-size:.85rem;font-weight:700}.ex-desc{font-size:.6rem;color:#fff6}.ex-stats{display:flex;justify-content:space-between;margin-top:.25rem}.ex-power{font-size:.7rem;font-weight:700;color:#4caf50}.ex-cost{font-size:.7rem;color:#ff9800}.ripple{position:absolute;width:10px;height:10px;background:#fff6;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:rippleAnim .6s ease-out forwards;pointer-events:none}@keyframes rippleAnim{to{transform:translate(-50%,-50%) scale(12);opacity:0}}.compete-panel{text-align:center}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.section-desc{font-size:.8rem;color:#ffffff80;margin-bottom:1rem}.event-btn{background:linear-gradient(135deg,#f44,#f80);border:none;color:#fff;padding:.8rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.event-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #f446}.event-btn:disabled{opacity:.6;cursor:not-allowed;animation:eventPulse 1s ease-in-out infinite}.rank-list{display:flex;flex-direction:column;gap:.3rem}.rank-item{display:flex;align-items:center;padding:.4rem .75rem;border:2px solid transparent;border-radius:.5rem;background:#ffffff05;transition:all .2s ease}.rank-item.current-rank{background:#ffffff0f;font-weight:700}.rank-name{flex:1;text-align:left;font-size:.85rem}.rank-req{font-size:.75rem;opacity:.5;margin-right:.5rem}.rank-arrow{font-size:.7rem;font-weight:800;animation:arrowPulse 1s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:1}50%{opacity:.3}}.prestige-panel{text-align:center}.prestige-info{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem}.prestige-bonuses{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.bonus-item{background:#ffffff0a;border-radius:.5rem;padding:.6rem}.bonus-label{display:block;font-size:.6rem;color:#fff6;letter-spacing:.1em;text-transform:uppercase}.bonus-value{display:block;font-size:1.1rem;font-weight:800;color:#e040fb}.bonus-value.unlocked{color:#4caf50;font-size:.85rem}.prestige-next{background:#9c27b01a;border:1px solid rgba(156,39,176,.2);border-radius:.5rem;padding:.75rem;margin:1rem 0}.prestige-next h3{font-size:.85rem;color:#ce93d8;margin-bottom:.3rem}.prestige-next p{font-size:.8rem;color:#fff9}.prestige-btn{background:linear-gradient(135deg,#9c27b0,#e040fb);border:none;color:#fff;padding:.8rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;letter-spacing:.05em}.prestige-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 20px #9c27b066}.prestige-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a}.achievements-panel{text-align:center}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.achievement-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:.6rem;transition:all .2s ease}.achievement-card.unlocked{background:#ffd70014;border-color:#ffd7004d}.achievement-card.locked{opacity:.4}.ach-icon{display:block;font-size:1.5rem;margin-bottom:.2rem}.ach-name{display:block;font-size:.75rem;font-weight:700}.ach-desc{display:block;font-size:.6rem;color:#fff6}.stats-footer{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);font-size:.65rem;color:#ffffff4d;letter-spacing:.05em;position:relative;z-index:1;flex-wrap:wrap}@media(max-width:400px){.game-container{padding:.75rem}.game-title{font-size:1.2rem}.stats-bar{grid-template-columns:1fr 1fr 1fr;gap:.3rem}.exercise-grid{grid-template-columns:1fr}.tab-btn{font-size:.6rem;padding:.4rem .2rem}.stats-footer{gap:.5rem}}