html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;font-family:Arial,sans-serif;background-color:#121828;color:#f0f0f0;font-size:16px;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{display:flex;flex-direction:column;min-height:100vh}#main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px}#game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden}#game-container canvas{width:100%;height:100%;display:block}body,button,input,select,textarea{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:#61dafb;text-decoration:none;transition:color .3s}a:hover{color:#21a1f1}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}:focus{outline:2px solid #61dafb;outline-offset:2px}body:not(.user-is-tabbing) :focus{outline:none}.header-nav{position:fixed;top:0;left:0;width:100%;background:#120338f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(96,165,250,.2);padding:12px 0;z-index:1000;box-shadow:0 2px 10px #0000004d}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo .game-title{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(96,165,250,.5);letter-spacing:2px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-group{display:flex;gap:1.2rem;align-items:center}.nav-divider{width:1px;height:30px;background:#fff3}.nav-link{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .3s ease;border:1px solid transparent;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.nav-link:hover:before{left:100%}.nav-link:hover{color:#60a5fa;border-color:#60a5fa80;background:#60a5fa1a;transform:translateY(-2px);box-shadow:0 4px 15px #60a5fa33}.footer-copyright{position:fixed;bottom:0;left:0;width:100%;background:#120338f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(96,165,250,.2);padding:12px 0;z-index:1000;box-shadow:0 -2px 10px #0000004d}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.footer-copyright p{color:#ffffffb3;font-size:.875rem;margin:0;font-weight:400}#game-menu{padding-top:80px;padding-bottom:60px;min-height:100vh;box-sizing:border-box}.game-setup-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:800px;margin:0 auto;padding:0 20px}.player-setup-section{width:100%;max-width:600px}.start-button-section{width:100%;display:flex;justify-content:center}#start-button.primary-action{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:2px solid #4CAF50;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 15px #4caf504d;min-width:200px}#start-button.primary-action:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}#start-button.primary-action:disabled{background:#666;border-color:#666;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.controls-info.start-controls{max-width:600px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:20px;border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.nav-container{padding:0 15px}.nav-links{gap:1rem}.nav-group{gap:.8rem}.nav-divider{display:none}.nav-link{padding:6px 12px;font-size:.85rem}.nav-logo .game-title{font-size:1.5rem;letter-spacing:1px}#game-menu{padding-top:70px;padding-bottom:50px}.game-setup-container{gap:1.5rem;padding:0 15px}#start-button.primary-action{padding:12px 30px;font-size:1rem;min-width:160px}}@media (max-width: 480px){.nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-group{margin:.25rem 0}.nav-link{padding:4px 8px;font-size:.8rem}.nav-logo .game-title{font-size:1.2rem}#game-menu{padding-top:90px}}body.game-active .header-nav,body.game-active .footer-copyright{display:none}body.game-active #game-menu,#boost-selection-section,#pause-menu{padding-top:0;padding-bottom:0}body:not(.game-active) .header-nav,body:not(.game-active) .footer-copyright{z-index:1000!important;display:block!important}.header-nav,.footer-copyright{z-index:1000!important}#hud{position:absolute;top:20px;left:20px;color:#fff;background-color:#6a0dad99;padding:15px;border-radius:10px;font-size:16px;z-index:100;box-shadow:0 0 20px #6a0dadcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(147,112,219,.6);display:flex;flex-direction:column}#hud>div{margin-bottom:8px;font-weight:500}#health{color:#0fa}#kills{color:#1e90ff}#players{color:#fffb96}#jim-coins-balance{color:gold;font-weight:700;text-shadow:0 0 5px rgba(255,215,0,.5)}#active-boosts{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:98}.boost-indicator{display:flex;align-items:center;gap:5px;background:#000c;padding:8px 12px;border-radius:20px;border:2px solid;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:boostPulse .5s ease-in-out}#boost-godlike-indicator{border-color:gold;box-shadow:0 0 15px #ffd70080}#boost-oneshot-indicator{border-color:red;box-shadow:0 0 15px #ff000080}#boost-jetpack-indicator{border-color:#00bfff;box-shadow:0 0 15px #00bfff80}.boost-indicator .boost-icon{font-size:16px;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.boost-indicator .boost-timer{color:#fff;font-weight:700;font-size:12px;text-shadow:0 0 5px rgba(0,0,0,.8);min-width:20px;text-align:center}.boost-indicator .boost-name{color:#fff;font-weight:700;font-size:10px;text-shadow:0 0 5px rgba(0,0,0,.8);letter-spacing:1px}@keyframes boostPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width: 768px){#active-boosts{top:80px;left:10px;transform:none;flex-direction:column;gap:5px}.boost-indicator{padding:6px 10px;gap:4px}.boost-indicator .boost-icon{font-size:14px}.boost-indicator .boost-timer,.boost-indicator .boost-name{font-size:10px}}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-size:24px;z-index:100;pointer-events:none;width:16px;height:16px;border:2px solid rgba(147,112,219,.9);border-radius:50%;box-shadow:0 0 10px #1e90ffcc;animation:pulse 2s infinite}.fade-message{animation:fadeIn .3s,fadeOut .3s 1.7s}.player-name{font-family:Arial,sans-serif;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}#leaderboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;width:350px;max-height:75vh;overflow-y:auto;background-color:#0a0a14e6;border:1px solid #555;border-radius:8px;padding:20px;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 5px 15px #0006}#leaderboard h2{margin-top:0;margin-bottom:15px;font-size:1.5em;text-align:center;color:#a0c4ff;border-bottom:1px solid #444;padding-bottom:10px}#leaderboard-list{list-style-type:none;padding-left:0;margin:0}#leaderboard-list li{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease-in-out;width:100%;box-sizing:border-box}#leaderboard-list li:before{content:counter(item) ".";counter-increment:item;margin-right:15px;font-weight:700;color:#888;min-width:20px;text-align:right}#leaderboard-list{counter-reset:item}#leaderboard-list li:last-child{border-bottom:none}#leaderboard-list li.local-player{font-weight:700;color:gold;background-color:#50500033;padding:5px 10px;margin:-5px -10px 5px;border-radius:4px}#leaderboard-list li span:last-of-type{font-weight:700;min-width:50px;text-align:right}#leaderboard-list li .lb-name{flex-grow:1;text-align:left;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboard-list li .lb-kills,#leaderboard-list li .lb-score{min-width:60px;text-align:right;font-weight:700;flex-shrink:0}#leaderboard-list li .lb-kills{color:#ff8a8a;margin-right:15px}#kill-feed{position:absolute;top:20px;right:20px;min-width:150px;max-width:400px;padding:10px;color:#fff;background-color:#6a0dad99;border-radius:10px;font-size:14px;z-index:101;box-shadow:0 0 15px #6a0dadb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(147,112,219,.6);display:flex;flex-direction:column;align-items:flex-end}.kill-feed-message{background-color:#00000080;color:#fff;padding:6px 12px;margin-bottom:5px;border-radius:4px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:1;transition:opacity .5s ease-out}#damage-overlay-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f000;pointer-events:none;z-index:500;opacity:0}#damage-overlay-effect.active{animation:damageFade .3s ease-out}@keyframes damageFade{0%{opacity:.4;background-color:#f006}to{opacity:0;background-color:#f000}}#health-bar-container{position:fixed;top:25px;left:50%;transform:translate(-50%);width:250px;height:18px;background-color:#323232b3;border:2px solid rgba(255,255,255,.8);border-radius:9px;z-index:99;overflow:hidden;box-shadow:0 2px 5px #0006}#health-bar-fill{height:100%;width:100%;background-color:#4caf50;border-radius:7px;transition:width .3s ease-out,background-color .3s ease-out}#kill-feed-message-template{display:none}.game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:150;font-size:24px}.game-over-screen h2{margin-bottom:20px}.game-over-screen p{margin-bottom:30px}.new-game-button{padding:15px 30px;font-size:20px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease}.new-game-button:hover{background-color:#45a049}.kill-confirmation-message{position:absolute;top:15%;left:50%;transform:translate(-50%);color:#4caf50;font-size:20px;font-weight:700;text-shadow:1px 1px 2px black;padding:8px 15px;background-color:#00000040;border-radius:5px;z-index:160}.kill-feed-message{padding:5px 10px;margin-bottom:5px;background-color:#32323299;border-radius:4px;font-size:14px;opacity:1;transition:opacity .5s ease-out}.kill-feed-message.fade-out{opacity:0}.kill-feed-player-name{font-weight:700}#permanent-boost-buttons{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:105}.permanent-boost-button{width:60px;height:60px;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.permanent-boost-button:hover{background:#000000e6;border-color:#fff9;transform:scale(1.05)}.permanent-boost-button.active{border-color:#0f0;box-shadow:0 0 15px #00ff0080;animation:boostButtonPulse 2s infinite}.permanent-boost-button.disabled{opacity:.3;cursor:not-allowed}.permanent-boost-button.disabled:hover{transform:none;background:#000c;border-color:#ffffff4d}.boost-button-icon{font-size:20px;margin-bottom:2px}.boost-button-key{font-size:10px;font-weight:700;color:#ccc;position:absolute;top:2px;left:4px}.boost-button-count{font-size:10px;font-weight:700;color:#fff;position:absolute;top:2px;right:4px}.boost-button-timer{font-size:8px;font-weight:700;color:#0f0;position:absolute;bottom:2px;right:4px;background:#000000b3;padding:1px 3px;border-radius:3px}@keyframes boostButtonPulse{0%,to{box-shadow:0 0 15px #00ff0080}50%{box-shadow:0 0 25px #0f0c}}@media (max-width: 768px){#permanent-boost-buttons{bottom:15px;right:15px;gap:8px}.permanent-boost-button{width:50px;height:50px}.boost-button-icon{font-size:18px}.boost-button-key,.boost-button-count{font-size:9px}.boost-button-timer{font-size:7px}}.menu-button{margin-top:10px;border:none;border-radius:5px;cursor:pointer;transition:all .3s;color:#fff}@media (max-width: 600px){.menu-button{padding:8px 16px;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;box-sizing:border-box}.modal-content{background-color:#2c2c2c;padding:25px;border-radius:10px;box-shadow:0 5px 15px #00000080;text-align:center;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;border:1px solid #444;position:relative;z-index:2001;margin:0}.modal-content p{font-size:1.1rem;color:#f0f0f0;margin-bottom:20px}.modal-buttons{display:flex;justify-content:space-around}.modal-buttons .menu-button{padding:10px 20px;font-size:1rem;min-width:100px}#custom-confirm-yes{background-color:#4caf50;color:#fff}.menu-button.primary{background-color:#28a745;color:#fff;border:1px solid #28a745}.menu-button.primary:hover{background-color:#218838;border-color:#1e7e34;transform:translateY(-2px)}.menu-button.secondary{background-color:#dc3545;color:#fff;border:1px solid #dc3545}.menu-button.secondary:hover{background-color:#c82333;border-color:#bd2130;transform:translateY(-2px)}#custom-confirm-yes:hover{background-color:#2a562c}#custom-confirm-no{background-color:#f44336;color:#fff}#custom-confirm-no:hover{background-color:#792c2c}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;background:#2c2c2cf2;border:1px solid #555;border-radius:8px;padding:12px 16px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter{opacity:0;transform:translate(100%)}.toast-show{opacity:1;transform:translate(0)}.toast-exit{opacity:0;transform:translate(100%)}.toast-icon{font-size:20px;flex-shrink:0}.toast-content{flex:1;color:#f0f0f0}.toast-title{font-weight:700;font-size:14px;margin-bottom:4px}.toast-message{font-size:13px;opacity:.9;line-height:1.4}.toast-close{cursor:pointer;font-size:18px;color:#aaa;flex-shrink:0;padding:2px 6px;border-radius:3px;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:#fff}.toast-success{border-left:4px solid #4CAF50}.toast-error{border-left:4px solid #F44336}.toast-warning{border-left:4px solid #FF9800}.toast-info{border-left:4px solid #2196F3}.direct-purchase-btn.processing{background:#ffffff1a;color:orange;cursor:not-allowed;animation:pulse-loading 1.5s ease-in-out infinite}@keyframes pulse-loading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.boost-item.processing,.boost-selection-item.processing{position:relative;opacity:.7;transition:opacity .3s ease}.boost-item.processing:after,.boost-selection-item.processing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite;border-radius:inherit;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.jim-coins-display{transition:all .3s ease}.jim-coins-display.updating{animation:balance-update .5s ease}@keyframes balance-update{0%{transform:scale(1)}50%{transform:scale(1.05);color:#4caf50}to{transform:scale(1)}}@media (max-width: 600px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.boost-selection-container{width:100%;max-width:900px;margin:0 auto;color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.boost-selection-container h1{text-align:center;margin-bottom:15px;font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6,#fb7185);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 8s ease infinite;text-shadow:0 0 30px rgba(96,165,250,.5);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));flex-shrink:0;order:1}#boost-selection-jim-coins{text-align:center;margin-bottom:20px;flex-shrink:0;z-index:1210;position:relative;order:2}#boost-selection-jim-coins .jim-coins-display{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background:linear-gradient(135deg,#fbbf2426,#f59e0b26,#d9770626);padding:10px 20px;border-radius:16px;border:1px solid rgba(251,191,36,.3);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #fbbf2440,inset 0 1px #ffffff1a;min-width:180px;position:relative;overflow:hidden}#boost-selection-jim-coins .jim-coins-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}#boost-selection-jim-coins .jim-coins-icon{font-size:1.8rem;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}#boost-selection-jim-coins #boost-selection-balance{font-size:1.4rem;font-weight:700;color:gold;text-shadow:0 0 12px rgba(255,215,0,.8)}#boost-selection-jim-coins .jim-coins-label{font-size:.8rem;color:#fff;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.boost-selection-content{display:flex;flex-direction:column;width:100%;padding:0;order:3}.boost-selection-content h3{text-align:center;color:#a0c4ff;margin-bottom:6px;font-size:1.2em;flex-shrink:0}.boost-selection-instruction{text-align:center;color:#ccc;margin-bottom:10px;font-size:.9em;line-height:1.2;flex-shrink:0}.boost-selection-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%;align-items:center}.boost-selection-item{background:#1e1e32cc;border:2px solid rgba(147,112,219,.6);border-radius:10px;padding:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;width:100%;max-width:700px;box-sizing:border-box}.boost-selection-item:hover{border-color:#9370db;transform:translateY(-5px);box-shadow:0 8px 25px #9370db4d}.boost-selection-item.selected{border-color:gold;background:#ffd70033;box-shadow:0 0 20px #ffd70080}.boost-selection-icon{font-size:2.5em;filter:drop-shadow(0 0 10px rgba(255,255,255,.8));flex-shrink:0}.boost-selection-info{display:flex;flex-direction:column;gap:5px;text-align:left;flex-grow:1;min-width:0}.boost-selection-name{font-size:1.1em;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.2}.boost-selection-desc{font-size:.9em;color:#e6e6e6;line-height:1.2;text-shadow:1px 1px 1px rgba(0,0,0,.6);margin:0}.boost-selection-available{font-size:.9em;color:gold;font-weight:700}.boost-select-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:2px solid #4CAF50;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.8em;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.7);box-shadow:0 2px 5px #0000004d;flex-shrink:0}.boost-select-btn:hover:not(:disabled){background:linear-gradient(45deg,#45a049,#4caf50);border-color:#45a049;transform:scale(1.05);box-shadow:0 4px 10px #0006}.boost-select-btn:disabled{background:#444;border-color:#666;color:#999;cursor:not-allowed;opacity:.6;text-shadow:none;box-shadow:none}.boost-select-btn.selected{background:linear-gradient(45deg,gold,orange);border-color:gold;color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.5);box-shadow:0 0 15px #ffd70080}.selected-boosts-summary{text-align:center;margin-bottom:30px;padding:15px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(147,112,219,.6)}.selected-boosts-summary span:first-child{color:#a0c4ff;font-weight:700;margin-bottom:10px;display:block}#selected-boosts-list{color:gold;font-weight:700;font-size:1.1em}.boost-selection-actions{display:flex;justify-content:center;gap:15px;width:100%;margin:20px 0;flex-wrap:wrap;flex-shrink:0;order:4}#boost-store-from-selection{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff;border:2px solid #FF6B35;padding:10px 20px;border-radius:6px;font-size:.9em;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.7);box-shadow:0 2px 8px #0000004d;min-width:140px}#boost-store-from-selection:hover{background:linear-gradient(45deg,#f7931e,#ff6b35);border-color:#f7931e;transform:scale(1.05);box-shadow:0 5px 15px #00000080}.boost-selection-controls{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px;flex-shrink:0}.boost-quantity-controls{display:flex;align-items:center;gap:10px;background:#ffffff1a;border-radius:20px;padding:6px 12px;border:1px solid rgba(255,255,255,.2)}.quantity-btn{background:linear-gradient(45deg,#6c5ce7,#5a4fcf);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quantity-btn:hover:not(:disabled){background:linear-gradient(45deg,#5a4fcf,#4834d4);transform:scale(1.1)}.quantity-btn:disabled{background:#666;cursor:not-allowed;opacity:.5}.selected-quantity{color:gold;font-weight:700;font-size:1.1em;min-width:20px;text-align:center;flex-shrink:0}#boost-proceed-button{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:2px solid #4CAF50;padding:10px 25px;border-radius:6px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 8px #0000004d;min-width:100px}#boost-proceed-button:hover{background:linear-gradient(45deg,#45a049,#4caf50);border-color:#45a049;transform:scale(1.05);box-shadow:0 4px 12px #4caf5066}#boost-back-to-menu{background:linear-gradient(45deg,#6c757d,#5a6268);color:#fff;border:2px solid #6C757D;padding:10px 20px;border-radius:6px;font-size:.9em;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.7);box-shadow:0 2px 8px #0000004d;min-width:120px}#boost-back-to-menu:hover{background:linear-gradient(45deg,#5a6268,#495057);border-color:#5a6268;transform:scale(1.05);box-shadow:0 4px 12px #6c757d66}@media (max-width: 1024px){.boost-selection-item{flex-direction:column;align-items:center;text-align:center}.boost-selection-info{text-align:center;align-items:center}.boost-selection-controls{justify-content:center}}@media (max-width: 768px){.boost-selection-container{padding:clamp(10px,4vw,20px);gap:clamp(10px,3vh,20px)}.boost-selection-content{max-height:60vh;overflow-y:auto}.boost-selection-item{max-width:100%}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px){.boost-selection-container{padding:clamp(5px,1vh,10px);gap:clamp(5px,1vh,10px)}.boost-selection-container h1{font-size:1.5rem;margin-bottom:4px}#boost-selection-jim-coins{display:none}.boost-selection-content{padding:5px}.boost-selection-content h3{font-size:.9rem;margin-bottom:3px}.boost-selection-instruction{font-size:.75rem;margin-bottom:6px}.boost-selection-grid{gap:6px;margin-bottom:6px}.boost-selection-item{padding:6px 4px;min-height:90px;max-height:110px;font-size:.8rem}.boost-selection-icon{font-size:1.3rem;margin-bottom:2px}.boost-selection-name{font-size:.75rem;margin-bottom:1px}.boost-selection-desc{font-size:.6rem}.boost-selection-available{font-size:.65rem;margin-top:1px}.boost-quantity-controls{padding:3px 6px;gap:4px}.quantity-btn{width:18px;height:18px;font-size:10px}.selected-quantity{font-size:.8rem;min-width:14px}.boost-selection-actions{flex-direction:row;gap:6px;margin:8px 0 6px}#boost-back-to-menu,#boost-store-from-selection,#boost-proceed-button{width:auto;max-width:none;padding:6px 10px;font-size:.8rem;flex:1}}.modal-overlay{z-index:2500!important}.modal-content{z-index:2501!important}.boost-selection-container{z-index:2400!important}#boost-selection-jim-coins{z-index:2410!important}.purchase-controls{position:relative;z-index:2050}.boost-store-content{z-index:2502!important}.toast-container{z-index:4000!important}@media (max-width: 768px){.modal-overlay{padding:15px}.modal-content{width:100%;max-width:none;margin:0;padding:clamp(15px,4vw,25px);max-height:85vh}.boost-selection-container{padding:15px}.boost-selection-container h1{font-size:1.8rem;margin-bottom:10px}.boost-selection-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.boost-selection-container{padding:clamp(8px,2vw,15px);gap:clamp(8px,2vh,15px)}.boost-selection-grid{grid-template-columns:1fr;gap:clamp(6px,2vw,10px)}.boost-selection-item{min-height:clamp(100px,15vh,120px);max-height:clamp(120px,18vh,140px);padding:clamp(6px,2vw,10px)}#boost-selection-jim-coins .jim-coins-display{padding:clamp(6px,2vw,10px) clamp(8px,3vw,15px);gap:clamp(4px,1vw,8px);min-width:clamp(100px,25vw,140px)}.boost-selection-content{max-height:40vh}.boost-selection-container h1{font-size:clamp(1.5rem,5vw,2rem)}}#main-menu-jim-coins{z-index:1100!important;position:relative!important}body:not(.game-active) .boost-selection-container{z-index:2400}body:not(.game-active) .modal-overlay{z-index:2500}.modal-overlay+.modal-overlay{z-index:2600}.boost-selection-container.active{z-index:2450}#jimcoins-purchase-btn{background:linear-gradient(45deg,#00c851,#28a745);color:#fff;border:2px solid #00C851;padding:12px 24px;border-radius:8px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.7);box-shadow:0 3px 10px #00c8514d;min-width:200px;position:relative;overflow:hidden}#jimcoins-purchase-btn:hover{background:linear-gradient(45deg,#28a745,#00c851);border-color:#28a745;transform:translateY(-2px);box-shadow:0 5px 15px #00c85180}#jimcoins-purchase-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00c8514d}#jimcoins-purchase-btn:disabled{background:linear-gradient(45deg,#6c757d,#495057);border-color:#6c757d;cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0003;opacity:.7}.menu-button.purchase{background:linear-gradient(45deg,#00c851,#28a745);color:#fff;border-color:#00c851;box-shadow:0 3px 10px #00c8514d}.menu-button.purchase:hover{background:linear-gradient(45deg,#28a745,#00c851);border-color:#28a745;box-shadow:0 5px 15px #00c85180}#jimcoins-purchase-modal .modal-content{max-width:450px;width:90%}.purchase-confirmation .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.purchase-confirmation .modal-header h3{color:#a0c4ff;margin:0;font-size:1.4em;font-weight:700}.purchase-confirmation .close-button{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.purchase-confirmation .close-button:hover{background-color:#ffffff1a}.purchase-item{display:flex;align-items:center;gap:15px;padding:20px;background:#00c8511a;border-radius:8px;border:1px solid rgba(0,200,81,.3);margin-bottom:20px}.purchase-item .item-icon{font-size:2em;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00c85133;border-radius:50%;border:2px solid rgba(0,200,81,.5)}.purchase-item .item-details h4{color:#00c851;margin:0 0 5px;font-size:1.2em;font-weight:700}.purchase-item .item-price{color:gold;font-size:1.1em;font-weight:700;margin:0 0 5px}.purchase-item .item-description{color:#ccc;font-size:.9em;margin:0;line-height:1.4}@media (max-width: 768px){.boost-selection-actions{flex-direction:column;align-items:center}#jimcoins-purchase-btn{min-width:250px;font-size:1.1em;padding:14px 28px}.purchase-item{flex-direction:column;text-align:center}.purchase-item .item-details{text-align:center}}.purchase-success-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#141428f2,#1e1e3cf2,#282850f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2300;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.purchase-success-content{background:#2c2c42e6;border-radius:20px;padding:40px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(76,175,80,.3);position:relative;overflow:hidden}.purchase-success-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,175,80,.1),transparent);animation:success-shimmer 3s infinite;pointer-events:none}@keyframes success-shimmer{0%{left:-100%}to{left:100%}}.success-icon{margin-bottom:20px}.success-checkmark{font-size:4rem;animation:success-bounce .8s ease-out;filter:drop-shadow(0 0 20px rgba(76,175,80,.8))}@keyframes success-bounce{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:.8}to{transform:scale(1) rotate(360deg);opacity:1}}.success-title{color:#4caf50;font-size:2.2rem;font-weight:700;margin:0 0 15px;text-shadow:0 0 20px rgba(76,175,80,.5);animation:success-title-glow 2s ease-in-out infinite alternate}@keyframes success-title-glow{0%{text-shadow:0 0 20px rgba(76,175,80,.5)}to{text-shadow:0 0 30px rgba(76,175,80,.8)}}.success-message{color:#e0e0e0;font-size:1.1rem;margin-bottom:30px;line-height:1.5}.success-balance-display{margin:30px 0;padding:20px;background:linear-gradient(135deg,#ffd70026,#ffc10726,#ff980026);border-radius:15px;border:1px solid rgba(255,215,0,.3);position:relative;overflow:hidden}.success-balance-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:balance-shimmer 2s infinite}@keyframes balance-shimmer{0%{left:-100%}to{left:100%}}.success-balance-display .jim-coins-display{display:inline-flex;align-items:center;gap:12px;position:relative;z-index:1}.success-balance-display .jim-coins-icon{font-size:2rem;filter:drop-shadow(0 0 15px rgba(255,215,0,.8));animation:coin-rotate 3s linear infinite}@keyframes coin-rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.success-balance-display #purchase-success-balance{font-size:1.8rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.8);animation:balance-pulse 1.5s ease-in-out infinite}@keyframes balance-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-balance-display .jim-coins-label{font-size:.9rem;color:#fff;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.success-order-info{margin:25px 0;padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.order-nsu-label{color:#b0b0b0;font-size:.9rem;margin:0 0 5px;text-transform:uppercase;letter-spacing:.5px}.order-nsu-value{color:#4caf50;font-family:Courier New,monospace;font-size:1rem;font-weight:700;margin:0;word-break:break-all}.success-actions{margin-top:30px}#purchase-success-back-to-game{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:2px solid #4CAF50;padding:15px 30px;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:0 5px 15px #4caf504d;min-width:200px;position:relative;overflow:hidden}#purchase-success-back-to-game:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#purchase-success-back-to-game:hover:before{left:100%}#purchase-success-back-to-game:hover{background:linear-gradient(45deg,#45a049,#4caf50);border-color:#45a049;transform:translateY(-3px);box-shadow:0 8px 20px #4caf5080}#purchase-success-back-to-game:active{transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}@media (max-width: 768px){.purchase-success-content{padding:30px 20px;margin:0 15px;border-radius:15px}.success-title{font-size:1.8rem;margin-bottom:12px}.success-message{font-size:1rem;margin-bottom:25px}.success-balance-display{margin:25px 0;padding:15px}.success-balance-display .jim-coins-icon,.success-balance-display #purchase-success-balance{font-size:1.5rem}#purchase-success-back-to-game{padding:12px 25px;font-size:1rem;min-width:180px}}@media (max-width: 480px){.purchase-success-container{padding:15px}.purchase-success-content{padding:25px 15px}.success-checkmark{font-size:3rem}.success-title{font-size:1.5rem}.success-balance-display .jim-coins-display{gap:8px}.success-balance-display .jim-coins-icon{font-size:1.2rem}.success-balance-display #purchase-success-balance{font-size:1.3rem}.success-balance-display .jim-coins-label{font-size:.8rem}.order-nsu-value{font-size:.9rem}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.slide-in-right{animation:slideInFromRight .7s ease-out forwards}.slide-out-left{animation:slideOutToLeft .7s ease-in forwards}.slide-in-left{animation:slideInFromLeft .7s ease-out forwards}.slide-out-right{animation:slideOutToRight .7s ease-in forwards}.button-hover-scale:hover{transform:scale(1.05)}.button-hover-lift:hover{transform:translateY(-2px)}@media (max-width: 768px){#hud{font-size:14px;padding:10px}}@media (max-width: 768px){#game-menu h1{font-size:36px}#game-menu button{padding:12px 24px;font-size:16px}}#game-menu{position:absolute;top:0;left:0;width:100%;height:100vh;display:grid;grid-template-columns:1fr 400px 1fr;grid-template-rows:auto 1fr auto;gap:25px;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172af2,#1e293bf2,#0f172af2,#1e3a8af2,#0f172af2);background-size:400% 400%;animation:gradientShift 15s ease infinite,slideInFromRight .7s ease-out forwards;color:#fff;z-index:500;transform-origin:center center;perspective:1000px;padding:20px;box-sizing:border-box;min-height:100vh;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#game-menu.hide{animation:slideOutToLeft .7s ease-in forwards}#main-menu-jim-coins{grid-column:1;grid-row:2;justify-self:center;align-self:center;z-index:510;display:block;position:relative;margin-left:20px;margin-bottom:20px}.jim-coins-display{display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(135deg,#fbbf2426,#f59e0b26,#d9770626);padding:25px;border-radius:24px;border:1px solid rgba(251,191,36,.3);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #fbbf2440,inset 0 1px #ffffff1a;text-align:center;min-width:160px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);margin:0 auto}.jim-coins-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.jim-coins-display:hover{transform:translateY(-2px);box-shadow:0 12px 40px #fbbf2459,inset 0 1px #fff3}.jim-coins-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}#main-menu-balance{font-size:1.8rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.8);text-align:center}.jim-coins-label{font-size:.9rem;color:#fff;font-weight:600;letter-spacing:2px;text-transform:uppercase}#game-menu h1{grid-column:1 / -1;grid-row:1;font-size:3.5rem;font-weight:800;margin:40px 0 20px;text-align:center;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6,#fb7185);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 8s ease infinite;text-shadow:0 0 30px rgba(96,165,250,.5);justify-self:center;align-self:start;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.menu-main-content-wrapper{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:30px;padding:40px 15px;min-height:0}#player-setup{background:linear-gradient(135deg,#1e293bcc,#334155cc,#1e293bcc);border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:30px;width:100%;box-sizing:border-box;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}#player-setup:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.4),transparent)}#player-setup:hover{transform:translateY(-1px);box-shadow:0 25px 50px -12px #00000040,0 10px 10px -5px #0000000a,inset 0 1px #ffffff1a}body.mobile-controls-active #player-setup{padding:10px;margin-bottom:10px;width:95%;max-width:none;box-sizing:border-box}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;text-align:center;color:#f0f0f0}#player-name{width:100%;padding:10px;border-radius:5px;font-size:1rem;box-sizing:border-box;background-color:#ffffffe6;color:#333}#color-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin-top:10px}.color-option{aspect-ratio:1/1;background-color:#3c3c3cb3;border-radius:5px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;padding:0}.color-option:hover{transform:scale(1.1)}.color-option.selected{box-shadow:0 0 15px #fffc;transform:scale(1.05)}.color-preview{width:100%;height:100%;border-radius:3px}.color-preview.blue{background-color:#3a7bd5}.color-preview.green{background-color:#4caf50}.color-preview.orange{background-color:#ff9800}.color-preview.red{background-color:#f44336}.color-preview.purple{background-color:#9c27b0}.color-preview.yellow{background-color:#ffeb3b}.color-preview.cyan{background-color:#00bcd4}.color-preview.brown{background-color:#795548}.color-preview.gray{background-color:#607d8b}.color-preview.pink{background-color:#e91e63}.color-preview.black{background-color:#000}.color-preview.white{background-color:#fff}#start-button{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4CAF50;padding:15px 40px;font-size:1.3rem;font-weight:700;border-radius:25px;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #4caf504d;width:auto}#start-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);border-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}#start-button:disabled{background:linear-gradient(135deg,#404040,#363636);border-color:#404040;color:#888;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0003}#boost-store-button{margin-top:15px;background-color:#9c27b0;padding:8px 25px;font-size:1rem}#boost-store-button:hover{background-color:#7b1fa2}.boost-store-content{max-width:700px;width:90%;max-height:80vh;padding:0;border-radius:15px;background:linear-gradient(135deg,#191928f2,#0f0f19f2);border:2px solid rgba(255,215,0,.3);box-shadow:0 10px 30px #000c;position:relative;z-index:2001;margin:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;border-bottom:1px solid rgba(255,215,0,.2)}.back-button{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .2s}.back-button:hover{background-color:#ffffff1a;border-color:#ffffff80}.modal-header h2{margin:0;color:gold;font-size:1.8rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.boost-store-balance{display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-bottom:1px solid rgba(255,215,0,.2)}.boost-store-balance .jim-coins-icon{font-size:18px;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.boost-store-balance #boost-store-balance{font-size:20px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.boost-store-balance .jim-coins-label{font-size:14px;color:#fff;font-weight:500;letter-spacing:1px}.boost-store-grid{display:grid;grid-template-columns:1fr;gap:15px;padding:20px 25px;max-height:400px;overflow-y:auto}.boost-item{display:grid;grid-template-columns:60px 1fr 80px 120px;gap:15px;align-items:center;background:#282837cc;padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.boost-item:hover{background:#323241e6;border-color:#ffd7004d;transform:translateY(-2px)}.boost-icon{font-size:2rem;text-align:center;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.boost-info h3{margin:0 0 5px;color:gold;font-size:1.1rem;font-weight:700}.boost-info p{margin:0 0 8px;color:#ccc;font-size:.9rem;line-height:1.3}.boost-price{display:flex;align-items:baseline;gap:3px}.price-amount{color:gold;font-weight:700;font-size:1rem}.price-currency{color:gold;font-size:.8rem;opacity:.8}.boost-quantity{text-align:center;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:8px 12px;min-width:60px}.boost-quantity span{color:gold;font-weight:700;font-size:1.1rem}@media (max-width: 768px){.boost-store-content{width:95%;max-height:90vh}.boost-item{grid-template-columns:50px 1fr;grid-template-rows:auto auto;gap:10px}.boost-icon{grid-row:1 / 3;font-size:1.5rem}.boost-info{grid-column:2;grid-row:1}.boost-quantity,.boost-controls{grid-column:2;grid-row:2;justify-self:start}}.boost-controls.direct-purchase{display:flex;gap:10px;justify-content:center;align-items:center}.direct-purchase-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;width:45px;height:45px;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.direct-purchase-btn:hover{background:linear-gradient(135deg,#42a5f5,#1e88e5);transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.direct-purchase-btn:disabled{background:linear-gradient(135deg,#9e9e9e,#757575);cursor:not-allowed;transform:none;box-shadow:none}.direct-purchase-btn.plus{background:linear-gradient(135deg,#4caf50,#2e7d32)}.direct-purchase-btn.plus:hover{background:linear-gradient(135deg,#66bb6a,#388e3c);box-shadow:0 4px 12px #4caf504d}.direct-purchase-btn.minus{background:linear-gradient(135deg,#ff5722,#d84315)}.direct-purchase-btn.minus:hover{background:linear-gradient(135deg,#ff7043,#f4511e);box-shadow:0 4px 12px #ff57224d}.shopping-cart{background:#000000f2;border:2px solid #4CAF50;border-radius:10px;padding:20px;margin-top:15px;animation:slideDown .3s ease}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #4CAF50;padding-bottom:10px}.cart-header h3{color:#4caf50;margin:0;font-size:18px}.close-cart-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-cart-btn:hover{color:#ff5722}.cart-items{max-height:200px;overflow-y:auto;margin-bottom:15px}.cart-empty{text-align:center;color:#888;padding:20px;font-style:italic}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#4caf501a;border-radius:5px;margin-bottom:8px}.cart-item-info{flex:1}.cart-item-name{color:#4caf50;font-weight:700;margin-bottom:3px}.cart-item-price{color:#ccc;font-size:12px}.cart-item-quantity{color:#fff;margin:0 15px;font-weight:700}.cart-item-remove{background:#ff5722;color:#fff;border:none;border-radius:3px;padding:4px 8px;cursor:pointer;font-size:12px}.cart-item-remove:hover{background:#e53935}.cart-summary{border-top:1px solid #4CAF50;padding-top:15px}.cart-total{color:#4caf50;font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.cart-actions{display:flex;gap:10px}.btn-secondary{background:#666;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;flex:1;transition:background .3s ease}.btn-secondary:hover{background:#777}.btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;flex:2;font-weight:700;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#66bb6a,#388e3c);transform:translateY(-1px)}.btn-primary:disabled{background:#666;cursor:not-allowed;transform:none}.boost-controls{display:flex;flex-direction:column;gap:10px;margin-top:10px}.quantity-selector{display:flex;align-items:center;justify-content:center;gap:5px}.qty-btn{background:#4caf50;color:#fff;border:none;border-radius:3px;width:30px;height:30px;cursor:pointer;font-size:16px;font-weight:700;transition:background .3s ease}.qty-btn:hover{background:#66bb6a}.qty-btn:disabled{background:#666;cursor:not-allowed}.qty-input{background:#00000080;border:1px solid #4CAF50;border-radius:3px;color:#fff;text-align:center;width:50px;height:30px;font-size:14px}.add-to-cart-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.add-to-cart-btn:hover{background:linear-gradient(135deg,#ffb74d,#ff8f00);transform:translateY(-1px)}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast{background:#000000e6;border-left:4px solid #4CAF50;border-radius:5px;padding:15px 20px;margin-bottom:10px;color:#fff;box-shadow:0 4px 12px #0000004d;animation:slideInRight .3s ease,fadeOut .3s ease 2.7s;pointer-events:auto;max-width:350px;word-wrap:break-word}.toast.success{border-left-color:#4caf50}.toast.error{border-left-color:#f44336}.toast.warning{border-left-color:#ff9800}.toast.info{border-left-color:#2196f3}.toast-title{font-weight:700;margin-bottom:5px}.toast-message{font-size:14px;opacity:.9}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body:not(.mobile-controls-active) .controls-info.start-controls{grid-column:3;grid-row:2;justify-self:center;align-self:center;display:block!important;padding:20px;width:280px;background:linear-gradient(135deg,#282837e6,#1e1e2de6);border:2px solid rgba(255,255,255,.1);border-radius:15px;text-align:left;box-sizing:border-box;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body:not(.mobile-controls-active) .start-controls h3{text-align:center;margin-bottom:15px;color:#a0c4ff;font-size:1.2rem;text-shadow:0 0 10px rgba(160,196,255,.5)}body:not(.mobile-controls-active) .start-controls ul{padding-left:0;list-style:none}body:not(.mobile-controls-active) .start-controls li{margin-bottom:8px;padding:6px 12px;background:#ffffff0d;border-radius:8px;border-left:3px solid rgba(160,196,255,.5);font-size:.9rem}.form-group label{color:#a0c4ff;font-size:1.1rem;font-weight:500;margin-bottom:8px;text-shadow:0 0 8px rgba(160,196,255,.3)}#player-name{background:#fffffff2;border:2px solid rgba(160,196,255,.3);border-radius:10px;padding:12px 15px;font-size:1.1rem;color:#333;transition:all .3s ease}#player-name:focus{outline:none;border-color:#a0c4ff;box-shadow:0 0 15px #a0c4ff4d}#color-selection{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.color-option{border:2px solid rgba(255,255,255,.2);border-radius:10px;transition:all .3s ease}.color-option:hover{border-color:#a0c4ff99;transform:scale(1.05)}@media (orientation: landscape) and (max-height: 500px){body.mobile-controls-active #game-menu{padding-top:0;padding-bottom:1px;justify-content:flex-start;overflow-y:hidden}body.mobile-controls-active #game-menu h1{font-size:3rem!important;margin-bottom:0!important;margin-top:0!important}body.mobile-controls-active #player-setup{padding:5px;margin-bottom:5px;width:100%;max-width:60%;box-sizing:border-box}body.mobile-controls-active .form-group{margin-bottom:3px}body.mobile-controls-active .form-group label{font-size:1rem;margin-bottom:1px}body.mobile-controls-active #player-name{padding:5px;font-size:.7rem}body.mobile-controls-active #color-selection{grid-template-columns:repeat(auto-fit,80px);gap:2px;margin-top:2px;padding:1px;justify-content:center}body.mobile-controls-active .color-option{width:50px;height:50px;padding:2px;border-radius:3px;aspect-ratio:unset}body.mobile-controls-active #start-button{padding:5px 10px!important;font-size:1.8rem!important;margin-top:3px!important;min-width:auto;width:auto}}body.mobile-controls-active div#game-menu div.controls-info.start-controls,body.mobile-controls-active .controls-info.start-controls{display:none!important}body.mobile-controls-active #game-menu{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:20px}body.mobile-controls-active #game-menu h1{order:1}body.mobile-controls-active #main-menu-jim-coins{order:2;position:static}body.mobile-controls-active .menu-main-content-wrapper{order:3;position:static}body.mobile-controls-active #game-menu{justify-content:space-around;padding-top:5vh;padding-bottom:5vh}body.mobile-controls-active #game-menu h1{font-size:3rem}body.mobile-controls-active .form-group label{font-size:1.1rem;margin-bottom:8px}body.mobile-controls-active #player-name{font-size:1.1rem;padding:12px}body.mobile-controls-active #color-selection{gap:8px;margin-top:15px;padding:5px}body.mobile-controls-active .color-option{border-radius:5px}body.mobile-controls-active #start-button{padding:18px 22px;font-size:1.4rem;width:85%;max-width:320px;margin-top:25px;box-sizing:border-box}@media (max-width: 1200px){#game-menu{gap:15px;padding:15px}body:not(.mobile-controls-active) .controls-info.start-controls{width:250px;padding:15px}}@media (max-width: 992px){#game-menu{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:20px;padding:20px}#main-menu-jim-coins{grid-column:1;grid-row:2;justify-self:center}.menu-main-content-wrapper{grid-column:1;grid-row:3;max-width:500px;justify-self:center}body:not(.mobile-controls-active) .controls-info.start-controls{grid-column:1;grid-row:4;width:100%;max-width:500px;justify-self:center}}@media (max-height: 800px){#game-menu{gap:20px;padding:15px}.menu-main-content-wrapper{gap:20px;padding:20px 15px}#game-menu h1{font-size:2.8rem;margin-top:20px}}@media (max-height: 700px){#game-menu{gap:15px;padding:15px}#game-menu h1{font-size:2.5rem;margin-top:15px}.menu-main-content-wrapper{gap:15px;padding:15px}#player-setup{padding:20px}}@media (max-height: 600px){#game-menu{grid-template-rows:auto 1fr auto;gap:15px}.menu-main-content-wrapper{gap:15px;padding:15px}#game-menu h1{font-size:2.5rem;margin-top:15px}}@media (max-width: 768px){#game-menu h1{font-size:2.2rem}.menu-main-content-wrapper{padding:15px}#player-setup{padding:20px}#color-selection{grid-template-columns:repeat(3,1fr);gap:10px}}@media screen and (max-width: 1024px) and (orientation: landscape){html,body{overflow:hidden;height:100%;font-size:16px}#game-menu{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;height:100vh;padding:.1vh 2vw .1vh 2vw;box-sizing:border-box;overflow:hidden;min-height:0}#game-menu h1{font-size:clamp(1.1rem,2.5vh,1.4rem);margin-top:0;margin-bottom:0;flex-shrink:0;color:#fff;text-align:center}#game-menu .menu-main-content-wrapper{display:flex;flex-direction:row;align-items:stretch;justify-content:center;width:100%;max-width:96vw;gap:2vw;overflow:hidden;flex-grow:0;flex-shrink:0}body.mobile-controls-active #game-menu .menu-main-content-wrapper #player-setup{flex-grow:1;flex-shrink:1;flex-basis:70%;max-width:70%;min-width:0;display:flex;flex-direction:column;overflow:hidden;max-height:100%;padding:1vh 1vw .5vh 1vw;box-sizing:border-box;background-color:#282828b3;border-radius:1vh}#game-menu .menu-main-content-wrapper .player-setup .form-group{margin-bottom:.5vh;flex-shrink:0}#game-menu .menu-main-content-wrapper .player-setup .form-group label{font-size:clamp(.6rem,1.5vh,.8rem);margin-bottom:.3vh}#game-menu .menu-main-content-wrapper .player-setup #player-name{padding:.6vh 1vw;font-size:clamp(.7rem,1.8vh,.9rem);border-radius:.7vh}#game-menu .menu-main-content-wrapper .player-setup #color-selection{display:grid;grid-template-columns:repeat(6,1fr);gap:.4vw;width:100%;padding-top:.3vh;flex-grow:1;overflow-y:auto;min-height:0}#game-menu .menu-main-content-wrapper .player-setup .color-option{aspect-ratio:1/1;border-radius:.5vh;min-width:0}#game-menu .menu-main-content-wrapper .player-setup .color-option .color-preview{width:100%;height:100%;border-radius:inherit}#game-menu .menu-main-content-wrapper #start-button{flex-grow:0;flex-shrink:0;height:15vh;width:15vh;display:flex;justify-content:center;align-items:center;font-size:clamp(1.5rem,3vh,2rem);padding:0;align-self:center;background-color:#4caf50;color:#fff;border-radius:1vh;border:none;line-height:1}body.mobile-controls-active #game-menu .controls-info.start-controls{display:none!important}}#pause-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:150;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform-origin:center center;perspective:800px;animation:slideInFromLeft .7s ease-out forwards}#pause-menu.hide{animation:slideOutToRight .7s ease-in forwards}.pause-container{background-color:#1e1e1ee6;padding:30px 40px;border-radius:10px;width:90%;max-width:600px;text-align:center;box-shadow:0 5px 20px #00000080;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pause-container h2{font-size:2.5rem;margin-bottom:20px;color:#eee;text-shadow:0 0 8px rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;width:100%}.player-info{margin-bottom:25px;width:100%}#player-name-display{font-size:1.5rem;color:#4caf50;font-weight:700;margin-bottom:15px}#player-stats{display:flex;justify-content:space-around;width:100%}#player-stats div{font-size:1.1rem;color:#ccc}#player-stats strong{color:#fff;margin-left:5px}.pause-buttons{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:300px;margin-left:auto;margin-right:auto;margin-bottom:20px}.pause-buttons button{padding:10px 20px;font-size:1.1rem;width:100%}#resume-button{background-color:#4caf50}#resume-button:hover{background-color:#2a562c}#settings-pause-button{background-color:#555}#settings-pause-button:hover{background-color:#515151}#exit-button{background-color:#f44336}#exit-button:hover{background-color:#792c2c}.controls-info{margin-top:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;width:100%;text-align:left}.controls-info h3{font-size:1.2rem;margin-bottom:10px;color:#ddd;text-align:center}.controls-info ul{list-style:none;padding:0;margin:0}.controls-info li{margin-bottom:8px;color:#bbb;font-size:.95rem}.controls-info strong{color:#eee;min-width:60px;display:inline-block}#mobile-controls,#mobile-pause-button.mobile-only{display:none}#mobile-controls{position:fixed;bottom:0;left:0;width:100%;height:auto;padding:20px;box-sizing:border-box;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:10}body.mobile-controls-active #mobile-controls{display:flex}.joystick{width:100px;height:100px;background-color:#80808080;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;pointer-events:auto}.joystick-handle{width:50px;height:50px;background-color:#505050cc;border-radius:50%}.right-controls-cluster{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.action-buttons{display:flex;flex-direction:row;gap:15px;pointer-events:auto}.action-button{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background-color:#50505099;color:#fff;font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto}.action-button:active{background-color:#646464cc}body.mobile-controls-active .controls-info{display:none}body.mobile-controls-active #mobile-pause-button.mobile-only{display:block;width:60px;height:60px;background-color:#505050b3;border:2px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;font-size:28px;text-align:center;line-height:56px;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:20;pointer-events:auto}body.mobile-controls-active #mobile-pause-button.mobile-only:active{background-color:#646464e6}.left-controls-area{display:flex;flex-direction:column;align-items:center;gap:10px}#button-scoreboard{width:60px;height:60px;border-radius:50%;font-size:24px;display:flex;justify-content:center;align-items:center;background-color:#646464b3;color:#fff;border:2px solid rgba(255,255,255,.5)}.center-bottom-controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);pointer-events:auto}.center-bottom-controls>button{width:50px;height:50px;background-color:#505050b3;border:2px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;line-height:1}.center-bottom-controls>button:active{background-color:#646464e6}
