@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Press Start\ 2P,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-bg{background-color:#000;background-image:inherit;background-position:50%;background-repeat:no-repeat;background-size:auto 100vh;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.app-bg,.header{align-items:center;display:flex;justify-content:center}.header{margin-top:0;padding:20px 48px 0;position:absolute;top:0;width:100%;z-index:10}.logo{animation:neonPulse 2s ease-in-out infinite alternate;color:#0ff;font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;letter-spacing:4px;margin:0;padding-top:20px;text-align:center;text-shadow:0 0 2px #0ff,0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff;text-transform:uppercase}@keyframes neonPulse{0%{text-shadow:0 0 2px #0ff,0 0 5px #0ff,0 0 10px #0ff}to{text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}}.button-container{align-items:center;display:flex;gap:0;justify-content:center;position:relative}.wallet-btn{background:linear-gradient(90deg,#ffb347,#fc3);border:none;border-radius:6px;color:#222;cursor:pointer;display:block;font-family:Press Start\ 2P,Arial,sans-serif;font-size:.8rem;font-weight:700;height:50px;margin:0;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:background .2s,color .2s;white-space:nowrap;width:400px}.wallet-btn:hover{background:linear-gradient(90deg,gold,#ffb347);color:#000}.small-btn{font-size:.7rem;height:40px;width:133px}.battlefield-btn,.enter-game-btn,.marketplace-btn,.ranking-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#80808033;border:1px solid #fff3;border-radius:0;color:#fff;display:flex;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;height:45px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:0 10px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;transition:all .3s ease;white-space:nowrap;width:156.8px;z-index:1}.enter-game-btn{background:#80808033;border-radius:25px 0 0 25px;border-right:2px solid #ffffff4d}.marketplace-btn{background:#80808033;border-left:2px solid #ffffff4d;border-radius:0 25px 25px 0}.marketplace-btn:hover{background:#8080804d;box-shadow:0 0 15px #ffffff4d;transform:translateX(5px)}.battlefield-btn,.ranking-btn{background:#80808033;border-right:2px solid #ffffff4d}.battlefield-btn{border-left:2px solid #ffffff4d}.enter-game-btn:hover{background:#8080804d;box-shadow:0 0 15px #ffffff4d;transform:translateX(-5px)}.battlefield-btn:hover,.ranking-btn:hover{background:#8080804d;box-shadow:0 0 15px #ffffff4d;transform:translateY(-5px)}.button-container:hover .battlefield-btn,.button-container:hover .enter-game-btn,.button-container:hover .marketplace-btn,.button-container:hover .ranking-btn{box-shadow:0 0 15px #fff3}.account-info{background:#0006;border-radius:8px;color:#fff;font-family:Press Start\ 2P,Arial,sans-serif;font-size:1.1rem;margin-right:8px;padding:10px 18px}.player-info{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0006;border:none;border-radius:12px;box-shadow:none;color:#fff;font-family:Orbitron,sans-serif;margin:20px auto;max-height:80vh;overflow-y:auto;padding:30px;text-align:left;width:28%}.player-info h2{color:#add8e6;font-size:1.2rem;font-weight:600;margin-bottom:15px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.player-info h2,.player-info p{font-family:Orbitron,sans-serif;letter-spacing:1px}.player-info p{align-items:center;display:flex;font-size:.96rem;margin:15px 0}.player-info p strong{color:#add8e6;font-family:Press Start\ 2P,cursive;font-size:.8rem;margin-right:10px}.player-info a{color:#90ee90;font-family:Orbitron,sans-serif;font-size:.8rem;text-decoration:none;transition:color .2s;word-break:break-all}.player-info a:hover{color:gold}.player-info form{align-items:center;display:flex;margin:15px 0}.player-info input{background:#ffffffe6;margin-right:10px;padding:10px}.player-info button,.player-info input{border:none;border-radius:6px;font-family:Orbitron,sans-serif;font-size:.8rem}.player-info button{background:linear-gradient(90deg,#ffb347,#fc3);color:#222;cursor:pointer;font-weight:700;height:30px;padding:6px 12px;position:static;transform:none;transition:background .2s,color .2s;width:80px}.player-info button:hover{background:linear-gradient(90deg,gold,#ffb347);color:#000}.pixco-display{position:relative;transition:all .3s ease}.pixco-display.animating{color:#4caf50;transform:scale(1.05)}.pixco-display.animating:after{animation:fadeUp 1s ease-out;color:#4caf50;content:"+";position:absolute;right:-20px}.pixco-info{background:#000000b3;border-radius:8px;flex-direction:column;margin:10px 0;padding:10px}.pixco-display,.pixco-info{align-items:center;display:flex;gap:8px}.pixco-label{color:#fff;font-size:1.2em;font-weight:700}.pixco-value{color:#4caf50;font-size:1.4em;font-weight:700}.pixco-value.animating{animation:pulse 1s infinite}.pixco-rate{align-items:center;display:flex;gap:8px}.rate-label{color:#fff;font-size:1em}.rate-value{color:#4caf50;font-size:1.1em;font-weight:700}@media screen and (max-width:768px){.app-bg{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.app-bg:not(.logged-in):before{background:#0000001a}.app-bg.logged-in:before,.app-bg:not(.logged-in):before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.app-bg.logged-in:before{background:#00000026}.app-bg>*{position:relative;z-index:2}.header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.logo{font-size:2rem;letter-spacing:2px}.player-info{margin:10px auto;padding:15px;width:90%}.player-info h2{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;margin-bottom:10px}.player-info p{font-size:.8rem;margin:10px 0}.player-info a,.player-info p strong{font-size:.7rem}.player-info form{align-items:stretch;flex-direction:column}.player-info input{margin-bottom:10px;margin-right:0;width:100%}.button-container{flex-direction:column;gap:15px;margin-bottom:0!important;margin-top:80px!important;max-width:400px;padding:5px;position:relative;width:90%;z-index:2}.button-row{align-items:stretch;display:flex;flex-direction:row;gap:8px;justify-content:center;width:100%}.button-row .small-btn,.button-row .wallet-btn,.button-row button{align-items:center!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#80808026!important;border:1px solid #fff3!important;border-radius:20px!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;font-size:.7rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;margin:0!important;min-width:0!important;padding:0!important;text-shadow:2px 2px 4px #00000080!important;transition:all .3s ease!important;white-space:nowrap;width:50%!important}.button-row .small-btn:hover,.button-row .wallet-btn:hover,.button-row button:hover{background:#80808040!important;box-shadow:0 0 15px #ffffff4d!important;transform:scale(1.02)!important}.wallet-btn{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#80808026!important;border:1px solid #fff3!important;border-radius:20px;color:#fff!important;font-size:.7rem;height:40px;transition:all .3s ease;width:100%}.wallet-btn:hover{background:#80808040!important;box-shadow:0 0 15px #ffffff4d!important;transform:scale(1.02)}.small-btn{border:1px solid #fff3!important;border-radius:17.5px;height:35px}.battlefield-btn,.enter-game-btn,.marketplace-btn,.ranking-btn,.small-btn{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#80808026!important;color:#fff!important;font-size:.6rem;width:100%}.battlefield-btn,.enter-game-btn,.marketplace-btn,.ranking-btn{border:1px solid #fff3!important;border-radius:20px}.battlefield-btn:hover,.enter-game-btn:hover,.marketplace-btn:hover,.ranking-btn:hover{background:#80808040!important;box-shadow:0 0 15px #ffffff4d!important;transform:scale(1.02)!important}.player-info button{background:linear-gradient(90deg,#ffb347,#fc3)!important;border-radius:15px;color:#222!important;transition:all .3s ease;width:100%}.player-info button:hover{background:linear-gradient(90deg,gold,#ffb347)!important;transform:scale(1.02)}.wallet-adapter-modal{margin:0 auto!important;max-width:90%!important;width:90%!important}.wallet-adapter-modal-wrapper{padding:15px!important}.wallet-adapter-button{font-size:.8rem!important;padding:8px!important}.player-info form button,.player-info form input{font-size:.7rem;padding:8px}.game-info-container .close-x-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:30px;z-index:1001}.game-info-container .close-x-btn:hover{background:#000000b3;transform:scale(1.1)}.game-info-container{position:relative}.logout-btn{align-items:center!important;background:#0000!important;border:none!important;display:flex!important;height:35px!important;justify-content:center!important;left:15px!important;position:fixed!important;right:auto!important;top:15px!important;transform:none!important;width:35px!important;z-index:9999!important}.logout-btn:hover{background:#0000!important;box-shadow:none!important;transform:scale(1.1)!important}.logout-btn svg{height:18px!important;width:18px!important}.game-info-container{height:95vh!important;max-height:95vh!important;overflow-y:auto!important}}@media screen and (max-width:360px){.app-bg{background-position:50%;background-size:cover}.header{padding:5px}.logo{font-size:1.5rem;letter-spacing:1px}.player-info{margin-top:70px}.wallet-btn{font-size:.6rem}}@media screen and (min-width:769px) and (max-width:1024px){.app-bg{background-size:auto 100vh}.player-info{max-width:60%}.button-container{width:60%}.wallet-btn{width:100%}}@media screen and (min-width:1025px){.app-bg{background-position:50%;background-size:auto 100vh}}.logout-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;left:calc(50% - 280px);position:fixed;top:20px;transform:translateX(-50%);transition:all .3s ease;width:40px;z-index:9999}.logout-btn:hover{background:#0000;box-shadow:none;transform:translateX(-50%) scale(1.1)}.logout-btn svg{height:20px;width:20px}.mobile-only{display:none}.desktop-only{display:flex}@media screen and (max-width:768px){.mobile-only{display:flex}.desktop-only{display:none}.button-container{flex-direction:column;gap:15px;margin-bottom:0!important;margin-top:80px!important;max-width:400px;padding:5px;position:relative;width:90%;z-index:2}.button-row{align-items:stretch;display:flex;flex-direction:row;gap:8px;justify-content:center;width:100%}.button-row .small-btn,.button-row .wallet-btn,.button-row button{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#80808033!important;border:1px solid #fff3!important;border-radius:20px!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;font-size:.7rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;margin:0!important;min-width:0!important;padding:0!important;text-shadow:2px 2px 4px #00000080!important;transition:all .3s ease!important;white-space:nowrap;width:50%!important}.button-row .small-btn:hover,.button-row .wallet-btn:hover,.button-row button:hover{background:#8080804d!important;box-shadow:0 0 15px #ffffff4d!important;transform:scale(1.02)!important}.wallet-btn{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#80808033!important;border:1px solid #fff3!important;border-radius:20px;color:#fff!important;font-size:.7rem;height:40px;transition:all .3s ease;width:100%}.wallet-btn:hover{background:#8080804d!important;box-shadow:0 0 15px #ffffff4d!important;transform:scale(1.02)}.small-btn{border:1px solid #fff3!important;border-radius:17.5px;height:35px}.battlefield-btn,.enter-game-btn,.marketplace-btn,.ranking-btn,.small-btn{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#80808033!important;color:#fff!important;font-size:.6rem;width:100%}.battlefield-btn,.enter-game-btn,.marketplace-btn,.ranking-btn{border:1px solid #fff3!important;border-radius:20px}.battlefield-btn:hover,.enter-game-btn:hover,.marketplace-btn:hover,.ranking-btn:hover{background:#8080804d!important;box-shadow:0 0 15px #ffffff4d!important;transform:scale(1.02)!important}.player-info button{background:linear-gradient(90deg,#ffb347,#fc3)!important;border-radius:15px;color:#222!important;transition:all .3s ease;width:100%}.player-info button:hover{background:linear-gradient(90deg,gold,#ffb347)!important;transform:scale(1.02)}}.title-rank{animation:glow 2s ease-in-out infinite alternate;font-family:Press Start\ 2P,cursive;font-weight:700;text-transform:uppercase}@keyframes glow{0%{text-shadow:0 0 1px currentColor}to{text-shadow:0 0 2px currentColor}}.title-rank.private{color:grey}.title-rank.sergeant{color:#4caf50}.title-rank.captain{color:#2196f3}.title-rank.colonel{color:#9c27b0}.title-rank.general{color:#ff9800}.title-rank.great-general{color:#f44336}.title-rank.legend{animation:legendGlow 2s ease-in-out infinite alternate;color:gold}@keyframes legendGlow{0%{text-shadow:0 0 1px gold}to{text-shadow:0 0 2px gold}}.coming-soon-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.coming-soon-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;border:2px solid gold;border-radius:10px;box-shadow:0 0 20px #00000080;color:#fff;max-width:90%;padding:2rem;text-align:center;width:400px}.coming-soon-content h2{color:gold;font-family:Orbitron,sans-serif;font-size:2rem;margin-bottom:1rem}.coming-soon-content p{color:#fff;font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:2rem}.coming-soon-content button{background:linear-gradient(90deg,#ffb347,#fc3);border:none;border-radius:5px;color:#222;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;padding:.8rem 2rem;transition:all .3s ease}.coming-soon-content button:hover{background:linear-gradient(90deg,gold,#ffb347);transform:scale(1.05)}.claim-soldiers-btn{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#4caf5026!important;border:1.5px solid #0c4!important;border-radius:12px!important;box-shadow:0 2px 12px #00000014!important;color:#0c4!important;cursor:pointer!important;font-weight:500!important;margin-left:0!important;padding:10px 20px!important;transition:all .3s ease!important;width:100%!important}.claim-soldiers-btn:hover:not(.disabled){background:#4caf5040!important;border-color:#093!important;color:#093!important;transform:scale(1.05)!important}.claim-soldiers-btn.disabled{background:#cccccc4d!important;border-color:#ccc!important;color:#666!important;cursor:not-allowed!important;opacity:.7!important}[data-sonner-toast]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;border:1px solid #ffffff2e!important;border-radius:16px!important;box-shadow:0 8px 32px 0 #0000005e!important;color:#fff!important;font-size:1.1rem;text-align:center}@media (max-width:600px){[data-sonner-toast]{font-size:1rem;max-width:95vw!important;min-width:0!important;min-width:auto!important;padding:12px 8px!important;width:90vw!important}}.react-hot-toast{z-index:9999}.react-hot-toast .Toastify__toast,.react-hot-toast .rt-toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;border:1px solid #ffffff2e!important;border-radius:16px!important;box-shadow:0 8px 32px 0 #0000005e!important;color:#fff!important;font-size:1.1rem;max-width:90vw;min-width:220px;text-align:center}@media (max-width:600px){.react-hot-toast .Toastify__toast,.react-hot-toast .rt-toast{font-size:1rem;max-width:95vw!important;min-width:0!important;min-width:auto!important;padding:12px 8px!important;width:90vw!important}}.wallet-adapter-button{background-color:initial!important;border:1px solid #ffffff4d!important;color:#fff!important;transition:all .3s ease!important}.wallet-adapter-button:hover{background-color:#ffffff1a!important}.reference-link{color:#0f0;cursor:pointer;text-decoration:underline;transition:all .3s ease}.reference-link:hover{color:#0c0;text-shadow:0 0 8px #0f0}.reference-link:active{transform:scale(.98)}.claim-soldiers-btn.special-claim-btn,.player-info .claim-soldiers-btn,.player-info button.claim-soldiers-btn{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#4caf5026!important;border:1.5px solid #0c4!important;border-radius:12px!important;box-shadow:0 2px 12px #00000014!important;color:#0c4!important;cursor:pointer!important;font-weight:500!important;padding:10px 20px!important;transition:all .3s ease!important;width:100%!important}.claim-soldiers-btn.special-claim-btn:hover:not(.disabled),.player-info .claim-soldiers-btn:hover:not(.disabled),.player-info button.claim-soldiers-btn:hover:not(.disabled){background:#4caf5040!important;border-color:#093!important;color:#093!important;transform:scale(1.05)!important}.claim-soldiers-btn.special-claim-btn.disabled,.player-info .claim-soldiers-btn.disabled,.player-info button.claim-soldiers-btn.disabled{background:#cccccc4d!important;border-color:#ccc!important;color:#666!important;cursor:not-allowed!important;opacity:.7!important}@supports not (((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))) or (-webkit-backdrop-filter:blur(5px))){.battlefield-btn,.enter-game-btn,.marketplace-btn,.ranking-btn{background-color:#808080cc}.player-info{background-color:#000c}.coming-soon-modal{background-color:#000000e6}.coming-soon-content{background-color:#000000f2}.react-hot-toast,[data-sonner-toast]{background-color:#000000e6}}.game-info-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1000}.game-info-container{background-image:url(/static/media/gameinfo-bg.98989ee5e28cf315b8f3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #add8e6;border-radius:10px;color:#fff;height:95%;left:50%;margin:0;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:30%}.game-info-container h2{word-wrap:break-word;color:#d9ff00;display:none;font-family:Press Start\ 2P,cursive;font-size:1.5rem;margin-bottom:15px;text-align:center;text-shadow:2px 2px 8px #000,0 0 16px #d9ff00}.game-info-content{display:flex;flex-direction:column;gap:15px}.game-info-section{border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:150px;overflow:hidden;padding:15px}.info-section h3{color:#ffb84d;font-family:Orbitron,sans-serif;text-shadow:2px 2px 4px #00000080}.info-section p{font-size:.9rem;line-height:1.4;margin:8px 0}.close-x-btn{font-size:24px;right:10px;top:10px}.close-x-btn:hover{background-color:#add8e61a}@media screen and (max-width:768px){.game-info-overlay{height:100vh;margin:0;padding:0;width:105vw}.game-info-container{border:none;border-radius:0;height:100vh;left:0;margin:0;max-width:105vw;overflow-x:hidden;padding:15px;position:fixed;top:0;transform:none;width:105vw}.close-x-btn{align-items:center!important;border-radius:50%!important;color:#add8e699!important;display:flex!important;font-size:24px!important;height:40px!important;justify-content:center!important;position:fixed!important;right:20px!important;top:20px!important;width:40px!important;z-index:1002!important}.close-x-btn,.close-x-btn:hover{background:#0000!important;opacity:1}.close-x-btn:hover{color:#add8e6!important}.recruit-section h3{font-size:.9rem}}@media (max-width:480px){.game-info-container{border-radius:15px;display:flex;flex-direction:column;gap:.3rem;height:95vh;margin:2.5vh auto;overflow-y:auto;padding:10px;width:98%}.game-info-container h2{font-size:1.5rem;margin-bottom:15px}.info-section{margin-bottom:10px}.info-section h3{font-size:1.1rem}.info-section p{font-size:.9rem}.close-x-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;color:#add8e6cc!important;font-size:20px!important;height:25px!important;opacity:1;position:fixed!important;right:15px!important;top:15px!important;width:25px!important;z-index:9999!important}.close-x-btn:hover{background-color:#add8e61a!important;color:#add8e6!important;opacity:1}.pixel-info-close-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;color:#add8e6cc!important;font-size:18px!important;height:22px!important;opacity:1;position:absolute!important;right:10px!important;top:10px!important;width:22px!important;z-index:9999!important}.pixel-info-close-btn:hover{background-color:#add8e61a!important;color:#add8e6!important;opacity:1}.pixel-list{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:8px}.pixel-item{padding:6px 10px}.pixel-name{font-size:.9rem}.recruit-section h3{font-size:.85rem}.game-info-tab{font-size:.6rem!important;letter-spacing:.5px!important;padding:6px 10px!important}.game-info-tab:nth-child(3){align-items:center!important;display:flex!important;font-size:.5rem!important;justify-content:center!important;letter-spacing:.3px!important;min-height:32px!important;padding:6px 8px!important}}@media (hover:none){.close-x-btn:active{transform:translateX(-50%) scale(.98)}.pixel-item:active{background:#ffffff4d;transform:scale(.98)}}.pixel-list{grid-gap:10px;background:#0000001a;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px;max-height:200px;overflow-y:auto;padding:10px}.pixel-item{background:#ffffff1a;border-radius:4px;padding:8px 12px;text-align:center;transition:all .3s ease}.pixel-item:hover{background:#fff3;transform:translateY(-2px)}.pixel-name{color:#fff;font-weight:500;text-shadow:0 0 5px #00000080}.pixel-info-content h3{color:#d9ff00;margin-bottom:20px;text-align:center}.pixel-info-table{margin-bottom:20px}.pixel-info-table td{border-bottom:1px solid #ffffff1a;padding:10px;text-shadow:2px 2px 4px #000c}.pixel-info-table td:first-child{color:#00c6fb!important;font-weight:700;text-shadow:2px 2px 4px #000c,0 0 10px #00c6fb80}.transfer-section{background-color:#ffffff1a;border-radius:8px;margin-bottom:20px;margin-top:-50px;padding:15px}.transfer-section h4{color:#0f0!important;font-size:1.2em;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px #000c,0 0 10px #00ff0080;text-transform:uppercase}.transfer-controls{align-items:center;gap:15px;margin:0 auto;width:80%}.transfer-controls input,.transfer-controls select{background:#0000!important;border:2px solid #39ff14;border-radius:15px;box-shadow:0 0 10px #39ff1433;box-sizing:border-box;font-size:1rem;height:45px;padding:0 15px;text-align:center;transition:all .3s ease;width:250px}.transfer-controls select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339ff14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:35px}.transfer-controls input:focus,.transfer-controls select:focus{background:#0000!important;border-color:#00ff87;box-shadow:0 0 15px #00ff874d;outline:none;transform:translateY(-2px)}.transfer-controls select option{background:#d3d3d3!important;color:#111!important;padding:10px}.transfer-controls input::placeholder{color:#ffffff80}.transfer-controls input::-webkit-inner-spin-button,.transfer-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.transfer-controls input[type=number]{-moz-appearance:textfield}.transfer-controls button{background:linear-gradient(90deg,#00ff87,#39ff14);box-shadow:0 4px 16px #00ff8726,0 1.5px 4px #00000014;font-size:1rem;font-weight:700;letter-spacing:1px;outline:none;overflow:hidden;padding:10px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1}.transfer-controls button:hover{background:linear-gradient(90deg,#39ff14,#00ff87);box-shadow:0 8px 24px #00ff872e,0 2px 8px #0000001a;color:#fff;transform:translateY(-2px) scale(1.04)}.transfer-controls button:active{box-shadow:0 2px 10px #00ff874d;transform:translateY(1px)}.transfer-controls button:disabled{animation:pulse 2s infinite;background:linear-gradient(45deg,#95a5a6,#7f8c8d);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.close-modal-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:all .3s ease;width:100%}.close-modal-btn:hover{background-color:#da190b;transform:scale(1.02)}.pixel-item{cursor:pointer}.close-btn,.close-btn:hover{display:none}.pixel-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:650px;overflow-y:auto;padding:20px;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.pixel-grid::-webkit-scrollbar{width:8px}.pixel-grid::-webkit-scrollbar-track{background:#0000;border-radius:4px}.pixel-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.pixel-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.pixel-card{border:2px solid #0ff;border-radius:10px;cursor:pointer;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.pixel-card:hover{box-shadow:0 5px 15px #00ffff4d;transform:translateY(-5px)}.pixel-card h4{color:#0ff!important;display:block;text-align:center!important;text-shadow:0 0 12px #0ff,2px 2px 4px #000c;width:100%}.pixel-card h4.elon-pixel{color:gold!important;text-shadow:2px 2px 4px #000c,0 0 10px #ffd70080!important}.pixel-pixco{align-items:center;color:#40cfff;display:flex;font-size:.9rem;justify-content:space-between;margin:0;padding-left:5px}.pixel-pixco span{color:#40cfff;min-width:80px;padding-right:10px;text-align:right}.pixel-pixco strong{color:#00c6fb!important}.pixel-card.animating{animation:pulse 1s ease}.pixel-card.animating .pixel-pixco{color:#4caf50;transform:scale(1.05)}.pixel-card.animating:after{animation:fadeUp 1s ease-out;color:#4caf50;content:"+";position:absolute;right:15px;top:15px}@keyframes fadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.pixel-card strong{color:#40cfff!important}.pixel-card .pixel-pixco span{color:gold!important;font-weight:700}.pixel-kingdom-title{color:#333;font-size:24px;letter-spacing:2px;margin-bottom:20px;text-align:center;text-transform:uppercase}.claim-section h4{text-shadow:2px 2px 4px #000c,0 0 10px #ffffff80}.claim-info{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#ddd;display:flex;font-size:.95em;gap:8px;justify-content:center;margin-bottom:15px;padding:12px}.claim-info:before{content:"💰";font-size:1.2em}.claim-button{background:linear-gradient(90deg,#00c6fb,#005bea);display:block;margin:0 auto;width:66.67%}.claim-button:hover{background:linear-gradient(90deg,#43e97b,#38f9d7);box-shadow:0 8px 24px #00ccff2e,0 2px 8px #0000001a;color:#036}.pixel-info-content .notice-board{background:linear-gradient(145deg,#000c,#0009);border:2px solid #9c27b0;border-radius:8px;box-shadow:0 4px 15px #9c27b033;color:#fff;margin:15px 0;padding:15px}.pixel-info-content .notice-board h4{color:#9c27b0;font-size:1.2em;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #9c27b04d;text-transform:uppercase}.pixel-info-content .notice-board p{color:#e0e0e0;font-size:.95em;line-height:1.5;margin:8px 0}.pixel-info-content .notice-board .notice-item{align-items:center;background:#9c27b01a;border-radius:4px;display:flex;margin:10px 0;padding:8px;transition:all .3s ease}.pixel-info-content .notice-board .notice-item:hover{background:#9c27b033;transform:translateX(5px)}.pixel-info-content .notice-board .notice-item strong{color:#9c27b0;margin-right:10px;min-width:120px}.pixel-info-content .notice-board .notice-item span{color:#fff}.action-notification{animation:slideIn .3s ease-out;border:2px solid #ffffff1a;border-radius:20px;flex-direction:column;margin:0;max-width:400px;padding:25px;pointer-events:auto;text-align:center;width:90%}.notification-header{gap:15px;justify-content:center;margin-bottom:15px;padding:0 20px;width:100%}.notification-icon{box-shadow:0 4px 12px #0003;font-size:24px;height:40px;width:40px}.notification-title{color:#fff;font-size:20px;letter-spacing:1px;text-transform:uppercase}.notification-content{color:#fffffff2;font-size:16px;line-height:1.6;padding:0 20px;width:100%}.action-notification.success{background:#000000e6;border-color:#4caf5066}.action-notification.success .notification-icon{background:#4caf5033;box-shadow:0 4px 12px #4caf504d;color:#4caf50}.action-notification.error{background:#000000e6;border-color:#f4433666}.action-notification.error .notification-icon{background:#f4433633;box-shadow:0 4px 12px #f443364d;color:#f44336}.action-notification .notification-icon{background:#ffffff26;box-shadow:0 4px 12px #fff3;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.action-notification:hover{box-shadow:0 12px 40px #0006;transform:translate(-50%,-50%) scale(1.02);transition:transform .2s ease}.action-notification.closing{animation:fadeOut .3s ease-out forwards}.action-notification.error{box-shadow:0 0 20px #f4433633}.notification-close-btn{background:#ffffff1a;font-size:16px;height:24px;line-height:1;padding:0;right:12px;top:12px;transition:all .3s ease;width:24px;z-index:2001}.notification-close-btn:hover{background:#fff3}.notification-close-btn:active{transform:scale(.95)}.recruit-section,.recruit-section *{text-shadow:2px 2px 6px #000}.recruit-section{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;transform:translateY(150px)!important}.recruit-section h3{color:#ffb84d!important;display:none;font-family:Orbitron,sans-serif;font-size:2rem!important;font-weight:700;letter-spacing:3px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #00000080!important;text-transform:uppercase}.recruit-controls{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.recruit-controls input{background:#0000!important;border:2px solid silver!important;border-radius:5px!important;box-shadow:0 0 10px #c0c0c04d!important;color:silver!important;font-size:.9rem!important;font-weight:500!important;max-width:200px!important;min-width:100px!important;padding:8px!important;text-align:center!important;text-shadow:0 0 5px #c0c0c080!important;width:50%!important}.recruit-controls input:focus{background:#0000!important;border-color:#e0e0e0!important;box-shadow:0 0 15px #e0e0e080!important;color:#e0e0e0!important;outline:none!important}.recruit-controls input::placeholder{color:#c0c0c0b3!important;text-shadow:0 0 5px #c0c0c04d!important}.recruit-info{color:#b3e6ff;font-size:.85rem;font-weight:500;letter-spacing:.3px;margin-top:10px;text-align:center}.pixel-soldiers{align-items:center;color:#40cfff;display:flex;font-size:.9em;justify-content:space-between;margin:5px 0;padding-left:5px;text-align:left}.pixel-soldiers strong{color:#00c6fb!important}.pixel-soldiers span{color:#40cfff;min-width:80px;padding-right:10px;text-align:right}.pixel-info-content .close-x-btn:hover{background-color:#add8e633;transform:scale(1.1)}.pixel-info-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#add8e6;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;right:10px;top:10px;transition:all .3s ease;width:30px;z-index:1000}.pixel-info-close-btn:hover{background-color:#add8e633;transform:scale(1.1)}.recruit-controls button{background:linear-gradient(90deg,#00c6fb,#005bea);border:none;border-radius:25px;box-shadow:0 4px 16px #0066cc26,0 1.5px 4px #00000014;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;outline:none;overflow:hidden;padding:8px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1}.recruit-controls button:hover{background:linear-gradient(90deg,#43e97b,#38f9d7);box-shadow:0 8px 24px #00ccff2e,0 2px 8px #0000001a;color:#036;transform:translateY(-2px) scale(1.04)}.pixel-card .pixel-soldiers span{color:#0f0!important;font-weight:700}.available-pixco{color:#b3e6ff;font-size:.85rem;font-weight:500;letter-spacing:.3px;margin-bottom:8px;margin-top:12px;text-align:center}.pixel-pixco strong,.pixel-soldiers strong{color:#00c6fb!important;font-weight:700}.pixel-pixco span,.pixel-soldiers span{color:#40cfff!important;font-weight:700}.recruit-controls input,.recruit-section input{background:#1e1e1e66;border:2px solid #bfa100;color:#fff;font-weight:700;text-shadow:2px 2px 6px #000,0 0 8px gold}.game-info-tabs{flex-direction:row!important;gap:10px;margin:50px 0 20px;padding:0!important;width:100%!important}.game-info-tab,.game-info-tabs{align-items:center;display:flex!important;justify-content:center}.game-info-tab{border:1px solid #fff3;border-radius:5px;color:#fff;cursor:pointer;flex:1 1!important;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;max-width:200px;min-width:0!important;padding:10px 20px;text-align:center;text-transform:uppercase;transition:all .3s ease;width:0!important}.game-info-tab:hover{background-color:#fff3;transform:translateY(-2px)}.game-info-tab.active{border-color:#0ff;box-shadow:0 0 10px #00ffff4d}@media (max-width:768px){.game-info-container{border-radius:20px;display:flex;flex-direction:column;gap:.5rem;height:90vh;margin:2.5vh auto;overflow-y:auto;padding:15px;width:95%}.game-info-tab{font-size:.7rem!important;padding:8px 12px!important;width:100%}.game-info-tab:nth-child(3){align-items:center!important;display:flex!important;font-size:.6rem!important;justify-content:center!important;min-height:36px!important;padding:8px 10px!important}.pixel-info-content{border-radius:20px;display:flex;flex-direction:column;gap:10px;height:90vh;margin:0;max-height:90vh;padding:15px;width:110%}.pixel-info-content h3{margin:0;padding:0}.pixel-info-table{margin:10px 0}.transfer-section{margin:-80px 0 10px}.claim-section{margin:10px 0 50px}.pixel-info-close-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;color:#add8e699!important;opacity:1;position:absolute!important;right:15px!important;top:25px!important;z-index:9999!important}.pixel-info-close-btn:hover{color:#add8e6!important;opacity:1}}.pixels-title{font-size:2rem!important}.pixels-title,.recruit-title{color:#ffb84d!important;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:3px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #00000080!important;text-transform:uppercase}.recruit-title{display:none;font-size:1.8rem!important}.pixel-info-modal .transfer-controls select option{background-color:initial;color:#fff}@supports not (((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))) or (-webkit-backdrop-filter:blur(5px))){.game-info-container{background-color:#000000f2}.game-info-section{background-color:#fff3}.action-notification,.pixel-info-content,.pixel-info-modal{background-color:#000000f2}.pixel-card{background-color:#000c}.game-info-tab{background-color:#fff3}.game-info-tab.active{background-color:#00ffff4d}}.game-info-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#000000e6}.game-info-section{background-color:#ffffff1a}.game-info-section,.pixel-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pixel-card{background-color:#000000b3}.game-info-tab{background-color:#ffffff1a}.game-info-tab,.game-info-tab.active{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-info-tab.active{background-color:#0ff3}.battlefield-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1001}.battlefield-container{background-color:#000000e6;background-image:url(/static/media/warmonger-bg.8a0e138f40e832593d69.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #add8e6;border-radius:10px;box-shadow:0 0 20px #00000080;color:#fff;height:95%;left:50%;margin:0;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:30%}.battlefield-container h2{word-wrap:break-word;color:#d9ff00;font-family:Press Start\ 2P,cursive;font-size:1.5rem;margin-bottom:15px;text-align:center;text-shadow:2px 2px 8px #000,0 0 16px #d9ff00}.battlefield-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px;margin-top:50px;width:100%}.battlefield-tab{border:1px solid #fff3;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;max-width:200px;padding:10px 20px;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.battlefield-tab:hover{background-color:#fff3;transform:translateY(-2px)}.battlefield-tab.active{border-color:#0ff;box-shadow:0 0 10px #00ffff4d}.battlefield-content{display:flex;flex-direction:column;gap:15px;overflow-y:auto;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.battlefield-section{border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:150px;overflow:hidden;padding:15px}.battlefield-section h3{color:#add8e6;font-size:1.2rem;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.battlefield-container .close-x-btn{align-items:center;background:#0000!important;border:none;border-radius:50%;color:#add8e699!important;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;opacity:1;position:absolute;right:15px!important;top:25px!important;transition:all .3s ease;width:30px;z-index:9999!important}.battlefield-container .close-x-btn:hover{background:#add8e61a;box-shadow:0 0 10px #add8e633;color:#add8e6!important;opacity:1;transform:scale(1.1)}@media (max-width:768px){.battlefield-container{background-color:#000000f2;border:none;border-radius:0;height:100%;max-height:100vh;padding:10px;width:100%}.battlefield-container .close-x-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;color:#add8e699!important;opacity:1;position:absolute;right:15px!important;top:25px!important}.battlefield-container .close-x-btn:hover{color:#add8e6!important;opacity:1}.battlefield-tab{background-color:#ffffff26;border:1px solid #fff3;font-size:.8rem;max-width:150px;padding:8px 15px}.battlefield-tab.active{background-color:#0ff3;border:1px solid #0ff;box-shadow:0 0 10px #00ffff4d}.battlefield-content{margin:0;padding:0}.battlefield-table-container{background-color:initial!important;border:none!important;margin:0!important;padding:0!important}.results-table{border:none;border-radius:0}.results-table td,.results-table th{border:none;padding:8px 5px}.search-input{border:1px solid #add8e64d;margin:5px 0;width:95%}}.search-container{align-items:center;display:flex;justify-content:center;margin:15px 0;width:100%}.search-input{border:2px solid #add8e6;border-radius:5px;color:#fff;display:block;font-family:Orbitron,sans-serif;font-size:.9rem;margin:0 auto;padding:10px;text-align:center;width:80%}.search-input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf50;outline:none}.results-table{border-collapse:initial;border-radius:10px;border-spacing:0;margin-top:10px;overflow:hidden;width:100%}.results-table td,.results-table th{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid #add8e633;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.3px;padding:10px;text-align:left}.results-table th:first-child{border-top-left-radius:10px}.results-table th:last-child{border-top-right-radius:10px}.results-table tr:last-child td:first-child{border-bottom-left-radius:10px}.results-table tr:last-child td:last-child{border-bottom-right-radius:10px}.results-table th{background-color:#add8e61a;color:#add8e6;font-weight:600}.results-table td{color:#fff}.results-table tr{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0d;transition:all .3s ease}.results-table tr:hover{background-color:#ffffff1a;transform:translateX(5px)}.results-table tr:nth-child(2n){background-color:#ffffff08}.results-table tr:nth-child(odd){background-color:#ffffff12}.results-table th{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#add8e626!important;position:sticky;top:0;z-index:1}.results-table tr.owned-pixel td{color:#0f0!important}.attack-btn{-webkit-tap-highlight-color:transparent;background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;min-height:30px;min-width:60px;padding:5px 10px;position:relative;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.attack-btn:active,.attack-btn:hover{background-color:red}.attack-btn:active{transform:scale(.95)}.attack-btn.owned{color:#666;cursor:not-allowed}.attack-btn.owned,.attack-btn.owned:hover{background-color:#ccc}.attack-btn.loading{background-color:#f66;cursor:not-allowed;opacity:.8}.attack-btn.loading:after{animation:button-loading-spinner .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}@keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}.attack-btn:disabled{cursor:not-allowed;opacity:.7}.search-results{margin-top:15px;overflow-x:auto}.table-container{-webkit-overflow-scrolling:touch;background-color:#00000080;border-radius:10px;flex:1 1;margin-top:10px;padding:10px}.table-container::-webkit-scrollbar-track{background:#0003}.table-container::-webkit-scrollbar-thumb{background:#add8e64d;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#add8e680}@media screen and (min-width:769px){.battlefield-container{height:95%;width:30%}.battlefield-section{min-height:70vh}.battle-history-container{max-height:608px}.results-table td,.results-table th{padding:8px 4px;text-align:center}.results-table td:first-child,.results-table th:first-child{padding-left:8px;text-align:left}.results-table td:nth-child(3),.results-table th:nth-child(3){padding-right:-5px}.results-table td:nth-child(4),.results-table th:nth-child(4){padding-left:-5px}.battlefield-content::-webkit-scrollbar{width:8px}.battlefield-content::-webkit-scrollbar-track{background:#0000;border-radius:4px}.battlefield-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.battlefield-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}}.loading-more{background:#0003;border-radius:0 0 5px 5px;color:#add8e6;font-size:.9rem;font-style:italic;padding:10px;text-align:center}.battle-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:2px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;font-size:18px;gap:15px;left:50%;max-width:500px;min-width:300px;padding:25px 40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.battle-message:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:40px;width:40px}.battle-message.victory{border-color:#4caf5066;box-shadow:0 0 20px #4caf5033}.battle-message.victory:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z'/%3E%3C/svg%3E")}.battle-message.defeat{border-color:#f4433666;box-shadow:0 0 20px #f4433633}.battle-message.defeat:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F44336'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")}.battle-message.weak-army{border-color:#ff980066;box-shadow:0 0 20px #ff980033}.battle-message.weak-army:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF9800'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")}.info-section ul{font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:.5px;list-style:none;margin:0;padding:0}.info-section ul li{border-bottom:1px solid #add8e633;color:#fff;padding:8px 0;text-shadow:1px 1px 2px #000c}.info-section ul li b{color:#add8e6;font-weight:500;text-shadow:1px 1px 2px #000c}.info-section p{margin:5px 0}.info-section p,.info-section p strong{font-family:Orbitron,sans-serif;text-shadow:1px 1px 2px #000c}.info-section p strong{color:#add8e6}.info-section p span{color:gold;font-family:Orbitron,sans-serif;text-shadow:1px 1px 2px #000c}.battlefield-section select{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000000b3;border:1px solid #4caf50;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:8px 12px;width:100%}.battlefield-section select,.battlefield-section select option{color:red;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.3px}.battlefield-section select option{background-color:#000000e6;padding:8px}.battle-history-container{background-color:#0000004d;border-radius:8px;display:flex;flex-direction:column;margin-top:15px;max-height:600px;min-height:100px;overflow-y:auto;padding:15px}.battle-history-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:10px;padding:12px;transition:all .3s ease}.battle-history-item:hover{background:#ffffff14;border:1px solid #fff3;transform:translateX(5px)}.battle-history-item.victory{border-left:4px solid #2196f3}.battle-history-item.defeat{border-left:4px solid #ff9800}.battle-time{color:silver;font-size:.85em;font-weight:500;margin-bottom:8px;text-shadow:1px 1px 2px #000c}.battle-participants{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.participant{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;display:flex;flex-direction:column;padding:8px}.participant .label{color:#888;font-size:.75em;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-shadow:1px 1px 2px #000c;text-transform:uppercase}.participant .code{font-size:.85em;font-weight:600;letter-spacing:.5px;text-shadow:2px 2px 4px #000c}.participant.attacker .code{color:red;text-shadow:2px 2px 4px #000c}.participant.defender .code{color:#0f0;text-shadow:2px 2px 4px #000c}.participant.winner.attacker-win .code{color:red;text-shadow:2px 2px 4px #000c}.participant.winner.defender-win .code{color:#0f0;text-shadow:2px 2px 4px #000c}.loading-history,.no-history{align-items:center;color:#888;display:flex;font-size:.85em;font-style:italic;justify-content:center;margin:auto;min-height:100px;padding:20px;text-align:center;width:100%}.battle-history-container::-webkit-scrollbar{width:4px}.battle-history-container::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.battle-history-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.battle-history-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.battle-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 4px}.battle-pixel{color:#0ff;font-size:.85em;font-weight:500;text-shadow:0 0 5px #00ffff80,1px 1px 2px #000c}.transfer-section h4{color:#0f0;font-size:1.1rem;margin-bottom:10px;text-shadow:1px 1px 2px #000c}.transfer-controls select{background-color:initial;border:1px solid silver;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:10px;padding:8px;width:100%}.transfer-controls select option{background-color:#000000e6;color:#fff}.transfer-controls input{background-color:initial;border:1px solid silver;border-radius:4px;color:#fff;font-size:.9rem;margin-bottom:10px;padding:8px;width:100%}.transfer-controls input::placeholder{color:#0000}.transfer-controls button{background:linear-gradient(90deg,#006400,#90ee90 50%,#006400);border-radius:25px;display:block;font-size:.9rem;font-weight:600;margin:0 auto;padding:8px 20px;text-shadow:2px 2px 4px #000c;transition:all .2s ease;width:66.67%}.transfer-controls button:hover{background:linear-gradient(90deg,green,#98fb98 50%,green);box-shadow:0 4px 12px #0064004d;transform:translateY(-2px)}.transfer-controls select option[value=toPixel]{background-color:#000000e6;color:#ffa07a}.transfer-controls select option[value=toPlayer]{background-color:#000000e6;color:#87ceeb}.recruit-section{align-items:center;background:#000000b3;border-radius:10px;display:flex;flex-direction:column;margin:20px 0;padding:20px}.confirm-attack-modal{background:#000000f2;border:2px solid #f44;border-radius:12px;box-shadow:0 0 20px #ff44444d;display:none;left:50%;max-width:300px;opacity:0;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:none;visibility:hidden;width:60%;z-index:1100}.confirm-attack-modal.visible{animation:none;display:block;opacity:1;visibility:visible}.confirm-attack-modal h3{color:#f44;font-size:1.1rem;margin-bottom:12px;text-shadow:0 0 10px #ff444480}.confirm-attack-modal h3,.confirm-attack-modal p{font-family:Orbitron,sans-serif;text-align:center}.confirm-attack-modal p{color:#fff;font-size:.9rem;margin-bottom:15px}.confirm-attack-modal .pixel-code{color:#0ff;font-weight:700;text-shadow:0 0 10px #00ffff80}.confirm-attack-modal .button-group{display:flex;gap:10px;justify-content:center}.confirm-attack-modal button{border:none;border-radius:5px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;padding:8px 16px;transition:all .2s ease}.confirm-attack-modal .confirm-btn{background-color:#f44;color:#fff}.confirm-attack-modal .confirm-btn:hover{background-color:red;box-shadow:0 4px 12px #ff00004d;transform:translateY(-2px)}.confirm-attack-modal .cancel-btn{background-color:#666;color:#fff}.confirm-attack-modal .cancel-btn:hover{background-color:#888;box-shadow:0 4px 12px #8888884d;transform:translateY(-2px)}@media screen and (max-width:768px){.confirm-attack-modal{padding:20px;width:95%}.confirm-attack-modal h3{font-size:1.1rem}.confirm-attack-modal p{font-size:.9rem}.confirm-attack-modal button{font-size:.85rem;padding:8px 16px}}.pixel-info-modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2000}.pixel-info-close-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;color:#add8e699!important;opacity:1;position:absolute;right:15px!important;top:25px!important}.pixel-info-close-btn:hover{background-color:#add8e61a!important;color:#add8e6!important;opacity:1}.pixel-info-table{border-collapse:collapse;margin:20px 0;width:100%}.pixel-info-table td{border-bottom:none;padding:8px}.pixel-info-table td:first-child{color:#add8e6;width:40%}.transfer-section{background:#0000;border-top:none;margin-top:20px;padding-top:20px}.transfer-section h4{color:#add8e6;margin-bottom:15px;text-align:center}.transfer-controls{display:flex;flex-direction:column;gap:10px}.transfer-controls input,.transfer-controls select{background-color:#00000080;border:1px solid #add8e6;border-radius:5px;color:#fff;padding:8px}.transfer-controls button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}.transfer-controls button:hover{background-color:#45a049}.error-message{color:#ff6b6b;margin-top:10px}.loading-message{color:#add8e6;margin-top:10px;text-align:center}.success-message{color:#4caf50;margin-top:10px}.claim-section{background:#0000;border:none;border-radius:12px;box-shadow:none;margin-top:25px;padding:20px;text-align:center}.claim-section h4{color:#fff;font-size:1.2em;letter-spacing:1px;margin:0 0 20px;text-align:center;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.claim-button{background:linear-gradient(90deg,#06c,#4d94ff);border:none;border-radius:25px;box-shadow:0 4px 16px #0066cc26,0 1.5px 4px #00000014;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;outline:none;overflow:hidden;padding:10px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.claim-button:hover{background:linear-gradient(90deg,#4d94ff,#06c);box-shadow:0 8px 24px #0066cc2e,0 2px 8px #0000001a;transform:translateY(-2px) scale(1.04)}.claim-button:active{box-shadow:0 2px 10px #0066cc4d;transform:translateY(1px)}.claim-button:disabled{animation:pulse 2s infinite;background:linear-gradient(45deg,#95a5a6,#7f8c8d);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@keyframes pulse{0%{box-shadow:0 4px 15px #0066cc4d;transform:scale(1)}50%{box-shadow:0 2px 10px #06c3;transform:scale(.98)}to{box-shadow:0 4px 15px #0066cc4d;transform:scale(1)}}.action-notification{align-items:center;background:#000c;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;gap:15px;left:50%;min-width:300px;padding:20px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}.action-notification.error{border-left:4px solid #f44;box-shadow:0 0 20px #f443}.action-notification.success{border-left:4px solid #4caf50;box-shadow:0 0 20px #4caf5033}.notification-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;opacity:.7;position:absolute;right:10px;top:10px;transition:all .2s ease;width:30px}.notification-close-btn:hover{background:#ffffff1a;opacity:1;transform:scale(1.1)}.notification-header{align-items:center;display:flex;margin-bottom:12px;padding-right:20px}.notification-icon{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;margin-right:12px;width:32px}.error .notification-icon{background:#f44;box-shadow:0 0 15px #ff44444d}.success .notification-icon{background:#4caf50;box-shadow:0 0 15px #4caf504d}.notification-title{font-size:1.2em;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.notification-content{font-size:1em;line-height:1.5;margin:0;text-shadow:0 1px 2px #0000004d}@media screen and (max-width:768px){.action-notification{max-width:none;padding:15px 20px;width:90%}.notification-icon{font-size:16px;height:28px;width:28px}.notification-title{font-size:1.1em}.notification-content{font-size:.95em}}.info-section h3{color:#e8e8e8;font-size:1.2rem;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px #000c,0 0 10px #ffffff80;text-transform:uppercase}.battlefield-content::-webkit-scrollbar{background-color:initial;width:8px}.battlefield-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.battlefield-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}@media screen and (max-width:768px){.pixel-info-content{border-radius:20px;display:flex;flex-direction:column;gap:10px;height:90vh;margin:0;max-height:90vh;padding:15px;width:90%}.pixel-info-content h3{margin:0;padding:0}.claim-section,.pixel-info-table,.transfer-section{margin:10px 0}.pixel-info-close-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;color:#add8e699!important;opacity:1;position:absolute;right:15px!important;top:25px!important}.pixel-info-close-btn:hover{background-color:#add8e61a!important;color:#add8e6!important;opacity:1}}.battlefield-container.pixel-info-open .close-btn,.battlefield-container.pixel-info-open .close-x-btn,.game-info-container.pixel-info-open .close-btn,.game-info-container.pixel-info-open .close-x-btn,.pixel-info-modal.visible~.close-btn,.pixel-info-modal.visible~.close-x-btn{display:none!important}.pixel-info-modal .recruit-controls input,.pixel-info-modal .transfer-controls input,.pixel-info-modal .transfer-controls select{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:initial;border:1px solid #add8e699;border:1px solid #0096ff4d!important;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;transition:all .3s ease}.pixel-info-modal .recruit-controls input:focus,.pixel-info-modal .transfer-controls input:focus,.pixel-info-modal .transfer-controls select:focus{background-color:initial;border-color:#0ff;border:1px solid #0096ff99!important;box-shadow:0 0 5px #00ffff80;outline:none}.battle-history-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr!important;padding:1rem}.battlefield-table-container{background-color:#00000026}@supports (((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))) or (-webkit-backdrop-filter:blur(8px))){.battlefield-table-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0000000d}}@supports not (((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))) or (-webkit-backdrop-filter:blur(5px))){.battlefield-container .close-x-btn{background-color:#000c}.battlefield-section,.battlefield-tab{background-color:#fff3}.battlefield-tab.active{background-color:#00ffff4d}.search-input{background-color:#000c}.action-notification,.confirm-attack-modal,.pixel-info-content,.pixel-info-modal{background-color:#000000f2}}.battlefield-container .close-x-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial}.battlefield-section,.battlefield-tab{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a}.battlefield-tab.active{background-color:#0ff3}.battlefield-tab.active,.search-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-attack-modal,.search-input{background-color:#000000b3}.confirm-attack-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pixel-info-modal{background-color:#0006}.pixel-info-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0009;border:2px solid #06c;border-radius:12px;box-shadow:0 0 20px #0066cc4d;max-height:390px;max-width:360px;overflow:hidden;padding:5px 10px 10px;position:relative;width:85%}.action-notification{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#000c}.deploy-soldiers-input{margin:15px 0;text-align:center}.deploy-soldiers-input label{color:#fff;display:block;font-family:Orbitron,sans-serif;font-size:.9rem;margin-bottom:8px}.deploy-soldiers-input input{background:#00000080;border:1px solid #add8e64d;border-radius:4px;color:#fff;font-size:.9rem;margin-bottom:8px;padding:8px;text-align:center;width:80%}.deploy-soldiers-input input:focus{border-color:#add8e699;box-shadow:0 0 10px #add8e633;outline:none}.deploy-soldiers-input .soldiers-info{color:#fff;font-size:.8rem;margin-top:5px}.deploy-soldiers-input .soldiers-info span{color:gold;font-weight:700;text-shadow:0 0 10px #ffd70080}.deploy-soldiers-input .soldiers-info .defending-soldiers{color:#f33;font-weight:700;text-shadow:0 0 10px #ff333380}.confirm-btn:disabled{cursor:not-allowed}.confirm-btn:disabled,.confirm-btn:disabled:hover{background-color:#666;box-shadow:none;transform:none}.modal-confirm h2{margin-bottom:20px}.modal-confirm h2,.modal-confirm label{color:#fff;font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;letter-spacing:1px;text-align:center;text-transform:uppercase}.modal-confirm label{display:block;margin-bottom:8px}.modal-confirm input{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-family:Orbitron,sans-serif;font-size:14px;margin-bottom:16px;padding:8px 12px;text-align:center;width:100%}.modal-confirm input:focus{border-color:#0f8;box-shadow:0 0 0 2px #0f83;outline:none}.modal-confirm input::placeholder{color:#ffffff80}.modal-confirm .confirm-button{background:linear-gradient(45deg,#0f8,#00b8ff);border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.modal-confirm .confirm-button:hover{box-shadow:0 4px 12px #00ff884d;transform:translateY(-2px)}.modal-confirm .confirm-button:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.pixel-info-modal .recruit-controls input,.pixel-info-modal .transfer-controls input,.pixel-info-modal .transfer-controls select{border:1px solid #0096ff4d!important}.pixel-info-modal .recruit-controls input:focus,.pixel-info-modal .transfer-controls input:focus,.pixel-info-modal .transfer-controls select:focus{border:1px solid #0096ff99!important}}.ranking-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.ranking-container{background-image:url(/static/media/Ranking-bg.4e4f89b54923f229dbc5.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 0 20px #00000080;color:#fff;display:flex;flex-direction:column;font-family:Orbitron,sans-serif;height:calc(92vh + 10px);max-width:560px;overflow:hidden;padding:30px;position:relative;width:46%}.table-container{background-color:initial;display:flex;flex:0 1 auto;justify-content:center;margin-top:50px;max-height:calc(92vh - 90px);overflow-x:hidden;overflow-y:auto;padding:0 10px;position:relative;width:100%}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.table-container::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3}.table-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@supports not (((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))) or (-webkit-backdrop-filter:blur(5px))){.table-container::-webkit-scrollbar-thumb{background-color:#ffffff4d}.rankings-table thead,.rankings-table tr{background-color:#00000080}.close-x-btn{background-color:#fff3}}.rankings-table{border-collapse:collapse;border-radius:8px;table-layout:fixed;width:100%}.rankings-table tbody{max-height:fit-content}.rankings-table td,.rankings-table th{height:50px;max-height:50px;min-height:50px;overflow:hidden;padding:15px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.rankings-table thead{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;position:sticky;top:0;z-index:100}.rankings-table th{border-bottom:2px solid #ffffff1a;color:#0ff;font-weight:700;letter-spacing:1px;padding:15px 10px;position:sticky;text-align:center;text-shadow:0 0 10px #00ffff80,2px 2px 4px #000c;text-transform:uppercase;top:0;white-space:nowrap;z-index:100}.rankings-table tr{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;transition:all .3s ease}.rankings-table tr:hover{background-color:#ffffff1a}.rank-column{font-weight:700;text-shadow:0 0 10px #ffd70080,2px 2px 4px #000c;width:8%}.player-column{color:#fff;text-shadow:0 0 8px #fff6,1px 1px 3px #000c;width:32%}.title-column{color:#add8e6;text-shadow:0 0 8px #add8e666,1px 1px 3px #000c;width:20%}.ref-column{color:gold;text-shadow:0 0 8px #ffd70066,1px 1px 3px #000c;width:20%}.score-column{color:silver;font-weight:700;text-shadow:0 0 8px #c0c0c066,1px 1px 3px #000c;width:20%}.error-message,.loading-message{color:#fff;font-size:1.2rem;padding:20px;text-align:center;text-shadow:1px 1px 3px #000c}.error-message{text-shadow:1px 1px 3px #000c}.close-x-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:20px;height:30px;justify-content:center;right:5px;top:15px;width:30px}.close-x-btn:hover{background:#fff3}@media screen and (min-width:769px){.close-x-btn{height:30px;position:absolute;right:30%;top:15px;width:30px}}@media screen and (max-width:768px){.ranking-container{border:none;border-radius:0;height:100vh;margin:0;max-height:100vh;padding:10px;width:100%}.table-container{margin-top:50px;max-height:calc(100vh - 60px);padding:0 5px;width:100%}.rankings-table{width:100%}.rankings-table td,.rankings-table th{font-size:.85rem;height:40px;max-height:40px;min-height:40px;padding:8px 4px}.rank-column{width:15%}.player-column{width:25%}.ref-column,.score-column,.title-column{width:20%}.close-x-btn{align-items:center!important;background:#0000!important;border:none!important;display:flex!important;height:35px!important;justify-content:center!important;position:fixed!important;right:15px!important;top:15px!important;width:35px!important;z-index:9999!important}.close-x-btn:hover{background:#0000!important;box-shadow:none!important;transform:scale(1.1)!important}.ranking-item{font-size:.85rem}.ranking-item:hover{transform:none}}.marketplace-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1000}.marketplace-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;background-image:url(/static/media/marketplace-bg.8aecb809d1b1a7621965.png);background-position:100%;background-repeat:no-repeat;background-size:cover;border:2px solid #add8e6;border-radius:10px;color:#fff;height:95%;left:50%;margin:0;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:30%}.marketplace-title{color:gold;display:none;font-family:Orbitron,sans-serif;font-size:2rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px #ffd70080}.marketplace-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px;margin-top:50px;width:100%}.marketplace-tab{background-color:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;max-width:200px;padding:10px 20px;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.marketplace-tab:hover{background-color:#fff3;transform:translateY(-2px)}.marketplace-tab.active{background-color:#0ff3;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}@media (max-width:768px){.marketplace-container{height:90%;width:90%}.marketplace-tab{font-size:.8rem;max-width:150px;padding:8px 10px}}.marketplace-content{padding:1rem}.inventory-section h3,.market-section h3{color:#fff;font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:1.5rem}.inventory-grid,.market-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1rem}.inventory-item,.market-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:1rem;transition:all .3s ease}.inventory-item:hover,.market-item:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.item-image{background:#ffffff1a;border-radius:8px;height:350px;margin-bottom:1rem;width:100%}.item-info h4{color:#0ff;font-size:1.2rem;margin-bottom:.5rem;text-shadow:0 0 10px #00ffff80}.item-info h4,.item-info p{font-family:Orbitron,sans-serif}.item-info p{color:#ccc;font-size:.9rem;letter-spacing:.5px;line-height:1.4;margin-bottom:1rem;text-shadow:0 0 10px #fff3,0 0 20px #00ffff1a}.item-actions,.item-price{align-items:center;display:flex;justify-content:space-between}.buy-btn,.sell-btn{border:none;border-radius:5px;cursor:pointer;font-family:Orbitron,sans-serif;padding:.5rem 1rem;transition:all .3s ease}.sell-btn{background:#ff6b6b;color:#fff}.buy-btn{background:#4caf50;color:#fff}.buy-btn:hover,.sell-btn:hover{box-shadow:0 0 10px #fff3;transform:scale(1.05)}.market-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.market-filters input,.market-filters select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;flex:1 1;font-family:Orbitron,sans-serif;min-width:200px;padding:.8rem}.market-filters input::placeholder{color:#ffffff80}.market-filters select option{background:#2d2d2d;color:#fff}.market-filters select{text-align:center;text-align-last:center}.close-x-btn{background:none;border:none;color:#add8e699;cursor:pointer;font-size:1.5rem;opacity:1;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.close-x-btn:hover{color:#add8e6;opacity:1;transform:scale(1.1)}@media screen and (max-width:768px){.marketplace-container{border:none;border-radius:0;height:100%;left:0;margin:0;padding:10px;top:0;transform:none;width:100%}.marketplace-title{font-size:1.5rem;margin-top:40px}.marketplace-tabs{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:50px;max-width:300px;padding:0;width:100%}.marketplace-tab{background-color:#ffffff26;border:1px solid #fff3;flex:0 0 auto;font-size:.8rem;margin:0 auto;max-width:140px;min-width:140px;padding:8px 15px;text-align:center;width:140px}.marketplace-tab.active{background-color:#0ff3;border:1px solid #0ff;box-shadow:0 0 10px #00ffff4d}.market-filters{flex-direction:column;padding:0 10px}.market-filters input,.market-filters select{width:100%}.inventory-grid,.market-grid{grid-template-columns:1fr;padding:10px}.close-x-btn{align-items:center!important;border-radius:50%!important;color:#add8e699!important;display:flex!important;font-size:24px!important;height:35px!important;justify-content:center!important;position:fixed!important;right:15px!important;top:15px!important;width:35px!important;z-index:9999!important}.close-x-btn,.close-x-btn:hover{background:#0000!important;opacity:1}.close-x-btn:hover{color:#add8e6!important}.market-filters input{display:block!important;font-size:1rem!important;margin:0 auto 10px!important;max-width:350px!important;min-width:120px!important;padding:.6rem 1rem!important;text-align:center!important;width:85%!important}.market-filters select{text-align:center;text-align-last:center}.error-message,.success-message{display:block!important;font-size:15px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;width:100%!important}.inventory-message-center{align-items:center;display:flex!important;flex-direction:column;justify-content:center;margin:0 auto 2px;min-height:24px;width:100%}.inventory-item .item-actions .sell-btn{margin-top:-5px!important}.inventory-item .item-actions input.loading-input{font-size:14px!important;margin-top:-5px!important;max-width:110px!important;min-width:60px!important;padding:5px 4px!important;width:80px!important}.inventory-item{margin-left:5px}}@media screen and (min-width:769px){.market-filters select{text-align:left;text-align-last:left}}.soldiers-info{color:#ccc;font-size:.9rem;margin-bottom:1rem}.soldiers-info span{color:gold;font-weight:700;text-shadow:0 0 10px #ffd70080}.warship-info{font-size:.9rem;margin-bottom:1rem}.warship-info,.warship-info span{color:#0ff;text-shadow:0 0 10px #00ffff80}.warship-info span{font-weight:700}.loading-warship-section{align-items:center;display:flex;gap:10px;margin:15px 0}.loading-input{background:#00000080;border:1px solid #0ff;border-radius:4px;color:#fff;flex:1 1;font-size:14px;padding:8px 12px}.loading-input::placeholder{color:#666}.loading-btn{background:linear-gradient(45deg,#0ff,#08f);border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s ease}.loading-btn:hover{box-shadow:0 0 10px #00ffff80;transform:translateY(-2px)}.error-message{color:#f44}.error-message,.success-message{animation:fadeIn .3s ease;font-size:14px;margin:10px 0;text-align:center}.success-message{color:#0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-bg-top{background-position:top!important}@media (max-width:768px){.mobile-bg-top{background-position:top!important;background-size:100% auto!important;height:220px!important}}@media (min-width:769px){.mobile-bg-top{background-position:top!important}}@media (max-width:600px){.inventory-section,.market-section,.marketplace-content{padding-left:0!important}.inventory-grid,.market-grid{justify-content:flex-start!important;padding-left:0!important}.inventory-item,.market-item{margin-left:0!important;padding-left:0!important}.inventory-item .item-image{height:245px!important;margin-left:8px!important}.inventory-item .item-info{margin-left:10px!important;padding-left:0!important}.inventory-item .item-info h4,.inventory-item .item-info p,.inventory-item .loading-warship-section,.inventory-item .soldiers-info,.inventory-item .unloading-warship-section,.inventory-item .warship-info{margin-left:10px!important;padding-left:0!important;text-align:left!important}.inventory-item .loading-warship-section button,.inventory-item .unloading-warship-section button{margin-right:10px!important}.inventory-item .item-actions{justify-content:flex-start!important;margin-left:10px!important;padding-left:0!important}}@media (max-width:768px){.market-item .item-info{margin-left:15px}}.market-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background-blend-mode:lighten;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease}.market-item .item-details,.market-item .item-info p{margin-bottom:.5rem}.inventory-item .item-actions input[type=number],.market-filters input{text-align:center}.inventory-item .item-actions input.loading-input{font-size:14px;margin-top:-5px;max-width:110px;min-width:60px;padding:5px 4px;width:80px}@media (max-width:768px){.inventory-item .item-actions input.loading-input{font-size:14px;max-width:150px;min-width:100px;padding:6px 8px;width:120px}.inventory-item .item-actions input[type=number]{max-width:150px;min-width:100px;width:120px}}.inventory-item .item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:10px}@supports not (((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) or (-webkit-backdrop-filter:blur(10px))){.marketplace-container{background-color:#000000f2}.inventory-item,.market-item{background-color:#ffffff26}.market-filters input,.market-filters select{background-color:#fff3}}.wallet-adapter-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon,.wallet-adapter-button-start-icon img{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{grid-row-gap:10px;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;display:grid;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;grid-template-rows:1fr;list-style:none;margin:0;opacity:0;padding:10px;position:absolute;right:0;top:100%;transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;z-index:99}.wallet-adapter-dropdown-list-active{opacity:1;transform:translateY(10px);visibility:visible}.wallet-adapter-dropdown-list-item{align-items:center;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:600;height:37px;justify-content:center;outline:none;padding:0 20px;white-space:nowrap;width:100%}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform .15s ease-in}.wallet-adapter-modal{background:#00000080;bottom:0;left:0;opacity:0;overflow-y:auto;position:fixed;right:0;top:0;transition:opacity .15s linear;z-index:1040}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{align-items:center;background:#1a1f2e;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:12px;position:absolute;right:18px;top:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0}.wallet-adapter-modal-container{align-items:center;display:flex;justify-content:center;margin:3rem;min-height:calc(100vh - 6rem)}@media (max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{align-items:center;background:#10141f;border-radius:10px;box-shadow:0 8px 20px #0009;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;max-width:400px;position:relative;z-index:1050}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{color:#fff;font-size:24px;font-weight:500;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{list-style:none;margin:0 0 12px;padding:0;width:100%}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{height:28px;width:28px}.wallet-adapter-modal-list .wallet-adapter-button span{font-size:14px;margin-left:auto;opacity:.6}.wallet-adapter-modal-list-more{align-items:center;align-self:flex-end;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;padding:12px 24px 24px 12px}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s ease}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 24px 24px;width:100%}.wallet-adapter-modal-middle-button{background-color:#512da8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;margin-top:48px;padding:12px;width:100%}
/*# sourceMappingURL=main.f3c8fa64.css.map*/