:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #1f2b47;--bg-card-hover: #253556;--text-primary: #e8e8f0;--text-secondary: #8b8fa3;--text-accent: #ffd700;--accent-gold: #ffd700;--accent-blue: #4fc3f7;--accent-green: #66bb6a;--accent-red: #ef5350;--accent-purple: #ab47bc;--accent-orange: #ffa726;--element-fire: #ff6b35;--element-water: #4fc3f7;--element-nature: #66bb6a;--element-lightning: #ffee58;--element-shadow: #7c4dff;--element-light: #fff9c4;--rarity-common: #9e9e9e;--rarity-uncommon: #66bb6a;--rarity-rare: #42a5f5;--rarity-epic: #ab47bc;--rarity-legendary: #ffd700;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--tg-theme-bg-color: var(--bg-primary)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5}#root{width:100%;height:100%;display:flex;flex-direction:column;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}@keyframes damageFlash{0%{filter:brightness(1)}25%{filter:brightness(2) hue-rotate(0deg)}50%{filter:brightness(1) hue-rotate(0deg)}to{filter:brightness(1)}}@keyframes levelUp{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.element-fire{color:var(--element-fire)}.element-water{color:var(--element-water)}.element-nature{color:var(--element-nature)}.element-lightning{color:var(--element-lightning)}.element-shadow{color:var(--element-shadow)}.element-light{color:var(--element-light)}.element-fire-bg{background:linear-gradient(135deg,#ff6b35,#f44)}.element-water-bg{background:linear-gradient(135deg,#4fc3f7,#0288d1)}.element-nature-bg{background:linear-gradient(135deg,#66bb6a,#2e7d32)}.element-lightning-bg{background:linear-gradient(135deg,#ffee58,#f9a825)}.element-shadow-bg{background:linear-gradient(135deg,#7c4dff,#4a148c)}.element-light-bg{background:linear-gradient(135deg,#fff9c4,#fdd835)}.rarity-common{border-color:var(--rarity-common)}.rarity-uncommon{border-color:var(--rarity-uncommon)}.rarity-rare{border-color:var(--rarity-rare)}.rarity-epic{border-color:var(--rarity-epic)}.rarity-legendary{border-color:var(--rarity-legendary);animation:glow 2s ease-in-out infinite}