@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;background:#000}.game-container,canvas{transform:translateZ(0);will-change:transform}@keyframes neon-glow{0%,to{box-shadow:0 0 15px #3b82f680}50%{box-shadow:0 0 25px #3b82f6cc,0 0 35px #3b82f699}}@keyframes neon-text-glow{0%,to{text-shadow:0 0 20px rgba(236,72,153,.8)}50%{text-shadow:0 0 30px rgba(236,72,153,1),0 0 40px rgba(236,72,153,.8)}}@keyframes star-twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.neon-button{position:relative;overflow:hidden;transition:all .3s ease}.neon-button: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}.neon-button:hover:before{left:100%}.neon-button:hover{transform:translateY(-2px);animation:neon-glow 2s infinite}.neon-text{animation:neon-text-glow 3s infinite}.neon-text-split,.neon-text-split span:first-child{text-shadow:0 0 20px rgba(59,130,246,.8),0 0 40px rgba(59,130,246,.6),0 0 60px rgba(59,130,246,.4)}.neon-text-split span:last-child{text-shadow:0 0 20px rgba(236,72,153,.8),0 0 40px rgba(236,72,153,.6),0 0 60px rgba(236,72,153,.4)}.grid-lines{background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:50px 50px}.stars{background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent),radial-gradient(1px 1px at 180px 60px,rgba(236,72,153,.8),transparent),radial-gradient(1px 1px at 220px 90px,rgba(59,130,246,.8),transparent);background-repeat:repeat;background-size:200px 100px;animation:star-twinkle 4s infinite}.energy-streaks{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(45deg,transparent 30%,rgba(236,72,153,.1) 50%,transparent 70%);animation:energy-pulse 3s ease-in-out infinite}.energy-streaks:before{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;background:linear-gradient(-45deg,transparent 30%,rgba(59,130,246,.1) 50%,transparent 70%);animation:energy-pulse 3s ease-in-out infinite reverse}@keyframes energy-pulse{0%,to{opacity:.3}50%{opacity:.8}}#root{width:100vw;height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100%}.game-container{position:relative;width:100%;height:100%;padding:4px}.arcade-frame{display:flex;flex-direction:column;min-height:100%;padding:2rem;position:relative;overflow:visible}.arcade-frame:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;border:3px solid transparent;background:linear-gradient(45deg,#ff0080,#0ff,#8000ff,#ff0080) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:border-glow 3s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes border-glow{0%,to{opacity:.7}50%{opacity:1}}.title-section{text-align:center;margin-bottom:3rem;margin-top:2rem;flex-shrink:0}.cyberpunk-title{font-family:Orbitron,monospace;font-size:clamp(3rem,8vw,6rem);font-weight:900;margin:0;line-height:1}.title-gradient{background:linear-gradient(45deg,#ff0080,#fff,#0ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite;text-shadow:0 0 30px rgba(255,0,128,.8)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cyberpunk-subtitle{font-family:Audiowide,monospace;font-size:clamp(.8rem,2vw,1.2rem);color:#0ff;margin-top:1rem;letter-spacing:.2em;text-shadow:0 0 10px rgba(0,255,255,.8);animation:subtitle-pulse 2s ease-in-out infinite}@keyframes subtitle-pulse{0%,to{opacity:.8}50%{opacity:1}}.menu-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:1rem 0;margin-top:-2rem}.menu-buttons{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:500px}.icon-collision{width:30px;height:30px;background:linear-gradient(45deg,#ff0080,#ff6b6b);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:icon-rotate 4s linear infinite}.icon-coop{width:30px;height:30px;background:linear-gradient(45deg,#0ff,#4ecdc4);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);position:relative}.icon-coop:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#000;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.icon-scores{width:30px;height:30px;background:linear-gradient(45deg,#8000ff,#a855f7);border-radius:50%;position:relative}.icon-scores:before{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px}.icon-achievements{width:30px;height:30px;background:linear-gradient(45deg,gold,#ffed4e);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.icon-help{width:30px;height:30px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-radius:50%;position:relative}.icon-help:before{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;font-weight:700}@keyframes icon-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-settings{width:30px;height:30px;background:linear-gradient(45deg,#6366f1,#8b5cf6);border-radius:50%;position:relative}.icon-settings:before{content:"⚙";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;animation:icon-spin 4s linear infinite}.icon-credits{width:30px;height:30px;background:linear-gradient(45deg,#f59e0b,#fbbf24);border-radius:50%;position:relative}.icon-credits:before{content:"👥";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}@keyframes icon-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hex-button{position:relative;border:none;cursor:pointer;font-family:Orbitron,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);transition:all .3s ease;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%)}.hex-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%);z-index:-1;filter:blur(8px);opacity:.6;transition:all .3s ease}.hex-button:hover:before{opacity:1;filter:blur(12px)}.hex-button:active{transform:scale(.98)}.hex-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hex-button:disabled:before{opacity:.3}.hex-button-sm{padding:.75rem 1.5rem;font-size:.875rem;min-width:120px}.hex-button-md{padding:1rem 2rem;font-size:1rem;min-width:160px}.hex-button-lg{padding:1.25rem 2.5rem;font-size:1.125rem;min-width:200px}.hex-button-blue{background:linear-gradient(135deg,#0096b3,#00b4d8,#0096b3);box-shadow:0 0 20px #0096b366,inset 0 1px #fff3}.hex-button-blue:hover{background:linear-gradient(135deg,#00b4d8,#0096b3,#00b4d8);box-shadow:0 0 30px #0096b3cc,inset 0 1px #ffffff4d;transform:translateY(-2px)}.hex-button-purple{background:linear-gradient(135deg,#9c27b0,#b04cff,#9c27b0);box-shadow:0 0 20px #9c27b066,inset 0 1px #fff3}.hex-button-purple:hover{background:linear-gradient(135deg,#b04cff,#9c27b0,#b04cff);box-shadow:0 0 30px #9c27b0cc,inset 0 1px #ffffff4d;transform:translateY(-2px)}.hex-button-orange{background:linear-gradient(135deg,#d59a00,#ffa726,#d59a00);box-shadow:0 0 20px #d59a0066,inset 0 1px #fff3}.hex-button-orange:hover{background:linear-gradient(135deg,#ffa726,#d59a00,#ffa726);box-shadow:0 0 30px #d59a00cc,inset 0 1px #ffffff4d;transform:translateY(-2px)}.hex-button-gray{background:linear-gradient(135deg,#757575,#bdbdbd,#757575);box-shadow:0 0 20px #75757566,inset 0 1px #fff3}.hex-button-gray:hover{background:linear-gradient(135deg,#bdbdbd,#757575,#bdbdbd);box-shadow:0 0 30px #757575cc,inset 0 1px #ffffff4d;transform:translateY(-2px)}.hex-button-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}.hex-button-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.hex-button-text{font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.8)}.hex-button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hex-button:hover .hex-button-glow{opacity:1}.hex-button:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d,0 0 20px #ffffff80}@media (max-width: 768px){.hex-button-md{padding:.875rem 1.75rem;font-size:.9rem;min-width:140px}.hex-button-lg{padding:1rem 2rem;font-size:1rem;min-width:160px}}@media (max-width: 480px){.hex-button{clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%)}.hex-button:before{clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%)}.hex-button-md{padding:.75rem 1.5rem;font-size:.875rem;min-width:120px}.hex-button-lg{padding:.875rem 1.75rem;font-size:.9rem;min-width:140px}}.cyberpunk-button{flex:1;background:linear-gradient(45deg,#1a1a2e,#16213e);border:2px solid #00ffff;color:#fff;font-family:Orbitron,monospace;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:600;padding:1rem 1.5rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 20px #00ffff4d;width:100%;animation:color-shift-dark 4s ease-in-out infinite}.cyberpunk-button.green{background:linear-gradient(45deg,#059669,#10b981);border-color:#10b981;box-shadow:0 0 20px #10b98166;animation:color-shift-green 4s ease-in-out infinite}.cyberpunk-button.green:hover{animation:color-shift-green 1s ease-in-out infinite;border-color:#ff0080;box-shadow:0 0 30px #10b981cc}.cyberpunk-button.amber{background:linear-gradient(45deg,#d97706,#f59e0b);border-color:#f59e0b;box-shadow:0 0 20px #f59e0b66;animation:color-shift-orange 4s ease-in-out infinite}.cyberpunk-button.amber:hover{animation:color-shift-orange 1s ease-in-out infinite;border-color:#ff0080;box-shadow:0 0 30px #f59e0bcc}.cyberpunk-button.purple{background:linear-gradient(45deg,#7c3aed,#8b5cf6);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf666;animation:color-shift-purple 4s ease-in-out infinite}.cyberpunk-button.purple:hover{animation:color-shift-purple 1s ease-in-out infinite;border-color:#ff0080;box-shadow:0 0 30px #8b5cf6cc}.cyberpunk-button.cyan{background:linear-gradient(45deg,#0891b2,#06b6d4);border-color:#06b6d4;box-shadow:0 0 20px #06b6d466;animation:color-shift-cyan 4s ease-in-out infinite}.cyberpunk-button.cyan:hover{animation:color-shift-cyan 1s ease-in-out infinite;border-color:#ff0080;box-shadow:0 0 30px #06b6d4cc}.cyberpunk-button.red{background:linear-gradient(45deg,#dc2626,#ef4444);border-color:#ef4444;box-shadow:0 0 20px #ef444466;animation:color-shift-pink 4s ease-in-out infinite}.cyberpunk-button.red:hover{animation:color-shift-pink 1s ease-in-out infinite;border-color:#ff0080;box-shadow:0 0 30px #ef4444cc}.cyberpunk-button.overlay{flex:none;width:auto;min-width:120px;max-width:200px;padding:.75rem 1.5rem;font-size:.9rem;margin:.5rem}@keyframes color-shift-pink{0%,to{background:linear-gradient(45deg,#ff0080,#ff1493);background-size:200% 200%;background-position:0% 50%;border-color:#ff0080}25%{background:linear-gradient(45deg,#ff0080,#ff1493);background-size:200% 200%;background-position:100% 50%;border-color:#ff1493}50%{background:linear-gradient(45deg,#ff0080,#ff1493);background-size:200% 200%;background-position:100% 100%;border-color:#ff69b4}75%{background:linear-gradient(45deg,#ff0080,#ff1493);background-size:200% 200%;background-position:0% 100%;border-color:#ff0080}}@keyframes color-shift-cyan{0%,to{background:linear-gradient(45deg,#0ff,#00bfff);background-size:200% 200%;background-position:0% 50%;border-color:#0ff}25%{background:linear-gradient(45deg,#0ff,#00bfff);background-size:200% 200%;background-position:100% 50%;border-color:#00bfff}50%{background:linear-gradient(45deg,#0ff,#00bfff);background-size:200% 200%;background-position:100% 100%;border-color:#87ceeb}75%{background:linear-gradient(45deg,#0ff,#00bfff);background-size:200% 200%;background-position:0% 100%;border-color:#0ff}}@keyframes color-shift-blue{0%,to{background:linear-gradient(45deg,#06f,#09f);background-size:200% 200%;background-position:0% 50%;border-color:#06f}25%{background:linear-gradient(45deg,#06f,#09f);background-size:200% 200%;background-position:100% 50%;border-color:#09f}50%{background:linear-gradient(45deg,#06f,#09f);background-size:200% 200%;background-position:100% 100%;border-color:#4169e1}75%{background:linear-gradient(45deg,#06f,#09f);background-size:200% 200%;background-position:0% 100%;border-color:#06f}}@keyframes color-shift-green{0%,to{background:linear-gradient(45deg,#0f0,#32cd32);background-size:200% 200%;background-position:0% 50%;border-color:#0f0}25%{background:linear-gradient(45deg,#0f0,#32cd32);background-size:200% 200%;background-position:100% 50%;border-color:#32cd32}50%{background:linear-gradient(45deg,#0f0,#32cd32);background-size:200% 200%;background-position:100% 100%;border-color:#7fff00}75%{background:linear-gradient(45deg,#0f0,#32cd32);background-size:200% 200%;background-position:0% 100%;border-color:#0f0}}@keyframes color-shift-dark{0%,to{background:linear-gradient(45deg,#1a1a2e,#16213e);background-size:200% 200%;background-position:0% 50%;border-color:#0ff}25%{background:linear-gradient(45deg,#1a1a2e,#16213e);background-size:200% 200%;background-position:100% 50%;border-color:#00bfff}50%{background:linear-gradient(45deg,#1a1a2e,#16213e);background-size:200% 200%;background-position:100% 100%;border-color:#87ceeb}75%{background:linear-gradient(45deg,#1a1a2e,#16213e);background-size:200% 200%;background-position:0% 100%;border-color:#0ff}}@keyframes color-shift-purple{0%,to{background:linear-gradient(45deg,#8000ff,#9932cc);background-size:200% 200%;background-position:0% 50%;border-color:#8000ff}25%{background:linear-gradient(45deg,#8000ff,#9932cc);background-size:200% 200%;background-position:100% 50%;border-color:#9932cc}50%{background:linear-gradient(45deg,#8000ff,#9932cc);background-size:200% 200%;background-position:100% 100%;border-color:#ba55d3}75%{background:linear-gradient(45deg,#8000ff,#9932cc);background-size:200% 200%;background-position:0% 100%;border-color:#8000ff}}@keyframes color-shift-orange{0%,to{background:linear-gradient(45deg,#f60,#ff8c00);background-size:200% 200%;background-position:0% 50%;border-color:#f60}25%{background:linear-gradient(45deg,#f60,#ff8c00);background-size:200% 200%;background-position:100% 50%;border-color:#ff8c00}50%{background:linear-gradient(45deg,#f60,#ff8c00);background-size:200% 200%;background-position:100% 100%;border-color:orange}75%{background:linear-gradient(45deg,#f60,#ff8c00);background-size:200% 200%;background-position:0% 100%;border-color:#f60}}.cyberpunk-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s}.cyberpunk-button:hover:before{left:100%}.cyberpunk-button:hover{background:linear-gradient(45deg,#16213e,#0f3460);border-color:#ff0080;box-shadow:0 0 30px #ff008099;transform:translateY(-2px)}.cyberpunk-button:active{transform:translateY(0);box-shadow:0 0 15px #ff008066}.button-subtitle{font-size:.8em;opacity:.7;margin-top:.2rem}.bottom-cta{text-align:center;margin-top:2rem;flex-shrink:0}.cta-button{background:linear-gradient(45deg,#ff0080,#8000ff);border-color:#ff0080;font-size:clamp(1.1rem,3vw,1.3rem);padding:1.2rem 2rem;box-shadow:0 0 30px #ff008080;animation:cta-pulse 2s ease-in-out infinite}.cta-button:hover{background:linear-gradient(45deg,#8000ff,#ff0080);box-shadow:0 0 40px #ff0080cc}@keyframes cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.arcade-frame{padding:1rem}.menu-buttons{gap:1rem;width:90%;max-width:450px}.menu-item{gap:.8rem}.menu-icon{width:40px;height:40px}.cyberpunk-button{padding:.8rem 1.2rem;font-size:clamp(1rem,2.8vw,1.2rem)}}@media (max-width: 480px){.arcade-frame{padding:.5rem}.menu-buttons{gap:.8rem;width:90%;max-width:400px}.menu-icon{width:35px;height:35px}.cyberpunk-button{padding:.7rem 1rem;font-size:clamp(.95rem,2.6vw,1.1rem)}}@media (max-width: 768px){.neon-button{font-size:14px;padding:12px 16px}.grid-lines{background-size:30px 30px}}@media (max-width: 480px){.neon-button{font-size:12px;padding:10px 12px}}.neon-button:active{transform:translateY(0);box-shadow:0 0 10px #3b82f64d}.neon-button:focus{outline:2px solid rgba(59,130,246,.8);outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.banner-ad-container{position:fixed;bottom:0;left:0;right:0;height:50px;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.banner-ad-container.loading{background:#000000e6}.banner-ad-container.error{background:#ff00001a}.ad-loading{display:flex;align-items:center;gap:10px;color:#ccc;font-size:14px}.loading-spinner{width:20px;height:20px;border:2px solid #333;border-top:2px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ad-error{display:flex;align-items:center;gap:10px;color:#ff6b6b;font-size:14px}.retry-button{background:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px}.retry-button:hover{background:#45a049}.ad-placeholder{width:320px;height:50px;background:linear-gradient(45deg,#333,#555);display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;border-radius:5px}.cyberpunk-button.gold{background:linear-gradient(45deg,gold,orange);border:2px solid #FFD700;color:#000;text-shadow:0 1px 2px rgba(255,255,255,.5);box-shadow:0 0 20px #ffd7004d}.cyberpunk-button.gold:hover{background:linear-gradient(45deg,orange,#ff8c00);border-color:orange;box-shadow:0 0 30px #ffd70080;transform:translateY(-2px)}.subscription-overlay{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subscription-card{transition:all .3s ease}.subscription-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.subscription-card.active{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}@media (max-width: 768px){.banner-ad-container{height:60px}.ad-placeholder{width:100%;max-width:320px}}.subscription-active .banner-ad-container{display:none}.cyberpunk-button.blue{background:linear-gradient(45deg,#06f,#04c);border:2px solid #0066ff;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 0 20px #0066ff4d}.cyberpunk-button.blue:hover{background:linear-gradient(45deg,#05e,#03b);box-shadow:0 0 30px #0066ff80;transform:translateY(-2px)}.cyberpunk-button.gray{background:linear-gradient(45deg,#666,#444);border:2px solid #666666;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 0 20px #6666664d}.cyberpunk-button.gray:hover{background:linear-gradient(45deg,#555,#333);box-shadow:0 0 30px #66666680;transform:translateY(-2px)}.currency-display{display:flex;justify-content:center;gap:30px;margin-bottom:20px;padding:15px;background:#00000080;border-radius:10px;border:1px solid #333}.currency-item{display:flex;align-items:center;gap:8px}.currency-icon{font-size:20px}.currency-amount{color:#fff;font-weight:700;font-size:18px}.item-card{background:#000000b3;border:2px solid #333;border-radius:10px;padding:15px;transition:all .3s ease;position:relative}.item-card:hover{border-color:#0ff;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.item-card.owned{border-color:#1eff00}.item-card.equipped{border-color:gold;box-shadow:0 0 15px #ffd7004d}.badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase}.badge.new{background:#1eff00;color:#000}.badge.limited{background:#f60;color:#fff}.badge.discount{background:red;color:#fff}.badge.owned{background:#1eff00;color:#000}.badge.equipped{background:gold;color:#000}.progress-bar{height:20px;background:#00000080;border:2px solid #00ffff;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0ff,#0080ff);transition:width .3s ease}.xp-progress-bar{height:8px;background:#00000080;border-radius:4px;overflow:hidden}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#1eff00,#0f0);transition:width .3s ease}.reward-card{background:#000000b3;border:2px solid #333;border-radius:10px;padding:15px;position:relative;transition:all .3s ease}.reward-card.available{border-color:#1eff00}.reward-card.claimed{border-color:gold;opacity:.7}.reward-card.premium{background:linear-gradient(135deg,#ffd7001a,#ffd7000d)}.level-badge{position:absolute;top:-5px;left:-5px;background:#0ff;color:#000;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}@media (max-width: 768px){.currency-display{flex-direction:column;gap:10px}.items-grid,.rewards-grid{grid-template-columns:1fr}}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00d4ff;border-radius:15px;padding:30px;max-width:400px;width:90%;box-shadow:0 0 30px #00d4ff4d;animation:slideIn .3s ease-out}.login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-header h2{color:#00d4ff;margin:0;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px}.close-button{background:none;border:none;color:#00d4ff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#00d4ff33;transform:scale(1.1)}.error-message{background:#ff00001a;border:1px solid #ff4444;color:#f44;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center}.login-options{display:flex;flex-direction:column;gap:20px}.social-login{display:flex;flex-direction:column;gap:10px}.login-button{padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:1px}.login-button:disabled{opacity:.6;cursor:not-allowed}.google-button{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.google-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4285f466}.facebook-button{background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff}.facebook-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #1877f266}.guest-button{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.guest-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #6c757d66}.primary-button{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;width:100%}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff66}.divider{text-align:center;position:relative;margin:20px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent)}.divider span{background:#1a1a2e;padding:0 15px;color:#00d4ff;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.email-form{display:flex;flex-direction:column;gap:15px}.form-group{position:relative}.form-group input{width:100%;padding:12px 15px;border:2px solid #333;border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.form-group input::placeholder{color:#fff9}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;margin-top:20px}.toggle-mode{background:none;border:none;color:#00d4ff;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.toggle-mode:hover:not(:disabled){color:#09c}.toggle-mode:disabled{opacity:.6;cursor:not-allowed}.icon{margin-right:8px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#1f2937,#374151);border:2px solid #4b5563;border-radius:8px;outline:none;transition:all .3s ease}.slider:hover{border-color:#60a5fa;box-shadow:0 0 10px #60a5fa4d}.slider:focus{border-color:#3b82f6;box-shadow:0 0 15px #3b82f680}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #60a5fa;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #3b82f680;transition:all .3s ease}.slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 15px #3b82f6cc;transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #60a5fa;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #3b82f680;transition:all .3s ease}.slider::-moz-range-thumb:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 15px #3b82f6cc;transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}