:root{--bg-dark:#07080b;--bg-card:rgba(18,22,33,0.85);--bg-glass:rgba(10,12,18,0.75);--border-glass:rgba(255,255,255,0.08);--neon-cyan:#00f3ff;--neon-purple:#9333ea;--neon-green:#22c55e;--neon-red:#ef4444;--neon-amber:#ffcc00;--color-ironhorn:#f97316;--color-ashmaw:#ef4444;--color-knight:#a855f7;--color-soldier:#00f3ff;--color-bonewitch:#a855f7;--color-mage:#facc15;--color-embermage:#f59e0b;--color-cactusjack:#84cc16;--color-plasmachick:#06b6d4;--color-voidslug:#6366f1;--color-frostidol:#38bdf8;--color-sproutpriest:#f59e0b;--color-medibot:#f43f5e;--font-primary:'Outfit',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:'Orbitron',sans-serif;--font-mono:'JetBrains Mono',monospace;--ts-normal:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--ts-spring:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}body,html{width:100%;height:100%;background-color:#020203;color:#ffffff;font-family:var(--font-primary);overflow:hidden;display:flex;justify-content:center;align-items:center;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;touch-action:manipulation}#game-viewport{position:relative;width:100%;height:100%;max-width:460px;max-height:920px;background-color:var(--bg-dark);box-shadow:0 25px 50px -12px rgba(0,0,0,0.8),0 0 40px rgba(0,243,255,0.1);display:flex;flex-direction:column;overflow:hidden;border-radius:0}@media (min-width:768px){#game-viewport{border-radius:24px;border:2px solid rgba(255,255,255,0.05)}}#battlefield-container{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#111422 0%,#080911 100%);overflow:hidden;touch-action:none;z-index:1}#phaser-game-container{width:100%;height:100%}#battle-stats-overlay{position:absolute;top:max(8px,env(safe-area-inset-top));left:0;right:0;padding:0 10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.stat-pill{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);padding:6px 14px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 32px 0 rgba(0,0,0,0.4);min-width:80px}.stat-pill .label{font-family:var(--font-heading);font-size:0.65rem;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,0.5);margin-bottom:2px}.stat-pill .value{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,243,255,0.4)}#wave-pill .value{color:var(--neon-amber);text-shadow:0 0 8px rgba(250,204,21,0.4)}#score-pill{justify-self:start;min-width:82px;border-color:rgba(255,204,0,0.4);box-shadow:0 0 15px rgba(255,204,0,0.15)}#score-pill .label{color:var(--neon-amber);text-shadow:0 0 5px rgba(255,204,0,0.5);opacity:0.9}#score-pill .value{color:#ffffff;text-shadow:0 0 10px var(--neon-amber),0 0 20px var(--neon-amber)}#enemy-left-pill{justify-self:end;min-width:82px}#wave-progress-container{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,243,255,0.2);border-radius:12px;padding:8px 14px;min-width:160px;box-shadow:0 4px 20px rgba(0,0,0,0.4),0 0 15px rgba(0,243,255,0.05);display:flex;flex-direction:column;gap:6px}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;width:100%}.wave-label{font-family:var(--font-heading);color:#ffffff;font-size:0.75rem;font-weight:800;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,0.3)}.progress-stats{font-family:var(--font-mono);color:var(--neon-cyan);font-size:0.7rem;font-weight:700}.progress-bar-track{width:100%;height:12px;background:rgba(0,0,0,0.85);border-radius:12px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,0.12)}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#00f3ff 0%,#a855f7 100%);box-shadow:0 0 12px rgba(0,243,255,0.6);transition:width 0.4s cubic-bezier(0.1,0.8,0.1,1)}.wave-status-text{font-family:var(--font-heading);font-size:0.55rem;color:var(--neon-amber);text-align:center;font-weight:900;text-transform:uppercase;height:10px}#enemy-left-pill .value{color:#ffffff;text-shadow:0 0 8px rgba(255,255,255,0.24)}#hud-control-zone{position:absolute;bottom:0;left:0;right:0;padding:24px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(2,3,6,0.95) 0%,rgba(2,3,6,0.6) 60%,transparent 100%);z-index:100;pointer-events:none}#hud-control-zone *{pointer-events:auto}#base-health-container{width:100%;margin-bottom:2px}.base-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.base-label{font-family:var(--font-heading);font-size:0.7rem;font-weight:700;letter-spacing:0.5px;color:rgba(255,255,255,0.7)}.base-value{font-family:var(--font-mono);font-size:0.8rem;font-weight:700;color:var(--neon-red);text-shadow:0 0 6px rgba(239,68,68,0.4)}.base-health-bar-bg{width:100%;height:8px;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}#base-health-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444 0%,#b91c1c 100%);box-shadow:0 0 10px rgba(239,68,68,0.6);transition:width 0.3s cubic-bezier(0.1,0.8,0.1,1)}#hero-slots-container{display:none !important}.hero-slot-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;padding:3px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:var(--ts-spring);position:relative;overflow:hidden;cursor:default;touch-action:manipulation}.hero-slot-card:hover{border-color:rgba(255,255,255,0.15)}.hero-slot-card{border-left:2px solid var(--hero-accent,rgba(255,255,255,0.2))}.hero-level.level-up-pulse{animation:levelBadgeGlow 1.2s ease-out}@keyframes levelBadgeGlow{0%{box-shadow:0 0 0 rgba(250,204,21,0);transform:scale(1)}30%{box-shadow:0 0 16px #facc15,inset 0 0 8px #ffffff;transform:scale(1.28)}100%{box-shadow:0 0 0 rgba(250,204,21,0);transform:scale(1)}}.hero-avatar-wrapper{position:relative;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);display:flex;justify-content:center;align-items:center;margin-bottom:0px}.hero-avatar{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.1)}.ironhorn-avatar{background-image:url('assets/units/ironhorn_boar_thumb.webp')}.ashmaw-avatar{background-image:url('assets/units/ashmaw_demon_thumb.webp')}.knight-avatar{background-image:url('assets/units/knight_sword_thumb.webp')}.soldier-avatar{background-image:url('assets/units/soldier_rifle_thumb.webp')}.bonewitch-avatar{background-image:url('assets/units/bonewitch_imp_thumb.webp')}.mage-avatar{background-image:url('assets/units/mage_staff_thumb.webp')}.embermage-avatar{background-image:url('assets/units/embermage_fox_thumb.webp')}.cactusjack-avatar{background-image:url('assets/units/cactus_jackal_thumb.webp')}.plasmachick-avatar{background-image:url('assets/units/plasma_chick_thumb.webp')}.voidslug-avatar{background-image:url('assets/units/voidslug_oracle_thumb.webp')}.frostidol-avatar{background-image:url('assets/units/frost_idol_thumb.webp')}.sproutpriest-avatar{background-image:url('assets/units/sprout_priest_thumb.webp')}.medibot-avatar{background-image:url('assets/units/medibot_9_thumb.webp')}.hero-lane-indicator{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.85);color:var(--neon-cyan);font-family:var(--font-heading);font-size:0.45rem;font-weight:900;padding:0px 4px;border-radius:6px;border:1px solid rgba(0,243,255,0.3);white-space:nowrap;letter-spacing:0.5px}.hero-lane-indicator{color:var(--hero-accent,var(--neon-cyan));border-color:color-mix(in srgb,var(--hero-accent,var(--neon-cyan)) 34%,transparent)}.hero-header-row{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:2px}.hero-name{font-family:var(--font-heading);font-size:0.6rem;font-weight:900;letter-spacing:0.5px;color:#ffffff}.hero-level{font-family:var(--font-heading);font-size:0.5rem;font-weight:900;color:#000000;background-color:#facc15;padding:1px 4px;border-radius:4px;box-shadow:0 0 5px rgba(250,204,21,0.5);white-space:nowrap}.xp-bar-container{display:none}.hero-hp-bar-bg{width:100%;height:12px;background-color:rgba(255,255,255,0.07);border-radius:6px;overflow:hidden;margin:1px 0;position:relative}.hero-hp-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;width:100%;background:linear-gradient(90deg,#22c55e 0%,#86efac 100%);box-shadow:0 0 5px rgba(34,197,94,0.45);transition:width 0.22s ease-out}.hero-shield-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;width:0%;background:linear-gradient(90deg,rgba(34,211,238,0.95),rgba(255,255,255,0.95));box-shadow:0 0 8px rgba(103,232,249,0.95),inset 0 0 5px rgba(255,255,255,0.65);opacity:0;transition:width 0.18s ease-out,opacity 0.18s ease-out;z-index:1}.hero-shield-bar-fill.active{opacity:0.88;animation:shield-bar-pulse 0.9s ease-in-out infinite alternate}.hero-hp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:0.48rem;font-weight:900;color:#ffffff;text-shadow:0 1px 3px #000000,0 0 4px #000000;z-index:2;pointer-events:none}.hero-hp-bar-fill.danger{background:linear-gradient(90deg,#ef4444 0%,#f97316 100%);box-shadow:0 0 7px rgba(239,68,68,0.7)}.hero-hp-bar-fill.shielded{background:linear-gradient(90deg,#22c55e 0%,#67e8f9 100%);box-shadow:0 0 8px rgba(103,232,249,0.8)}@keyframes shield-bar-pulse{from{filter:brightness(1)}to{filter:brightness(1.35)}}.hero-slot-card.low-hp{border-color:rgba(239,68,68,0.65)}.hero-slot-card.down{filter:grayscale(0.75) brightness(0.62)}.hero-slot-card.down::before{content:'DOWN';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:4;padding:2px 7px;border-radius:5px;background:rgba(127,29,29,0.92);color:#ffffff;font-family:var(--font-heading);font-size:0.62rem;font-weight:900;letter-spacing:0;pointer-events:none}.xp-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#0077ff 0%,#00f3ff 100%);box-shadow:0 0 6px rgba(0,243,255,0.4);transition:width 0.3s ease-out}.xp-text{display:none}.hero-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;background:rgba(0,0,0,0.25);border-radius:6px;border:1px solid rgba(255,255,255,0.03);padding:1px;margin:1px 0;gap:2px}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-lbl{font-family:var(--font-primary);font-size:0.4rem;font-weight:700;color:rgba(255,255,255,0.4)}.stat-val{font-family:var(--font-mono);font-size:0.5rem;font-weight:900;color:#ffffff}.stat-val{color:var(--hero-accent,#ffffff)}.energy-bar-bg{width:100%;height:8px;background-color:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;margin-top:0}.energy-bar-fill{height:100%;width:0%;border-radius:2px;transition:width 0.2s linear}.energy-bar-fill{background:var(--hero-accent,var(--neon-cyan));box-shadow:0 0 6px var(--hero-accent,var(--neon-cyan))}.hero-slot-card.charged{cursor:pointer;border-width:2px !important;animation:ultimateReadyPulse 0.9s infinite alternate ease-in-out;border-color:var(--hero-accent) !important}.hero-slot-card.charged:active{transform:scale(0.94)}@keyframes ultimateReadyPulse{0%{background-color:rgba(18,22,33,0.88);box-shadow:0 0 9px var(--glow-color),inset 0 0 4px var(--glow-color);filter:brightness(1)}100%{background-color:rgba(30,36,58,0.96);box-shadow:0 0 22px var(--glow-color),0 0 38px var(--glow-color),inset 0 0 13px var(--glow-color);filter:brightness(1.32)}}#overlay-screen{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,1,4,0.98);backdrop-filter:blur(20px) saturate(0.58) brightness(0.72);-webkit-backdrop-filter:blur(20px) saturate(0.58) brightness(0.72);z-index:100;transition:opacity 0.4s ease}.menu-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;z-index:101;box-shadow:0 20px 60px rgba(0,0,0,0.8);transition:var(--ts-spring);max-height:88vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}#start-screen{width:95%;max-width:440px;height:96%;max-height:880px;padding:12px 10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:20px}.app-shell-panel{align-items:stretch;gap:10px}.app-shell-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex:0 0 auto}.app-shell-header>div:first-child{min-width:0}.app-kicker{display:block;font-family:var(--font-heading);font-size:0.58rem;font-weight:900;color:rgba(255,255,255,0.48)}.app-title{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-heading);font-size:1.18rem;line-height:1;color:#ffffff}.app-wallet{min-width:96px;border-radius:8px;border:1px solid rgba(250,204,21,0.32);background:rgba(250,204,21,0.08);padding:7px 9px;text-align:right}.app-wallet span{display:block;font-family:var(--font-mono);font-size:0.48rem;color:rgba(255,255,255,0.54)}.app-wallet strong{font-family:var(--font-heading);font-size:0.82rem;color:var(--neon-amber)}.app-tab-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;flex:0 0 auto;padding:4px;background:rgba(0,0,0,0.35);border-radius:14px;border:1px solid rgba(255,255,255,0.06)}.app-tab-btn{position:relative;min-height:54px;border-radius:10px;border:1px solid transparent;background:transparent;color:rgba(255,255,255,0.45);font-family:var(--font-heading);font-size:0.5rem;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px;transition:color 0.18s ease,background 0.18s ease,border-color 0.18s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:0.04em}.tab-icon{width:18px;height:18px;flex:0 0 auto;transition:stroke 0.18s ease,transform 0.18s ease;stroke:currentColor}.tab-label{font-family:var(--font-heading);font-size:0.46rem;font-weight:900;line-height:1;letter-spacing:0.04em}.app-tab-btn.active{border-color:rgba(0,243,255,0.38);background:rgba(0,243,255,0.12);color:#ffffff;box-shadow:0 0 12px rgba(0,243,255,0.18),inset 0 1px 0 rgba(0,243,255,0.18)}.app-tab-btn.active .tab-icon{transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(0,243,255,0.65))}.app-tab-btn:not(.active):hover{color:rgba(255,255,255,0.72);background:rgba(255,255,255,0.04)}.app-tab-btn:active{transform:scale(0.93)}.app-tab-panel{display:none;width:100%;min-height:0;flex:1 1 auto}.app-tab-panel.active{display:flex;flex-direction:column;gap:10px}#heroes-tab-panel.active,#tower-tab-panel.active{overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(0,243,255,0.45) rgba(255,255,255,0.06)}.adventure-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.adventure-stat-card,.settings-card{border-radius:8px;border:1px solid rgba(255,255,255,0.08);background:rgba(8,11,18,0.84);padding:10px}.adventure-stat-card span,.settings-card span{display:block;font-family:var(--font-mono);font-size:0.48rem;color:rgba(255,255,255,0.5)}.adventure-stat-card strong,.settings-card strong{display:block;margin-top:3px;font-family:var(--font-heading);font-size:1rem;color:#ffffff}.adventure-team-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.leader-summary-card{width:100%;display:grid;grid-template-columns:1fr 34px;gap:10px;align-items:center;margin-bottom:10px;padding:10px;border-radius:12px;border:1px solid var(--hero-accent);background:color-mix(in srgb,var(--hero-accent) 12%,rgba(5,8,14,0.94));box-shadow:0 0 18px color-mix(in srgb,var(--hero-accent) 28%,transparent)}.leader-summary-card span{display:block;color:var(--hero-accent);font-family:var(--font-heading);font-size:0.48rem;font-weight:900;letter-spacing:0.06em}.leader-summary-card strong{display:block;margin-top:2px;color:#ffffff;font-family:var(--font-heading);font-size:0.74rem;line-height:1.15}.leader-summary-card p{margin:5px 0 0;color:rgba(255,255,255,0.72);font-family:var(--font-mono);font-size:0.52rem;line-height:1.45}.leader-info-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--hero-accent);background:rgba(2,6,15,0.9);color:var(--hero-accent);font-family:var(--font-heading);font-size:0.74rem;font-weight:900}.adventure-actions,.settings-actions{display:flex;flex-direction:column;gap:8px}.adventure-actions{margin-top:4px}.settings-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.045);color:#ffffff;padding:0 12px;font-family:var(--font-heading);font-size:0.62rem;font-weight:900;text-decoration:none}.settings-link>span{flex-shrink:0}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-overlay{position:absolute;inset:0;z-index:150;display:grid;place-items:end center;padding:18px;background:linear-gradient(180deg,rgba(0,1,4,0.18),rgba(0,1,4,0.68));pointer-events:auto}.tutorial-panel{position:relative;width:min(392px,100%);border:1px solid rgba(0,243,255,0.36);border-radius:8px;background:rgba(5,10,22,0.96);box-shadow:0 18px 44px rgba(0,0,0,0.62),0 0 22px rgba(0,243,255,0.14);padding:16px;pointer-events:auto}.tutorial-overlay.action-mode{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(0,1,4,0.62),rgba(0,1,4,0.12));pointer-events:none}.tutorial-overlay.action-mode.hint-top{place-items:start center}.tutorial-overlay.action-mode.hint-bottom{place-items:end center}.tutorial-kicker{color:var(--neon-cyan);font:800 0.62rem var(--font-heading);letter-spacing:0}.tutorial-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(255,255,255,0.2);border-radius:999px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.86);font:900 0.78rem var(--font-heading);letter-spacing:0;cursor:pointer}.tutorial-close:hover,.tutorial-close:focus-visible{border-color:rgba(0,243,255,0.76);color:#ffffff;box-shadow:0 0 14px rgba(0,243,255,0.32)}.tutorial-panel h2{margin:4px 28px 8px 0;color:#ffffff;font:900 1.08rem var(--font-heading);letter-spacing:0}.tutorial-panel p{margin:0;color:rgba(255,255,255,0.84);font-size:0.86rem;line-height:1.45}.tutorial-progress{display:flex;gap:6px;margin:14px 0}.tutorial-progress span{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,0.16)}.tutorial-progress span.active{background:var(--neon-cyan);box-shadow:0 0 8px rgba(0,243,255,0.74)}.tutorial-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.tutorial-target{position:relative;z-index:151 !important;outline:2px solid var(--neon-cyan);animation:tutorialTargetPulse 0.9s ease-in-out infinite;box-shadow:0 0 0 4px rgba(0,243,255,0.16),0 0 24px rgba(0,243,255,0.58) !important}@keyframes tutorialTargetPulse{0%{outline-color:rgba(0,243,255,0.82);box-shadow:0 0 0 3px rgba(0,243,255,0.14),0 0 18px rgba(0,243,255,0.52);filter:brightness(1)}50%{outline-color:#ffffff;box-shadow:0 0 0 7px rgba(255,255,255,0.18),0 0 34px rgba(0,243,255,0.92),0 0 18px rgba(255,215,0,0.42);filter:brightness(1.18)}100%{outline-color:rgba(0,243,255,0.82);box-shadow:0 0 0 3px rgba(0,243,255,0.14),0 0 18px rgba(0,243,255,0.52);filter:brightness(1)}}.setting-slider-group{display:flex;flex-direction:column;gap:6px;width:100%}.setting-slider-group label{display:flex;align-items:center;justify-content:space-between;width:100%}.setting-slider-group label span{font-size:0.52rem;font-family:var(--font-mono);color:rgba(255,255,255,0.55)}.setting-slider-group label strong{font-size:0.9rem;font-family:var(--font-heading);color:#00e5ff}.setting-slider-group input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;background:rgba(255,255,255,0.12);outline:none;margin:6px 0}.setting-slider-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00e5ff;cursor:pointer;box-shadow:0 0 10px rgba(0,229,255,0.8);transition:background-color 0.2s,transform 0.1s}.setting-slider-group input[type="range"]::-webkit-slider-thumb:hover{background:#ffffff;transform:scale(1.15)}.setting-slider-group input[type="range"]::-webkit-slider-thumb:active{transform:scale(0.95)}.hero-roster-header{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-heading);font-size:0.64rem;color:rgba(255,255,255,0.55)}.hero-roster-header strong{color:var(--neon-amber)}.heroes-upgrade-list{flex:0 0 auto;max-height:none}.tower-status-panel{display:grid;gap:10px}.tower-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tower-status-grid span{min-height:54px;border:1px solid rgba(56,189,248,0.28);background:rgba(15,23,42,0.72);border-radius:8px;padding:8px;display:grid;align-content:center}.tower-status-grid em,.tower-upgrade-meta>em{font-style:normal;font-size:10px;color:rgba(226,232,240,0.72)}.tower-status-grid strong{color:#e0f2fe;font-size:16px}.tower-upgrade-list{display:grid;gap:8px}.tower-upgrade-meta{display:grid;gap:2px}.tower-upgrade-meta .upgrade-title span{color:#86efac}#dev-wave-selector{flex:0 0 auto}.hidden{opacity:0 !important;pointer-events:none !important;display:none !important}.game-logo-wrapper{display:none}.logo-sub{font-family:var(--font-heading);font-size:0.62rem;font-weight:700;letter-spacing:3px;color:rgba(255,255,255,0.4);margin-bottom:4px}.logo-main{font-family:var(--font-heading);font-size:1.45rem;font-weight:900;line-height:1;letter-spacing:1px;color:#ffffff}.logo-main .highlight{color:var(--neon-cyan);text-shadow:0 0 15px rgba(0,243,255,0.5)}.logo-bar{width:60px;height:4px;background-color:var(--neon-cyan);margin:8px auto 0 auto;border-radius:2px;box-shadow:0 0 8px var(--neon-cyan)}.game-description{display:none}.hero-select-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex:0 0 auto;font-family:var(--font-heading);font-size:0.64rem;color:rgba(255,255,255,0.55)}.hero-select-header strong{color:var(--neon-cyan);font-size:0.58rem;text-align:right}.selected-team-tray{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px;flex:0 0 auto}.team-slot{position:relative;min-height:58px;border-radius:8px;border:1px solid var(--hero-accent);background:rgba(9,12,19,0.88);color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px;box-shadow:inset 0 0 10px rgba(255,255,255,0.03)}.team-slot.leader-selected{border-width:2px;background:color-mix(in srgb,var(--hero-accent) 18%,rgba(9,12,19,0.9));box-shadow:0 0 18px color-mix(in srgb,var(--hero-accent) 62%,transparent),inset 0 0 18px color-mix(in srgb,var(--hero-accent) 16%,transparent)}.leader-pick-slot{min-height:72px}.leader-crown,.leader-pick-hint{position:absolute;top:4px;left:50%;transform:translateX(-50%);padding:2px 5px;border-radius:999px;font-family:var(--font-heading);font-size:0.34rem;font-weight:900;letter-spacing:0.04em;white-space:nowrap}.leader-crown{color:#05070d;background:var(--hero-accent);box-shadow:0 0 10px color-mix(in srgb,var(--hero-accent) 55%,transparent)}.leader-pick-hint{color:rgba(255,255,255,0.58);background:rgba(255,255,255,0.08)}button.team-slot{cursor:pointer;padding-top:8px}.team-slot-remove{position:absolute;top:3px;right:4px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:rgba(248,113,113,0.94);color:#140303;font-family:var(--font-heading);font-size:0.68rem;font-weight:900;line-height:1;box-shadow:0 0 10px rgba(248,113,113,0.45)}.team-slot.empty{border-style:dashed;border-color:rgba(255,255,255,0.18);color:rgba(255,255,255,0.3);font-family:var(--font-heading);font-size:1rem}.team-slot-avatar{width:34px;height:34px;border-radius:50%;background-size:cover;background-position:center}.team-slot-name{max-width:100%;font-family:var(--font-heading);font-size:0.45rem;font-weight:800;line-height:1;text-align:center}.hero-role-tabs{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:8px;flex:0 0 auto}.hero-role-tab{min-height:52px;border-radius:10px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.55);font-family:var(--font-heading);font-size:0.72rem;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;transition:color 0.15s ease,background 0.15s ease,border-color 0.15s ease;-webkit-tap-highlight-color:transparent}.hero-role-tab .role-icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;transition:transform 0.15s ease}.hero-role-tab .role-label{font-family:var(--font-heading);font-size:0.4rem;font-weight:900;line-height:1;letter-spacing:0.03em}.hero-role-tab.active{background:rgba(0,243,255,0.14);border-color:rgba(0,243,255,0.55);color:#ffffff;box-shadow:0 0 12px rgba(0,243,255,0.2)}.hero-role-tab.active .role-icon{transform:scale(1.15);filter:drop-shadow(0 0 3px rgba(0,243,255,0.7))}.hero-role-tab:active{transform:scale(0.92)}.hero-select-grid{width:100%;display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:8px;flex:0 0 auto;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto;touch-action:pan-y;padding-right:0}.hero-select-card{position:relative;min-height:78px;padding:7px;border-radius:8px;border:1px solid rgba(255,255,255,0.09);background:rgba(8,11,18,0.82);color:#ffffff;display:block;cursor:pointer;touch-action:pan-y;text-align:left;overflow:hidden;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.hero-select-main{width:100%;min-height:64px;padding:0 66px 0 0;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:7px;text-align:left}.hero-expand-icon{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:24px;height:24px;border:1px solid var(--hero-accent);border-radius:50%;background:rgba(2,6,15,0.9);color:var(--hero-accent);font-family:var(--font-heading);font-size:0.9rem;font-weight:900;display:grid;place-items:center}.hero-info-button{position:absolute;top:50%;right:34px;z-index:2;transform:translateY(-50%);width:24px;height:24px;border:1px solid rgba(255,255,255,0.42);border-radius:50%;background:rgba(2,6,15,0.92);color:#ffffff;font-family:var(--font-heading);font-size:0.68rem;font-weight:900}.hero-select-card.selected .hero-info-button{border-color:#facc15;color:#fde68a}.hero-select-card.selected{border-color:#facc15;border-width:2px;background:linear-gradient(135deg,rgba(250,204,21,0.13),rgba(8,11,18,0.94) 58%);box-shadow:0 0 15px rgba(250,204,21,0.48),inset 0 0 12px rgba(250,204,21,0.08)}.hero-select-card.leader-selected{border-color:var(--hero-accent);border-width:2px;box-shadow:0 0 22px color-mix(in srgb,var(--hero-accent) 60%,transparent),inset 0 0 18px color-mix(in srgb,var(--hero-accent) 14%,transparent)}.hero-select-card.not-selected{opacity:0.68;filter:saturate(0.62) brightness(0.82)}.hero-select-card.not-selected.expanded{opacity:1;filter:none}.hero-select-card.expanded{border-color:var(--hero-accent);background:color-mix(in srgb,var(--hero-accent) 8%,rgba(5,8,14,0.96));box-shadow:0 0 18px color-mix(in srgb,var(--hero-accent) 25%,transparent)}.hero-select-avatar{flex:0 0 auto;width:58px;height:58px;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--hero-accent)}.hero-select-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.hero-select-name{max-width:100%;font-family:var(--font-heading);font-size:0.58rem;font-weight:900;line-height:1.05;color:#ffffff}.hero-select-level-tag{display:inline-block;padding:1px 4px;margin-left:5px;font-family:var(--font-mono);font-size:0.44rem;font-weight:900;color:var(--neon-cyan);background:rgba(0,243,255,0.12);border:1px solid rgba(0,243,255,0.28);border-radius:4px;vertical-align:middle}.hero-leader-tag{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:999px;color:#05070d;background:var(--hero-accent);font-family:var(--font-heading);font-size:0.38rem;font-weight:900;vertical-align:middle}.hero-select-role{font-family:var(--font-mono);font-size:0.45rem;color:rgba(255,255,255,0.52)}.hero-select-cost{font-family:var(--font-mono);font-size:0.48rem;color:var(--neon-amber);font-weight:900}.hero-leader-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgba(255,255,255,0.72);font-family:var(--font-mono);font-size:0.42rem;line-height:1.35}.hero-select-tags{display:flex;flex-wrap:wrap;gap:3px}.hero-select-tags i{padding:1px 4px;border-radius:4px;background:rgba(255,255,255,0.08);color:var(--hero-accent);font-family:var(--font-mono);font-size:0.38rem;font-style:normal;font-weight:900}.hero-expanded-content{display:grid;gap:8px;margin-top:7px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--hero-accent) 35%,transparent);animation:heroDetailsIn 0.2s ease-out}@keyframes heroDetailsIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.hero-expanded-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hero-expanded-stats span{display:grid;gap:2px;padding:7px;border-radius:6px;background:rgba(255,255,255,0.055);font-family:var(--font-mono)}.hero-expanded-stats em{color:rgba(255,255,255,0.46);font-size:0.44rem;font-style:normal}.hero-expanded-stats b{color:#ffffff;font-size:0.58rem}.hero-expanded-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:6px}.leader-select-btn{min-height:38px;border-radius:8px;border:1px solid var(--hero-accent);background:color-mix(in srgb,var(--hero-accent) 16%,rgba(2,6,15,0.92));color:var(--hero-accent);font-family:var(--font-heading);font-size:0.52rem;font-weight:900}.leader-select-btn.active{background:var(--hero-accent);color:#05070d;opacity:1}.hero-skill-btn,.hero-team-btn{min-height:40px;border-radius:8px;font-family:var(--font-heading);font-size:0.52rem;font-weight:900}.hero-skill-btn{border:1px solid var(--hero-accent);background:color-mix(in srgb,var(--hero-accent) 12%,rgba(2,6,15,0.92));color:var(--hero-accent)}.hero-team-btn{border:0;background:var(--hero-accent);color:#05070d}.hero-team-btn.remove{background:rgba(248,113,113,0.16);border:1px solid rgba(248,113,113,0.68);color:#fca5a5}.hero-expanded-content .upgrade-btn{width:100%;min-height:44px}.featured-hero-panel{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px;border-radius:12px;background:rgba(5,8,14,0.95);border:1px solid rgba(255,255,255,0.08);flex:0 0 auto}.featured-hero-preview-row{width:100%;display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:stretch}.featured-hero-art{--art-size:88px;width:var(--art-size);height:var(--art-size);border-radius:8px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--hero-accent) 18%,transparent),rgba(255,255,255,0.03) 58%,rgba(0,0,0,0.28));border:2px solid var(--hero-accent);box-shadow:0 0 14px color-mix(in srgb,var(--hero-accent) 35%,transparent)}.featured-hero-canvas{width:110%;height:110%;object-fit:contain;display:block;image-rendering:auto}.featured-hero-info{min-width:0;display:flex;flex-direction:column;gap:4px}.featured-hero-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.featured-hero-title span{min-width:0;display:flex;flex-direction:column}.featured-hero-title strong{font-family:var(--font-heading);font-size:0.72rem;line-height:1;color:#ffffff}.featured-hero-title em{font-family:var(--font-mono);font-size:0.44rem;font-style:normal;color:var(--hero-accent);font-weight:900}.featured-hero-title b{flex:0 0 auto;padding:2px 4px;border-radius:4px;background:var(--neon-amber);color:#080808;font-family:var(--font-heading);font-size:0.52rem;line-height:1}.featured-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.featured-hero-stats span{border-radius:4px;background:rgba(255,255,255,0.055);min-height:20px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:0.44rem;font-weight:900;color:rgba(255,255,255,0.85)}.featured-select-btn{margin-top:auto;min-height:28px;border:0;border-radius:6px;background:var(--hero-accent);color:#050505;font-family:var(--font-heading);font-size:0.52rem;font-weight:900;cursor:pointer;transition:var(--ts-normal)}.featured-select-btn.remove{background:#ef4444;color:#ffffff}.featured-select-btn.replace{background:#f59e0b;color:#050505}.featured-select-btn:disabled{opacity:0.42;filter:grayscale(0.75)}.menu-btn:disabled{opacity:0.45;filter:grayscale(0.7);cursor:not-allowed;transform:none}.hero-showcase-preview{display:flex;gap:16px;margin-bottom:28px}.showcase-item{display:flex;flex-direction:column;align-items:center}.showcase-pic{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;margin-bottom:6px;border:2px solid rgba(255,255,255,0.1)}.showcase-item.ironhorn .showcase-pic{border-color:var(--color-ironhorn)}.showcase-item.ashmaw .showcase-pic{border-color:var(--color-ashmaw)}.showcase-item.knight .showcase-pic{border-color:var(--color-knight)}.showcase-item.soldier .showcase-pic{border-color:var(--color-soldier)}.showcase-item.starshot .showcase-pic{border-color:var(--color-starshot)}.showcase-item.mage .showcase-pic{border-color:var(--color-mage)}.showcase-item.embermage .showcase-pic{border-color:var(--color-embermage)}.showcase-item span{font-family:var(--font-heading);font-size:0.6rem;font-weight:700;color:rgba(255,255,255,0.5)}.menu-btn{width:100%;padding:14px 20px;font-family:var(--font-heading);font-size:0.95rem;font-weight:700;letter-spacing:1px;border-radius:12px;cursor:pointer;margin-bottom:12px;transition:transform 0.18s ease,box-shadow 0.22s ease,filter 0.22s ease,background 0.22s ease;display:flex;justify-content:center;align-items:center;touch-action:manipulation}.primary-btn{background:linear-gradient(90deg,#00c3ff 0%,#0077ff 100%);border:none;color:#ffffff;box-shadow:0 4px 16px rgba(0,119,255,0.3)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,119,255,0.5)}.menu-btn:active,.menu-btn.is-pressing,.upgrade-btn:active,.upgrade-btn.is-pressing,.hero-role-tab:active,.hero-role-tab.is-pressing,.hero-select-card:active,.hero-select-card.is-pressing,.team-slot:active,.team-slot.is-pressing{transform:translateY(2px) scale(0.97);filter:brightness(1.18)}.secondary-btn{background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}.secondary-btn:hover{background-color:rgba(255,255,255,0.08);color:#ffffff}.high-score-display{font-family:var(--font-heading);font-size:0.75rem;font-weight:700;color:rgba(255,255,255,0.4);letter-spacing:1px;margin-top:12px}#best-score-display{color:var(--neon-amber);font-family:var(--font-mono)}.outcome-header{text-align:center;margin-bottom:24px}.outcome-title-large{font-family:var(--font-heading);font-size:1.8rem;font-weight:900;color:var(--neon-red);text-shadow:0 0 15px rgba(239,68,68,0.4);letter-spacing:1px}.outcome-bar{width:40px;height:4px;background-color:var(--neon-red);margin:10px auto 0 auto;border-radius:2px}.final-stats-container{width:100%;background-color:rgba(0,0,0,0.2);border-radius:12px;border:1px solid rgba(255,255,255,0.05);padding:16px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05)}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{font-size:0.75rem;color:rgba(255,255,255,0.5);font-weight:600}.stat-row .stat-val{font-family:var(--font-mono);font-size:0.95rem;font-weight:700}.stat-row .stat-val.highlight{color:#ffffff}#upgrade-screen{gap:14px;padding:22px 16px}#upgrade-screen.reveal-in{animation:upgradePanelIn 0.42s cubic-bezier(0.16,1,0.3,1)}@keyframes upgradePanelIn{0%{opacity:0;transform:translate(-50%,-46%) scale(0.94);filter:blur(3px)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}#upgrade-screen .outcome-header{margin-bottom:0}#upgrade-screen .outcome-title-large{color:var(--neon-amber);font-size:1.35rem;text-shadow:0 0 14px rgba(250,204,21,0.38)}#upgrade-screen .outcome-bar{background-color:var(--neon-amber)}.upgrade-phase-meta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.upgrade-phase-meta span{min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.08);font-family:var(--font-heading);font-size:0.58rem;color:rgba(255,255,255,0.5)}.upgrade-phase-meta strong{margin-top:2px;font-family:var(--font-mono);font-size:1.05rem;color:var(--neon-amber)}.upgrade-hero-list{width:100%;display:flex;flex-direction:column;gap:9px}.upgrade-section-title{width:100%;margin-top:2px;font-family:var(--font-heading);font-size:0.62rem;font-weight:900;color:rgba(255,255,255,0.58);letter-spacing:0.5px}.upgrade-card{width:100%;min-height:110px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border-radius:8px;background:rgba(0,0,0,0.24);border:1px solid rgba(255,255,255,0.08);border-left:3px solid var(--hero-accent);transition:transform 0.22s ease,box-shadow 0.22s ease,background 0.22s ease,border-color 0.22s ease}.upgrade-card .upgrade-btn{grid-column:1 / -1;width:100%}.upgrade-card.can-upgrade{box-shadow:0 0 16px color-mix(in srgb,var(--hero-accent) 22%,transparent)}.upgrade-card.upgraded{animation:upgradeCardPop 0.42s ease-out;background:color-mix(in srgb,var(--hero-accent) 18%,rgba(0,0,0,0.28));border-color:var(--hero-accent)}@keyframes upgradeCardPop{0%{transform:scale(1)}45%{transform:scale(1.035);box-shadow:0 0 24px color-mix(in srgb,var(--hero-accent) 45%,transparent)}100%{transform:scale(1)}}.upgrade-avatar{width:52px;height:52px;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--hero-accent);box-shadow:0 0 10px color-mix(in srgb,var(--hero-accent) 38%,transparent)}.upgrade-info{min-width:0}.upgrade-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:7px}.upgrade-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-heading);font-size:0.72rem;color:#ffffff}.upgrade-title span{flex:0 0 auto;font-family:var(--font-mono);font-size:0.64rem;color:var(--neon-amber)}.upgrade-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.upgrade-preview span{min-height:48px;display:grid;align-content:center;gap:2px;border-radius:6px;background:rgba(255,255,255,0.06);padding:5px 6px;font-family:var(--font-mono);font-size:0.6rem;font-weight:900;color:rgba(255,255,255,0.85);line-height:1.15;text-align:center;border:1px solid rgba(255,255,255,0.06)}.upgrade-stat-flow em,.upgrade-stat-flow b,.upgrade-stat-flow i{display:block;min-width:0;overflow-wrap:anywhere}.upgrade-stat-flow em{font-style:normal;font-size:0.5rem;color:rgba(255,255,255,0.48);letter-spacing:0.05em}.upgrade-stat-flow b{font-size:0.65rem;color:rgba(255,255,255,0.92);font-weight:900}.upgrade-stat-flow i{font-style:normal;font-size:0.55rem;color:#4ade80;font-weight:900}.tower-upgrade-icon{display:grid;place-items:center;background:color-mix(in srgb,var(--hero-accent) 22%,rgba(8,11,18,0.9));border:2px solid var(--hero-accent);color:var(--hero-accent);font-family:var(--font-heading);font-size:1rem;box-shadow:0 0 10px color-mix(in srgb,var(--hero-accent) 30%,transparent)}.tower-upgrade-icon svg{width:26px;height:26px;stroke:currentColor}.upgrade-context{display:flex;gap:6px;margin-top:6px}.upgrade-context span{min-width:0;padding:2px 6px;border-radius:5px;background:rgba(250,204,21,0.08);color:rgba(255,255,255,0.62);font-family:var(--font-mono);font-size:0.5rem;font-weight:800}.upgrade-btn{min-height:52px;border:0;border-radius:10px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#1a0900;font-family:var(--font-heading);font-size:0.8rem;font-weight:900;box-shadow:0 0 14px rgba(250,204,21,0.4),inset 0 1px 0 rgba(255,255,255,0.22);transition:transform 0.16s ease,box-shadow 0.22s ease,filter 0.22s ease,background 0.22s ease;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:0.04em}.upgrade-btn .upgrade-btn-icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor}.upgrade-btn .upgrade-btn-cost{font-size:0.9rem}.upgrade-btn.upgrade-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#021005;box-shadow:0 0 20px rgba(34,197,94,0.55)}.upgrade-btn:disabled{background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.3);box-shadow:none;cursor:not-allowed}.upgrade-swap-tray{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:172px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-right:2px}.upgrade-swap-card{position:relative;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:8px;border:1px solid rgba(255,255,255,0.09);background:rgba(255,255,255,0.045);color:#ffffff}.upgrade-swap-card.is-new{border-color:var(--neon-amber);background:color-mix(in srgb,var(--hero-accent) 18%,rgba(255,255,255,0.055));box-shadow:0 0 16px rgba(250,204,21,0.28)}.new-hero-badge{position:absolute;top:5px;right:5px;padding:2px 5px;border-radius:5px;background:var(--neon-amber);color:#130b00;font-family:var(--font-heading);font-size:0.42rem;font-weight:900;box-shadow:0 0 10px rgba(250,204,21,0.45)}.unlock-toast{position:fixed;z-index:2200;left:50%;top:50%;width:min(390px,calc(100vw - 28px));min-height:188px;display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center;padding:16px;border-radius:10px;border:2px solid var(--hero-accent);background:linear-gradient(135deg,rgba(3,7,18,0.98),rgba(12,20,34,0.96));box-shadow:0 0 34px color-mix(in srgb,var(--hero-accent) 42%,transparent),0 24px 80px rgba(0,0,0,0.62);transform:translate(-50%,-50%) scale(0.92);animation:unlockToastIn 0.34s cubic-bezier(0.16,1,0.3,1) forwards}.unlock-toast.leaving{animation:unlockToastOut 0.24s ease-in forwards}.unlock-toast-art{width:118px;height:150px;border-radius:8px;background-size:cover;background-position:center;border:1px solid color-mix(in srgb,var(--hero-accent) 70%,#ffffff);box-shadow:inset 0 0 22px rgba(255,255,255,0.08),0 0 18px color-mix(in srgb,var(--hero-accent) 35%,transparent)}.unlock-toast-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.unlock-kicker{width:fit-content;padding:3px 7px;border-radius:5px;background:var(--neon-amber);color:#170f00;font-family:var(--font-heading);font-size:0.58rem;font-weight:900}.unlock-toast-copy strong{font-family:var(--font-heading);font-size:1.25rem;font-weight:900;color:#ffffff;line-height:1.05;text-shadow:0 0 16px color-mix(in srgb,var(--hero-accent) 50%,transparent)}.unlock-toast-copy em,.unlock-toast-copy b{font-family:var(--font-mono);font-size:0.68rem;font-style:normal}.unlock-toast-copy em{color:rgba(255,255,255,0.72)}.unlock-toast-copy b{color:var(--neon-amber)}.unlock-confirm-btn{width:min(118px,100%);margin-top:6px;padding:9px 14px;border:1px solid var(--hero-accent);border-radius:6px;background:color-mix(in srgb,var(--hero-accent) 82%,#ffffff);color:#06111f;font-family:var(--font-heading);font-size:0.78rem;font-weight:900;letter-spacing:0;box-shadow:0 0 16px color-mix(in srgb,var(--hero-accent) 36%,transparent)}.unlock-confirm-btn:active,.unlock-confirm-btn.is-pressing{transform:translateY(1px) scale(0.98)}.unlock-skill-name{color:#fff;font-family:var(--font-heading);font-size:0.62rem}.unlock-skill-description{color:rgba(255,255,255,0.65);font-family:var(--font-mono);font-size:0.55rem;line-height:1.35}.unlock-actions{display:flex;flex-wrap:wrap;gap:6px}.unlock-view-skills-btn{padding:9px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:transparent;color:#fff;font-family:var(--font-heading);font-size:.55rem}.feature-dialog,.hero-skill-sheet{position:fixed;inset:0;z-index:2300;display:grid;place-items:center;padding:16px;background:rgba(0,2,10,0.88);backdrop-filter:blur(12px)}.feature-dialog.hidden,.hero-skill-sheet.hidden{display:none}.wave-report-panel{width:min(92vw,720px);max-height:90dvh;overflow:auto;padding:20px;border:1px solid rgba(0,243,255,0.4);border-radius:20px;background:#07101d}.wave-report-header{text-align:center}.wave-report-header span{color:var(--neon-cyan);font:800 .65rem var(--font-heading)}.wave-report-header h2{margin:5px 0;font:900 1.5rem var(--font-heading)}.wave-report-header p{margin:0 0 14px;color:rgba(255,255,255,.6)}.wave-report-heroes{display:grid;gap:10px}.wave-report-hero{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:10px;border-left:3px solid var(--hero-accent);background:rgba(255,255,255,.04)}.wave-report-avatar{width:52px;height:52px;border-radius:50%;background-size:cover;border:2px solid var(--hero-accent)}.wave-report-name{display:flex;justify-content:space-between;gap:6px}.wave-report-name strong{font:800 .72rem var(--font-heading)}.wave-report-name b{display:inline-block;margin-left:4px;padding:2px 4px;color:#05080d;background:var(--hero-accent);font:900 .38rem var(--font-heading)}.wave-report-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.wave-report-stats span{padding:6px;background:rgba(255,255,255,.05);text-align:center}.wave-report-stats small{display:block;color:rgba(255,255,255,.48);font:.38rem var(--font-heading)}.wave-report-stats strong{font:.68rem var(--font-mono)}.wave-report-tower,.wave-report-insight{margin-top:12px;padding:10px;background:rgba(0,243,255,.08);font:.65rem/1.45 var(--font-mono)}.wave-report-tower{display:flex;justify-content:space-between}.wave-report-tower.hidden{display:none}.wave-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.wave-report-actions button{min-height:44px;border-radius:9px;font:800 .7rem var(--font-heading)}.hero-skill-backdrop{position:absolute;inset:0;border:0;background:transparent}.hero-skill-panel{position:relative;z-index:1;width:min(620px,92vw);max-height:88dvh;overflow:auto;padding:20px;border:1px solid rgba(0,243,255,.35);border-radius:20px;background:#07101d}.hero-skill-close{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#111827;color:#fff;font-size:1.2rem}.hero-skill-identity{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.hero-skill-preview{width:120px;height:120px;border-radius:14px;background:radial-gradient(circle,rgba(0,243,255,.14),transparent 68%)}.hero-skill-tags{display:flex;gap:5px;flex-wrap:wrap}.hero-skill-tags span{padding:3px 6px;border:1px solid rgba(0,243,255,.35);color:var(--neon-cyan);font:.5rem var(--font-heading)}.hero-skill-panel article{margin-top:10px;padding:12px;border-radius:10px;background:rgba(255,255,255,.05)}.hero-skill-panel article small{color:var(--neon-cyan);font:.48rem var(--font-heading)}.hero-skill-panel article h3{margin:4px 0;font:.8rem var(--font-heading)}.hero-skill-panel article p{margin:0;color:rgba(255,255,255,.7);font:.65rem/1.5 var(--font-mono)}@media (max-width:520px){.wave-report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-skill-sheet{place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.hero-skill-panel{width:100%;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));border-radius:20px}.unlock-toast{grid-template-columns:92px 1fr}.unlock-toast-art{width:86px;height:120px}}@keyframes unlockToastIn{0%{opacity:0;transform:translate(-50%,-46%) scale(0.88);filter:blur(4px)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@keyframes unlockToastOut{to{opacity:0;transform:translate(-50%,-54%) scale(0.96);filter:blur(3px)}}.upgrade-swap-card.selected{border-color:var(--hero-accent);box-shadow:0 0 12px color-mix(in srgb,var(--hero-accent) 40%,transparent)}.upgrade-swap-avatar{width:36px;height:36px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--hero-accent)}.upgrade-swap-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-heading);font-size:0.44rem;font-weight:900}.upgrade-swap-role{font-family:var(--font-mono);font-size:0.38rem;color:rgba(255,255,255,0.45)}.highlight-row{background-color:rgba(0,243,255,0.05);margin:6px -16px -16px -16px;padding:12px 16px;border-radius:0 0 12px 12px}.highlight-row .stat-label{color:var(--neon-cyan) !important;font-family:var(--font-heading);font-size:0.8rem;font-weight:700}.highlight-row .stat-val{color:var(--neon-cyan);font-size:1.1rem !important;text-shadow:0 0 8px rgba(0,243,255,0.4)}#new-high-score-badge{background-color:var(--neon-amber);color:#000000;font-family:var(--font-heading);font-size:0.75rem;font-weight:900;padding:4px 12px;border-radius:20px;margin-bottom:20px;box-shadow:0 0 12px rgba(250,204,21,0.4)}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,#0d0e1a 0%,#020203 100%);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.6s ease,visibility 0.6s ease}#loading-overlay.loaded{opacity:0;visibility:hidden;pointer-events:none}#game-viewport.game-started{animation:gameFadeIn 0.5s ease-out}@keyframes gameFadeIn{0%{opacity:0.6;transform:scale(0.98)}100%{opacity:1;transform:scale(1)}}.loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loader-spinner{position:relative;width:56px;height:56px;margin-bottom:8px}.loader-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#00f3ff;border-bottom-color:#a855f7;animation:spin 1.2s cubic-bezier(0.5,0,0.5,1) infinite}.loader-ring-inner{position:absolute;top:7px;left:7px;right:7px;bottom:7px;border-radius:50%;border:2px solid transparent;border-left-color:#facc15;border-right-color:#00f3ff;animation:spin 0.8s cubic-bezier(0.5,0,0.5,1) infinite reverse}.loader-text{display:flex;flex-direction:column;align-items:center;gap:4px}.loader-title{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:3px;color:#ffffff;text-shadow:0 0 12px rgba(0,243,255,0.4)}.loader-sub{font-family:'Outfit',sans-serif;font-size:0.7rem;font-weight:400;letter-spacing:2px;color:rgba(255,255,255,0.4)}.loader-bar-bg{width:200px;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden}.loader-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#00f3ff,#a855f7);border-radius:2px;transition:width 0.3s ease;box-shadow:0 0 8px rgba(0,243,255,0.5)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.base-heal-gain{position:absolute;top:-24px;right:0;font-family:var(--font-mono);font-size:0.8rem;font-weight:800;color:var(--neon-green);text-shadow:0 0 8px rgba(34,197,94,0.6);pointer-events:none;animation:floatHeal 1.6s ease-out forwards}@keyframes floatHeal{0%{transform:translateY(0) scale(0.8);opacity:0}15%{transform:translateY(-8px) scale(1.1);opacity:1}80%{transform:translateY(-16px) scale(1);opacity:1}100%{transform:translateY(-26px) scale(0.9);opacity:0}}.pulse-wave{animation:waveFlash 0.8s ease}@keyframes waveFlash{0%{transform:scale(1);color:var(--neon-cyan)}50%{transform:scale(1.3);color:#ffffff;text-shadow:0 0 12px var(--neon-cyan)}100%{transform:scale(1);color:var(--neon-cyan)}}#wave-progress-container{flex:0 0 auto;justify-self:center;margin:0;background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);padding:4px 9px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 32px 0 rgba(0,0,0,0.3);min-height:42px;min-width:74px;pointer-events:none}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:0}.progress-label{font-family:var(--font-heading);font-size:0.5rem;font-weight:700;letter-spacing:0.5px;color:rgba(255,255,255,0.45)}.progress-value{font-family:var(--font-mono);font-size:1.08rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,243,255,0.35)}.progress-bar-bg{display:none}#wave-progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan) 0%,#0077ff 100%);box-shadow:0 0 6px var(--neon-cyan);transition:width 0.25s ease-out}#main-footer{width:100%;background:#0d0e12;border-top:1px solid #1f2330;height:5%;min-height:32px;padding:0 16px;display:none;justify-content:space-between;align-items:center;font-family:'Outfit',sans-serif;font-size:0.68rem;letter-spacing:0.03em;color:#718096;z-index:1000;box-sizing:border-box}.footer-left{display:flex;align-items:center;gap:6px}.footer-brand{font-weight:700;color:var(--neon-cyan);text-shadow:0 0 6px rgba(0,243,255,0.3)}.footer-separator{color:rgba(255,255,255,0.1)}.footer-dev{color:#718096}.glow-text-lime{color:#22C55E;text-shadow:0 0 4px rgba(34,197,94,0.4)}.footer-right{display:flex;align-items:center;gap:10px}.footer-contact-title{font-weight:600;color:#718096}.footer-link{color:#a0aec0;display:inline-flex;align-items:center;justify-content:center;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.footer-link:hover{color:#22C55E;transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(34,197,94,0.7))}.footer-icon-svg{display:block;pointer-events:none}.online-hub-card{margin-top:12px;padding:12px;border:1px solid rgba(0,243,255,0.28);border-radius:14px;background:linear-gradient(145deg,rgba(3,15,28,0.94),rgba(18,8,36,0.94))}.online-hub-header,.leaderboard-toolbar,.online-profile-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.online-hub-header div{display:grid;gap:2px}.online-hub-header span,.leaderboard-toolbar strong{font:700 0.64rem/1.2 'Orbitron',sans-serif;letter-spacing:0.08em;color:#8da6bd}.online-hub-header strong{color:#fff}.online-status{padding:5px 8px;border-radius:999px;color:#06131b !important;background:#4ade80}.online-status.offline,.online-status.session-invalid{background:#f87171}.online-status.loading{background:#facc15}.online-profile-controls{margin:10px 0}.online-profile-controls select,.online-profile-controls button,.leaderboard-toolbar button{min-height:32px;border:1px solid rgba(147,51,234,0.55);border-radius:8px;color:#e8f7ff;background:rgba(8,19,35,0.9);font:700 0.62rem 'Orbitron',sans-serif}.daily-reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding-bottom:4px;width:100%}.daily-reward-cell{padding:7px 3px;border:1px solid rgba(141,166,189,0.22);border-radius:8px;text-align:center;background:rgba(255,255,255,0.035)}.daily-reward-cell span,.daily-reward-cell strong{display:block;font-size:0.58rem}.daily-reward-cell.day-7{grid-column:4;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800}.daily-reward-cell.day-7 strong{font-size:0.65rem}.daily-reward-cell.current{border-color:#00f3ff;box-shadow:0 0 12px rgba(0,243,255,0.25)}.daily-reward-cell.jackpot{border-color:#facc15;color:#facc15}.online-claim-btn{width:100%;margin:8px 0 12px;min-height:38px}.leaderboard-toolbar{flex-wrap:wrap;margin-bottom:6px}.leaderboard-row{display:grid;grid-template-columns:30px minmax(90px,1fr) 28px 34px auto;gap:5px;align-items:center;padding:6px 4px;border-top:1px solid rgba(141,166,189,0.12);font-size:0.66rem}.leaderboard-row b{color:#facc15;text-align:right}.online-empty,.online-time-note{margin:7px 0 0;color:#8da6bd;font-size:0.68rem}@media (max-width:380px){.leaderboard-row{grid-template-columns:26px minmax(74px,1fr) 26px 30px auto;font-size:0.58rem}}.country-picker-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:8px;cursor:pointer;transition:background 0.2s,border-color 0.2s}.country-picker-btn:hover:not(:disabled){background:rgba(147,51,234,0.2);border-color:#00f3ff}.country-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4,10,20,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity 0.25s ease}.country-picker-overlay.hidden{display:none}.country-picker-content{background:linear-gradient(135deg,#09172b 0%,#050d18 100%);border:2px solid #9333ea;box-shadow:0 0 24px rgba(147,51,234,0.45),inset 0 0 12px rgba(0,243,255,0.1);border-radius:16px;width:95%;max-width:360px;padding:14px 16px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;max-height:85vh;animation:countryModalEntry 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes countryModalEntry{from{transform:scale(0.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.country-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(147,51,234,0.3);padding-bottom:8px;flex-shrink:0}.country-picker-header h3{margin:0;font-family:'Orbitron',sans-serif;color:#00f3ff;font-size:1rem;text-shadow:0 0 8px rgba(0,243,255,0.5);letter-spacing:1px}.country-picker-close-btn{background:none;border:none;color:#8da6bd;font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color 0.2s,background 0.2s}.country-picker-close-btn:hover{color:#ff3366;background:rgba(255,51,102,0.15)}.country-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow-y:auto;max-height:260px;padding-right:4px;box-sizing:border-box}.country-picker-grid::-webkit-scrollbar{width:4px}.country-picker-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.05)}.country-picker-grid::-webkit-scrollbar-thumb{background:#9333ea;border-radius:2px}.country-picker-item{background:rgba(255,255,255,0.035);border:1px solid rgba(141,166,189,0.22);border-radius:6px;padding:6px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all 0.2s;box-sizing:border-box}.country-picker-item:hover{background:rgba(0,243,255,0.08);border-color:#00f3ff;box-shadow:0 0 8px rgba(0,243,255,0.2);transform:translateY(-1px)}.country-picker-item.active{background:rgba(147,51,234,0.15);border-color:#9333ea;box-shadow:0 0 10px rgba(147,51,234,0.35)}.country-picker-item .flag-emoji{font-size:1.25rem;line-height:1.25}.country-picker-item .flag-code{font-family:'Orbitron',sans-serif;font-size:0.5rem;color:#e8f7ff;font-weight:700}.buff-toast-popup{position:fixed;bottom:25%;left:50%;transform:translateX(-50%);background:rgba(7,17,31,0.9);border:2px solid #00f3ff;border-radius:12px;padding:8px 16px;color:#ffffff;font-family:'Orbitron',sans-serif;font-size:14px;font-weight:900;box-shadow:0 0 15px rgba(0,243,255,0.45);z-index:1000;pointer-events:none;animation:buffToastAnim 1.8s ease-out forwards}@keyframes buffToastAnim{0%{transform:translate(-50%,20px);opacity:0}15%{transform:translate(-50%,0);opacity:1}80%{opacity:1}100%{transform:translate(-50%,-30px);opacity:0}}.upgrade-choices-grid{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:15px}.upgrade-choice-card{background:rgba(255,255,255,0.03);border:1px solid rgba(0,243,255,0.2);border-radius:12px;padding:12px 16px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;cursor:pointer;text-align:left;transition:all 0.2s ease;width:100%;box-sizing:border-box}.upgrade-choice-card:hover{background:rgba(0,243,255,0.08);border-color:#00f3ff;box-shadow:0 0 12px rgba(0,243,255,0.25);transform:translateY(-2px)}.upgrade-choice-card:active{transform:scale(0.97)}.choice-icon{font-size:24px;background:rgba(0,243,255,0.1);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#00f3ff}.choice-title{font-family:'Orbitron',sans-serif;font-size:15px;font-weight:900;color:#ffffff;margin-bottom:2px}.choice-desc{font-family:'Outfit',sans-serif;font-size:11px;color:rgba(255,255,255,0.65)}#hud-split-container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-bottom:4px;position:relative;z-index:1000 !important;pointer-events:none;transform:translateZ(0)}#base-health-container{width:100%;background:rgba(10,15,28,0.9);padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);pointer-events:auto;box-shadow:0 4px 15px rgba(0,0,0,0.5)}#active-buff-cards-container{width:100%;min-height:54px;display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:0 4px;pointer-events:none}.buff-card{flex:0 0 46px;height:48px;background:rgba(15,23,42,0.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,0.15);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 16px rgba(0,0,0,0.6);transition:transform 0.2s ease,opacity 0.2s ease;animation:buffCardPopIn 0.35s cubic-bezier(0.34,1.56,0.64,1)}@keyframes buffCardPopIn{0%{opacity:0;transform:scale(0.4) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}.buff-card.removing{opacity:0;transform:scale(0.8) translateY(-10px);pointer-events:none}.buff-card-icon{font-size:18px;margin-bottom:0px;filter:drop-shadow(0 0 4px rgba(255,255,255,0.2))}.buff-card-timer{font-family:var(--font-mono);font-size:0.62rem;font-weight:800;color:#ffffff;letter-spacing:-0.2px}.buff-card.volt{border-color:#facc15;box-shadow:0 0 12px rgba(250,204,21,0.25)}.buff-card.power{border-color:#ef4444;box-shadow:0 0 12px rgba(239,68,68,0.25)}.buff-card.barrier{border-color:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,0.25)}.buff-card.ghost{border-color:#10b981;box-shadow:0 0 12px rgba(16,185,129,0.25)}.buff-card.cryo{border-color:#bae6fd;box-shadow:0 0 12px rgba(186,230,253,0.25)}.buff-card.aura{border-color:#d8b4fe;animation:buffCardPopIn 0.35s cubic-bezier(0.34,1.56,0.64,1),auraCardGlow 2s infinite alternate}@keyframes auraCardGlow{from{box-shadow:0 0 10px rgba(216,180,254,0.3);border-color:#d8b4fe}to{box-shadow:0 0 20px rgba(216,180,254,0.6);border-color:#ffffff}}@keyframes auraGradient{0%{background-position:0% 50%}100%{background-position:200% 50%}}