@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Bungee:wght@400&family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&family=Righteous&display=swap";.battle-modal-overlay{background:#000000d9!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.battle-modal{background:linear-gradient(135deg,#0f172afa,#1e293bfa)!important;border-radius:20px!important;border:1px solid rgba(59,130,246,.2)!important;box-shadow:0 20px 60px #00000080!important;max-width:100%!important;max-height:95vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.battle-modal-close{position:absolute!important;top:12px!important;right:12px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#ef444433!important;border:1px solid rgba(239,68,68,.3)!important;color:#f87171f2!important;font-size:18px!important;cursor:pointer!important;z-index:100!important;transition:all .2s ease!important}.battle-modal-close:hover{background:#ef44444d!important;transform:scale(1.1)!important}.battle-playback{display:flex!important;flex-direction:column!important;gap:0!important;padding:16px!important;overflow-y:auto!important;max-height:calc(95vh - 32px)!important}.battle-playback::-webkit-scrollbar{width:6px}.battle-playback::-webkit-scrollbar-track{background:#ffffff0d}.battle-playback::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:3px}.battle-playback::-webkit-scrollbar-thumb:hover{background:#3b82f699}.battle-playback-stage{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 16px!important;background:#0000004d!important;border-radius:12px!important;margin-bottom:16px!important;border:1px solid rgba(59,130,246,.15)!important}.battle-stage-avatar{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;min-width:80px!important}.battle-stage-avatar-inner{width:64px!important;height:64px!important;border-radius:50%!important;border:2px solid rgba(59,130,246,.3)!important;background:#0f172a99!important;box-shadow:0 4px 12px #0000004d!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.battle-stage-avatar-inner img{width:100%!important;height:100%!important;object-fit:cover!important}.battle-stage-avatar--team-b .battle-stage-avatar-inner{border-color:#ef44444d!important}.battle-stage-initials{font-size:24px!important;font-weight:800!important;color:#f1f5f9e6!important}.battle-stage-label{text-align:center!important;max-width:80px!important}.battle-stage-owner{font-size:10px!important;font-weight:600!important;color:#cbd5e1b3!important;text-transform:uppercase!important;letter-spacing:.05em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.battle-stage-name{font-size:12px!important;font-weight:700!important;color:#f1f5f9f2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:2px!important}.battle-stage-center{flex:1!important;text-align:center!important;padding:8px 12px!important;background:#3b82f626!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important;color:#e2e8f0e6!important;text-transform:uppercase!important;letter-spacing:.08em!important;border:1px solid rgba(59,130,246,.2)!important}.battle-playback-panels{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important;margin-bottom:16px!important}.battle-combatant-panel{background:#0f172ab3!important;border-radius:12px!important;padding:14px!important;border:2px solid rgba(59,130,246,.2)!important;display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;transition:all .3s ease!important;box-shadow:0 4px 12px #0003!important}.battle-combatant-panel:hover{border-color:#3b82f666!important;box-shadow:0 6px 16px #0000004d!important;transform:translateY(-2px)!important}.battle-combatant-panel--team-b{border-color:#ef444433!important}.battle-combatant-panel--team-b:hover{border-color:#ef444466!important}.battle-combatant-header{display:flex!important;align-items:center!important;gap:12px!important}.battle-combatant-avatar,.battle-combatant-header img{width:48px!important;height:48px!important;border-radius:10px!important;border:2px solid rgba(59,130,246,.3)!important;background:#0f172a80!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:700!important;color:#f1f5f9e6!important;flex-shrink:0!important}.battle-combatant-meta{flex:1!important;min-width:0!important}.battle-combatant-name{font-size:16px!important;font-weight:700!important;color:#f1f5f9fa!important;margin-bottom:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.battle-combatant-subtitle{font-size:12px!important;color:#cbd5e1cc!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.battle-hp-track{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;background:#00000040!important;border-radius:8px!important;margin-top:4px!important}.battle-hp-row,.battle-energy-row{display:flex!important;align-items:center!important;gap:10px!important;font-size:12px!important}.battle-hp-row>span:first-child,.battle-energy-row>span:first-child{font-weight:600!important;color:#f1f5f9e6!important;min-width:60px!important;font-size:11px!important}.battle-hp-row>span:last-child,.battle-energy-row>span:last-child{font-weight:700!important;color:#f1f5f9f2!important;min-width:55px!important;text-align:right!important;font-size:12px!important}.battle-hp-bar,.battle-energy-bar{flex:1!important;height:10px!important;background:#ffffff1a!important;border-radius:5px!important;overflow:hidden!important;position:relative!important;border:1px solid rgba(255,255,255,.05)!important}.battle-hp-fill{height:100%!important;border-radius:5px!important;transition:width .5s ease,background .3s ease!important;position:relative!important}.battle-hp-fill:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:50%!important;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent)!important;border-radius:5px 5px 0 0!important}.battle-energy-fill{height:100%!important;background:linear-gradient(90deg,#60a5fa,#3b82f6)!important;border-radius:5px!important;transition:width .5s ease!important}.battle-status-badges{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important;padding:8px!important;background:#0003!important;border-radius:8px!important;min-height:36px!important}.battle-status-badge{font-size:11px!important;padding:4px 8px!important;border-radius:6px!important;font-weight:600!important;border-width:1.5px!important;border-style:solid!important}.battle-ability-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:4px!important}.battle-ability-tag{font-size:10px!important;padding:3px 8px!important;border-radius:6px!important;background:#3b82f633!important;border:1px solid rgba(59,130,246,.3)!important;font-weight:600!important;color:#93c5fdf2!important}.battle-playback-log{min-height:80px!important;max-height:180px!important;overflow-y:auto!important;background:#0000004d!important;border-radius:10px!important;padding:12px!important;font-size:12px!important;line-height:1.5!important;border:1px solid rgba(59,130,246,.15)!important;margin-bottom:12px!important;color:#e2e8f0e6!important}.battle-playback-log::-webkit-scrollbar{width:5px}.battle-playback-log::-webkit-scrollbar-track{background:#ffffff0d}.battle-playback-log::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:3px}.battle-status-summary{margin-top:8px!important;padding-top:8px!important;border-top:1px dashed rgba(148,163,184,.3)!important}.battle-status-row{display:flex!important;align-items:flex-start!important;gap:8px!important;margin-bottom:6px!important}.battle-status-row:last-child{margin-bottom:0!important}.battle-status-row-label{min-width:100px!important;font-size:11px!important;color:#cbd5e1cc!important;font-weight:600!important}.battle-status-row-badges{display:flex!important;flex-wrap:wrap!important;gap:4px!important}.battle-log-event{padding:4px 0!important;font-size:11px!important;color:#cbd5e1d9!important}.battle-playback-controls{display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px!important;background:#00000040!important;border-radius:10px!important;border:1px solid rgba(59,130,246,.15)!important}.battle-playback-buttons{display:flex!important;justify-content:center!important;gap:8px!important}.battle-playback-buttons button{width:40px!important;height:40px!important;border-radius:8px!important;background:#3b82f633!important;border:1px solid rgba(59,130,246,.3)!important;color:#f1f5f9f2!important;font-size:16px!important;cursor:pointer!important;transition:all .2s ease!important}.battle-playback-buttons button:hover{background:#3b82f64d!important;transform:scale(1.05)!important}.battle-playback-buttons button:active{transform:scale(.95)!important}.battle-playback-progress{display:flex!important;align-items:center!important;gap:10px!important}.battle-playback-progress #battle-playback-progress-label{font-size:12px!important;font-weight:600!important;color:#f1f5f9e6!important;min-width:70px!important}.battle-playback-progress input[type=range]{flex:1!important;height:5px!important;border-radius:3px!important;background:#ffffff1a!important;outline:none!important;-webkit-appearance:none!important;cursor:pointer!important}.battle-playback-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#3b82f6e6!important;cursor:pointer!important;box-shadow:0 2px 4px #0000004d!important}.battle-playback-progress input[type=range]::-moz-range-thumb{width:14px!important;height:14px!important;border-radius:50%!important;background:#3b82f6e6!important;cursor:pointer!important;border:none!important;box-shadow:0 2px 4px #0000004d!important}.battle-combatant-panel--low-hp{border-color:#f59e0b80!important;animation:pulse-warning 2s ease-in-out infinite!important}.battle-combatant-panel--critical-hp{border-color:#ef444499!important;animation:pulse-critical 1.5s ease-in-out infinite!important}.battle-combatant-panel--active{border-color:#3b82f699!important;box-shadow:0 0 20px #3b82f666!important;background:#3b82f61a!important}@keyframes pulse-warning{0%,to{box-shadow:0 4px 12px #0003}50%{box-shadow:0 4px 16px #f59e0b66}}@keyframes pulse-critical{0%,to{box-shadow:0 4px 12px #0003}50%{box-shadow:0 4px 20px #ef444480}}@media(max-width:768px){.battle-playback-panels{grid-template-columns:1fr!important}.battle-playback-stage{padding:10px!important;gap:8px!important}.battle-stage-avatar{min-width:60px!important}.battle-stage-avatar-inner{width:48px!important;height:48px!important}.battle-stage-initials{font-size:18px!important}.battle-stage-name{font-size:10px!important}.battle-stage-owner{font-size:9px!important}.battle-combatant-panel{padding:12px!important}.battle-playback-log{max-height:150px!important;font-size:11px!important}}.battle-formation-container{width:100%;max-width:100%;margin-top:16px}.battle-formation-tabs{display:flex;background:#ffffff1a;border-radius:12px;padding:5px;margin-bottom:20px}.battle-formation-tab{flex:1;padding:12px;text-align:center;background:transparent;border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s ease}.battle-formation-tab.active{background:#6366f1;box-shadow:0 2px 10px #6366f14d}.battle-formation-tab-content{display:none}.battle-formation-tab-content.active{display:block}.battle-mode-selector{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.battle-mode-btn{padding:15px 20px;background:#ffffff1a;border:2px solid transparent;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;font-size:14px}.battle-mode-btn.active{border-color:#6366f1;background:#6366f133}.battle-formation-area{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:20px}.battle-formation-title{text-align:center;font-size:1.1em;font-weight:600;margin-bottom:15px;color:#6366f1}.battle-card-slots{display:grid;gap:10px;min-height:120px}.battle-slots-1v1{grid-template-columns:1fr}.battle-slots-3v3{grid-template-columns:repeat(3,1fr)}.battle-slots-5v5{grid-template-columns:repeat(5,1fr)}.battle-card-slot{background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);border-radius:10px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;min-height:140px;position:relative}.battle-card-slot:hover{border-color:#6366f180;background:#6366f11a}.battle-slot-label{color:#ffffff80;font-size:.8em;text-align:center}.battle-card{width:100%;height:100%;background:linear-gradient(135deg,#374151,#4b5563);border-radius:8px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid #6366f1;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.battle-card-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:#0003;border-radius:6px;overflow:hidden}.battle-card-image img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.battle-card-rarity{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-top:4px}.battle-card-rarity.rarity-rare{background:#3b82f64d;color:#60a5fa}.battle-card-rarity.rarity-legendary{background:#f59e0b4d;color:#fbbf24}.battle-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.battle-card-abilities{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.battle-card-ability{margin-bottom:6px}.battle-card-ability:last-child{margin-bottom:0}.battle-card-ability-name{font-size:11px;font-weight:600;color:#60a5fa;margin-bottom:2px}.battle-card-ability-effect{font-size:10px;color:#ffffffb3;line-height:1.3}.battle-card-ultimate{margin-top:8px;padding-top:8px;border-top:1px solid rgba(245,158,11,.3)}.battle-card-ultimate-label{font-size:10px;font-weight:600;color:#fbbf24;margin-bottom:4px}.battle-card-collection{border-color:#6366f1}.battle-card-collection:active{transform:scale(.95)}.battle-card-player{border-color:#6366f1}.battle-card-enemy{border-color:#ec4899}.battle-card-attacking{animation:battle-pulse 1s infinite;border-color:#f59e0b;box-shadow:0 0 20px #f59e0b80}.battle-card-defending{border-color:#ef4444;box-shadow:0 0 20px #ef444480}.battle-combatant-panel.battle-card-attacking{border-color:#f59e0b!important;box-shadow:0 0 20px #f59e0b80!important;animation:battle-pulse 1s infinite!important}.battle-combatant-panel.battle-card-defending{border-color:#ef4444!important;box-shadow:0 0 20px #ef444480!important}@keyframes battle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.battle-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.battle-card-name{font-weight:600;font-size:.85em;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-card-level{background:#fff3;padding:2px 6px;border-radius:6px;font-size:.7em;font-weight:600;color:#fff;white-space:nowrap}.battle-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:.7em;margin-bottom:8px}.battle-stat{text-align:center}.battle-stat-value{font-weight:700;font-size:1.1em;color:#fff}.battle-stat-label{font-size:.75em;opacity:.7;color:#fffc}.battle-card-hp-bar{position:relative;height:4px;background:#333;border-radius:2px;overflow:hidden;margin-top:auto}.battle-card-hp-fill{height:100%;background:#10b981;transition:width .3s ease;border-radius:2px}.battle-card-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#ef4444cc;border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease;z-index:10}.battle-card-remove:hover{background:#ef4444;transform:scale(1.1)}.battle-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.battle-card-collection{aspect-ratio:3/4;min-height:140px}.battle-empty-collection{text-align:center;padding:40px 20px;color:#ffffff80;font-size:14px}@media(max-width:768px){.battle-slots-3v3{grid-template-columns:repeat(2,1fr)}.battle-slots-5v5{grid-template-columns:repeat(3,1fr)}.battle-collection-grid{grid-template-columns:repeat(2,1fr)}.battle-mode-selector{gap:8px}.battle-mode-btn{padding:12px 16px;font-size:13px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);padding:0;margin:0;min-height:100vh}.container{max-width:100%;margin:0 auto;padding:0 16px 88px}.achievement-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);display:none;align-items:flex-start;gap:12px;max-width:min(90vw,360px);background:#0f172af2;color:#f8fafc;padding:14px 16px;border-radius:14px;box-shadow:0 18px 32px #0f172a59;z-index:5000}.header{background:var(--tg-theme-bg-color, #ffffff);padding:14px 4px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);position:sticky;top:0;z-index:100}.balance{display:flex;gap:16px}.balance-item{display:flex;align-items:center;gap:4px;font-weight:600}.hero-card{background:linear-gradient(135deg,#673ab7d9,#2196f3d9);color:#f5f5ff;border-radius:20px;padding:20px;box-shadow:0 18px 40px #4c1d9540;display:flex;flex-direction:column;gap:12px;overflow:hidden}.hero-card .hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:#ffffff29;border-radius:999px;padding:4px 12px;letter-spacing:.08em;text-transform:uppercase}.hero-card h1{font-size:22px;line-height:1.3;margin:0}.hero-card p{margin:0;font-size:14px;line-height:1.6;color:#f5f5ffe0}.hero-card details{background:#0c132138;border-radius:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.12)}.hero-card details summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;color:#fff}.hero-card details summary::-webkit-details-marker{display:none}.hero-card details[open] summary{margin-bottom:10px}.hero-card details p+p{margin-top:10px}.hero-card .hero-accent{font-weight:600;color:#fff}.hero-card .hero-meta{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.screen{display:none;padding:0 0 20px}.screen.active{display:block}.section{margin-top:18px}.section:first-of-type{margin-top:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px}#collection-preview{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#collection-preview::-webkit-scrollbar{height:4px}#collection-preview::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.btn{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.7}.btn-secondary{background:var(--tg-theme-secondary-bg-color, #f1f1f1);color:var(--tg-theme-text-color, #000000)}.btn-link{background:transparent;border:none;color:var(--tg-theme-link-color, #3390ec);font-size:14px;font-weight:600;cursor:pointer;padding:0}.btn-link:active{opacity:.6}.btn-small{padding:6px 12px;font-size:14px}select.battle-select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);margin-bottom:12px;font-size:14px}.battle-log{max-height:240px;overflow-y:auto;border-radius:8px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:12px;font-size:13px;margin-top:12px}.battle-log-entry{margin-bottom:8px;line-height:1.4}.battle-history-list{display:flex;flex-direction:column;gap:8px}.battle-history-item{background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:10px 12px;border-radius:8px;font-size:13px}.battle-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0f172ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;padding:16px}.battle-modal{position:relative;width:min(640px,100%);max-height:92vh;background:#0f172afa;border-radius:22px;padding:20px 20px 24px;box-shadow:0 24px 60px #0f172a73;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:16px;backdrop-filter:none;-webkit-backdrop-filter:none}.battle-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:999px;border:none;background:#1e40af59;color:#e2e8f0f2;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.battle-modal-close:active{opacity:.7}body.battle-modal-open{overflow:hidden}.battle-setup-card{background:radial-gradient(circle at 20% -10%,rgba(59,130,246,.28),transparent 60%),radial-gradient(circle at 80% 0%,rgba(168,85,247,.3),transparent 55%),#0f172a99;border-radius:18px;padding:16px;margin-bottom:16px;border:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;animation:arenaPulse 12s ease-in-out infinite}.battle-setup-card:after{content:"";position:absolute;top:-70%;right:-70%;bottom:-70%;left:-70%;background:conic-gradient(from 120deg,#3b82f624,#1d4ed814,#ec48992e,#3b82f624);animation:arenaSweep 18s linear infinite;opacity:.8}.battle-setup-card>*{position:relative;z-index:1}.battle-arena{display:flex;flex-direction:column;align-items:stretch;gap:12px;position:relative}.battle-side{position:relative;background:#0f172a2e;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.08)}.battle-side--player{box-shadow:inset 0 0 0 1px #3b82f626}.battle-side--enemy{box-shadow:inset 0 0 0 1px #ef44442e}.battle-creature-card{display:flex;flex-direction:column;gap:12px}.battle-creature-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.battle-creature-header img{width:72px;height:72px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#0f172a59;flex-shrink:0}.battle-side-avatar{width:72px;height:72px;border-radius:12px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;background:linear-gradient(135deg,#3b82f659,#0e749066);color:#fffffff2;flex-shrink:0}.battle-creature-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.battle-side-name{font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffffff2}.battle-side-subtitle{font-size:12px;color:#f4f4ffbf}.battle-creature-stats{display:flex!important;flex-direction:column;gap:0;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);visibility:visible!important;opacity:1!important}.battle-vs{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#ffffffd9}.battle-types{display:flex;flex-wrap:wrap;gap:6px}.battle-type-badge{font-size:11px;padding:4px 10px;border-radius:999px;background:#3b82f62e;color:#ffffffe6;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.battle-stats{display:flex!important;flex-direction:column;gap:0;width:100%;visibility:visible!important;opacity:1!important}.battle-stat-row{display:flex!important;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#f1f5f9e6!important;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);visibility:visible!important;opacity:1!important}.battle-stat-row:last-child{border-bottom:none}.battle-stat-row span:first-child{display:flex!important;align-items:center;gap:6px;flex:1}.battle-stat-row span:last-child{font-weight:600;color:#fffffff2!important;min-width:50px;text-align:right}.battle-stat-bar,.battle-stat-fill{display:none}.battle-side--enemy .battle-stat-fill{background:linear-gradient(90deg,#f87171d9,#ef4444e6)}.battle-ability-highlight{font-size:12px;line-height:1.5;color:#e2e8f0e6;background:#0f172a40;border-radius:10px;padding:12px;margin-top:12px;border:1px solid rgba(255,255,255,.08)}.battle-ability-highlight strong{font-weight:600;display:block;margin-bottom:4px;color:#fffffff2}.battle-creature-description{margin-top:12px;padding:12px;font-size:13px;line-height:1.5;color:#e2e8f0e6;background:#0f172a33;border-radius:8px;border-left:3px solid rgba(59,130,246,.4)}.battle-abilities-list{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.battle-ability-item{margin-bottom:10px;padding:10px;background:#0f172a33;border-radius:8px;border-left:3px solid rgba(59,130,246,.4)}.battle-ability-item:last-child{margin-bottom:0}.battle-ability-name{font-size:12px;font-weight:600;color:#fffffff2;margin-bottom:4px}.battle-ability-effect{font-size:11px;line-height:1.4;color:#e2e8f0d9}.battle-ultimate-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.battle-ultimate-label{font-size:13px;font-weight:600;color:#fffffff2;margin-bottom:8px}.battle-ultimate-ability{padding:12px;background:linear-gradient(135deg,#a855f726,#3b82f626);border-radius:10px;border:1px solid rgba(168,85,247,.3)}.battle-ultimate-title{font-size:13px;font-weight:700;color:#fffffff2;margin-bottom:6px}.battle-ultimate-effect{font-size:11px;line-height:1.5;color:#e2e8f0e6}.battle-side--enemy{margin-top:16px}.battle-controls{display:flex;flex-direction:column;gap:10px}.battle-select-group{display:flex;flex-direction:column;gap:6px}.battle-empty-state{font-size:13px;line-height:1.5;color:#f1f5f9d9}.battle-empty-state button{margin-top:12px}.battle-playback{display:none;background:#0f172af2;border-radius:18px;padding:16px;border:1px solid rgba(59,130,246,.18);margin-top:12px;color:#f1f5f9f2;position:relative;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.battle-playback.active{display:block}.battle-playback-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.battle-playback-buttons{display:none}.battle-playback-progress input[type=range]{pointer-events:none;opacity:.55}#battle-playback-speed{display:none}.battle-playback-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:28px;position:relative}.battle-stage-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.battle-stage-avatar-inner{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff38,#3b82f640);box-shadow:0 0 24px #3b82f647;display:flex;align-items:center;justify-content:center;border:2px solid rgba(148,163,184,.35);overflow:hidden;transform:translateZ(0)}.battle-stage-avatar--team-b .battle-stage-avatar-inner{background:radial-gradient(circle at 70% 30%,#ffffff38,#ef444447);box-shadow:0 0 24px #ef444447}.battle-stage-avatar-inner img{width:100%;height:100%;object-fit:cover}.battle-stage-initials{font-size:32px;font-weight:800;color:#0f172ad9}.battle-stage-label{text-align:center;display:flex;flex-direction:column;gap:2px;max-width:160px}.battle-stage-owner{font-size:12px;font-weight:600;color:#e2e8f0bf;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-stage-name{font-size:14px;font-weight:700;color:#f1f5f9f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-stage-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;background:#fbbf2438;border:1px solid rgba(251,191,36,.35);color:#fef3c7e6}.battle-stage-center{position:relative;width:108px;height:36px;border-radius:999px;background:linear-gradient(90deg,#3b82f64d,#a855f759,#ef44444d);display:flex;align-items:center;justify-content:center;color:#e2e8f0cc;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 18px #3b82f640}.battle-stage-center:before,.battle-stage-center:after{content:"";position:absolute;width:90%;height:2px;background:linear-gradient(90deg,#3b82f600,#3b82f673,#ef444400)}.battle-stage-center:before{top:-12px}.battle-stage-center:after{bottom:-12px}.battle-stage-center.flash{animation:centerFlash .65s ease-out}.battle-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f172a8c,#0f172ad9);pointer-events:none;z-index:6}.battle-countdown-text{font-size:48px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0f2;text-shadow:0 0 18px rgba(59,130,246,.55)}.battle-countdown--large .battle-countdown-text{font-size:64px;letter-spacing:.2em}.battle-countdown--small .battle-countdown-text{font-size:36px;letter-spacing:.08em}.battle-countdown--fatal .battle-countdown-text{color:#ef4444eb;text-shadow:0 0 22px rgba(239,68,68,.55)}.battle-damage{position:absolute;top:42%;left:50%;transform:translate(-50%,-10px);font-size:16px;font-weight:700;color:#e2e8f0e6;text-shadow:0 0 8px rgba(15,23,42,.85);opacity:0;pointer-events:none;animation:damageFloat .85s ease-out forwards}.battle-damage--crit{color:#f97316;text-shadow:0 0 12px rgba(249,115,22,.7);font-size:18px}.battle-stage-avatar .battle-damage{top:-6px;font-size:22px;text-shadow:0 0 10px rgba(15,23,42,.9)}.battle-winner-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:14px;background:#3b82f640;color:#e2e8f0f2;display:none;flex-direction:column;align-items:center;gap:4px;box-shadow:0 12px 32px #0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:7;text-align:center}.battle-winner-banner.active{display:flex}.battle-winner-banner--team-a{background:#3b82f647}.battle-winner-banner--team-b{background:#ef444447}.battle-winner-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#e2e8f0bf}.battle-winner-name{font-size:16px;font-weight:700}.battle-winner-creature{font-size:12px;color:#e2e8f0bf}.battle-stage-avatar.attack{animation:stageAttack .45s ease-out}.battle-stage-avatar.hit{animation:stageHit .45s ease-in-out}.battle-stage-avatar.evolution{animation:stageEvolution 1s ease-out}.battle-stage-avatar--summon .battle-stage-avatar-inner{box-shadow:0 0 0 2px #fbbf2480}.battle-playback-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:5}.battle-combatant-panel{background:#0f172a59;border-radius:14px;padding:12px;border:1px solid rgba(107,114,128,.3);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.battle-combatant-header{display:flex;align-items:center;gap:10px}.battle-combatant-header img,.battle-combatant-avatar{width:52px;height:52px;border-radius:14px;border:2px solid rgba(59,130,246,.2);background:#0f172a66;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#f1f5f9e6;overflow:hidden}.battle-combatant-meta{min-width:0}.battle-combatant-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-combatant-subtitle{font-size:11px;color:#cbd5e1cc}.battle-summon-info{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:#94a3b8d9}.battle-summon-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#fbbf2438;border:1px solid rgba(251,191,36,.38);color:#fef3c7eb}.battle-summon-owner{font-weight:600;color:#e2e8f0e6}.battle-hp-track{display:flex;flex-direction:column;gap:6px}.battle-hp-row{display:flex;align-items:center;gap:8px;font-size:13px}.battle-hp-bar{flex:1;height:8px;background:#33415599;border-radius:999px;overflow:hidden}.battle-hp-fill{height:100%;background:linear-gradient(90deg,#22c55ee6,#4ade80e6)}.battle-ability-tags{display:flex;flex-wrap:wrap;gap:6px}.battle-ability-tag{font-size:11px;padding:4px 8px;border-radius:999px;background:#3b82f638;font-weight:600}.battle-status-group{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px;margin:4px 0;border-radius:6px;background:#ffffff08}.battle-status-group--buff{background:#10b9811a}.battle-status-group--debuff{background:#ef44441a}.battle-status-group--dot{background:#f59e0b1a}.battle-status-group--hot{background:#3b82f61a}.battle-status-group--shield{background:#8b5cf61a}.battle-status-group--control{background:#ec48991a}.battle-status-group--position{background:#06b6d41a}.battle-status-group--trigger{background:#f973161a}.battle-status-group--mass{background:#6366f11a}.battle-status-badges{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}.battle-status-badge.battle-status-badge--buff{border-left-color:#10b981;background:#10b98126}.battle-status-badge.battle-status-badge--debuff{border-left-color:#ef4444;background:#ef444426}.battle-status-badge.battle-status-badge--dot{border-left-color:#f59e0b;background:#f59e0b26;animation:dot-pulse 2s ease-in-out infinite}.battle-status-badge.battle-status-badge--hot{border-left-color:#3b82f6;background:#3b82f626;animation:hot-glow 2s ease-in-out infinite}.battle-status-badge.battle-status-badge--shield{border-left-color:#8b5cf6;background:#8b5cf626;animation:shield-pulse 2s ease-in-out infinite}.battle-status-badge.battle-status-badge--control{border-left-color:#ec4899;background:#ec489926}.battle-status-badge.battle-status-badge--position{border-left-color:#06b6d4;background:#06b6d426}.battle-status-badge.battle-status-badge--trigger{border-left-color:#f97316;background:#f9731626}.battle-status-badge.battle-status-badge--mass{border-left-color:#6366f1;background:#6366f126}.battle-status-badge.battle-status-badge--critical{animation:critical-pulse 1.5s ease-in-out infinite}.battle-status-badge[data-stack-count]:after{content:attr(data-stack-count);font-size:.7em;font-weight:700;margin-left:2px}.battle-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:11px;line-height:1.2;background:#22d3ee2e;border:1px solid rgba(34,211,238,.32);color:#e0f2fef2;cursor:default;transition:all .2s ease}.battle-status-summary{margin-top:8px;padding-top:6px;border-top:1px dashed rgba(148,163,184,.35);display:flex;flex-direction:column;gap:4px}.battle-status-row{display:flex;align-items:flex-start;gap:8px}.battle-status-row-label{min-width:110px;font-size:11px;color:#cbd5e1cc}.battle-status-row-badges{display:flex;flex-wrap:wrap;gap:4px}.battle-playback-log{min-height:72px;background:#0f172a66;border-radius:12px;padding:12px;font-size:13px;line-height:1.5;border:1px solid rgba(59,130,246,.18);margin-bottom:14px;position:relative;overflow:hidden}.battle-playback-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.battle-playback-buttons{display:flex;align-items:center;gap:8px}.battle-playback-buttons button{background:#3b82f62e;color:#f1f5f9f2;border:none;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer}.battle-playback-buttons button:active{opacity:.7}.battle-playback-buttons button:hover{background:#3b82f647;transform:scale(1.05);transition:all .2s ease}.battle-playback-progress{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1d9}.battle-playback-progress input[type=range]{flex:1}.battle-stats-summary{background:#0f172a59;border-radius:12px;padding:12px;margin:12px 0;border:1px solid rgba(59,130,246,.2)}.battle-stat-card{background:#0f172a40;border-radius:8px;padding:8px;text-align:center;border:1px solid rgba(148,163,184,.15)}.battle-stat-label{font-size:11px;color:#cbd5e1b3;margin-bottom:4px;font-weight:500}.battle-stat-value{font-size:18px;font-weight:700;color:#f1f5f9f2}.battle-combatant-panel.hit{animation:battleHit .45s ease-out}.battle-combatant-panel.focus{box-shadow:0 0 0 2px #3b82f659,0 12px 42px -18px #3b82f6bf}.battle-combatant-panel.evolved:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:1px solid rgba(244,114,182,.55);box-shadow:0 0 25px #f472b673;animation:evolutionGlow 1s ease-out forwards}.battle-effect-pulse,.battle-effect-flash,.battle-effect-stack,.battle-effect-evolution{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.battle-effect-pulse{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%);animation:battlePulse .8s ease-out forwards}.battle-effect-flash{background:radial-gradient(circle at center,rgba(253,224,71,.35),transparent 60%);animation:battleFlash .65s ease-out forwards;mix-blend-mode:screen}.battle-effect-stack{background:repeating-linear-gradient(135deg,rgba(236,72,153,.32) 0 12px,transparent 12px 24px);animation:stackSweep 1.2s ease-out forwards;mix-blend-mode:screen}.battle-effect-evolution{width:180px;height:180px;border-radius:50%;background:conic-gradient(from 180deg,#3b82f64d,#f472b645,#3b82f64d);animation:evolutionSpin 1.4s ease-out forwards}.battle-playback-log.flash{animation:logFlash .45s ease-out}@keyframes battlePulse{0%{transform:scale(.45);opacity:.95}to{transform:scale(1.4);opacity:0}}@keyframes battleFlash{0%{opacity:.65}to{opacity:0}}@keyframes battleHit{0%{transform:translate(0)}35%{transform:translate(8px)}to{transform:translate(0)}}@keyframes evolutionGlow{0%{opacity:1}to{opacity:0}}@keyframes stackSweep{0%{transform:translate(-120%);opacity:.9}to{transform:translate(120%);opacity:0}}@keyframes evolutionSpin{0%{transform:scale(.5) rotate(0);opacity:.95}to{transform:scale(1.6) rotate(240deg);opacity:0}}@keyframes stageAttack{0%{transform:scale(1) translate(0);box-shadow:0 0 24px #3b82f647}40%{transform:scale(1.08) translate(6px);box-shadow:0 0 32px #3b82f680}to{transform:scale(1) translate(0);box-shadow:0 0 24px #3b82f647}}@keyframes stageHit{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(.94);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}@keyframes stageEvolution{0%{transform:scale(1);box-shadow:0 0 24px #f472b673}50%{transform:scale(1.12);box-shadow:0 0 40px #f472b699}to{transform:scale(1);box-shadow:0 0 24px #f472b659}}@keyframes damageFloat{0%{opacity:0;transform:translate(-50%,12px) scale(.9)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-32px) scale(1.05)}}@keyframes centerFlash{0%{transform:scale(1);box-shadow:0 0 #3b82f666}40%{transform:scale(1.05);box-shadow:0 0 26px #a855f780}to{transform:scale(1);box-shadow:0 0 #3b82f64d}}@keyframes arenaPulse{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(18deg)}}@keyframes arenaSweep{0%{transform:rotate(0);opacity:.6}50%{opacity:.85}to{transform:rotate(360deg);opacity:.6}}@keyframes logFlash{0%{box-shadow:0 0 #3b82f600}45%{box-shadow:0 0 28px #3b82f652}to{box-shadow:0 0 #3b82f600}}.creature-card{background:var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:12px;padding:12px;margin-bottom:12px;cursor:pointer;transition:transform .2s;position:relative}.creature-card:active{transform:scale(.98)}.creature-img{width:100%;height:min(150px,45vw);border-radius:8px;overflow:hidden;background:var(--tg-theme-bg-color, #ffffff);display:flex;align-items:center;justify-content:center;font-size:48px}.creature-name{font-weight:600;margin-top:8px;font-size:16px}.creature-price{color:var(--tg-theme-link-color, #3390ec);font-weight:600;margin-top:4px}.rarity-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-top:4px}.profession-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-top:6px;padding:4px 10px;border-radius:999px;background:#3390ec1f;color:var(--tg-theme-link-color, #3390ec)}.profession-tag .profession-level{font-size:11px;color:#3390ecbf;font-weight:600}.profession-bonus{font-size:11px;color:var(--tg-theme-hint-color, #999999);margin-top:4px;line-height:1.4}.profession-bonus-list{margin-top:8px;padding-left:18px;font-size:12px;color:var(--tg-theme-hint-color, #999999);line-height:1.5}.profession-progress{margin-top:6px}.profession-progress .progress-bar{height:6px}.rarity-common{background:#e0e0e0;color:#424242}.rarity-rare{background:#90caf9;color:#1565c0}.rarity-epic{background:#ba68c8;color:#6a1b9a}.rarity-legendary{background:#ffd54f;color:#f57f17}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--tg-theme-bg-color, #ffffff);border-top:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);display:flex;justify-content:space-around;padding:12px 0;z-index:100}.nav-item{padding:8px 16px;cursor:pointer;font-size:24px;transition:opacity .2s;opacity:.6}.nav-item.active{opacity:1}.nav-item:active{opacity:.5}.gift-item{background:var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:12px;padding:16px;margin-bottom:12px;position:relative}.creature-card--preview{min-width:156px;max-width:156px;border-radius:14px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:10px;display:flex;flex-direction:column;gap:8px;scroll-snap-align:start;box-shadow:0 6px 14px #0000000d}.creature-card--preview.more{align-items:center;justify-content:center;gap:6px;color:var(--tg-theme-link-color, #3390ec);font-weight:600}.creature-card--preview .creature-img{border-radius:12px;height:120px}.creature-card--preview .creature-name{font-size:15px;margin-top:0}.creature-card--preview .creature-meta{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.collection-preview-empty{padding:16px;border-radius:12px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);color:var(--tg-theme-hint-color, #999999);font-size:14px}.loading{text-align:center;padding:32px;color:var(--tg-theme-hint-color, #999999)}.error{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-bottom:16px}.success{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:8px;margin-bottom:16px}.info-card{background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:16px;border-radius:12px;margin:16px 0;border-left:4px solid var(--tg-theme-link-color, #3390ec)}.info-card h4{margin-bottom:8px;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.stat-card{background:var(--tg-theme-secondary-bg-color, #f1f1f1);padding:16px;border-radius:12px;text-align:center}.stat-card .stat-value{font-size:24px;font-weight:700;color:var(--tg-theme-link-color, #3390ec)}.stat-card .stat-label{font-size:12px;color:var(--tg-theme-hint-color, #999999);margin-top:4px}.progress-bar{width:100%;height:8px;background:var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:4px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:var(--tg-theme-link-color, #3390ec);transition:width .3s}.tab-button{padding:8px 16px;border:none;background:transparent;color:var(--tg-theme-hint-color, #999999);cursor:pointer;border-bottom:2px solid transparent;font-size:14px}.tab-button.active{color:var(--tg-theme-text-color, #000000);border-bottom-color:var(--tg-theme-link-color, #3390ec)}.tab-content{display:none;margin-top:16px}.tab-content.active{display:block}#user-autocomplete{position:absolute;background:var(--tg-theme-bg-color, #ffffff);border:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;width:100%;margin-top:4px;display:none}#autocomplete-list{max-height:200px;overflow-y:auto}input,textarea{width:100%;padding:12px;border:1px solid var(--tg-theme-secondary-bg-color, #f1f1f1);border-radius:8px;font-size:16px;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);margin-bottom:12px}h2{margin-bottom:16px;font-size:20px}h3{margin-bottom:12px;font-size:18px}@media(max-width:768px){.battle-setup-card{padding:12px;border-radius:12px}.battle-side{padding:12px;gap:10px}.battle-creature-header{gap:10px;padding-bottom:10px}.battle-creature-header img,.battle-side-avatar{width:64px;height:64px;border-radius:10px}.battle-side-avatar{font-size:24px}.battle-side-name{font-size:16px}.battle-side-subtitle{font-size:11px}.battle-stat-row{font-size:12px;padding:6px 0}.battle-ability-highlight{font-size:11px;padding:10px;margin-top:10px}.battle-type-badge{font-size:10px;padding:3px 8px}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes hot-glow{0%,to{box-shadow:0 0 4px #3b82f680}50%{box-shadow:0 0 8px #3b82f6cc}}@keyframes shield-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes critical-pulse{0%,to{transform:scale(1);box-shadow:0 0 4px #ef444480}50%{transform:scale(1.1);box-shadow:0 0 8px #ef4444cc}}@media(max-width:480px){body{font-size:14px}.container{padding:0 12px 72px}.header{padding:12px 0 10px}.balance-item{font-size:14px;gap:3px}.hero-card{padding:18px;border-radius:18px;gap:10px}.hero-card h1{font-size:20px}.btn{padding:10px 16px;font-size:14px}.btn-small{padding:6px 10px;font-size:13px}.screen{padding:0 0 18px}.section{margin-top:16px}.section-header{margin-bottom:10px}.section-title{font-size:15px}h2{font-size:18px;margin-bottom:12px}h3{font-size:16px;margin-bottom:10px}.creature-card{padding:10px;border-radius:10px}.creature-img{height:min(132px,42vw);border-radius:10px}.creature-card--preview{min-width:140px;max-width:140px;padding:9px}.creature-card--preview .creature-img{height:108px}.gift-item{padding:14px}.bottom-nav{padding:8px 0}.nav-item{font-size:22px;padding:6px 10px}input,textarea{padding:10px;font-size:15px}.stats-grid{gap:10px}.stat-card{padding:12px}.battle-stage-avatar-inner{width:78px;height:78px}.battle-stage-avatar{min-width:96px}.battle-stage-center{width:84px;height:32px;font-size:10px}.battle-stage-owner{font-size:11px}.battle-stage-name{font-size:13px}}.glitchlings-battle-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--background);color:#fff;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.glitchlings-hud{display:flex;justify-content:space-between;padding:12px 16px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.glitchlings-hero-hud{display:flex;flex-direction:column;gap:4px;min-width:140px}.glitchlings-hero-hud.player{border-left:3px solid var(--primary);padding-left:8px}.glitchlings-hero-hud.enemy{border-right:3px solid var(--secondary);padding-right:8px;align-items:flex-end;text-align:right}.glitchlings-hero-name{font-size:16px;font-weight:700;color:var(--text, #FFFFFF)}.glitchlings-hero-role{font-size:11px;color:var(--text-secondary, #8888AA);text-transform:uppercase;letter-spacing:.5px}.glitchlings-health-bar,.glitchlings-energy-bar{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative;margin:2px 0}.glitchlings-health-fill{height:100%;background:linear-gradient(90deg,#ff4d4d,#f66);transition:width .3s ease;border-radius:4px}.glitchlings-energy-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .3s ease;border-radius:4px}.glitchlings-health-text,.glitchlings-energy-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}.glitchlings-arena{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;background:radial-gradient(circle at center,#1a1a2ecc,#0f0c29e6)}.glitchlings-team{display:flex;gap:16px;align-items:center;justify-content:center}.glitchlings-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffff0d;border-radius:12px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;min-width:80px}.glitchlings-hero:hover{border-color:var(--primary);background:var(--card-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow)}.glitchlings-hero[data-team=A]{border-color:var(--primary)}.glitchlings-hero[data-team=B]{border-color:var(--secondary)}.glitchlings-hero-visual{font-size:48px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.glitchlings-hero-hp{font-size:12px;font-weight:600;color:var(--text-secondary, #8888AA)}.glitchlings-vs{font-size:24px;font-weight:800;color:var(--primary);text-shadow:0 0 20px var(--glow);letter-spacing:4px}.glitchlings-controls{display:flex;gap:12px;padding:16px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);justify-content:center;flex-wrap:wrap}.glitchlings-btn{padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px;position:relative}.glitchlings-btn:active{transform:scale(.95)}.glitchlings-btn:disabled{opacity:.5;cursor:not-allowed}.glitchlings-btn-attack{background:linear-gradient(135deg,#4dfffd,#00c8ff);color:#000}.glitchlings-btn-gadget{background:linear-gradient(135deg,#fc0,#fa0);color:#000}.glitchlings-btn-ultimate{background:linear-gradient(135deg,#ff4d4d,#ff2e00);color:#fff}.glitchlings-btn-desc{font-size:10px;font-weight:500;opacity:.8;text-align:center}.glitchlings-cooldown{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.glitchlings-energy-indicator{font-size:11px;opacity:.9}.glitchlings-log{max-height:100px;overflow-y:auto;padding:12px;background:#0009;font-size:12px;line-height:1.5;position:relative;scrollbar-width:none;-ms-overflow-style:none}.glitchlings-log::-webkit-scrollbar{display:none}.glitchlings-log{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.glitchlings-log-entry{margin-bottom:4px;padding:4px 0}.glitchlings-log-info{color:var(--text-secondary, #8888AA)}.glitchlings-log-damage{color:#ff4d4d}.glitchlings-log-heal{color:#0f8}.glitchlings-log-ultimate{color:#fc0;font-weight:600}.glitchlings-hero-selection{display:flex;flex-direction:column;gap:16px;padding:0;width:100%;box-sizing:border-box;overflow:visible}.battle-mode-selector{display:flex;gap:12px;width:100%;margin-bottom:16px;justify-content:center}.battle-mode-selector .modern-btn{flex:1;max-width:200px;padding:12px 20px;font-size:14px;font-weight:700}.glitchlings-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;box-sizing:border-box;padding:8px 0}@media(orientation:landscape)and (min-width:768px){.glitchlings-hero-grid{grid-template-columns:repeat(5,1fr);gap:12px}.glitchlings-hero-card{padding:16px 12px}.glitchlings-hero-card-visual{font-size:48px}.glitchlings-hero-card-name{font-size:14px}.glitchlings-hero-card-role{font-size:10px}}.glitchlings-hero-card{background:#5b6884;border-radius:16px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .3s ease;border:3px solid rgba(239,94,79,.6);box-sizing:border-box;width:100%;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #00000080,0 0 20px #ef5e4f33}.glitchlings-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--glow),var(--glow));opacity:0;transition:opacity .3s ease;border-radius:16px}.glitchlings-hero-card:hover{border-color:var(--primary);transform:translateY(-4px) scale(1.05);box-shadow:0 6px 20px #ef5e4f66,0 0 30px #ef5e4f4d;background:#5b6884;border-width:3px}.glitchlings-hero-card:hover:before{opacity:1}.glitchlings-hero-card.selected{border-color:var(--primary);background:#5b6884;box-shadow:0 6px 24px #ef5e4f80,0 0 40px #ef5e4f66;border-width:4px}.glitchlings-hero-card.selected:before{opacity:1}.glitchlings-hero-card-visual{font-size:36px;margin-bottom:6px;line-height:1}.glitchlings-hero-card-name{font-size:12px;font-weight:900;margin-bottom:2px;line-height:1.2;color:var(--text);text-shadow:2px 2px 0px rgba(0,0,0,.8),0 0 10px rgba(239,94,79,.5);-webkit-text-stroke:.5px rgba(0,0,0,.8)}.glitchlings-hero-card-role{font-size:9px;color:var(--text-secondary);text-transform:uppercase;line-height:1.2;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:700}@media(max-width:480px){.glitchlings-hud{flex-direction:column;gap:8px}.glitchlings-hero-hud{min-width:100%}.glitchlings-team{flex-wrap:wrap}.glitchlings-hero{min-width:70px;padding:8px}.glitchlings-hero-visual{font-size:36px}.glitchlings-controls{flex-direction:column}.glitchlings-btn{width:100%}.glitchlings-hero-grid{grid-template-columns:repeat(3,1fr);gap:8px}.glitchlings-hero-card{padding:10px 6px}.glitchlings-hero-card-visual{font-size:32px;margin-bottom:4px}.glitchlings-hero-card-name{font-size:11px}.glitchlings-hero-card-role{font-size:8px}.battle-mode-selector{gap:8px}}@media(max-width:360px){.glitchlings-hero-grid{grid-template-columns:repeat(2,1fr);gap:8px}.glitchlings-hero-card-visual{font-size:28px}}.glitchlings-home-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(180deg,#1a1a3e,#0f0f1a,#1a1a2e);overflow:hidden;display:flex;flex-direction:row;box-sizing:border-box;padding:0;margin:0;scrollbar-width:none!important;-ms-overflow-style:none!important}.glitchlings-home-screen::-webkit-scrollbar{display:none!important}.glitchlings-home-screen .glitchlings-left-menu,.glitchlings-home-screen .glitchlings-right-menu{scrollbar-width:none!important;-ms-overflow-style:none!important}.glitchlings-home-screen .glitchlings-left-menu::-webkit-scrollbar,.glitchlings-home-screen .glitchlings-right-menu::-webkit-scrollbar{display:none!important}.glitchlings-left-menu,.glitchlings-right-menu{width:160px;min-width:120px;max-width:180px;height:100%;padding:20px 12px;margin:0;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;overflow-y:auto;overflow-x:hidden;position:relative;flex-shrink:0;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.glitchlings-left-menu:before,.glitchlings-left-menu:after,.glitchlings-right-menu:before,.glitchlings-right-menu:after{content:"";position:absolute;left:0;right:0;height:40px;pointer-events:none;z-index:10;transition:opacity .3s ease;opacity:0}.glitchlings-left-menu:before,.glitchlings-right-menu:before{top:0;background:linear-gradient(180deg,rgba(53,54,55,.95) 0%,rgba(75,92,98,.7) 50%,transparent 100%)}.glitchlings-left-menu:after,.glitchlings-right-menu:after{bottom:0;background:linear-gradient(0deg,rgba(53,54,55,.95) 0%,rgba(75,92,98,.7) 50%,transparent 100%)}.glitchlings-left-menu.can-scroll-up:before,.glitchlings-right-menu.can-scroll-up:before{opacity:1}.glitchlings-left-menu.can-scroll-down:after,.glitchlings-right-menu.can-scroll-down:after{opacity:1}.glitchlings-center-area{flex:1;min-width:0;height:100%;padding:20px;display:flex;justify-content:center;align-items:center;overflow:hidden}.glitchlings-right-menu{align-items:flex-start}.glitchlings-bottom-panel{position:absolute;bottom:0;left:0;right:0;height:120px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;flex-direction:column!important;align-items:center;justify-content:flex-start;padding:8px 20px 12px;gap:10px;width:100%;box-sizing:border-box}.glitchlings-play-btn{width:220px;height:60px;flex-shrink:0;order:1;margin-bottom:0}.glitchlings-game-mode{flex:0 0 auto;max-width:500px;order:2;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#0006;padding:10px 16px;border-radius:16px;border:2px solid rgba(255,255,255,.2)}.glitchlings-event-timer{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap}.glitchlings-top-bar{position:absolute;top:0;left:0;right:0;height:55px;display:flex;justify-content:space-between;align-items:center;padding:4px 16px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.glitchlings-profile-section{display:flex;align-items:center;gap:8px;flex:1}.glitchlings-profile-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff2e00,#ff4d4d);display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d}.glitchlings-profile-info{display:flex;flex-direction:column;gap:4px}.glitchlings-profile-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.glitchlings-profile-stats{display:flex;gap:8px;align-items:center}.glitchlings-stat-item{display:flex;align-items:center;gap:4px;background:#ffffff1a;padding:2px 8px;border-radius:12px;font-size:12px}.glitchlings-stat-icon{font-size:14px}.glitchlings-stat-value{font-weight:700;color:#fff}.glitchlings-currency-section{display:flex;gap:12px;align-items:center;flex:1;justify-content:center}.glitchlings-currency-item{display:flex;align-items:center;gap:4px;background:#ffffff26;padding:4px 10px;border-radius:16px;font-size:13px;font-weight:600;box-shadow:0 2px 4px #0003}.glitchlings-currency-icon{font-size:16px}.glitchlings-currency-value{color:#fff;font-weight:700}.glitchlings-username-section{flex:1;display:flex;justify-content:flex-end;align-items:center}.glitchlings-username{font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase}.glitchlings-main-content{flex:1;display:flex;position:relative;overflow:hidden;padding:0;margin:55px 0 100px;flex-direction:row;align-items:stretch;height:calc(100vh - 155px);min-height:0;width:100%}@media(max-width:768px)and (orientation:portrait){.glitchlings-home-screen{flex-direction:column;height:100vh;overflow:hidden}.glitchlings-top-bar{position:relative}.glitchlings-main-content{flex:none;height:calc(100vh - 150px);display:grid;grid-template-columns:90px 1fr 90px;align-items:center;overflow:hidden}.glitchlings-left-menu,.glitchlings-right-menu{width:100%;height:100%;padding:8px 4px;flex-direction:column;justify-content:center;gap:8px}.glitchlings-left-menu .glitchlings-menu-btn,.glitchlings-right-menu .glitchlings-menu-btn{min-height:60px;padding:6px 4px}.glitchlings-menu-icon{font-size:22px}.glitchlings-menu-label{font-size:10px}.glitchlings-character-visual{font-size:96px}.glitchlings-bottom-panel{position:relative;height:auto;padding:10px 12px 16px;flex-direction:column;gap:8px}.glitchlings-game-mode{max-width:100%;width:100%}.glitchlings-play-btn{width:100%;max-width:320px;align-self:center}}@media(max-height:540px){.glitchlings-top-bar{height:48px;padding:4px 10px}.glitchlings-profile-avatar{width:40px;height:40px;font-size:20px}.glitchlings-profile-name{font-size:12px}.glitchlings-stat-item{padding:1px 6px;font-size:10px}.glitchlings-currency-item{padding:3px 8px;font-size:11px}.glitchlings-bottom-panel{height:80px;padding:8px 12px;gap:12px}.glitchlings-play-btn{width:190px;height:60px}.glitchlings-event-timer{font-size:9px}.glitchlings-main-content{margin-top:50px;margin-bottom:80px;height:calc(100vh - 130px);height:calc(100dvh - 130px)}.glitchlings-left-menu,.glitchlings-right-menu{width:140px;padding:12px 8px;gap:10px}.glitchlings-menu-btn{min-height:60px;padding:8px 6px}.glitchlings-menu-icon{font-size:22px}.glitchlings-menu-label{font-size:10px}.glitchlings-character-visual{font-size:96px}}@media(max-height:420px){.glitchlings-top-bar{height:42px}.glitchlings-main-content{margin-top:44px;margin-bottom:70px;height:calc(100vh - 114px);height:calc(100dvh - 114px)}.glitchlings-left-menu,.glitchlings-right-menu{width:120px;padding:8px 6px;gap:8px}.glitchlings-menu-btn{min-height:52px}.glitchlings-character-visual{font-size:80px}.glitchlings-play-btn{width:170px;height:54px}}@media(max-width:800px){.glitchlings-left-menu,.glitchlings-right-menu{width:130px;min-width:110px;padding:16px 8px;gap:10px}.glitchlings-center-area{padding:10px}.glitchlings-character-visual{font-size:120px}.glitchlings-game-mode{max-width:420px}.glitchlings-character-display{transform:scale(.95)}.glitchlings-character-visual img{width:clamp(130px,18vw,250px)!important;max-width:250px!important;max-height:250px!important}.glitchlings-menu-btn{min-height:65px;padding:10px 6px}.glitchlings-menu-icon{font-size:24px}.glitchlings-menu-label{font-size:10px}}@media(min-width:801px)and (max-width:1024px){.glitchlings-left-menu,.glitchlings-right-menu{width:150px;padding:18px 10px}.glitchlings-character-visual{font-size:130px}.glitchlings-center-area{padding:15px}}@media(max-width:640px)and (orientation:landscape){.glitchlings-left-menu,.glitchlings-right-menu{width:100px;min-width:90px;padding:12px 6px;gap:8px}.glitchlings-menu-btn{min-height:55px;padding:8px 4px}.glitchlings-menu-icon{font-size:20px}.glitchlings-menu-label{font-size:9px}.glitchlings-character-visual{font-size:100px}.glitchlings-center-area{padding:8px}.glitchlings-top-bar{height:50px;padding:4px 12px}.glitchlings-main-content{margin-top:50px;margin-bottom:90px;height:calc(100vh - 140px)}.glitchlings-bottom-panel{height:90px;padding:10px 16px;gap:12px}.glitchlings-play-btn{width:180px;height:65px}.glitchlings-profile-avatar{width:42px;height:42px;font-size:20px}.glitchlings-profile-name{font-size:12px}.glitchlings-currency-item{padding:3px 8px;font-size:11px}}.glitchlings-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;background:linear-gradient(135deg,#353637cc,#4b5c6299);border:2px solid rgba(92,176,202,.3);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:70px;width:100%;box-sizing:border-box;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d,0 0 15px #5cb0ca1a}.glitchlings-menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(92,176,202,.3),transparent);transition:left .5s ease;z-index:0}.glitchlings-menu-btn.active{background:linear-gradient(135deg,#5cb0ca4d,#a67ff233);border-color:#5cb0ca99;box-shadow:0 6px 20px #0006,0 0 25px #5cb0ca66}.glitchlings-menu-btn.active .glitchlings-menu-icon{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(92,176,202,.8))}.glitchlings-menu-btn.active .glitchlings-menu-label{color:#5cb0ca;text-shadow:0 0 10px rgba(92,176,202,.6)}.glitchlings-menu-btn:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#4b5c62e6,#5cb0ca66);border-color:#5cb0ca99;box-shadow:0 8px 24px #00000080,0 0 30px #5cb0ca80}.glitchlings-menu-btn:hover:before{left:100%}.glitchlings-menu-btn:hover .glitchlings-menu-icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 15px rgba(92,176,202,.8))}.glitchlings-menu-btn:hover .glitchlings-menu-label{color:#5cb0ca;text-shadow:0 0 8px rgba(92,176,202,.6)}.glitchlings-menu-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #0006,0 0 20px #5cb0ca4d}.glitchlings-menu-btn.shop-btn:hover{border-color:#ef5e4f99;box-shadow:0 8px 24px #00000080,0 0 30px #ef5e4f66}.glitchlings-menu-btn.shop-btn:hover .glitchlings-menu-icon{filter:drop-shadow(0 0 15px rgba(239,94,79,.8))}.glitchlings-menu-btn.shop-btn:hover .glitchlings-menu-label{color:#ef5e4f;text-shadow:0 0 8px rgba(239,94,79,.6)}.glitchlings-menu-btn.fighters-btn:hover{border-color:#a67ff299;box-shadow:0 8px 24px #00000080,0 0 30px #a67ff266}.glitchlings-menu-btn.fighters-btn:hover .glitchlings-menu-icon{filter:drop-shadow(0 0 15px rgba(166,127,242,.8))}.glitchlings-menu-btn.fighters-btn:hover .glitchlings-menu-label{color:#a67ff2;text-shadow:0 0 8px rgba(166,127,242,.6)}.glitchlings-menu-btn.quests-btn:hover{border-color:#d9b24599;box-shadow:0 8px 24px #00000080,0 0 30px #d9b24566}.glitchlings-menu-btn.quests-btn:hover .glitchlings-menu-icon{filter:drop-shadow(0 0 15px rgba(217,178,69,.8))}.glitchlings-menu-btn.quests-btn:hover .glitchlings-menu-label{color:#d9b245;text-shadow:0 0 8px rgba(217,178,69,.6)}.glitchlings-menu-btn.club-btn:hover{border-color:#d9b24599;box-shadow:0 8px 24px #00000080,0 0 30px #d9b24566}.glitchlings-menu-btn.admin-btn:hover{border-color:#d9b245cc;background:linear-gradient(135deg,#d9b2454d,#ffd70033);box-shadow:0 8px 24px #00000080,0 0 35px #d9b24599}.glitchlings-menu-icon{font-size:28px;margin-bottom:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.glitchlings-menu-label{font-size:11px;font-weight:700;color:#bab6b0;text-align:center;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.glitchlings-menu-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef5e4f,#ff4d4d);color:#fff;font-size:10px;font-weight:900;padding:3px 7px;border-radius:12px;border:2px solid #ffffff;box-shadow:0 2px 8px #0006,0 0 15px #ef5e4f99;min-width:20px;text-align:center;z-index:10;animation:badgePulse 2s ease-in-out infinite;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #0006,0 0 15px #ef5e4f99}50%{transform:scale(1.1);box-shadow:0 3px 12px #00000080,0 0 20px #ef5e4fcc}}.glitchlings-menu-badge.gift-badge{background:linear-gradient(135deg,#5cb0ca,#00c8ff);font-size:9px;padding:2px 5px;top:4px;right:4px;box-shadow:0 2px 8px #0006,0 0 15px #5cb0ca99;animation:badgePulse 2s ease-in-out infinite}.glitchlings-menu-badge.new-badge{background:linear-gradient(135deg,#ef5e4f,#ff2e00);font-size:9px;padding:2px 5px;top:4px;right:4px;box-shadow:0 2px 8px #0006,0 0 15px #ef2e0099;animation:badgePulse 2s ease-in-out infinite}.glitchlings-progress-section{margin-top:8px;padding:10px;background:linear-gradient(135deg,#353637cc,#4b5c6299);border:1px solid rgba(92,176,202,.2);border-radius:14px;width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d,0 0 15px #5cb0ca1a;transition:all .3s ease}.glitchlings-progress-section:hover{border-color:#5cb0ca66;box-shadow:0 6px 16px #0006,0 0 20px #5cb0ca33;transform:translateY(-2px)}.glitchlings-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:6px}.glitchlings-progress-fill{height:100%;background:linear-gradient(90deg,#ff2e00,#ff4d4d);border-radius:3px;transition:width .3s ease}.glitchlings-progress-text{display:flex;align-items:center;gap:4px;font-size:11px;color:#ffffffe6;font-weight:600}.glitchlings-progress-icon{font-size:12px}.glitchlings-xp-section{display:flex;align-items:center;gap:8px;padding:8px;background:#0000004d;border-radius:12px;margin-top:8px;width:100%;box-sizing:border-box}.glitchlings-xp-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px}.glitchlings-xp-info{flex:1;display:flex;flex-direction:column;gap:4px}.glitchlings-xp-value{font-size:14px;font-weight:700;color:#fff}.glitchlings-xp-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.glitchlings-xp-fill{height:100%;background:linear-gradient(90deg,#00c8ff,#0f8);border-radius:2px;transition:width .3s ease}.glitchlings-xp-text{font-size:9px;color:#ffffffb3}.glitchlings-character-display{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:5;max-width:100%;max-height:100%;overflow:visible}.glitchlings-character-info{display:flex;flex-direction:column;align-items:center;gap:8px}.glitchlings-character-banner{display:flex;align-items:center;gap:6px;background:#0006;padding:4px 12px;border-radius:16px;border:2px solid rgba(255,255,255,.2)}.glitchlings-character-level-text{font-size:10px;color:#ffffffb3;text-transform:uppercase;font-weight:600}.glitchlings-character-name{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase}.glitchlings-character-level{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:gold}.glitchlings-character-power{display:flex;align-items:center;gap:6px;background:#0006;padding:3px 10px;border-radius:14px}.glitchlings-power-level{font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff2e00,#ff4d4d);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.glitchlings-power-icons{display:flex;gap:4px}.glitchlings-power-icon{font-size:14px;opacity:.8}.glitchlings-character-visual{font-size:120px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite;max-width:100%;max-height:100%;object-fit:contain;display:flex;align-items:center;justify-content:center;position:relative}.glitchlings-character-visual img{width:clamp(140px,20vw,260px)!important;height:auto!important;max-width:260px!important;max-height:260px!important;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5)) drop-shadow(0 0 30px var(--glow)) drop-shadow(0 0 50px var(--glow));animation:float 3s ease-in-out infinite,characterGlow 4s ease-in-out infinite;transition:all .3s ease;margin:0 auto;box-sizing:border-box}.glitchlings-character-visual span{display:block;font-size:clamp(80px,18vw,180px)}.glitchlings-character-visual:hover{transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 6px 16px rgba(0,0,0,.6)) drop-shadow(0 0 40px var(--glow)) drop-shadow(0 0 60px var(--glow))}.glitchlings-character-visual:hover img{filter:drop-shadow(0 6px 16px rgba(0,0,0,.6)) drop-shadow(0 0 40px var(--glow)) drop-shadow(0 0 60px var(--glow))}@keyframes characterGlow{0%,to{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5)) drop-shadow(0 0 30px var(--glow)) drop-shadow(0 0 50px var(--glow))}50%{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5)) drop-shadow(0 0 40px rgba(255,46,0,.5)) drop-shadow(0 0 70px rgba(0,200,255,.4))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glitchlings-character-rank{display:flex;align-items:center;gap:4px;background:#0006;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:700;color:gold}.glitchlings-rank-icon{font-size:16px}.glitchlings-skin-btn{position:absolute;bottom:-20px;right:-20px;width:40px;height:40px;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.glitchlings-skin-btn:active{transform:scale(.9)}.glitchlings-skin-icon{font-size:20px}.glitchlings-online-section{margin-top:8px;padding:10px;background:linear-gradient(135deg,#353637cc,#4b5c6299);border:1px solid rgba(84,195,155,.3);border-radius:14px;width:100%;text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d,0 0 15px #54c39b1a;transition:all .3s ease}.glitchlings-online-section:hover{border-color:#54c39b80;box-shadow:0 6px 16px #0006,0 0 20px #54c39b4d;transform:translateY(-2px)}.glitchlings-online-title{font-size:10px;color:#ffffffb3;text-transform:uppercase;margin-bottom:6px;font-weight:600}.glitchlings-online-club{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}.glitchlings-online-dot{width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 6px #0f8}.glitchlings-online-name{font-size:11px;color:#fff;font-weight:600}.glitchlings-online-count{font-size:10px;color:#ffffffb3}.glitchlings-mode-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px}.glitchlings-mode-info{flex:1;display:flex;flex-direction:column;gap:2px}.glitchlings-mode-name{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase}.glitchlings-mode-map{font-size:11px;color:#ffffffb3}.glitchlings-new-event-btn{background:linear-gradient(135deg,#00c8ff,#08c);border:none;padding:6px 12px;border-radius:12px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.glitchlings-new-event-btn:active{transform:scale(.95)}.glitchlings-play-btn{width:100%;height:60px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #ffd70066;transition:all .2s ease;position:relative;overflow:hidden}.glitchlings-play-btn:active{transform:scale(.98);box-shadow:0 2px 8px #ffd7004d}.glitchlings-play-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.glitchlings-play-btn:active:before{left:100%}.glitchlings-play-text{font-size:24px;font-weight:800;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px;z-index:1}@media(max-width:480px){.glitchlings-left-menu,.glitchlings-right-menu{width:120px}.glitchlings-character-visual{font-size:100px}.glitchlings-menu-label{font-size:10px}}@media(max-width:360px){.glitchlings-left-menu,.glitchlings-right-menu{width:100px}.glitchlings-character-visual{font-size:80px}.glitchlings-menu-icon{font-size:24px}.glitchlings-menu-label{font-size:9px}}@media(orientation:landscape){.glitchlings-home-screen{height:100vh;height:100dvh;flex-direction:row;overflow:hidden}.glitchlings-top-bar{position:absolute;top:0;left:0;right:0;height:60px;padding:6px 16px}.glitchlings-main-content{flex-direction:row;margin-top:60px;margin-bottom:100px;padding:0;height:calc(100vh - 160px);height:calc(100dvh - 160px)}.glitchlings-left-menu{position:relative;left:auto;top:auto;bottom:auto;width:160px;height:100%;padding:20px 12px;justify-content:flex-start;gap:16px}.glitchlings-center-area{flex:1;height:100%;padding:20px;justify-content:center}.glitchlings-character-visual{font-size:150px}.glitchlings-right-menu{position:relative;right:auto;top:auto;bottom:auto;width:160px;height:100%;padding:20px 12px;justify-content:flex-start;gap:16px;align-items:flex-end}.glitchlings-bottom-panel{position:absolute;bottom:0;left:0;right:0;height:120px;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 20px 12px;gap:10px}.glitchlings-play-btn{width:200px;height:60px;flex-shrink:0;order:1}.glitchlings-game-mode{flex:0 0 auto;max-width:400px;width:100%;order:2;display:flex;align-items:center;justify-content:center}.glitchlings-event-timer{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px}}@media(orientation:portrait){.glitchlings-home-screen{height:100vh;height:100dvh;flex-direction:column}}:root{--primary: #5cb0ca;--secondary: #ef5e4f;--accent: #a67ff2;--background: #353637;--surface: #4b5c62;--card: #4b5c62;--card-hover: #5a6d75;--epic: #c160e6;--legendary: #d66f3c;--rare: #5b9ac3;--uncommon: #54c39b;--gold: #d9b245;--toxic: #7ecb82;--highlight: #d3970d;--text: #bab6b0;--text-secondary: rgba(186, 182, 176, .8);--text-muted: rgba(186, 182, 176, .6);--text-accent: #5cb0ca;--success: #54c39b;--premium: #d9b245;--warning: #d3970d;--error: #ef5e4f;--border: rgba(92, 176, 202, .4);--border-hover: rgba(92, 176, 202, .8);--divider: rgba(92, 176, 202, .3);--glow: rgba(92, 176, 202, .5);--glow-accent: rgba(166, 127, 242, .5);--glow-energy: rgba(239, 94, 79, .5);--shadow: rgba(0, 0, 0, .6);--backdrop-blur: blur(10px);--text-stroke: 2px solid rgba(0, 0, 0, .8)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;-webkit-tap-highlight-color:transparent}body{background:var(--background);color:var(--text);font-family:Rajdhani,Orbitron,sans-serif;font-weight:600;letter-spacing:.02em;background-image:radial-gradient(circle at 20% 50%,rgba(92,176,202,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(166,127,242,.05) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(92,176,202,.02) 10px,rgba(92,176,202,.02) 20px);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(92,176,202,.1) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(166,127,242,.1) 0%,transparent 40%);pointer-events:none;z-index:1;animation:neon-pulse 4s ease-in-out infinite;opacity:.5}@keyframes neon-pulse{0%,to{opacity:.3}50%{opacity:.6}}.app{width:100%;min-height:100vh;margin:0 auto;padding:0;background:var(--background);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box}.loading-screen{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;background:var(--background);display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease;overflow:hidden}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.loading-logo{font-size:64px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:40px;white-space:nowrap}.loading-subtitle{color:var(--text-secondary);font-size:16px;margin-right:40px;font-weight:500;white-space:nowrap}.loading-bar{width:300px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-right:20px}.loading-progress{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;width:0%;transition:width .3s ease}.loading-text{color:var(--text-secondary);font-size:14px;font-weight:500}@media(max-width:600px){.loading-screen{padding:24px 16px}.loading-content{flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.loading-logo{font-size:36px;margin-right:0}.loading-subtitle{font-size:14px;margin-right:0;white-space:normal}.loading-bar{width:100%;max-width:360px;margin-right:0}.loading-text{font-size:12px}}@media(max-height:480px){.loading-screen{padding:16px 12px}.loading-logo{font-size:28px}.loading-subtitle{font-size:12px}}.screen{position:relative;width:100%;min-height:100vh;display:none;flex-direction:column;background:var(--background);color:var(--text);overflow:visible}.screen.active{display:flex}.modern-header{padding:15px 20px 10px;background:linear-gradient(180deg,var(--surface) 0%,var(--background) 100%);border-bottom:3px solid var(--primary);flex-shrink:0;position:relative;box-shadow:0 4px 20px #00000080}.modern-header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),var(--primary),transparent);opacity:.8;animation:neon-line 3s ease-in-out infinite}@keyframes neon-line{0%,to{opacity:.5}50%{opacity:1}}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.player-badge{display:flex;align-items:center;gap:12px}.player-avatar{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:24px;border:3px solid var(--primary);box-shadow:0 0 15px var(--glow),0 0 30px var(--glow),inset 0 0 20px #5cb0ca4d;position:relative}.player-avatar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--accent);border-radius:8px;opacity:.5;animation:neon-border 2s ease-in-out infinite}@keyframes neon-border{0%,to{opacity:.3}50%{opacity:.7}}.player-info{display:flex;flex-direction:column}.player-name{font-family:Bungee,Righteous,sans-serif;font-size:18px;font-weight:400;margin-bottom:4px;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px var(--glow),0 0 20px var(--glow),2px 2px 0px rgba(0,0,0,.8);-webkit-text-stroke:1px rgba(0,0,0,.5)}.player-stats{display:flex;gap:8px}.stat-pill{background:linear-gradient(135deg,var(--surface),var(--card));padding:4px 10px;border-radius:6px;border:2px solid var(--border);font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 8px #0000004d,inset 0 0 10px #5cb0ca1a}.currency-display{display:flex;gap:8px;align-items:center}.currency-item{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:8px 12px;border-radius:12px;border:1px solid var(--border);font-weight:600;font-size:14px}.coins{color:var(--primary)}.gems{color:var(--secondary)}.modern-menu{background:var(--background)}.menu-content{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.welcome-section{text-align:center;margin-bottom:30px}.welcome-title{font-family:Bungee,Righteous,sans-serif;font-size:32px;font-weight:400;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;text-shadow:none;-webkit-text-stroke:none;margin-bottom:8px;filter:drop-shadow(0 0 10px var(--glow))}.welcome-subtitle{color:var(--text-secondary);font-size:14px;font-weight:500}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}@media(max-width:480px){.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.quick-card{background:linear-gradient(135deg,var(--surface),var(--card));border-radius:8px;padding:20px;border:3px solid var(--border);cursor:pointer;transition:all .3s ease;text-align:center;position:relative;box-shadow:0 4px 15px #0006,inset 0 0 20px #5cb0ca1a}.quick-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--accent);border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none}.quick-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 6px 25px #00000080,0 0 30px var(--glow-accent),inset 0 0 30px #a67ff233}.quick-card:hover:before{opacity:.6}.quick-card:active{transform:scale(.95)}.card-icon{font-size:32px;margin-bottom:12px}.card-title{font-family:Bungee,Righteous,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;color:var(--primary);text-shadow:0 0 8px var(--glow),2px 2px 0px rgba(0,0,0,.8);-webkit-text-stroke:1px rgba(0,0,0,.5)}.card-desc{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;color:var(--text-secondary);line-height:1.4;letter-spacing:.02em}.battle-card{background:linear-gradient(135deg,var(--accent),#FF9600);border:none;color:#fff}.battle-card .card-desc{color:#fffc}.events-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-family:Bungee,Righteous,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);text-shadow:0 0 10px var(--glow),2px 2px 0px rgba(0,0,0,.8);-webkit-text-stroke:1px rgba(0,0,0,.5)}.see-all{color:var(--secondary);font-size:14px;font-weight:600;cursor:pointer}.event-card{background:linear-gradient(135deg,var(--surface),var(--card));border-radius:8px;padding:16px;border:3px solid var(--border);position:relative;box-shadow:0 4px 15px #0006,inset 0 0 20px #5cb0ca1a}.event-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--primary);border-radius:8px;opacity:.3;pointer-events:none;animation:neon-border 2s ease-in-out infinite}.modern-nav{background:linear-gradient(0deg,var(--surface) 0%,var(--background) 100%);border-top:3px solid var(--primary);padding:12px 20px;display:flex;justify-content:space-around;flex-shrink:0;position:relative;box-shadow:0 -4px 20px #00000080}.modern-nav:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),var(--primary),transparent);opacity:.8;animation:neon-line 3s ease-in-out infinite}html.game-mode .modern-nav,.game-mode .modern-nav{display:none!important;visibility:hidden!important}html.game-mode body,.game-mode body{scrollbar-width:none!important;-ms-overflow-style:none!important}html.game-mode body::-webkit-scrollbar,.game-mode body::-webkit-scrollbar{display:none!important}html.game-mode,.game-mode{scrollbar-width:none!important;-ms-overflow-style:none!important}html.game-mode::-webkit-scrollbar,.game-mode::-webkit-scrollbar{display:none!important}html.game-mode,.game-mode{overflow:hidden!important}html.game-mode .tgme_widget_message_bubble,.game-mode .tgme_widget_message_bubble,html.game-mode [class*=tgme],.game-mode [class*=tgme],html.game-mode [id*=telegram],.game-mode [id*=telegram]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}.nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 16px;border-radius:16px;transition:all .2s ease;position:relative;color:var(--text-secondary)}.nav-item.active{background:var(--card-hover);color:var(--primary);box-shadow:0 0 15px var(--glow)}.nav-icon{font-size:20px}.nav-label{font-size:10px;font-weight:600}.nav-badge{position:absolute;top:4px;right:8px;background:var(--accent);color:#fff;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.shop-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.shop-tabs{display:flex;background:var(--surface);border-radius:16px;padding:4px;margin:16px 20px;border:1px solid var(--border)}.shop-tab{flex:1;padding:12px;text-align:center;background:transparent;border:none;color:var(--text-secondary);border-radius:12px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.shop-tab.active{background:linear-gradient(135deg,var(--primary),var(--warning));color:var(--text);text-shadow:2px 2px 0px rgba(0,0,0,.8);font-weight:900;border:2px solid rgba(0,0,0,.3);box-shadow:0 2px 8px #0006}.shop-tab-content{display:none}.shop-tab-content.active{display:block}.shop-item{background:var(--surface);border-radius:20px;padding:16px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.shop-item:active{transform:scale(.95)}.shop-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow)}.item-badge{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase}.item-icon{width:60px;height:60px;border-radius:16px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.item-name{font-weight:900;margin-bottom:6px;font-size:14px;color:var(--text);text-shadow:2px 2px 0px rgba(0,0,0,.8);-webkit-text-stroke:.5px rgba(0,0,0,.8)}.item-price{font-size:12px;font-weight:600}.price-coins{color:var(--primary)}.price-stars{color:var(--secondary)}.price-free{color:var(--success)}.battle-content{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.battle-setup-card{background:var(--surface);border-radius:20px;padding:20px;border:1px solid var(--border)}.battle-controls{margin-top:16px}.battle-select-group{margin-bottom:12px}.battle-select{width:100%;padding:12px;border-radius:12px;background:var(--card);border:1px solid var(--border);color:var(--text);font-size:14px}.modern-btn{background:linear-gradient(135deg,var(--primary),var(--warning));border:3px solid rgba(0,0,0,.3);border-radius:20px;padding:14px 32px;color:var(--text);font-size:16px;font-weight:900;cursor:pointer;transition:all .2s ease;text-shadow:2px 2px 0px rgba(0,0,0,.8);box-shadow:0 4px 12px #0006,0 0 20px #ef5e4f4d}.modern-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080,0 0 30px #ef5e4f66;border-color:#00000080}.modern-btn:active{transform:scale(.95);box-shadow:0 2px 8px #0000004d,0 0 15px #ef5e4f33}.btn{background:var(--primary);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.95)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.info-card{background:var(--surface);border-radius:20px;padding:20px;border:1px solid var(--border)}.achievement-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);display:none;align-items:flex-start;gap:12px;max-width:min(90vw,360px);background:#0f172af2;color:#f8fafc;padding:14px 16px;border-radius:14px;box-shadow:0 18px 32px #0f172a59;z-index:5000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.achievement-toast.active{display:flex}.achievement-toast.hidden{display:none}.achievement-toast-icon{font-size:32px;line-height:1}.achievement-toast-content{flex:1;display:flex;flex-direction:column;gap:6px}.achievement-toast-title{font-size:16px;font-weight:700}.achievement-toast-description{font-size:14px;color:#f8fafcd1}.achievement-toast-reward{font-size:13px;color:#38bdf8;font-weight:600}.achievement-toast-close{background:transparent;border:none;color:#f8fafccc;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.achievement-toast-close:active{opacity:.6}.lootbox-notification{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);display:none;align-items:flex-start;gap:12px;max-width:min(90vw,360px);background:linear-gradient(135deg,var(--surface),var(--card));border:1px solid var(--border);color:var(--text);padding:16px 18px;border-radius:16px;box-shadow:0 8px 32px var(--shadow),0 0 20px var(--glow);z-index:5000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:lootboxNotificationSlideIn .3s ease-out}.lootbox-notification.active{display:flex}.lootbox-notification.hidden{display:none}@keyframes lootboxNotificationSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lootbox-notification-icon{font-size:36px;line-height:1;filter:drop-shadow(0 0 8px var(--glow))}.lootbox-notification-content{flex:1;display:flex;flex-direction:column;gap:6px}.lootbox-notification-title{font-size:17px;font-weight:700;color:var(--primary);text-shadow:0 0 10px var(--glow)}.lootbox-notification-message{font-size:14px;color:#f8fafce6;line-height:1.4}.lootbox-notification-close{background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text);font-size:16px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease;flex-shrink:0}.lootbox-notification-close:active{background:var(--card-hover);transform:scale(.9)}.loading{text-align:center;color:var(--text-secondary);padding:20px}.battle-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000}.battle-modal-overlay.active{display:flex}.battle-modal{background:linear-gradient(135deg,var(--surface),var(--background));border-radius:20px;border:1px solid var(--border);box-shadow:0 20px 60px var(--shadow),0 0 40px var(--glow);max-width:100%;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.battle-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#f87171f2;font-size:18px;cursor:pointer;z-index:100;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.battle-modal-close:hover{background:#ef44444d;transform:scale(1.1)}@media(max-width:480px){.welcome-title{font-size:28px}.quick-grid{gap:12px}.quick-card{padding:16px}.card-icon{font-size:28px}.nav-label{font-size:9px}}.menu-content,.shop-content,.battle-content{scrollbar-width:none;-ms-overflow-style:none}.menu-content::-webkit-scrollbar,.shop-content::-webkit-scrollbar,.battle-content::-webkit-scrollbar{display:none}.menu-content,.shop-content,.battle-content{position:relative;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.menu-content.has-scroll::-webkit-scrollbar,.shop-content.has-scroll::-webkit-scrollbar,.battle-content.has-scroll::-webkit-scrollbar{width:4px}.menu-content.has-scroll::-webkit-scrollbar-track,.shop-content.has-scroll::-webkit-scrollbar-track,.battle-content.has-scroll::-webkit-scrollbar-track{background:transparent}.menu-content.has-scroll::-webkit-scrollbar-thumb,.shop-content.has-scroll::-webkit-scrollbar-thumb,.battle-content.has-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.menu-content.has-scroll::-webkit-scrollbar-thumb:hover,.shop-content.has-scroll::-webkit-scrollbar-thumb:hover,.battle-content.has-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.pass-card{background:linear-gradient(135deg,var(--premium),#FF00FF);border:none;color:#fff}.pass-card .card-desc{color:#fffc}.error-box-card{background:linear-gradient(135deg,var(--accent),#FF6600);border:none;color:#fff;position:relative;overflow:hidden}.error-box-card:before{content:"⚠️";position:absolute;top:-10px;right:-10px;font-size:40px;opacity:.3;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.error-box-card .card-desc{color:#fffc}.pass-content{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pass-content::-webkit-scrollbar{display:none}.pass-content{scroll-behavior:smooth}.pass-header{background:linear-gradient(135deg,var(--premium),#FF00FF);border-radius:20px;padding:20px;margin-bottom:20px;text-align:center}.pass-title{font-size:28px;font-weight:800;margin-bottom:8px}.pass-subtitle{font-size:14px;opacity:.9;margin-bottom:16px}.pass-timer{background:#fff3;padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.pass-tabs{display:flex;background:var(--surface);border-radius:16px;padding:4px;margin-bottom:20px;border:1px solid var(--border)}.pass-tab{flex:1;padding:12px;text-align:center;background:transparent;border:none;color:var(--text-secondary);border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease}.pass-tab.active{background:var(--premium);color:#fff}.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.tier-item{background:var(--surface);border-radius:16px;padding:16px;text-align:center;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.tier-item:active{transform:scale(.95)}.tier-item.locked{opacity:.5}.tier-item.current{border-color:var(--premium);background:#b200ff1a}.tier-item.claimed{border-color:var(--success);background:#00ff881a}.tier-number{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.tier-reward{font-size:24px;margin-bottom:8px}.tier-name{font-size:10px;font-weight:600}.tier-amount{font-size:11px;color:var(--text-secondary);margin-top:4px}.tier-claim-badge{position:absolute;top:8px;right:8px;background:var(--success);color:#fff;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.premium-section{background:linear-gradient(135deg,var(--premium),#FF00FF);border-radius:20px;padding:20px;text-align:center}.premium-title{font-size:20px;font-weight:700;margin-bottom:12px}.premium-features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.premium-feature{display:flex;align-items:center;gap:8px;font-size:12px;justify-content:center}.premium-btn{background:#fff;border:none;border-radius:20px;padding:12px 24px;color:var(--premium);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.premium-btn:active{transform:scale(.95)}.club-content{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.club-content::-webkit-scrollbar{display:none}.club-content{scroll-behavior:smooth}.club-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.club-stat{background:var(--surface);border-radius:16px;padding:16px;text-align:center;border:1px solid var(--border)}.club-stat-value{font-size:24px;font-weight:800;color:var(--primary);margin-bottom:4px}.club-stat-label{font-size:12px;color:var(--text-secondary);font-weight:600}.members-section{background:var(--surface);border-radius:20px;padding:20px;border:1px solid var(--border)}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px}.member-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 10px var(--glow)}.member-info{flex:1}.member-name{font-size:14px;font-weight:600;margin-bottom:2px}.member-role{font-size:11px;color:var(--secondary);font-weight:600}.member-trophies{color:var(--primary);font-weight:700;font-size:14px}@media(max-width:480px){.tier-grid{grid-template-columns:repeat(3,1fr);gap:10px}.tier-item{padding:12px}.tier-reward{font-size:20px}.club-stats{gap:10px}.club-stat{padding:12px}.club-stat-value{font-size:20px}}.club-content::-webkit-scrollbar,.pass-content::-webkit-scrollbar{width:6px}.club-content::-webkit-scrollbar-track,.pass-content::-webkit-scrollbar-track{background:var(--background)}.club-content::-webkit-scrollbar-thumb,.pass-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.club-content::-webkit-scrollbar-thumb:hover,.pass-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.lootbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lootbox-overlay.active{display:flex}.lootbox-container{text-align:center;padding:20px;max-width:90%}.lootbox{width:200px;height:200px;margin:0 auto 30px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:80px;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 40px var(--glow);transition:all .3s ease;position:relative;overflow:hidden}.lootbox.neon-opening{background:#1a1a1a;border:3px solid #00f0ff;box-shadow:0 0 20px #00f0ff80,inset 0 0 20px #00f0ff1a;animation:neonPulse .5s ease-in-out}.lootbox.neon-opening .neon-glow{opacity:1;animation:glowPulse .5s ease-in-out}.lootbox.neon-opening .neon-particles:before,.lootbox.neon-opening .neon-particles:after{animation:particlesExplode .8s ease-out forwards}.lootbox.neon-opening .neon-content{opacity:1;transform:scale(1) rotate(360deg);animation:contentFlicker .1s infinite,contentBounce .6s ease-out;color:#00f0ff;text-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 30px #00f0ff}.lootbox.neon-opened{background:#1a1a1a;border:3px solid #00ff00;box-shadow:0 0 40px #0f09,inset 0 0 40px #0f03;animation:successPulse 1s ease-in-out infinite}.lootbox.neon-opened .neon-content{color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00}.lootbox .neon-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,240,255,.8),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:24px}.lootbox .neon-particles{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:24px}.lootbox .neon-particles:before,.lootbox .neon-particles:after{content:"";position:absolute;width:4px;height:4px;background:#00f0ff;border-radius:50%;box-shadow:-30px -40px #f0f,30px -40px #0f0,-50px 20px #ff0,50px 20px #ff0080,-20px 50px #0ff,20px 50px #ff8000,-40px -20px #8000ff,40px -20px #00ff80;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%)}.lootbox .neon-content{font-size:80px;color:#ffc107;opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 10px rgba(255,193,7,.8),0 0 20px rgba(255,193,7,.6);z-index:2;position:relative}.lootbox:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:lootboxShine 3s infinite}@keyframes lootboxShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lootbox:active{transform:scale(.9)}.lootbox.opening{animation:lootboxOpen .8s ease-out}@keyframes lootboxOpen{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;max-width:100%}.reward-item{background:var(--surface);border-radius:20px;padding:20px 16px;text-align:center;border:2px solid var(--border);animation:rewardAppear .6s cubic-bezier(.34,1.56,.64,1) both;font-size:14px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;transition:all .3s ease;min-height:120px}.reward-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:rewardShine 3s infinite;opacity:0;transition:opacity .3s ease}.reward-item:hover:before{opacity:1}@keyframes rewardShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reward-item.coins{background:linear-gradient(135deg,#ffc10726,#ff980026);border-color:#ffc10780;box-shadow:0 4px 20px #ffc10733}.reward-item.coins .reward-icon{filter:drop-shadow(0 0 10px rgba(255,193,7,.6))}.reward-item.coins .reward-amount{color:#ffc107;text-shadow:0 0 10px rgba(255,193,7,.5)}.reward-item.stars{background:linear-gradient(135deg,#ffeb3b26,#ffc10726);border-color:#ffeb3b80;box-shadow:0 4px 20px #ffeb3b33}.reward-item.stars .reward-icon{filter:drop-shadow(0 0 10px rgba(255,235,59,.6))}.reward-item.stars .reward-amount{color:#ffeb3b;text-shadow:0 0 10px rgba(255,235,59,.5)}.reward-item.exp{background:linear-gradient(135deg,#2196f326,#03a9f426);border-color:#2196f380;box-shadow:0 4px 20px #2196f333}.reward-item.exp .reward-icon{filter:drop-shadow(0 0 10px rgba(33,150,243,.6))}.reward-item.exp .reward-amount{color:#2196f3;text-shadow:0 0 10px rgba(33,150,243,.5)}.reward-item.energy{background:linear-gradient(135deg,var(--surface),var(--card));border-color:var(--primary);box-shadow:0 4px 20px var(--glow)}.reward-item.energy .reward-icon{filter:drop-shadow(0 0 10px var(--glow))}.reward-item.energy .reward-amount{color:var(--primary);text-shadow:0 0 10px var(--glow)}.reward-item.creature{background:linear-gradient(135deg,#9c27b026,#7b1fa226);border-color:#9c27b080;box-shadow:0 4px 20px #9c27b033}.reward-item.creature .reward-icon{filter:drop-shadow(0 0 10px rgba(156,39,176,.6))}.reward-item.creature.rarity-rare{background:linear-gradient(135deg,#2196f333,#03a9f433);border-color:#2196f399;box-shadow:0 4px 25px #2196f34d}.reward-item.creature.rarity-legendary{background:linear-gradient(135deg,#ff980033,#ffc10733);border-color:#ff980099;box-shadow:0 4px 30px #ff980066;animation:rewardAppear .6s cubic-bezier(.34,1.56,.64,1) both,legendaryPulse 2s infinite}@keyframes legendaryPulse{0%,to{box-shadow:0 4px 30px #ff980066}50%{box-shadow:0 4px 40px #ff980099}}.reward-item .reward-rarity{display:block;font-size:10px;margin-top:4px;opacity:.9;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.reward-item .reward-rarity.common{color:#9e9e9e}.reward-item .reward-rarity.rare{color:#2196f3;text-shadow:0 0 8px rgba(33,150,243,.5)}.reward-item .reward-rarity.legendary{color:#ff9800;text-shadow:0 0 10px rgba(255,152,0,.6)}.rewards-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text);text-align:center;text-shadow:0 0 20px var(--glow);animation:titleAppear .5s ease-out}.rewards-subtitle{font-size:16px;font-weight:500;margin-bottom:24px;color:var(--text-secondary);text-align:center;opacity:.8;animation:titleAppear .5s ease-out .1s both}@keyframes titleAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rewards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:24px 0;max-width:100%}.lootbox.opened{animation:lootboxOpened .5s ease-out}@keyframes lootboxOpened{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.errorbox-item.disabled{opacity:.5;pointer-events:none}@keyframes rewardAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.reward-icon{font-size:48px;line-height:1;margin-bottom:4px;animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes iconBounce{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg);opacity:1}}.reward-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.reward-amount{font-size:20px;color:var(--primary);font-weight:700;text-shadow:0 0 10px currentColor;animation:amountPop .5s ease-out .3s both}@keyframes amountPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.errorbox-item{background:var(--surface);border-radius:20px;padding:20px;border:2px solid var(--border);cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden}.errorbox-item:before{content:"⚠️";position:absolute;top:8px;right:8px;font-size:20px;opacity:.5}.errorbox-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--glow)}.errorbox-item:active{transform:scale(.95)}.errorbox-icon{font-size:48px;margin-bottom:12px}.errorbox-name{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text)}.errorbox-desc{font-size:12px;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.errorbox-price{font-size:14px;font-weight:600;padding:8px 16px;background:var(--card);border-radius:12px;display:inline-block}.errorbox-price.coins{color:var(--primary)}.errorbox-price.stars{color:var(--secondary)}.errorbox-price.free{color:var(--success);background:#00ff881a}.errorbox-badge{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase}.rewards-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .3s ease-out}.rewards-modal-overlay.active{display:flex}.rewards-modal-overlay.hidden{display:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.rewards-modal{background:linear-gradient(135deg,var(--surface),var(--background));border-radius:24px;border:2px solid var(--border);box-shadow:0 20px 60px var(--shadow),0 0 40px var(--glow);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:32px 24px;position:relative;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rewards-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.rewards-modal-close:active{background:var(--card-hover);transform:scale(.9)}.rewards-modal-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:8px;color:var(--text);text-shadow:0 0 20px var(--glow)}.rewards-modal-subtitle{font-size:16px;font-weight:500;text-align:center;margin-bottom:24px;color:var(--text-secondary);opacity:.8}.rewards-modal-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:24px 0}.rewards-modal-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent),#FF9600);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-top:24px;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px var(--glow)}.rewards-modal-button:active{transform:scale(.95);box-shadow:0 2px 10px var(--glow)}.lootbox-neon-container{display:flex;align-items:center;justify-content:center;min-height:300px;position:relative;margin:40px 0}.lootbox-neon{width:200px;height:200px;background:#1a1a1a;border:3px solid #00f0ff;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f0ff80,inset 0 0 20px #00f0ff1a;transition:all .3s ease}.neon-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,240,255,.8),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.neon-particles{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.neon-particles:before,.neon-particles:after{content:"";position:absolute;width:4px;height:4px;background:#00f0ff;border-radius:50%;box-shadow:-30px -40px #f0f,30px -40px #0f0,-50px 20px #ff0,50px 20px #ff0080,-20px 50px #0ff,20px 50px #ff8000,-40px -20px #8000ff,40px -20px #00ff80;opacity:0}.neon-content{font-size:80px;color:#00f0ff;opacity:0;transform:scale(.5);transition:all .5s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 30px #00f0ff;z-index:2}.lootbox-neon.opening{animation:neonPulse .5s ease-in-out;border-color:#f0f;box-shadow:0 0 30px #00f0ffcc,0 0 60px #f0f9,inset 0 0 30px #00f0ff33}.lootbox-neon.opening .neon-glow{opacity:1;animation:glowPulse .5s ease-in-out}.lootbox-neon.opening .neon-particles:before,.lootbox-neon.opening .neon-particles:after{animation:particlesExplode .8s ease-out forwards}.lootbox-neon.opening .neon-content{opacity:1;transform:scale(1) rotate(360deg);animation:contentFlicker .1s infinite,contentBounce .6s ease-out}@keyframes neonPulse{0%{transform:scale(1);border-color:#00f0ff}50%{transform:scale(1.1);border-color:#f0f}to{transform:scale(1);border-color:#00f0ff}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes particlesExplode{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1)}to{opacity:0;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1.5)}}@keyframes contentFlicker{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.5)}}@keyframes contentBounce{0%{transform:scale(.5) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.lootbox-neon.opened{border-color:#0f0;box-shadow:0 0 40px #0f09,inset 0 0 40px #0f03;animation:successPulse 1s ease-in-out infinite}.lootbox-neon.opened .neon-content{color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00}@keyframes successPulse{0%,to{box-shadow:0 0 40px #0f09,inset 0 0 40px #0f03}50%{box-shadow:0 0 60px #0f0c,inset 0 0 60px #00ff004d}}.rewards-modal-content{animation:contentSlideIn .5s ease-out .8s both}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}