@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";@font-face{font-family:GNF;src:url(/fonts/GNF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background:#000;position:fixed}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:none;background-color:#222;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}#root{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.game-container-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.game-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#222;box-shadow:0 0 20px #00000080}@media (orientation: landscape){.game-container{width:100%!important;height:100%!important}}@media (max-width: 768px){.mobile-view .game-container{width:100%!important;height:100%!important}}canvas{display:block!important;width:100%!important;height:100%!important;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.game-container>div{width:100%;height:100%}.mobile-view{transition:all .3s ease}.game-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#111;overflow:hidden}@media (orientation: landscape){.mobile-viewport-container{width:100%!important;height:100%!important}}canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}html,body,#root,.app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000}.fullscreen-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.fullscreen-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important}.fullscreen-canvas canvas{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important}:fullscreen{width:100vw!important;height:100vh!important;background:#000}:fullscreen .game-container,:fullscreen .game-container-wrapper,:fullscreen .game-wrapper{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;display:flex!important;justify-content:center!important;align-items:center!important}:fullscreen .game-container>div{width:100vw!important;height:100vh!important}:fullscreen canvas{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;object-fit:fill!important}:-webkit-full-screen{width:100vw!important;height:100vh!important;background:#000}:-webkit-full-screen .game-container,:-webkit-full-screen .game-container-wrapper,:-webkit-full-screen .game-wrapper{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important}:-webkit-full-screen canvas{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;object-fit:fill!important}:-moz-full-screen{width:100vw!important;height:100vh!important;background:#000}:-moz-full-screen .game-container,:-moz-full-screen .game-container-wrapper,:-moz-full-screen .game-wrapper{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important}:-moz-full-screen canvas{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;object-fit:fill!important}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f 70%,#000);display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden}.loading-overlay:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(168,85,247,.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(96,165,250,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(52,211,153,.05) 0%,transparent 60%);animation:loading-nebulaPulse 8s ease-in-out infinite}@keyframes loading-nebulaPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.loading-particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.loading-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(168,85,247,.8) 0%,transparent 70%);border-radius:50%;animation:loading-particleFloat linear infinite;box-shadow:0 0 6px #a855f780}.loading-particle:nth-child(3n){background:radial-gradient(circle,rgba(96,165,250,.8) 0%,transparent 70%);box-shadow:0 0 6px #60a5fa80}.loading-particle:nth-child(5n){background:radial-gradient(circle,rgba(52,211,153,.8) 0%,transparent 70%);box-shadow:0 0 6px #34d39980}.loading-particle:nth-child(7n){background:radial-gradient(circle,rgba(244,114,182,.8) 0%,transparent 70%);box-shadow:0 0 6px #f472b680}@keyframes loading-particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) translate(20px);opacity:0}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:32px;z-index:1;text-align:center}.loading-orbital-container{position:relative;width:140px;height:140px;margin-bottom:16px}.loading-orbital-ring{position:absolute;border:2px solid transparent;border-radius:50%;box-sizing:border-box}.loading-ring-1{width:100%;height:100%;top:0;left:0;border-top-color:#a855f7;border-right-color:#a855f74d;animation:loading-orbit1 2s linear infinite;box-shadow:0 0 20px #a855f766}.loading-ring-2{width:75%;height:75%;top:12.5%;left:12.5%;border-bottom-color:#60a5fa;border-left-color:#60a5fa4d;animation:loading-orbit2 1.5s linear infinite;box-shadow:0 0 15px #60a5fa66}.loading-ring-3{width:50%;height:50%;top:25%;left:25%;border-top-color:#34d399;border-right-color:#34d3994d;animation:loading-orbit1 1s linear infinite;box-shadow:0 0 10px #34d39966}.loading-core-glow{position:absolute;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffff 0%,#a855f7 40%,transparent 70%);border-radius:50%;animation:loading-corePulse 1.5s ease-in-out infinite;box-shadow:0 0 30px 10px #a855f780}@keyframes loading-orbit1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-orbit2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes loading-corePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.7}}.loading-title{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;letter-spacing:12px;margin:0;display:flex;gap:4px}.loading-title-letter{display:inline-block;background:linear-gradient(135deg,#a855f7,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:loading-letterFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(168,85,247,.5))}@keyframes loading-letterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-subtitle{font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:400;color:#fff9;letter-spacing:6px;text-transform:uppercase;margin:0;animation:loading-subtitlePulse 2s ease-in-out infinite}@keyframes loading-subtitlePulse{0%,to{opacity:.6}50%{opacity:1}}.loading-progress-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}.loading-progress-track{position:relative;width:280px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;border:1px solid rgba(168,85,247,.2)}.loading-progress-glow{position:absolute;inset:-10px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.2),transparent);animation:loading-glowSweep 2s ease-in-out infinite}@keyframes loading-glowSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-progress-fill{position:absolute;top:0;left:0;height:100%;width:35%;background:linear-gradient(90deg,#a855f7,#60a5fa,#34d399);border-radius:3px;animation:loading-progressFlow 1.8s ease-in-out infinite;box-shadow:0 0 10px #a855f780}@keyframes loading-progressFlow{0%{width:0%;left:0%}50%{width:45%;left:27.5%}to{width:0%;left:100%}}.loading-progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:loading-shimmer 1.5s ease-in-out infinite}@keyframes loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-dots{display:flex;gap:8px}.loading-dot{width:8px;height:8px;background:#a855f7;border-radius:50%;animation:loading-dotPulse 1.4s ease-in-out infinite;box-shadow:0 0 8px #a855f799}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.loading-title{font-size:2.5rem;letter-spacing:6px}.loading-subtitle{font-size:1rem;letter-spacing:4px}.loading-orbital-container{width:100px;height:100px}.loading-progress-track{width:200px}}.transaction-status-card{position:relative;width:320px;background:#1e293bf2;border-radius:12px;border-left:4px solid;border:1px solid rgba(251,191,36,.2);box-shadow:0 4px 12px #0006,0 0 20px #fbbf241a;padding:16px;margin-bottom:12px;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transaction-status-card.visible{transform:translate(0);opacity:1}.transaction-status-card .tx-close-button{position:absolute;top:8px;right:8px;background:#0000004d;border:1px solid rgba(251,191,36,.3);font-size:18px;color:#d1d5db;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.transaction-status-card .tx-close-button:hover{background-color:#fbbf2433;color:#fbbf24;box-shadow:0 0 8px #fbbf244d}.transaction-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.transaction-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0006,#0003);border:2px solid currentColor;box-shadow:inset 0 1px 2px #ffffff1a,0 0 12px #fbbf2433}.transaction-icon{font-size:18px;display:block}.transaction-info{flex:1;min-width:0}.transaction-title{font-weight:600;font-size:14px;color:#f9fafb;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.transaction-subtitle{font-size:12px;color:#d1d5db}.transaction-time{font-size:11px;color:#9ca3af;font-weight:500}.transaction-status-card .tx-progress-container{width:100%;height:4px;background-color:#0006;border-radius:2px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(251,191,36,.1)}.transaction-status-card .tx-progress-bar{height:100%;border-radius:2px;transition:width .3s ease;position:relative;background:linear-gradient(90deg,currentColor,rgba(255,255,255,.1));box-shadow:0 0 8px #fbbf244d}.transaction-status-card .tx-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(251,191,36,.6),transparent);animation:tx-shimmer 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1.2) rotate(180deg)}75%{transform:scale(1.1) rotate(270deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes tx-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.transaction-status-card .transaction-icon.spin{animation:spin 1s linear infinite}.transaction-status-card .transaction-icon.pulse{animation:pulse 1.5s ease-in-out infinite}.transaction-status-card .transaction-icon.bounce{animation:bounce 2s infinite}.transaction-status-card .transaction-icon.sparkle{animation:sparkle 2s ease-in-out infinite}.transaction-status-card .transaction-icon.shake{animation:shake .5s ease-in-out}.transaction-status-card.processing .tx-progress-bar,.transaction-status-card.executing .tx-progress-bar{animation:tx-shimmer 2s infinite}.transaction-status-card .tx-error-section{background-color:#7f1d1d4d;border:1px solid rgba(239,68,68,.4);border-radius:6px;padding:8px;margin-top:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transaction-status-card .tx-error-message{color:#fca5a5;font-size:12px;margin-bottom:8px;line-height:1.4}.transaction-status-card .tx-retry-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:6px 12px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000004d}.transaction-status-card .tx-retry-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444466}.transaction-status-card .tx-success-section{background-color:#15803d4d;border:1px solid rgba(34,197,94,.4);border-radius:6px;padding:8px;margin-top:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transaction-status-card .tx-success-message{color:#86efac;font-size:12px;font-weight:500}@media (max-width: 768px){.transaction-status-card{width:calc(100vw - 32px);margin-left:16px;margin-right:16px}}.transaction-cards-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;max-height:calc(100vh - 100px);overflow-y:auto}.transaction-cards-container>*{pointer-events:auto}@media (max-width: 768px){.transaction-cards-container{bottom:80px;right:10px;left:10px;align-items:stretch}}@media (min-width: 769px) and (max-width: 1024px){.transaction-cards-container{bottom:20px;right:15px}}@media (max-height: 600px){.transaction-cards-container{max-height:calc(100vh - 150px)}}.transaction-cards-container::-webkit-scrollbar{width:4px}.transaction-cards-container::-webkit-scrollbar-track{background:transparent}.transaction-cards-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.transaction-cards-container::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.inventory-panel{padding:20px;height:100%;display:flex;flex-direction:column;color:#fff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#475569 rgba(15,23,42,.8)}.panel-header{margin-bottom:20px}.panel-header h2{font-size:24px;font-weight:600;margin:0;color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.loot-section{flex:1;display:flex;flex-direction:column}.loot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:8px}.loot-value{display:flex;align-items:center;gap:4px}.sell-all-button{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#f1f5f9;border:1px solid rgba(185,28,28,.4);border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.sell-all-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 6px #b91c1c4d;transform:translateY(-1px)}.sell-all-button:disabled{background:#6b728080;color:#9ca3afb3;border-color:#6b72804d;cursor:not-allowed;box-shadow:none;transform:none}.loot-value-label{font-size:12px;color:#94a3b8}.loot-value-amount{font-size:14px;font-weight:600;color:#22c55e}.loot-inventory{max-height:400px;overflow-y:auto}.loot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 0 4px 4px}.inventory-panel::-webkit-scrollbar{width:8px}.inventory-panel::-webkit-scrollbar-track{background:linear-gradient(to bottom,#0f172acc,#1e293bcc);border-radius:4px;border:1px solid #334155}.inventory-panel::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#475569,#334155);border-radius:4px;border:1px solid #1e293b;box-shadow:inset 0 1px #ffffff1a}.inventory-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#64748b,#475569);box-shadow:inset 0 1px #fff3}.inventory-panel::-webkit-scrollbar-thumb:active{background:linear-gradient(to bottom,#3b82f6,#1d4ed8)}.loot-inventory::-webkit-scrollbar{width:8px}.loot-inventory::-webkit-scrollbar-track{background:linear-gradient(to bottom,#0f172acc,#1e293bcc);border-radius:4px;border:1px solid #334155}.loot-inventory::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#475569,#334155);border-radius:4px;border:1px solid #1e293b;box-shadow:inset 0 1px #ffffff1a}.loot-inventory::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#64748b,#475569);box-shadow:inset 0 1px #fff3}.loot-card{background:linear-gradient(145deg,#00000040,#00000026);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:all .2s ease;box-shadow:0 2px 8px #0003}.loot-card:hover{background:linear-gradient(145deg,#00000059,#00000040);border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.loot-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}.loot-header-left{display:flex;align-items:center;gap:12px;flex:1}.gem-sprite{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));border-radius:4px}.loot-details{display:flex;flex-direction:column}.loot-name{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.loot-owned{font-size:13px;color:#cbd5e1;font-weight:500}.loot-value-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex-shrink:0}.loot-unit-value{font-size:12px;color:#cbd5e1;margin-bottom:2px;font-weight:500}.loot-total-value{font-size:14px;font-weight:700;color:#22c55e;text-shadow:0 1px 2px rgba(0,0,0,.3)}.quantity-controls{display:flex;flex-direction:column;gap:4px}.quantity-label{font-size:11px;color:#94a3b8;font-weight:500}.quantity-sell-row{display:flex;align-items:center;gap:8px}.quantity-input-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.quantity-btn{background:#3b82f633;border:1px solid #3b82f6;color:#3b82f6;border-radius:4px;width:24px;height:24px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:#3b82f64d;color:#1d4ed8}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-btn-max{background:#dc262633;border:2px solid #dc2626;color:#dc2626;padding:6px 16px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:normal;white-space:nowrap;height:28px;display:flex;align-items:center;justify-content:center;min-width:48px}.quantity-btn-max:hover:not(:disabled){background:#dc262633;border-color:#b91c1c;color:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc262633}.quantity-btn-max:disabled{background:#6b72801a;border-color:#6b7280;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.quantity-input{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 6px;color:#fff;font-size:12px;text-align:center;width:50px;margin:0 2px}.quantity-input:focus{outline:none;border-color:#3b82f6}.sell-button{background:#22c55e33;border:2px solid #22c55e;color:#22c55e;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:600;white-space:nowrap;flex:1;min-width:0}.sell-button:hover{background:#22c55e4d;color:#16a34a}@media (max-width: 768px){.inventory-panel{padding:15px}.panel-header h2{font-size:20px}.loot-header{flex-direction:column;align-items:flex-start}.loot-inventory{max-height:300px}.loot-grid{grid-template-columns:1fr;gap:8px}.loot-card{padding:10px;gap:5px}}.empty-inventory{text-align:center;padding:40px 20px;color:#64748b;font-style:italic}.sell-button:disabled{background-color:#374151;color:#6b7280;cursor:not-allowed;opacity:.6}.sell-button:disabled:hover{background-color:#374151;color:#6b7280;transform:none}.embercore-section-wrapper{margin-top:24px;display:flex;gap:12px;align-items:stretch}.embercore-progress-card{flex:1;padding:20px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column}.embercore-progress-title{font-size:24px;font-weight:600;color:#fbbf24;text-align:center;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.embercore-progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.embercore-actions-wrapper{width:calc(50% - 6px);display:flex;flex-direction:column;gap:12px;align-items:stretch}.embercore-progress-slot{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.embercore-progress-slot:hover{background:#0006;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.embercore-gem-large{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.embercore-progress-info{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.embercore-rarity{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.embercore-progress-bar{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.embercore-progress-track{width:100%;height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.embercore-progress-fill{height:100%;transition:width .3s ease;border-radius:6px;box-shadow:0 0 8px #fff3}.embercore-progress-count{font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.3px}.embercore-action-card{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid;box-shadow:0 4px 12px #0000004d;min-height:60px;text-align:center}.action-card-text{text-shadow:0 1px 2px rgba(0,0,0,.8)}.embercore-quest-card{border-color:#94a3b866;color:#94a3b8;flex:0 0 auto;min-height:50px;background:#0000001a;font-size:14px;transition:all .2s ease}.embercore-quest-full-height{flex:1;min-height:100px;font-size:16px;font-weight:600}.embercore-quest-card:hover{background:#94a3b81a;border-color:#64748b;color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #94a3b833}.embercore-action-card:active{transform:translateY(0);box-shadow:0 4px 12px #0000004d}.quest-panel{height:100%;display:flex;flex-direction:column;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.quest-header-section{margin-bottom:24px}.quest-header-section h2{font-size:28px;font-weight:800;color:#fbbf24;margin:0 0 20px;text-shadow:2px 2px 8px rgba(0,0,0,.7);text-align:center;letter-spacing:.5px}.quest-tabs{display:flex;gap:4px;border-bottom:2px solid #475569;padding-bottom:8px}.quest-tab{flex:1;background:#0f172acc;border:1px solid #475569;color:#94a3b8;font-size:14px;font-weight:600;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-radius:8px 8px 0 0}.quest-tab:hover{background:#3b82f61a;color:#e2e8f0;border-color:#3b82f6}.quest-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.quest-content{flex:1;overflow-y:auto;padding-right:12px}.quest-content::-webkit-scrollbar{width:8px}.quest-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.quest-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569,#334155);border-radius:4px}.quest-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}.quest-list{display:flex;flex-direction:column;gap:24px}.quest-card{background:linear-gradient(145deg,#0f172af2,#1e293bf2);border:2px solid transparent;border-radius:20px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 0 1px #3b82f61a;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.quest-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#3b82f614,#10b98114,#8b5cf614);opacity:0;transition:opacity .4s ease;z-index:0}.quest-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f64d,#10b9814d,#8b5cf64d,#fbbf244d,#3b82f64d);border-radius:22px;opacity:0;transition:opacity .4s ease;z-index:-1;background-size:200% 200%;animation:magicBorder 3s ease-in-out infinite}.quest-card:hover:before{opacity:1}.quest-card:hover:after{opacity:1}.quest-card:hover{border-color:#3b82f680;box-shadow:0 16px 48px #3b82f633,0 8px 32px #0006,inset 0 1px #fff3,0 0 20px #3b82f64d;transform:translateY(-6px)}.quest-card.expanded{border-color:#8b5cf666;box-shadow:0 20px 60px #8b5cf626,0 8px 32px #0006,inset 0 1px #ffffff26,0 0 30px #8b5cf633}.quest-card.expanded:after{opacity:.7}.quest-card.completed{background:linear-gradient(145deg,#0596691a,#10b9811a);border-color:#10b981;box-shadow:0 8px 30px #10b98133,inset 0 1px #10b98133}.quest-header{padding:28px;position:relative;z-index:1;background:linear-gradient(135deg,#0000001a,#3b82f60d);border-bottom:1px solid rgba(255,255,255,.1)}.quest-title-section{margin-bottom:16px}.quest-title-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;position:relative}.quest-title-right{display:flex;align-items:center;gap:8px;margin-left:auto}.quest-icon{width:48px;height:48px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 20px #fbbf2466,inset 0 1px #fff3;flex-shrink:0;position:relative;overflow:hidden}.quest-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.quest-title{font-size:24px;font-weight:800;color:#f8fafc;margin:0;flex:1;text-shadow:2px 2px 8px rgba(0,0,0,.6);line-height:1.3;background:linear-gradient(135deg,#f8fafc,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.quest-status-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;padding:8px 16px;border-radius:25px;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #10b98166,inset 0 1px #fff3;flex-shrink:0;position:relative;overflow:hidden}.quest-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.quest-status-badge:hover:before{left:100%}.expand-indicator{font-size:18px;transition:transform .3s ease;opacity:.7;margin-left:8px}.quest-card.expanded .expand-indicator{transform:rotate(90deg)}.quest-status-badge.completed{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d}.quest-description{color:#e2e8f0;font-size:16px;line-height:1.7;margin:0 0 20px;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-weight:400}.quest-progress-section{background:linear-gradient(135deg,#0000004d,#3b82f61a);border-radius:16px;padding:20px;margin-bottom:0;border:1px solid rgba(59,130,246,.2);position:relative;overflow:hidden}.quest-progress-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f680,#10b98180,#8b5cf680);animation:progressGlow 2s ease-in-out infinite}@keyframes progressGlow{0%,to{opacity:.5}50%{opacity:1}}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-title{font-size:14px;font-weight:600;color:#e2e8f0}.progress-stats{font-size:13px;font-weight:600;color:#3b82f6}.progress-bar{width:100%;height:10px;background:#00000080;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff1a;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#8b5cf6);transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:8px;box-shadow:0 0 10px #3b82f699,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.progress-fill.completed{background:linear-gradient(90deg,#10b981,#059669,#34d399);box-shadow:0 0 15px #10b981cc,inset 0 1px #fff6}.quest-expanded-content{padding:0 28px 28px;background:linear-gradient(135deg,#8b5cf608,#0000001a);border-top:1px solid rgba(139,92,246,.2);animation:expandContent .5s ease-out}@keyframes expandContent{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.quest-details-layout{display:flex;gap:24px;margin-top:20px}.quest-steps-container{flex:0 0 60%}.quest-steps{margin-top:0}.steps-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(59,130,246,.2)}.steps-title{font-size:18px;font-weight:700;color:#e2e8f0;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.5);background:linear-gradient(135deg,#e2e8f0,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.steps-list{display:flex;flex-direction:column;gap:8px}.step-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#0003,#3b82f60d);border-radius:14px;border-left:4px solid transparent;transition:all .4s ease;position:relative;margin-bottom:12px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.step-item:hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border-left-color:#3b82f6;transform:translate(4px);box-shadow:0 4px 16px #3b82f633,inset 0 1px #ffffff1a}.step-item.completed{background:linear-gradient(135deg,#10b98126,#0596691a);border-left-color:#10b981;box-shadow:0 2px 12px #10b9814d,inset 0 1px #10b98133}.step-item.current{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-left-color:#fbbf24;box-shadow:0 0 0 2px #fbbf244d,0 4px 16px #fbbf2433,inset 0 1px #fbbf2433;animation:currentStepGlow 2s ease-in-out infinite}@keyframes currentStepGlow{0%,to{box-shadow:0 0 0 2px #fbbf244d,0 4px 16px #fbbf2433,inset 0 1px #fbbf2433}50%{box-shadow:0 0 0 2px #fbbf2480,0 4px 20px #fbbf2466,inset 0 1px #fbbf244d}}.step-checkbox{font-size:20px;flex-shrink:0;width:28px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.step-content{flex:1;display:flex;flex-direction:column;gap:4px}.step-title{font-size:16px;font-weight:700;color:#f1f5f9;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.step-item.completed .step-title{color:#94a3b8;text-decoration:line-through}.step-description{font-size:14px;color:#cbd5e1;line-height:1.5;opacity:.9}.step-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.step-type{font-size:10px;color:#64748b;background:#64748b33;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.step-progress{font-size:11px;color:#fbbf24;background:#fbbf2433;padding:2px 6px;border-radius:4px;font-weight:600}.quest-lore-container{flex:0 0 40%}.quest-lore{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border:2px solid rgba(139,92,246,.3);border-radius:16px;padding:0;position:relative;overflow:hidden;height:fit-content;box-shadow:0 8px 32px #8b5cf633,inset 0 1px #ffffff1a}.lore-header{background:linear-gradient(135deg,#8b5cf633,#7c3aed26);padding:16px 20px;border-bottom:1px solid rgba(139,92,246,.3)}.lore-title{font-size:16px;font-weight:700;color:#e0e7ff;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.5);background:linear-gradient(135deg,#e0e7ff,#c7d2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lore-content{padding:20px}.quest-lore:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#8b5cf666,#7c3aed66,#a855f766,#8b5cf666,#7c3aed66);border-radius:18px;opacity:.6;z-index:-1;background-size:200% 200%;animation:loreGlow 4s ease-in-out infinite}@keyframes loreGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.quest-lore p{color:#e0e7ff;font-size:14px;line-height:1.8;margin:0;font-style:italic;text-shadow:1px 1px 3px rgba(0,0,0,.4);text-align:justify;-webkit-hyphens:auto;hyphens:auto}.forge-button,.check-progress-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;padding:10px 20px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.8px;box-shadow:0 6px 20px #f59e0b66,inset 0 1px #fff3;margin-left:auto;flex-shrink:0;position:relative;overflow:hidden}.forge-button:before,.check-progress-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.forge-button:hover,.check-progress-button:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #f59e0b80,inset 0 1px #ffffff4d}.forge-button:hover:before,.check-progress-button:hover:before{left:100%}.turn-in-button{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:18px 32px;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer;margin-top:24px;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 10px 30px #10b98166,inset 0 1px #fff3;position:relative;overflow:hidden}.turn-in-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.turn-in-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #10b98180,inset 0 1px #ffffff4d}.turn-in-button:hover:before{left:100%}.quest-replay-video-button{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#f59e0b;font-size:16px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-left:8px;margin-right:4px;display:flex;align-items:center;justify-content:center;min-width:36px;height:28px}.quest-replay-video-button:hover{background:#f59e0b4d;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.quest-replay-video-button:active{transform:translateY(0);box-shadow:0 2px 6px #f59e0b33}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;color:#64748b;background:linear-gradient(135deg,#3b82f608,#8b5cf608);border-radius:20px;border:1px solid rgba(59,130,246,.1);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon{font-size:72px;margin-bottom:24px;opacity:.6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:floatUp 3s ease-in-out infinite;position:relative;z-index:1}.empty-state p{font-size:16px;line-height:1.7;margin:0;max-width:350px;position:relative;z-index:1;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.status-active{color:#10b981}.status-completed{color:#3b82f6}.status-turned_in{color:#8b5cf6}.quest-card:focus-within{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.quest-header:focus{outline:none}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.quest-debug{margin-top:20px;padding:12px 16px;background:linear-gradient(135deg,#0006,#1e293b4d);border-radius:12px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:11px;color:#64748b;border:1px solid rgba(55,65,81,.5);box-shadow:inset 0 1px #ffffff0d}@keyframes magicBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes questComplete{0%{transform:scale(1)}25%{transform:scale(1.05) rotate(1deg)}50%{transform:scale(1.1) rotate(-1deg)}75%{transform:scale(1.05) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes stepComplete{0%{transform:translate(0) scale(1)}25%{transform:translate(8px) scale(1.02)}50%{transform:translate(-4px) scale(1.05)}75%{transform:translate(2px) scale(1.02)}to{transform:translate(0) scale(1)}}.step-item.completed{animation:stepComplete .6s ease-out}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.quest-card:hover{animation:floatUp 2s ease-in-out infinite}@media (max-width: 768px){.quest-header-section h2{font-size:24px}.quest-tab{font-size:13px;padding:12px 16px}.quest-header{padding:20px}.quest-expanded-content{padding:0 20px 20px}.quest-details-layout{flex-direction:column;gap:20px}.quest-steps-container,.quest-lore-container{flex:1}.quest-title{font-size:20px}.quest-icon{width:40px;height:40px;font-size:18px}.step-item{padding:12px 16px}.turn-in-button{padding:16px 24px;font-size:14px}}.quest-video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}.quest-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.quest-video{width:100%;height:100%;object-fit:contain;background:#000;transition:opacity .3s ease-in-out}.quest-video-hidden{opacity:0}.quest-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}.quest-loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #f59e0b;border-radius:50%;animation:quest-spin 1s linear infinite;margin:0 auto 20px}.quest-loading-text{font-size:18px;font-weight:500;color:#cbd5e1;margin:0}@keyframes quest-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quest-interaction-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25}.quest-play-button{background:#f59e0be6;color:#fff;border:2px solid #f59e0b;padding:16px 32px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #f59e0b4d}.quest-play-button:hover{background:#f59e0b;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #f59e0b66}.quest-skip-button-overlay{position:absolute;top:30px;right:30px;background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.quest-skip-button-overlay:hover{background:#f59e0bcc;border-color:#f59e0b;transform:translateY(-2px)}.quest-error-content{text-align:center;color:#fff;max-width:400px;padding:40px}.quest-error-icon{font-size:64px;margin-bottom:20px}.quest-error-title{font-size:24px;font-weight:700;color:#ef4444;margin-bottom:16px}.quest-error-message{font-size:16px;color:#cbd5e1;line-height:1.6;margin-bottom:30px}.quest-error-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.quest-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:120px}.quest-retry-button{background:#f59e0b;color:#fff}.quest-retry-button:hover{background:#d97706;transform:translateY(-2px)}.quest-skip-button{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.quest-skip-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.quest-skip-button-overlay{top:20px;right:20px;padding:10px 16px;font-size:14px}.quest-error-content{padding:20px;max-width:320px}.quest-error-buttons{flex-direction:column;align-items:center}.quest-button{width:100%;max-width:200px}}@media (max-width: 768px) and (orientation: landscape){.quest-video{object-fit:cover}}.enhanced-achievement-panel{height:100%;display:flex;flex-direction:column;color:#fff}.achievement-header{margin-bottom:24px;text-align:center}.achievement-header h2{font-size:28px;font-weight:700;color:#fbbf24;margin:0 0 16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.achievement-stats{display:flex;justify-content:center;gap:32px;background:#0003;border-radius:12px;padding:16px;border:1px solid #475569}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:24px;font-weight:700;color:#3b82f6;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.stat-label{font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievement-filters{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.filter-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.category-filters,.status-filters{display:flex;gap:4px;flex-wrap:wrap}.filter-button{background:#0f172acc;border:1px solid #475569;color:#94a3b8;font-size:12px;font-weight:600;padding:8px 12px;cursor:pointer;transition:all .2s ease;border-radius:6px;white-space:nowrap}.filter-button:hover{background:#3b82f61a;color:#e2e8f0;border-color:#3b82f6}.filter-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.search-container{flex:1;max-width:250px}.search-input{width:100%;background:#0000004d;border:1px solid #475569;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.search-input::placeholder{color:#64748b}.achievement-grid{flex:1;overflow-y:auto;padding-right:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:max-content;gap:16px;align-content:start;max-height:calc(100vh - 400px);min-height:300px;scrollbar-width:thin;scrollbar-color:#475569 rgba(15,23,42,.8)}.achievement-grid::-webkit-scrollbar{width:12px}.achievement-grid::-webkit-scrollbar-track{background:linear-gradient(to bottom,#0f172acc,#1e293bcc);border-radius:6px;border:1px solid #334155}.achievement-grid::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#475569,#334155);border-radius:6px;border:1px solid #1e293b;box-shadow:inset 0 1px #ffffff1a}.achievement-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#64748b,#475569);box-shadow:inset 0 1px #fff3}.achievement-grid::-webkit-scrollbar-thumb:active{background:linear-gradient(to bottom,#3b82f6,#1d4ed8);box-shadow:inset 0 1px #ffffff4d}.achievement-badge{background:linear-gradient(135deg,#1e293bf2,#334155f2);border:2px solid #475569;border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column}.achievement-badge:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.achievement-badge.completed{background:linear-gradient(135deg,#10b9811a,#0596691a);border-width:3px}.achievement-badge.completed:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.achievement-badge.locked{opacity:.6;filter:grayscale(50%)}.achievement-icon-container{position:relative;margin-bottom:16px;display:flex;justify-content:center}.achievement-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 24px #0000004d;border:3px solid rgba(255,255,255,.2);position:relative;z-index:1}.completion-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;opacity:.3;filter:blur(20px);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.achievement-info{display:flex;flex-direction:column;gap:8px;flex:1}.achievement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.achievement-name{font-size:16px;font-weight:600;color:#f1f5f9;margin:0;flex:1}.achievement-rarity-badge{font-size:10px;font-weight:700;color:#fff;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.achievement-description{color:#cbd5e1;font-size:13px;line-height:1.4;margin:0}.achievement-progress-section{margin-top:4px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.progress-text{font-size:12px;font-weight:600;color:#94a3b8}.progress-percentage{font-size:11px;color:#64748b}.progress-bar-achievement{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;border:1px solid #374151}.progress-fill-achievement{height:100%;transition:width .5s ease;border-radius:3px;position:relative}.progress-fill-achievement:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progressShine 2s infinite}.completion-info{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.completion-date{font-size:11px;color:#10b981;font-weight:500}.achievement-rewards{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.reward-item{background:#f59e0b1a;border:1px solid #f59e0b;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:500;color:#fbbf24}.reward-item.title-reward{background:#8b5cf61a;border-color:#8b5cf6;color:#c4b5fd}.empty-achievements{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#94a3b8}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.empty-achievements p{font-size:16px;line-height:1.6;margin:0 0 20px}.clear-filters-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-filters-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.claim-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s ease;width:100%}.claim-button:hover{background:linear-gradient(135deg,#f5576c,#f093fb);transform:translateY(-1px);box-shadow:0 4px 12px #f5576c4d}@media (max-width: 768px){.achievement-grid{grid-template-columns:1fr;max-height:calc(100vh - 350px)}.achievement-stats{gap:16px}.stat-value{font-size:20px}.filter-row{flex-direction:column;align-items:stretch}.search-container{max-width:none}.achievement-badge{padding:16px;min-height:240px}.achievement-icon{width:56px;height:56px;font-size:24px}.completion-glow{width:70px;height:70px}}.avatar-preview-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#0f172ae6,#1e293be6);border-radius:12px;border:2px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.avatar-preview-title{margin:0;font-size:14px;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:1px}.avatar-canvas-wrapper{position:relative;background:linear-gradient(135deg,#00000080,#0f172acc);border-radius:8px;padding:8px;border:2px solid rgba(99,102,241,.2);box-shadow:inset 0 2px 12px #0000004d}.avatar-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:8px}.avatar-controls{display:flex;flex-direction:column;gap:8px;width:100%}.control-group{display:flex;flex-direction:column;gap:4px}.control-label{font-size:9px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.state-buttons,.tool-buttons{display:flex;flex-wrap:wrap;gap:6px}.state-btn,.tool-btn{flex:1;min-width:50px;padding:6px 8px;background:#1e293bcc;border:2px solid rgba(99,102,241,.3);border-radius:6px;color:#94a3b8;font-size:9px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.state-btn:hover,.tool-btn:hover{background:#6366f133;border-color:#6366f180;color:#e2e8f0}.state-btn:focus-visible,.tool-btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.state-btn.active,.tool-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#a78bfa;color:#fff;box-shadow:0 4px 12px #8b5cf666}.direction-control{align-items:center}.direction-grid{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:2px}.direction-btn{width:32px;height:32px;background:#1e293bcc;border:2px solid rgba(99,102,241,.3);border-radius:6px;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.direction-btn.up{grid-area:up}.direction-btn.left{grid-area:left}.direction-btn.right{grid-area:right}.direction-btn.down{grid-area:down}.direction-btn:hover{background:#6366f133;border-color:#6366f180;color:#e2e8f0;transform:scale(1.05)}.direction-btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.direction-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#a78bfa;color:#fff;box-shadow:0 4px 12px #8b5cf666}@media (max-width: 480px){.avatar-preview-container,.avatar-canvas-wrapper{padding:12px}.state-btn,.tool-btn{min-width:50px;padding:6px 8px;font-size:10px}.direction-grid{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px)}.direction-btn{width:36px;height:36px;font-size:12px}}.gear-inventory-container{display:flex;flex-direction:column;gap:12px;padding:12px;background:linear-gradient(135deg,#0f172ae6,#1e293be6);border-radius:12px;border:2px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;overflow:hidden;flex:1;min-height:0}.gear-inventory-title{margin:0;font-size:14px;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:1px}.gear-slot-selector{display:flex;flex-direction:column;gap:8px}.slot-selector-label{margin:0;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.gear-slot-tabs{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(15,23,42,.5)}.gear-slot-tabs::-webkit-scrollbar{height:6px}.gear-slot-tabs::-webkit-scrollbar-track{background:#0f172a80;border-radius:3px}.gear-slot-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8b5cf6,#6366f1,#8b5cf6);border-radius:3px;box-shadow:0 0 8px #8b5cf680}.gear-slot-tabs::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#a78bfa,#818cf8,#a78bfa);box-shadow:0 0 12px #8b5cf6b3}.gear-slot-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:#1e293bcc;border:2px solid rgba(99,102,241,.2);border-radius:8px;color:#94a3b8;font-size:8px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;min-width:44px;flex-shrink:0}.gear-slot-tab .slot-icon{font-size:16px}.gear-slot-tab .slot-label{text-transform:uppercase;letter-spacing:.3px}.gear-slot-tab .equipped-indicator{position:absolute;top:2px;right:2px;width:10px;height:10px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;font-size:6px;display:flex;align-items:center;justify-content:center;color:#fff}.gear-slot-tab:hover{background:#6366f133;border-color:#6366f166;color:#e2e8f0;transform:translateY(-2px)}.gear-slot-tab:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.gear-slot-tab.active{background:linear-gradient(135deg,#8b5cf64d,#6366f14d);border-color:#8b5cf6;color:#e2e8f0;box-shadow:0 4px 16px #8b5cf64d}.gear-slot-tab.has-equipped .slot-icon{color:#10b981}.gear-items-panel{display:flex;flex-direction:column;gap:12px}.items-panel-title{margin:0;font-size:14px;font-weight:600;color:#cbd5e1}.gear-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;flex:1;overflow-y:auto;padding:4px;min-height:140px}.gear-items-grid::-webkit-scrollbar{width:6px}.gear-items-grid::-webkit-scrollbar-track{background:#0003;border-radius:3px}.gear-items-grid::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.gear-items-grid::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.gear-item-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#1e293bb3;border:2px solid rgba(71,85,105,.4);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.gear-item-card:hover{background:#6366f126;border-color:#6366f180;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.gear-item-card:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.gear-item-card.equipped{background:#10b98126;border-color:#10b981;box-shadow:0 0 16px #10b9814d}.gear-item-card.unequip-card{background:#ef44441a;border-color:#ef44444d}.gear-item-card.unequip-card:hover{background:#ef444433;border-color:#ef444480}.gear-item-card.unequip-card.active{background:#ef444433;border-color:#ef4444;box-shadow:0 0 12px #ef44444d}.unequip-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ef4444}.gear-item-sprite-wrapper{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:4px;overflow:hidden}.gear-item-sprite{width:100%;height:100%;background-size:auto 100%;background-position:0 center;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}.gear-item-name{font-size:9px;font-weight:600;color:#94a3b8;text-align:center;text-transform:uppercase;letter-spacing:.3px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-item-card.equipped .gear-item-name,.gear-item-card.unequip-card.active .gear-item-name{color:#e2e8f0}.equipped-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);padding:2px 6px;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;font-size:7px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 600px){.gear-inventory-container{padding:12px}.gear-slot-tabs{gap:6px}.gear-slot-tab{padding:8px 10px;min-width:50px}.gear-slot-tab .slot-icon{font-size:16px}.gear-slot-tab .slot-label{font-size:8px}.gear-items-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;max-height:220px}.gear-item-card{padding:8px 6px}.gear-item-sprite-wrapper{width:40px;height:40px}.gear-item-sprite{width:48px;height:48px;background-size:auto 48px;transform:scale(.8)}.gear-item-name{font-size:8px}}.character-panel{height:100%;display:flex;flex-direction:column}.character-tab-headers{display:flex;gap:2px;margin-bottom:16px}.character-tab-header{flex:1;background:#0f172acc;border:1px solid #475569;color:#94a3b8;font-size:13px;font-weight:600;padding:10px 12px;cursor:pointer;transition:all .2s ease;border-radius:6px}.character-tab-header:hover{background:#3b82f61a;color:#e2e8f0;border-color:#3b82f6}.character-tab-header.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.character-tab-content{flex:1;overflow:auto;display:flex;flex-direction:column}.character-content{display:flex;flex-direction:column;align-items:center;color:#fff;padding:12px 10px;gap:16px;min-height:min-content}.character-content::-webkit-scrollbar{width:8px}.character-content::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.character-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:4px;border:2px solid rgba(15,23,42,.5)}.character-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfa,#818cf8)}.character-tab-content::-webkit-scrollbar{width:8px}.character-tab-content::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.character-tab-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:4px;border:2px solid rgba(15,23,42,.5)}.character-tab-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfa,#818cf8)}.username-section{text-align:center;width:100%;flex-shrink:0}.username{font-size:24px;font-weight:700;color:#fbbf24;margin:0;transition:all .2s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5);cursor:pointer;padding:8px 16px;border-radius:8px;border:2px solid rgba(251,191,36,.2);background:#fbbf240d;display:inline-block}.username:hover{color:#f59e0b;transform:scale(1.02);background:#fbbf241a;border-color:#fbbf2466;box-shadow:0 0 20px #fbbf2433}.username-input{background:#0000004d;border:2px solid #3b82f6;border-radius:8px;color:#fbbf24;font-size:24px;font-weight:700;text-align:center;padding:8px 16px;outline:none;text-shadow:2px 2px 4px rgba(0,0,0,.5);width:100%;max-width:300px}.avatar-equipment-section{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.gear-slots-left,.gear-slots-right{display:flex;flex-direction:column;gap:8px}.gear-slot-btn{width:48px;height:48px;background:#0f172acc;border:2px solid #475569;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px}.gear-slot-btn.equipped{border-color:#fbbf24;background:#fbbf241a}.gear-slot-btn.hidden{opacity:.5}.gear-slot-btn:hover{border-color:#3b82f6;transform:scale(1.05)}.gear-slot-sprite{image-rendering:pixelated}.avatar-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-container{border-radius:8px;background:#0000004d;overflow:hidden}.gear-layer{image-rendering:pixelated}.player-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:400px;flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:#0f172ab3;padding:10px 6px;border-radius:10px;border:1px solid rgba(99,102,241,.2);transition:all .2s ease}.stat-item:hover{border-color:#6366f180;background:#1e293bcc;transform:translateY(-2px)}.stat-item .stat-icon{font-size:20px}.stat-item .stat-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.stat-item .stat-value{font-size:13px;font-weight:700;color:#e2e8f0}.stat-item .stat-value.positive{color:#22c55e}.stat-item .stat-value.negative{color:#ef4444}.lore-section{width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0}.lore-snippet{background:#0003;border:2px solid rgba(59,130,246,.2);border-radius:8px;padding:16px;color:#cbd5e1;font-style:italic;line-height:1.6;transition:all .2s ease;margin:0;cursor:pointer;text-align:center;word-wrap:break-word}.lore-snippet:hover{background:#3b82f61a;border-color:#3b82f666;box-shadow:0 0 20px #3b82f633;transform:translateY(-1px)}.lore-textarea{width:100%;background:#0000004d;border:2px solid #3b82f6;border-radius:8px;color:#cbd5e1;font-style:italic;padding:16px;outline:none;resize:vertical;font-family:inherit;line-height:1.6;min-height:80px;max-height:120px}.edit-container,.edit-container-col{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.action-btn{border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.action-btn.save{background:#10b981;color:#fff}.action-btn.save:hover{background:#059669}.action-btn.cancel{background:#ef4444;color:#fff}.action-btn.cancel:hover{background:#dc2626}.level-progress-section{flex-shrink:0;width:100%;padding:12px 16px;background:linear-gradient(135deg,#fbbf241f,#f59e0b1f);border:1px solid rgba(251,191,36,.3);border-radius:12px;overflow:hidden;margin-top:8px}.level-progress-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:levelShimmer 4s infinite;z-index:1}@keyframes levelShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.level-header{margin-bottom:8px;position:relative;z-index:2}@media (max-width: 768px){.character-content{padding-bottom:140px}.level-progress-section{padding:16px;bottom:-15px;left:-15px;right:-15px}.level-display{flex-direction:column;gap:8px;align-items:center}.level-badge{padding:6px 12px}.level-badge .level-number{font-size:20px}.current-xp{font-size:16px}.xp-progress-bar{height:20px}.level-rewards-preview{gap:8px}.level-rewards-preview .reward-item{padding:4px 8px;font-size:10px}}.avatar-customization-section{width:100%;min-height:400px;max-height:60vh;display:flex;flex-direction:column;flex-shrink:0}.avatar-customization-layout{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(260px,1.2fr);gap:12px;width:100%;height:100%}@media (max-width: 720px){.avatar-customization-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.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}.reset-game-section{width:100%;max-width:400px;margin-top:8px;flex-shrink:0}.character-reset-btn{width:100%;padding:10px 16px;background:transparent;border:1px dashed rgba(100,116,139,.3);border-radius:8px;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;opacity:.5}.character-reset-btn:hover{opacity:1;background:#dc26261a;border-style:solid;border-color:#dc262666;color:#fca5a5}.character-reset-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px;opacity:1}.reset-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:resetOverlayFadeIn .3s ease-out}@keyframes resetOverlayFadeIn{0%{opacity:0}to{opacity:1}}.reset-modal-container{width:90%;max-width:480px;background:linear-gradient(145deg,#1a1a2e,#16213e,#1a1a2e);border-radius:16px;border:2px solid #dc2626;box-shadow:0 0 40px #dc26264d,0 25px 50px #0009;padding:32px;position:relative;animation:resetSlideIn .4s ease-out}@keyframes resetSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.reset-modal-icon-wrapper{display:flex;justify-content:center;margin-bottom:16px}.reset-modal-icon{font-size:56px;color:#ef4444;filter:drop-shadow(0 0 12px rgba(239,68,68,.5));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.reset-modal-title{color:#fca5a5;font-size:1.5rem;font-weight:700;text-align:center;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:10px}.warning-icon{color:#fbbf24;font-size:1.3rem}.reset-modal-description{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:24px}.reset-warning-text{margin:0 0 12px}.reset-data-list{margin:0 0 16px;padding-left:24px;color:#94a3b8}.reset-data-list li{margin-bottom:6px}.reset-permanent-warning{margin:0;padding:12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;text-align:center}.reset-confirm-form{display:flex;flex-direction:column;gap:12px}.reset-input-label{color:#e2e8f0;font-size:.9rem;font-weight:500}.reset-keyword{color:#ef4444;font-weight:700;font-family:monospace;background:#ef444426;padding:2px 8px;border-radius:4px}.reset-confirm-input{width:100%;padding:12px 16px;background:#0006;border:2px solid #475569;border-radius:8px;color:#f1f5f9;font-size:1rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;box-sizing:border-box}.reset-confirm-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.reset-confirm-input::placeholder{color:#64748b;text-transform:none;letter-spacing:normal}.reset-confirm-input:disabled{opacity:.6;cursor:not-allowed}.reset-error-message{padding:10px 14px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fca5a5;font-size:.85rem}.reset-modal-actions{display:flex;gap:12px;margin-top:8px}.reset-cancel-btn,.reset-confirm-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.reset-cancel-btn{background:#47556980;border:1px solid #475569;color:#cbd5e1}.reset-cancel-btn:hover:not(:disabled){background:#475569b3;border-color:#64748b}.reset-cancel-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.reset-confirm-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;color:#fff;box-shadow:0 4px 12px #dc26264d}.reset-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px #dc262666}.reset-confirm-btn:focus-visible{outline:2px solid #fca5a5;outline-offset:2px}.reset-confirm-btn:disabled{background:#6464644d;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.spinner-icon{animation:spin 1s linear infinite}.reset-hint-text{text-align:center;color:#64748b;font-size:.8rem;margin:16px 0 0}.reset-hint-text kbd{background:#47556980;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.75rem;color:#94a3b8}@media (max-width: 480px){.reset-modal-container{padding:24px;margin:16px;max-width:calc(100% - 32px)}.reset-modal-icon{font-size:44px}.reset-modal-title{font-size:1.25rem}.reset-modal-actions{flex-direction:column}.reset-cancel-btn,.reset-confirm-btn{width:100%}.reset-final-actions{flex-direction:column}.reset-final-no-btn,.reset-final-yes-btn{width:100%}}.reset-final-confirmation{display:flex;flex-direction:column;align-items:center;text-align:center;animation:finalConfirmSlide .3s ease-out}@keyframes finalConfirmSlide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.reset-final-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.reset-final-warning-icon{font-size:72px;color:#fbbf24;filter:drop-shadow(0 0 20px rgba(251,191,36,.5));animation:finalIconPulse 1s ease-in-out infinite}@keyframes finalIconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(251,191,36,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(251,191,36,.8))}}.reset-final-title{color:#fbbf24;font-size:1.75rem;font-weight:700;margin:0 0 16px}.reset-final-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin:0 0 24px;max-width:380px}.reset-final-description strong{color:#fca5a5}.reset-final-actions{display:flex;gap:16px;width:100%;justify-content:center}.reset-final-no-btn,.reset-final-yes-btn{padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:180px}.reset-final-no-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;box-shadow:0 4px 12px #22c55e4d}.reset-final-no-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.reset-final-no-btn:focus-visible{outline:2px solid #86efac;outline-offset:2px}.reset-final-yes-btn{background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #dc2626;color:#fff;box-shadow:0 4px 12px #dc26264d}.reset-final-yes-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px #dc262680}.reset-final-yes-btn:focus-visible{outline:2px solid #fca5a5;outline-offset:2px}.reset-final-yes-btn:disabled,.reset-final-no-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.right-panel-tabs{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e293b,#334155)}.tab-navigation{padding:16px 16px 0;border-bottom:2px solid #475569}.tab-row{display:flex;gap:2px;margin-bottom:8px}.tab-row.bottom-row{margin-bottom:0}.tab-button{flex:1;background:#0f172acc;border:1px solid #475569;color:#94a3b8;font-size:13px;font-weight:600;padding:10px 12px;cursor:pointer;transition:all .2s ease;border-radius:6px;position:relative}.tab-button:hover{background:#3b82f61a;color:#e2e8f0;border-color:#3b82f6}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.tab-content-area{flex:1;overflow-y:auto;padding:20px}.tab-content-area.character-tab-active{padding:0;overflow:hidden}.character-content{height:100%;display:flex;flex-direction:column;align-items:center;color:#fff;position:relative}.username-section{text-align:center;width:100%}.username-container{position:relative;display:flex;justify-content:center;align-items:center}.username-wrapper{position:relative;display:inline-block}.username{font-size:24px;font-weight:700;color:#fbbf24;margin:0;transition:all .2s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5);position:relative}.username.editable{cursor:pointer;padding:8px 16px;border-radius:8px;border:2px solid rgba(251,191,36,.2);background:#fbbf240d}.username.editable:hover{color:#f59e0b;transform:scale(1.02);background:#fbbf241a;border-color:#fbbf2466;box-shadow:0 0 20px #fbbf2433}.username-wrapper .edit-hint{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);font-size:16px;color:#94a3b8;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px;opacity:.7}.username-wrapper .edit-hint:hover{color:#fbbf24;transform:scale(1.1);opacity:1}.username-input{background:#0000004d;border:2px solid #3b82f6;border-radius:8px;color:#fbbf24;font-size:24px;font-weight:700;text-align:center;padding:8px 16px;outline:none;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px}.avatar-sprite{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:4px solid #fbbf24;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #3b82f64d;transition:all .3s ease}.avatar-sprite:hover{transform:scale(1.05);box-shadow:0 12px 48px #3b82f666}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.sprite-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5)}.sprite-icon{font-size:48px}.hat-toggle-button{border:2px solid #64748b;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#0000004d}.hat-toggle-button.enabled{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.hat-toggle-button.disabled{color:#94a3b8;border-color:#64748b}.hat-toggle-button:hover{transform:translateY(-1px)}.lore-section{flex:1;width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start}.lore-container{position:relative;width:100%;display:flex;justify-content:center}.lore-snippet{background:#0003;border:2px solid rgba(59,130,246,.2);border-radius:8px;padding:16px;color:#cbd5e1;font-style:italic;line-height:1.6;transition:all .2s ease;margin:0;position:relative;width:100%;max-width:400px;text-align:center;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.lore-snippet.editable{cursor:pointer;background:#3b82f60d}.lore-snippet.editable:hover{background:#3b82f61a;border-color:#3b82f666;box-shadow:0 0 20px #3b82f633;transform:translateY(-1px)}.lore-container .edit-hint{position:absolute;left:calc(100% + 8px);top:8px;font-size:14px;color:#94a3b8;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px;opacity:.7}.lore-container .edit-hint:hover{color:#3b82f6;transform:scale(1.1);opacity:1}.lore-textarea{width:100%;background:#0000004d;border:2px solid #3b82f6;border-radius:8px;color:#cbd5e1;font-style:italic;padding:16px;outline:none;resize:vertical;font-family:inherit;line-height:1.6;min-height:80px;max-height:120px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.level-progress-section{padding:16px 20px;background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-top:2px solid rgba(251,191,36,.4);box-shadow:0 -4px 20px #fbbf2433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.level-progress-section:before{content:"";position:absolute;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:levelShimmer 4s infinite;z-index:1}@keyframes levelShimmer{0%{left:-100%}to{left:100%}}.level-header{margin-bottom:12px;position:relative;z-index:2}.level-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.level-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:8px 16px;border-radius:20px;box-shadow:0 4px 16px #fbbf2466;border:2px solid rgba(255,255,255,.2)}.level-badge .level-label{font-size:12px;font-weight:600;color:#000c;text-transform:uppercase;letter-spacing:.5px}.level-badge .level-number{font-size:24px;font-weight:800;color:#000000e6;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.xp-display{display:flex;align-items:baseline;gap:4px}.current-xp{font-size:18px;font-weight:700;color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.xp-label{font-size:12px;font-weight:600;color:#cbd5e1;text-transform:uppercase}.next-level-info{text-align:center}.xp-to-next{font-size:11px;color:#94a3b8;font-weight:500}.xp-progress-container{margin-bottom:12px;position:relative;z-index:2}.xp-progress-bar{width:100%;height:28px;background:#00000080;border-radius:14px;overflow:hidden;border:2px solid rgba(251,191,36,.3);position:relative;box-shadow:inset 0 2px 12px #0006}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 20px #fbbf2480}.xp-progress-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShine 2s infinite}.xp-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#000c;text-shadow:1px 1px 2px rgba(255,255,255,.3);z-index:2}.level-rewards-preview{display:flex;justify-content:center;gap:16px;position:relative;z-index:2}.level-rewards-preview .reward-item{display:flex;align-items:center;gap:4px;background:#0000004d;border:1px solid rgba(251,191,36,.3);padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;color:#fbbf24;transition:all .2s ease}.level-rewards-preview .reward-item:hover{background:#fbbf241a;border-color:#fbbf2480;transform:translateY(-1px)}.level-rewards-preview .reward-icon{font-size:12px}.edit-container{position:relative;width:100%}.edit-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.character-counter{font-size:11px;color:#64748b;text-align:right;margin-top:4px;margin-bottom:8px}.lore-container .edit-actions{margin-bottom:30px}.edit-action-button{width:32px;height:32px;border-radius:50%;border:2px solid;background:#0000004d;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-action-button.accept{border-color:#10b981;color:#10b981}.edit-action-button.accept:hover{background:#10b98133;transform:scale(1.1);box-shadow:0 0 16px #10b98166}.edit-action-button.cancel{border-color:#ef4444;color:#ef4444}.edit-action-button.cancel:hover{background:#ef444433;transform:scale(1.1);box-shadow:0 0 16px #ef444466}@media (max-width: 768px){.tab-navigation{padding:12px 12px 0}.tab-button{font-size:12px;padding:8px 10px}.tab-content-area{padding:15px}.avatar-sprite{width:100px;height:100px}.sprite-icon{font-size:40px}.level-progress-section{padding:16px;position:absolute}.avatar-section,.equipment-controls{margin-bottom:15px}.username{font-size:20px}.username.editable{padding:6px 12px}.username-wrapper .edit-hint{left:calc(100% + 6px);font-size:14px}.lore-container .edit-hint{left:calc(100% + 6px);font-size:12px}.lore-container .edit-actions{margin-bottom:25px}.edit-hint{font-size:14px}.lore-container .edit-hint{font-size:12px}.edit-action-button{width:28px;height:28px;font-size:12px}.level-display{flex-direction:column;gap:8px;align-items:center}.level-badge{padding:6px 12px}.level-number{font-size:20px}.current-xp{font-size:16px}.xp-progress-bar{height:20px}.level-rewards-preview{gap:8px}.level-rewards-preview .reward-item{padding:4px 8px;font-size:10px}}.tab-content-area::-webkit-scrollbar{width:6px}.tab-content-area::-webkit-scrollbar-track{background:#0f172a4d}.tab-content-area::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.tab-content-area::-webkit-scrollbar-thumb:hover{background:#64748b}.farming-quest-panel{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto;color:#e2e8f0}.farming-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.farming-stat-card{background:#0f172a99;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease}.farming-stat-card:hover{background:#0f172acc;border-color:#38bdf866;transform:translateY(-2px)}.stat-icon-wrapper{font-size:24px;margin-bottom:8px;padding:10px;background:#38bdf81a;border-radius:50%;color:#38bdf8}.stat-value{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.stat-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.section-header h3{font-size:18px;font-weight:600;color:#f8fafc;display:flex;align-items:center}.farming-xp-progress{background:#0f172a99;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05)}.xp-bar-container{height:8px;background:#0006;border-radius:4px;overflow:hidden;margin:12px 0}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease}.xp-stats{display:flex;justify-content:space-between;font-size:14px;color:#94a3b8}.farming-quests-list{display:flex;flex-direction:column;gap:16px}.farming-quest-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.farming-quest-card.expanded{border-color:#10b98166;box-shadow:0 4px 20px #0003}.farming-quest-header{padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#ffffff05}.farming-quest-header:hover{background:#ffffff0d}.quest-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.farming-quest-title-row{display:flex;align-items:center;gap:12px;width:100%}.quest-status-icon{font-size:20px}.quest-status-icon.active{color:#38bdf8;animation:spin 3s linear infinite}.quest-status-icon.completed{color:#10b981}.quest-info h4{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 4px}.quest-subtitle{font-size:12px;color:#94a3b8}.quest-expand-icon{color:#64748b;transition:transform .3s ease}.farming-quest-card.expanded .quest-expand-icon{transform:rotate(180deg)}.farming-quest-details{border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}.farming-quest-content-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:20px}@media (min-width: 768px){.farming-quest-content-grid{grid-template-columns:1fr 1fr}}.farming-quest-description{color:#cbd5e1;font-size:14px;line-height:1.6;margin-bottom:24px}.farming-steps-section{margin-top:16px}.farming-steps-header{margin-bottom:12px}.farming-steps-title{font-size:14px;color:#38bdf8;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.farming-steps-list{display:flex;flex-direction:column;gap:8px}.farming-step-item{display:flex;gap:12px;padding:12px;border-radius:8px;background:#0003;border:1px solid transparent;transition:all .2s ease}.farming-step-item.current{background:#38bdf81a;border-color:#38bdf84d}.farming-step-item.completed{background:#10b9810d;border-color:#10b98133;opacity:.7}.farming-step-checkbox{font-size:18px;color:#475569;flex-shrink:0;margin-top:2px}.farming-step-item.current .farming-step-checkbox{color:#38bdf8}.farming-step-item.completed .farming-step-checkbox{color:#10b981}.farming-step-title{font-size:14px;font-weight:500;color:#f1f5f9;margin-bottom:2px}.farming-step-description{font-size:12px;color:#94a3b8;line-height:1.4}.farming-step-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:11px}.farming-step-type{color:#64748b;text-transform:uppercase}.farming-step-progress{color:#38bdf8;font-weight:600}.farming-step-item.has-tutorial{cursor:pointer;position:relative}.farming-step-item.has-tutorial:hover{background:#38bdf826;transform:translate(4px);border-color:#38bdf880}.farming-step-item.has-tutorial:after{content:"Click for Guide";position:absolute;top:8px;right:8px;font-size:9px;background:#38bdf833;color:#38bdf8;padding:2px 6px;border-radius:4px;opacity:0;transform:translateY(-5px);transition:all .2s ease}.farming-step-item.has-tutorial:hover:after{opacity:1;transform:translateY(0)}.farming-turn-in-button{width:100%;margin-top:24px;padding:14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.farming-turn-in-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.farming-quest-lore{background:#0000004d;border-radius:8px;padding:16px;border-left:3px solid #f59e0b}.farming-lore-title{color:#f59e0b;font-size:14px;text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center}.farming-lore-content p{font-style:italic;color:#e2e8f0;font-size:13px;line-height:1.6;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gear-crafting-panel{height:100%;display:flex;flex-direction:column;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(145deg,#0f172afa,#1e293bfa);border-radius:16px;overflow:hidden;border:2px solid rgba(139,92,246,.3);box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff1a,0 0 0 1px #8b5cf633}.gear-crafting-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#8b5cf633,#3b82f626);border-bottom:2px solid rgba(139,92,246,.3);position:relative}.gear-crafting-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#8b5cf6);animation:headerGlow 3s ease-in-out infinite}@keyframes headerGlow{0%,to{opacity:.6}50%{opacity:1}}.gear-crafting-title{font-size:22px;font-weight:800;color:#f8fafc;margin:0;display:flex;align-items:center;text-shadow:2px 2px 8px rgba(0,0,0,.6);background:linear-gradient(135deg,#f8fafc,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gear-crafting-close{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.gear-crafting-close:hover{background:#ef444466;color:#fff;transform:scale(1.1);box-shadow:0 0 15px #ef444466}.gear-crafting-tabs{display:flex;gap:4px;padding:12px 24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.gear-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#0f172acc;border:2px solid #475569;border-radius:10px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.gear-tab:hover{background:#8b5cf626;border-color:#8b5cf680;color:#e2e8f0}.gear-tab.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#a78bfa;color:#fff;box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3}.gear-crafting-content{flex:1;display:grid;grid-template-columns:1fr 1.2fr;gap:16px;padding:16px;min-height:0;overflow:hidden}.gear-recipe-list-container{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.gear-filter-row{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.gear-filter-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#1e293bcc;border:1px solid rgba(100,116,139,.3);border-radius:6px;color:#94a3b8;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.gear-filter-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#e2e8f0}.gear-filter-btn.active{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f6;color:#fff;box-shadow:0 0 10px #3b82f633}.gear-recipe-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;background:linear-gradient(135deg,#1e1b23e6,#282332e6);border:3px solid #5c4d3a;border-radius:12px;overflow-y:auto;box-shadow:inset 0 4px 20px #0009,0 0 0 1px #5c4d3a80}.gear-recipe-grid::-webkit-scrollbar{width:8px}.gear-recipe-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.gear-recipe-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5c4d3a,#3d3327);border-radius:4px}.gear-recipe-card{width:100%;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 8px;background:linear-gradient(145deg,#2d2837f2,#231e2df2);border:2px solid #4a4050;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.gear-recipe-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.gear-recipe-card:hover{border-color:#8b5cf6;transform:translateY(-3px);box-shadow:0 8px 20px #8b5cf64d,inset 0 1px #ffffff1a}.gear-recipe-card:hover:before{opacity:1}.gear-recipe-card.selected{border-color:#fbbf24;background:linear-gradient(145deg,#fbbf2426,#2d2837f2 50%);box-shadow:0 0 0 2px #fbbf244d,0 8px 25px #fbbf244d,inset 0 1px #fbbf2433}.gear-recipe-card.missing-ingredients{opacity:.7}.gear-recipe-card.missing-ingredients:hover{opacity:1}.gear-recipe-icon{width:56px;height:56px;background:linear-gradient(145deg,#141219e6,#1e1b23e6);border:2px solid #3d3545;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:0;box-shadow:inset 0 2px 8px #00000080,0 2px 4px #0003;overflow:hidden}.gear-sprite-icon{width:128px;height:100%;background-position:0 0;background-size:auto 100%;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}.gear-recipe-info{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.gear-recipe-name{font-size:11px;font-weight:600;color:#e2e8f0;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.2}.gear-recipe-slot{display:flex;align-items:center;gap:4px;font-size:9px;color:#94a3b8;text-transform:capitalize}.gear-missing-badge{position:absolute;top:6px;right:6px;font-size:12px;color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.gear-no-recipes{grid-column:1 / -1;text-align:center;color:#6b7280;padding:40px 20px;font-style:italic}.gear-recipe-details{display:flex;flex-direction:column;background:linear-gradient(145deg,#231e2df2,#191620f2);border:3px solid #5c4d3a;border-radius:14px;padding:16px;overflow-y:auto;box-shadow:inset 0 2px 15px #0006,0 0 0 1px #5c4d3a66}.gear-recipe-details::-webkit-scrollbar{width:6px}.gear-recipe-details::-webkit-scrollbar-track{background:#0003;border-radius:3px}.gear-recipe-details::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5c4d3a,#3d3327);border-radius:3px}.gear-detail-header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:2px solid rgba(139,92,246,.2);margin-bottom:14px}.gear-detail-title h3{margin:0;font-size:18px;font-weight:700;color:#fbbf24;text-shadow:2px 2px 6px rgba(0,0,0,.6)}.gear-detail-slot{display:flex;align-items:center;gap:6px;font-size:13px;color:#a78bfa;text-transform:capitalize;margin-top:4px}.gear-detail-description{margin:0 0 12px;font-size:13px;color:#cbd5e1;line-height:1.5}.gear-detail-lore{background:linear-gradient(135deg,#8b5cf61a,#0003);border-left:3px solid #8b5cf6;padding:10px 14px;border-radius:0 8px 8px 0;margin-bottom:14px}.gear-detail-lore em{color:#c4b5fd;font-size:12px;line-height:1.6;font-style:italic}.gear-detail-stats{background:#00000040;border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:12px;margin-bottom:14px}.gear-detail-stats h4{margin:0 0 10px;font-size:13px;font-weight:700;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px}.gear-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gear-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#1e293b80;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.stat-label{display:flex;align-items:center;font-size:11px;color:#94a3b8}.stat-value{font-size:12px;font-weight:700}.stat-value.positive{color:#22c55e}.stat-value.negative{color:#ef4444}.gear-detail-ingredients{background:#00000040;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:12px;margin-bottom:14px}.gear-detail-ingredients h4{margin:0 0 10px;font-size:13px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px}.gear-ingredients-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.gear-ingredient{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1e293b80;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.gear-ingredient.have{border-left:3px solid #22c55e;background:linear-gradient(90deg,#22c55e1a,#1e293b80 20%)}.gear-ingredient.missing{border-left:3px solid #ef4444;background:linear-gradient(90deg,#ef44441a,#1e293b80 20%)}.ingredient-name{display:flex;align-items:center;font-size:12px;color:#e2e8f0}.ingredient-qty{font-size:12px;font-weight:600;color:#94a3b8}.gear-ingredient.have .ingredient-qty{color:#22c55e}.gear-ingredient.missing .ingredient-qty{color:#ef4444}.gear-detail-duration{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:14px}.duration-label{display:flex;align-items:center;font-size:12px;color:#94a3b8}.duration-value{font-size:14px;font-weight:700;color:#60a5fa}.gear-craft-error{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#fca5a5;font-size:12px;margin-bottom:14px}.gear-craft-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:10px;color:#1e1b24;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #fbbf2466,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.gear-craft-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.gear-craft-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2480,inset 0 1px #fff6}.gear-craft-btn:hover:not(:disabled):before{left:100%}.gear-craft-btn:disabled{background:linear-gradient(135deg,#475569,#334155);color:#64748b;cursor:not-allowed;box-shadow:none}.gear-detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-align:center}.gear-detail-placeholder p{margin:0;font-size:14px;color:#64748b}.gear-crafting-queue{padding:14px 16px;background:linear-gradient(135deg,#0006,#1e1b2366);border-top:2px solid rgba(139,92,246,.2)}.gear-crafting-queue h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#e2e8f0;display:flex;align-items:center}.gear-queue-empty{margin:0;font-size:12px;color:#6b7280;font-style:italic;text-align:center;padding:10px 0}.gear-queue-list{display:flex;flex-direction:column;gap:8px}.gear-queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(135deg,#2d2837e6,#231e2de6);border:2px solid rgba(251,191,36,.3);border-radius:10px;position:relative;overflow:hidden}.gear-queue-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#fbbf24,#f59e0b);animation:queuePulse 1.5s ease-in-out infinite}@keyframes queuePulse{0%,to{opacity:.6}50%{opacity:1}}.gear-queue-info{flex:1;display:flex;flex-direction:column;gap:4px}.gear-queue-name{font-size:13px;font-weight:600;color:#e2e8f0}.gear-queue-time{display:flex;align-items:center;font-size:11px;color:#60a5fa}.gear-queue-cancel{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:11px}.gear-queue-cancel:hover{background:#ef444466;color:#fff}@media (max-width: 768px){.gear-crafting-content{grid-template-columns:1fr}.gear-recipe-grid{max-height:200px}.gear-stats-grid{grid-template-columns:1fr}}.gear-tab:focus-visible,.gear-filter-btn:focus-visible,.gear-recipe-card:focus-visible,.gear-craft-btn:focus-visible,.gear-queue-cancel:focus-visible,.gear-crafting-close:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}@media (prefers-contrast: high){.gear-crafting-panel{border:3px solid white}.gear-recipe-card,.gear-tab,.gear-filter-btn{border:2px solid white}.gear-craft-btn{border:2px solid black}}@media (prefers-reduced-motion: reduce){.gear-recipe-card,.gear-tab,.gear-craft-btn,.gear-queue-item:before{transition:none;animation:none}}.energy-staking-panel{padding:20px;height:100%;display:flex;flex-direction:column;color:#fff;overflow-y:auto;overflow-x:hidden;gap:20px;box-sizing:border-box}.energy-staking-panel::-webkit-scrollbar{width:8px}.energy-staking-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.energy-staking-panel::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;border:1px solid rgba(16,185,129,.3);box-shadow:0 2px 4px #0000004d}.energy-staking-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#10b98180;box-shadow:0 2px 8px #10b98166}.energy-staking-panel::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#047857,#065f46)}.energy-staking-panel{scrollbar-width:thin;scrollbar-color:#10b981 rgba(0,0,0,.2)}.total-energy-section{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid #10b981;border-radius:16px;padding:20px;box-shadow:0 4px 12px #10b98133}.total-energy-display{display:flex;align-items:center;gap:16px;margin-bottom:16px}.total-energy-icon{font-size:48px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.total-energy-content{flex:1}.total-energy-amount{font-size:36px;font-weight:700;color:#10b981;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1}.total-energy-label{font-size:14px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.total-energy-usd{text-align:right}.usd-amount{font-size:20px;font-weight:600;color:#f59e0b;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.usd-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.energy-breakdown{display:flex;gap:20px;flex-wrap:wrap}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#cbd5e1}.breakdown-dot{width:8px;height:8px;border-radius:50%}.breakdown-dot.staked{background-color:#22c55e}.breakdown-dot.available{background-color:#10b981}.breakdown-dot.inventory{background-color:#8b5cf6}.staked-energy-section{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px solid #22c55e;border-radius:16px;padding:20px;box-shadow:0 4px 12px #22c55e33}.staked-energy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.staked-energy-content{flex:1}.staked-label{font-size:16px;color:#94a3b8;margin-bottom:8px;font-weight:500}.staked-amount{font-size:32px;font-weight:700;color:#22c55e;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1}.staked-value{font-size:14px;color:#f59e0b;margin-top:4px;font-weight:500}.tier-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;text-transform:none;letter-spacing:.5px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 8px #0000004d}.tier-progress{background:#0003;border-radius:8px;padding:12px}.tier-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#94a3b8}.tier-progress-bar{height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.tier-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.staking-actions-section{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;transition:all .3s ease;min-width:0;box-sizing:border-box;width:100%}.action-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stake-card{border-color:#22c55e;background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}.unstake-card{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.action-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.action-icon{font-size:20px;flex-shrink:0}.action-info{flex:1;min-width:0}.action-title{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-subtitle{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-input-group{display:flex;gap:6px;margin-bottom:10px}.action-input{flex:1;padding:8px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;transition:all .3s ease;min-width:0}.action-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.action-input::placeholder{color:#6b7280}.max-button{padding:8px 12px;background:#10b98133;border:1px solid #10b981;border-radius:6px;color:#10b981;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.max-button:hover:not(:disabled){background:#10b9814d;transform:translateY(-1px)}.max-button:disabled{opacity:.5;cursor:not-allowed}.conversion-preview{font-size:11px;color:#f59e0b;margin-bottom:10px;text-align:center;font-weight:500;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-button{width:100%;padding:10px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003;white-space:nowrap}.stake-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.stake-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.unstake-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.unstake-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.action-button:disabled,.action-button.disabled{background:#374151;color:#6b7280;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.action-button:disabled:hover,.action-button.disabled:hover{background:#374151;transform:none;box-shadow:none}@media (max-width: 768px){.energy-staking-panel{padding:16px;gap:16px}.staking-actions-section{grid-template-columns:1fr;gap:12px}.total-energy-display{flex-direction:column;text-align:center;gap:12px}.total-energy-usd{text-align:center}.energy-breakdown{justify-content:center;gap:16px}.staked-energy-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.total-energy-amount{font-size:28px}.staked-amount{font-size:24px}}.pickaxe-forge-panel{background:linear-gradient(135deg,#2d1810,#1a0e08);border:2px solid #8b4513;border-radius:12px;padding:20px;color:#fff;font-family:Arial,sans-serif;height:100%;position:relative;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #8b4513;flex-shrink:0}.panel-header h2{margin:0;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-size:24px}.equipped-info{font-size:14px;opacity:.9;background:#0000004d;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.inventory-scroll-area::-webkit-scrollbar{width:6px}.inventory-scroll-area::-webkit-scrollbar-track{background:#0003;border-radius:3px}.inventory-scroll-area::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.inventory-scroll-area::-webkit-scrollbar-thumb:hover{background:sienna}.inventory-section{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-bottom:20px}.inventory-section h3{margin:0 0 15px;color:#ffeaa7;font-size:18px;flex-shrink:0}.inventory-scroll-area{flex:1;overflow-y:auto;padding-right:8px}.no-pickaxes{text-align:center;padding:40px 20px;background:#0003;border-radius:8px;border:2px dashed #8b4513}.no-pickaxes-icon{font-size:48px;margin-bottom:15px;opacity:.7}.no-pickaxes p{margin:10px 0;color:#ccc}.no-pickaxes-hint{color:gold!important;font-style:italic}.pickaxe-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pickaxe-item{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:2px solid #555;border-radius:6px;padding:10px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pickaxe-item:hover{transform:translateY(-2px);border-color:#777;box-shadow:0 4px 12px #0006}.pickaxe-item.equipped{border-color:#4caf50;background:linear-gradient(135deg,#2e5a2e,#1e3f1e);box-shadow:0 0 12px #4caf504d}.pickaxe-sprite-container{display:flex;justify-content:center;align-items:center;margin-bottom:8px;position:relative;height:28px}.pickaxe-sprite{background-image:url(/pickaxe_rarities.png);background-repeat:no-repeat;image-rendering:pixelated;transform:scale(1)}.equipped-indicator{position:absolute;top:-3px;right:-3px;background:#4caf50;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.pickaxe-info{text-align:center}.pickaxe-name{font-weight:700;margin-bottom:6px;font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.pickaxe-durability{display:flex;flex-direction:column;gap:4px}.durability-bar{width:100%;height:6px;background:#0000004d;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.durability-fill{height:100%;transition:all .3s ease;border-radius:2px}.durability-text{font-size:10px;color:#ccc}.purchase-section{background:linear-gradient(135deg,#4a2c2a,#2d1810);border:2px solid #cd7f32;border-radius:12px;padding:20px;text-align:center}.forge-info h3{margin:0 0 10px;color:#ff6b35;font-size:20px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.forge-info p{margin:0 0 15px;color:#ffcf9e;font-style:italic}.tier-chances{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.chance-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#e5e5e5}.chance-color{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.3)}.forge-button{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;border:none;border-radius:8px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #ff6b354d;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;min-width:200px}.forge-button:hover:not(:disabled){background:linear-gradient(135deg,#ff8e53,#ffa574);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.forge-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite}.error-message{margin-top:15px;padding:10px;background:#f443361a;border:1px solid #f44336;border-radius:6px;color:#ffcdd2;font-size:14px}.error-message.balance-error{background:#ffc1071a;border:1px solid #ffc107;color:#fff8e1}.error-hint{margin-top:8px;padding:8px;background:#0003;border-radius:4px;font-size:12px;opacity:.9;border-left:3px solid #ffc107}.reveal-animation{background:radial-gradient(circle,gold,#ff6b35 70%,#2d1810);border-radius:12px;padding:30px;text-align:center;position:relative;overflow:hidden;animation:revealGlow 3s ease-in-out}@keyframes revealGlow{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc}}.forge-animation{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;position:relative}.anvil{font-size:48px;animation:hammer .5s ease-in-out infinite alternate}.sparks{font-size:24px;animation:sparkle .3s ease-in-out infinite;position:absolute;top:-10px;right:0}.reveal-content{position:relative;z-index:2}.reveal-title{margin:0 0 15px;color:#fff;font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:titlePulse 2s ease-in-out infinite}.revealed-pickaxe{margin:20px auto;animation:pickaxeReveal 2s ease-in-out;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.reveal-content h4{margin:15px 0 10px;font-size:20px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.reveal-content p{margin:0 0 15px;color:#ffcf9e;font-size:14px}@media (max-width: 768px){.pickaxe-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tier-chances{flex-direction:column;align-items:center;gap:8px}.forge-button{padding:12px 20px;font-size:14px;min-width:180px}.panel-header{flex-direction:column;gap:10px;text-align:center}}.forge-section-fixed{flex-shrink:0;border-top:2px solid #8b4513;padding-top:15px}.main-player-ui-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:1000}.main-player-ui-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:3000;pointer-events:none}.ui-container{width:90%;max-width:1200px;height:80%;max-height:800px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;border:2px solid #475569;box-shadow:0 25px 50px #00000080;display:flex;overflow:visible;position:relative;pointer-events:auto}.close-button{position:absolute;top:-16px;right:-16px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1002;transition:all .2s ease}.close-button:hover{background:#dc2626;transform:scale(1.1)}.left-panel{width:35%;background:linear-gradient(180deg,#0f172a,#1e293b);border-right:2px solid #475569;display:flex;flex-direction:column;padding:20px;overflow:hidden;border-top-left-radius:14px;border-bottom-left-radius:14px}.left-panel .tab-content{overflow-y:auto}.tab-headers{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #475569}.tab-header{flex:1;background:transparent;border:none;color:#94a3b8;font-size:11px;font-weight:600;padding:10px 4px;cursor:pointer;position:relative;transition:all .2s ease;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;white-space:nowrap}.tab-header:hover{background:#94a3b81a;color:#e2e8f0}.tab-header.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-bottom:2px solid #3b82f6}.tab-header.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#3b82f6}.tab-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.right-panel{width:65%;display:flex;flex-direction:column;overflow:hidden;border-top-right-radius:14px;border-bottom-right-radius:14px}@media (max-width: 768px){.ui-container{width:95%;height:95%;flex-direction:column}.left-panel{width:100%;height:40%;border-right:none;border-bottom:2px solid #475569}.right-panel{width:100%;height:60%}}:root{--panel-bg-a: #1a1309;--panel-bg-b: #241a0b;--text-muted: #f0e9d6}.farming-forge-panel{background:linear-gradient(135deg,var(--panel-bg-a),var(--panel-bg-b));border:2px solid rgba(139,69,19,.45);border-radius:12px;padding:18px 8px 18px 18px;color:#f6f3e4;display:flex;flex-direction:column;width:100%;box-shadow:0 6px 30px #00000073,0 0 30px #ffd7820f;gap:12px;overflow-y:auto}.forge-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid rgba(255,214,130,.08);padding-bottom:10px;gap:12px}.forge-header h2{margin:0;color:#ffdf8a;font-size:20px;text-shadow:0 0 10px rgba(255,200,80,.28)}.subtitle{font-size:13px;color:#e6dcb8;margin-top:6px;opacity:.95}.header-actions .health-pill{background:#00000040;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);color:#fff;font-size:13px}.farming-tool-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-height:650px;overflow-y:auto;padding-right:6px}.farming-tool-card{display:flex;gap:12px;align-items:stretch;background:linear-gradient(135deg,var(--card-secondary, #2d230e),rgba(0,0,0,.12));border:1px solid rgba(255,215,120,.08);border-radius:10px;padding:12px;transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 6px 18px #0009;overflow:hidden;position:relative}.farming-tool-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.02) 60%);mix-blend-mode:overlay;border-radius:10px}.farming-tool-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #000000a6,0 0 28px var(--card-primary, rgba(255, 215, 120, .12));border-color:#ffd77829}.farming-tool-icon{display:flex;align-items:center;justify-content:center;min-width:55px;max-width:55px}.icon-bubble{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 16px #0009;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff08,#0000002e);color:var(--card-accent, #fff);filter:drop-shadow(0 6px 18px rgba(0,0,0,.65))}.farming-tool-content{flex:1;display:flex;flex-direction:column;gap:8px}.farming-tool-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tool-name{font-weight:700;font-size:16px;color:var(--card-accent, #ffe299);text-shadow:0 0 8px rgba(0,0,0,.6)}.tool-price{font-weight:700;font-size:13px;color:var(--card-primary, #ffd56b);background:#ffffff08;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.03);text-shadow:0 0 6px rgba(0,0,0,.5)}.tool-desc{margin:0;font-size:13px;color:#efe8c8;opacity:.95;line-height:1.25}.tool-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px}.tool-stats{display:flex;flex-direction:column;gap:6px;min-width:150px}.tool-stats small{color:#f0ead4d9;font-size:12px}.durability-bar{width:160px;height:8px;background:linear-gradient(90deg,#0000002e,#00000038);border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.03)}.durability-progress{height:100%;width:100%;background:linear-gradient(90deg,var(--card-accent, #ffd56b) 0%,rgba(255,255,255,.12) 100%);box-shadow:inset 0 -4px 12px #0000004d;transition:width .4s ease}.durability-label{color:#d6caa0;font-size:12px}.forge-actions{display:flex;align-items:center;justify-content:center}.forge-btn{margin:0;background:linear-gradient(180deg,var(--card-accent, #f8cd5e),rgba(255,255,255,.06));color:#140c04f2;border:none;border-radius:9px;padding:8px 12px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 6px 14px #0009}.forge-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 22px #000000b3,0 0 18px #ffffff0a}.forge-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(.06)}.forge-messages{margin-top:6px}.forge-error{text-align:center;background:#ff505014;border:1px solid rgba(255,100,100,.18);color:#ffb6b6;border-radius:8px;padding:8px 12px;font-size:13px}.tools-container{display:flex;flex-direction:column;gap:24px}.tools-section{background:#0003;border:1px solid rgba(255,215,120,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px}.section-subtitle{margin:0;color:#ffeaa7;font-size:18px;display:flex;align-items:center;gap:8px}.forge-action{display:flex;align-items:center;gap:12px}.price-tag{background:#0000004d;padding:4px 8px;border-radius:6px;color:gold;font-size:14px;font-weight:700;border:1px solid rgba(255,215,0,.2)}.rarity-legend{display:flex;gap:16px;padding:8px 12px;background:#00000026;border-radius:8px;font-size:12px}.rarity-item{display:flex;align-items:center;gap:6px}.rarity-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 4px currentColor}.rarity-name{font-weight:600}.rarity-prob{opacity:.7}.tool-inventory-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:280px;overflow-y:auto;overflow-x:hidden;padding-right:4px;padding-bottom:4px}.tool-inventory-list::-webkit-scrollbar{width:6px}.tool-inventory-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.tool-inventory-list::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.tool-inventory-list::-webkit-scrollbar-thumb:hover{background:sienna}.empty-inventory{grid-column:1 / -1;text-align:center;padding:32px;color:#ffffff4d;font-style:italic;background:#0000001a;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}.tool-inventory-card{min-width:0;flex-shrink:0;background:linear-gradient(145deg,#ffffff0d,#0000001a);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:all .2s ease;position:relative}.tool-inventory-card:hover{transform:translateY(-2px);background:linear-gradient(145deg,#ffffff14,#00000026);box-shadow:0 4px 12px #0003}.tool-inventory-card.equipped{background:linear-gradient(145deg,#2ecc7126,#27ae6014);box-shadow:0 0 12px #2ecc7126;border-width:2px}.tool-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.tool-header-row{display:flex;flex-direction:column;align-items:center;gap:4px}.tool-emoji{font-size:28px;background:#0003;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:2px;box-shadow:inset 0 0 10px #0003}.tool-name{font-weight:700;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tool-durability{width:100%;display:flex;flex-direction:column;gap:3px;align-items:center}.durability-bar-bg{width:100%;height:5px;background:#0006;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.durability-bar-fill{height:100%;transition:width .3s ease}.durability-text{font-size:11px;color:#fff9}.equipped-indicator{position:absolute;top:6px;right:6px;font-size:16px;font-weight:700;text-shadow:0 0 10px currentColor;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);background:#0006;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.reveal-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,transparent 70%);border-radius:12px;animation:fadeIn .5s ease-out}.forge-animation{font-size:48px;margin-bottom:20px;position:relative}.anvil{display:inline-block;animation:hammer .5s infinite alternate}.sparks{position:absolute;top:-20px;right:-20px;animation:sparkle 1s infinite linear}.reveal-content{text-align:center;animation:slideUp .5s ease-out}.reveal-title{color:gold;margin:0 0 16px;font-size:24px;text-shadow:0 0 10px rgba(255,215,0,.5)}.revealed-tool-icon{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.legendary-text{color:#e67e22;font-weight:700;margin-top:8px;animation:pulse 1s infinite}@keyframes hammer{0%{transform:rotate(0)}to{transform:rotate(-30deg)}}@keyframes sparkle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.seeds-section{margin-top:14px;border-top:1px solid rgba(255,214,130,.06);padding-top:12px}.seeds-header h3{margin:0;color:#ffdca8}.seeds-body{display:grid;grid-template-columns:1fr 320px;gap:16px;margin-top:10px}.seed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.seed-card{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,var(--card-secondary, #2d230e),rgba(0,0,0,.12));border:1px solid rgba(255,215,120,.06);padding:10px;border-radius:10px}.seed-emoji{font-size:34px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff08,#0000001f);border-radius:8px;box-shadow:0 6px 16px #00000073;color:var(--card-accent, #fff)}.seed-body{flex:1;display:flex;flex-direction:column;gap:6px}.seed-header{display:flex;justify-content:space-between;align-items:center}.seed-name{font-weight:700;color:var(--card-accent, #ffd56b)}.seed-price{font-weight:700;font-size:13px;color:#ffd56b;background:#ffffff08;padding:4px 8px;border-radius:8px}.seed-desc{font-size:13px;color:#efe8c8}.seed-meta{font-size:12px;color:#d6caa0;display:flex;gap:10px}.seed-actions{margin-top:6px}.seed-inventory{display:flex;flex-direction:column;gap:8px}.seed-inv-grid{display:grid;gap:8px;grid-template-columns:1fr}.seed-inv-card{display:flex;gap:8px;align-items:center;background:linear-gradient(135deg,#ffffff05,#0000001f);padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.seed-emoji-small{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff05}.seed-inv-body{display:flex;justify-content:space-between;align-items:center;flex:1}.seed-name-small{font-weight:700;color:#efe8c8}.planted-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.planted-item{display:flex;gap:8px;align-items:center;background:linear-gradient(135deg,#ffffff05,#0000001f);padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.planted-emoji{font-size:26px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.planted-body{flex:1;display:flex;flex-direction:column;gap:6px}.planted-header{display:flex;justify-content:space-between;align-items:center}.planted-name{font-weight:700;color:#efe8c8}.status-pill{padding:4px 8px;border-radius:8px;background:#ffffff08;color:#e6dcb8;font-size:12px}.status-pill.ready{background:linear-gradient(90deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 6px 12px #4caf501f}.planted-info{display:flex;gap:12px;color:#d6caa0;font-size:12px}.planted-actions{margin-top:6px}.forge-btn.small{padding:6px 10px;font-size:13px;border-radius:8px}.forge-btn.tiny{padding:6px 8px;font-size:12px;border-radius:8px}.no-seeds,.no-plants{text-align:center;padding:16px;border-radius:8px;background:#0000001f;border:1px dashed rgba(255,215,120,.06);color:#efe8c8}.farming-forge-panel::-webkit-scrollbar{width:6px}.farming-forge-panel::-webkit-scrollbar-track{background:#0003;border-radius:3px}.farming-forge-panel::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.farming-forge-panel::-webkit-scrollbar-thumb:hover{background:sienna}.no-seeds-icon,.no-plants-icon{font-size:34px;margin-bottom:8px}.seed-thumbnail{width:72px;display:flex;align-items:center}.seed-card{display:flex;gap:12px;padding:8px;border:1px solid rgba(255,255,255,.06);margin:6px 0;border-radius:6px;background:#ffffff05}.seed-grid{display:flex;flex-direction:column;gap:8px}.seed-actions .forge-btn{margin-right:6px}.seed-card{position:relative}.seed-badge{position:absolute;top:-8px;left:-8px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff5f5f,#d80000);color:#fff;font-weight:700;font-size:12px;border-radius:999px;box-shadow:0 4px 10px #d8282847;line-height:1;border:2px solid rgba(255,255,255,.12);transform-origin:center;transition:transform .15s cubic-bezier(.2,.9,.3,1),opacity .12s;z-index:3}.seed-badge[data-count="10"]{padding:0 6px}.seed-badge{animation:badgePop .22s ease-out}.purchased-section{margin-bottom:18px}.purchased-tools-section{background:linear-gradient(180deg,#ffffff05,#00000005);border:1px solid rgba(255,255,255,.04);padding:14px;border-radius:12px}.purchased-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.purchased-tool-card{background:linear-gradient(180deg,#ffffff03,#00000005);border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;gap:8px;transition:transform .12s ease,box-shadow .12s ease}.purchased-tool-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000059}.purchased-tool-header{display:flex;gap:12px;align-items:center}.purchased-tool-icon .icon-bubble{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff08;font-size:28px;box-shadow:inset 0 -6px 12px #0003}.purchased-tool-title .tool-name{font-weight:700;font-size:16px}.purchased-tool-title .tool-meta{font-size:12px;color:#fff9;margin-top:4px}.purchased-tool-body .tool-desc{font-size:13px;color:#ffffffc7;margin:6px 0 10px}.purchased-tool-actions{display:flex;gap:8px;align-items:center}.forge-btn{background:linear-gradient(180deg,#1f7a1f,#147214);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700;min-height:36px;transition:transform .08s ease,opacity .08s ease}.forge-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.07);color:#fff;font-weight:600}.forge-btn.small{padding:6px 10px;font-size:13px;min-height:30px}.forge-btn.disabled,.forge-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.purchased-tool-instances{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin-top:12px}.tool-instance{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);cursor:pointer;min-width:64px;min-height:88px;transition:transform .08s ease,box-shadow .12s ease,background-color .12s ease}.tool-instance:hover{transform:translateY(-6px);box-shadow:0 10px 24px #00000047}.tool-instance.selected-instance{background:#e9fbe8;border-color:#b6f7b2;box-shadow:0 6px 18px #2e7d321f}.tool-instance .icon-bubble{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f1f1f1);color:#222;font-size:20px;box-shadow:inset 0 -6px 10px #0000000f}.tool-instance-meta{display:flex;gap:6px;align-items:center;justify-content:center;width:100%}.inst-uses{background:#0000000f;padding:3px 8px;border-radius:999px;font-weight:700;font-size:12px;color:#0b6b0b}.inst-equipped-badge{font-size:11px;color:#065006;background:#0b6b0b14;padding:2px 6px;border-radius:6px;font-weight:700}.purchased-tool-categories{gap:12px;margin-top:12px}.category-card{display:flex;margin-top:12px;gap:12px;align-items:center;padding:12px;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.category-card .purchased-tool-icon .icon-bubble{width:56px;height:56px;font-size:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff08;color:#fff}.category-card-body{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px}.category-card .tool-name{font-weight:700;font-size:16px}.category-card .tool-meta{font-size:12px;color:#fff9;margin-top:4px}.select-hint{font-weight:700;font-size:13px;color:#ffffffe6;padding:6px 10px;border-radius:8px;background:#0000000a}.category-card.selected-category{background:#065006;border-color:#c8f0c3;box-shadow:0 8px 22px #228b2214}.category-card.selected-category .icon-bubble{background:#065006;color:#0b6b0b}.category-card.disabled-category,.category-card.disabled-category:hover{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 980px){.purchased-tool-categories{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.purchased-tool-categories{grid-template-columns:1fr}}@media (max-width: 720px){.purchased-tool-grid{grid-template-columns:1fr}}@keyframes badgePop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width: 980px){.seeds-body{grid-template-columns:1fr}}@media (max-width: 820px){.farming-tool-list{grid-template-columns:1fr;max-height:520px}.durability-bar{width:100%}.tool-bottom-row{flex-direction:column;align-items:stretch}.forge-btn{width:100%}}.lumbering-forge-panel-modern{background:linear-gradient(135deg,#1f2a1f,#0f1410);border:2px solid #4a2c2a;border-radius:12px;padding:20px;color:#eaf6ea;font-family:Arial,sans-serif;height:100%;display:flex;flex-direction:column}.lumbering-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.04);flex-shrink:0}.lumbering-panel-header h2{margin:0;color:#ffdfa8;font-size:22px}.lumbering-equipped-info{font-size:13px;opacity:.95;background:#ffffff08;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.lumbering-inventory-scroll-area::-webkit-scrollbar{width:8px}.lumbering-inventory-scroll-area::-webkit-scrollbar-track{background:#0000001f;border-radius:4px}.lumbering-inventory-scroll-area::-webkit-scrollbar-thumb{background:#3b6b3b;border-radius:4px}.lumbering-inventory-scroll-area::-webkit-scrollbar-thumb:hover{background:#4fa14f}.lumbering-inventory-section{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-bottom:18px}.lumbering-inventory-section h3{margin:0 0 12px;color:#dff0d6;font-size:16px;flex-shrink:0}.lumbering-inventory-scroll-area{flex:1;overflow-y:auto;padding-right:8px}.lumbering-no-axes{text-align:center;padding:36px 20px;background:#0000001f;border-radius:8px;border:2px dashed rgba(255,255,255,.03)}.lumbering-no-axes-icon{font-size:44px;margin-bottom:12px;opacity:.9}.lumbering-no-axes p{margin:6px 0;color:#cfeace}.lumbering-no-axes-hint{color:#ffdfa8!important;font-style:italic}.lumbering-axe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lumbering-axe-item{background:linear-gradient(135deg,#233423,#142214);border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:10px;cursor:pointer;transition:all .22s ease;position:relative;overflow:hidden}.lumbering-axe-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0009}.lumbering-axe-item.equipped{border-color:#4caf50;background:linear-gradient(135deg,#274b27,#163216);box-shadow:0 0 12px #4caf5029}.lumbering-axe-sprite-container{display:flex;justify-content:center;align-items:center;margin-bottom:8px;position:relative;height:40px}.lumbering-axe-sprite{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff05;border-radius:6px;font-size:22px}.lumbering-axe-emoji{font-size:22px}.lumbering-equipped-indicator{position:absolute;top:-6px;right:-6px;background:#4caf50;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.lumbering-axe-info{text-align:center}.lumbering-axe-name{font-weight:700;margin-bottom:8px;font-size:13px;color:#e8f7e8}.lumbering-axe-durability{display:flex;flex-direction:column;gap:6px;align-items:center}.lumbering-durability-bar{width:100%;height:8px;background:#00000040;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.03)}.lumbering-durability-fill{height:100%;transition:all .3s ease;border-radius:3px}.lumbering-durability-text{font-size:11px;color:#cfeace}.lumbering-purchase-section{background:linear-gradient(135deg,#3a2b24,#1a0f0a);border:1px solid #5a3b2f;border-radius:12px;padding:18px;text-align:center}.lumbering-forge-info h3{margin:0 0 8px;color:#ffb86b;font-size:18px}.lumbering-forge-info p{margin:0 0 12px;color:#f0d5b8;font-style:italic}.lumbering-tier-chances{display:flex;justify-content:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.lumbering-chance-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#e6efdf}.lumbering-chance-color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.08)}.lumbering-forge-button{background:linear-gradient(135deg,#4caf50,#66d17c);color:#000;border:none;border-radius:8px;padding:12px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 0;min-width:220px}.lumbering-forge-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #4caf502e}.lumbering-forge-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.lumbering-loading-spinner{animation:lumbering-spin 1s linear infinite}@keyframes lumbering-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lumbering-error-message{margin-top:12px;padding:10px;background:#f443360f;border:1px solid rgba(244,67,54,.15);border-radius:6px;color:#fcc;font-size:13px}.lumbering-balance-error{background:#ffc1070f;border:1px solid rgba(255,193,7,.12);color:#fff7e0}.lumbering-error-hint{margin-top:8px;padding:8px;background:#0000001f;border-radius:4px;font-size:12px;opacity:.95;border-left:3px solid #ffc107}.lumbering-reveal-animation{background:radial-gradient(circle,#ffdfa8,#ffb86b 60%,#1a0f0a);border-radius:12px;padding:24px;text-align:center;position:relative;overflow:hidden;animation:lumbering-revealGlow 2.6s ease-in-out}@keyframes lumbering-revealGlow{0%,to{box-shadow:0 0 20px #ffd70040}50%{box-shadow:0 0 34px #ffd70080}}.lumbering-forge-animation{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;position:relative}.lumbering-anvil{font-size:40px;animation:lumbering-hammer .5s ease-in-out infinite alternate}.lumbering-sparks{font-size:20px;animation:lumbering-sparkle .35s ease-in-out infinite;position:absolute;top:-8px;right:0}@keyframes lumbering-hammer{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.06)}}@keyframes lumbering-sparkle{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.lumbering-reveal-content{position:relative;z-index:2}.lumbering-reveal-title{margin:0 0 10px;color:#1a0f0a;font-size:20px}.lumbering-revealed-axe{margin:8px auto;animation:lumbering-axeReveal 1.6s ease-in-out;filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}@keyframes lumbering-axeReveal{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:.9}to{transform:scale(1) rotate(360deg);opacity:1}}.lumbering-reveal-content h4{margin:8px 0 6px;font-size:16px;color:#2b3b2b}.lumbering-reveal-content p{margin:0 0 8px;color:#2b3b2b;font-size:13px}@media (max-width: 760px){.lumbering-axe-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.lumbering-forge-button{min-width:160px;padding:10px 16px}.lumbering-panel-header{flex-direction:column;gap:10px;text-align:center}}.lumbering-forge-section-fixed{flex-shrink:0;border-top:1px solid rgba(255,255,255,.03);padding-top:12px}.fishing-forge-panel-modern{background:linear-gradient(135deg,#062533,#02131a);border:2px solid #0f6c84;border-radius:12px;padding:20px;color:#eaf8ff;font-family:Arial,sans-serif;height:100%;position:relative;display:flex;flex-direction:column}.fishing-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(15,108,132,.4);flex-shrink:0}.fishing-panel-header h2{margin:0;color:#7fe3ff;text-shadow:2px 2px 6px rgba(0,0,0,.6);font-size:24px;display:flex;align-items:center;gap:8px}.fishing-equipped-info{font-size:14px;opacity:.95;background:#0000004d;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.fishing-inventory-scroll-area::-webkit-scrollbar{width:6px}.fishing-inventory-scroll-area::-webkit-scrollbar-track{background:#0003;border-radius:3px}.fishing-inventory-scroll-area::-webkit-scrollbar-thumb{background:#0f6c84;border-radius:3px}.fishing-inventory-scroll-area::-webkit-scrollbar-thumb:hover{background:#1993ad}.fishing-inventory-section{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-bottom:20px;background:transparent;border:none;box-shadow:none;padding:0;min-height:0;height:auto}.fishing-inventory-section h3{margin:0 0 15px;color:#bff6ff;font-size:18px;flex-shrink:0}.fishing-inventory-scroll-area{flex:1;overflow-y:auto;padding-right:8px;min-height:0}.fishing-no-rods{text-align:center;padding:40px 20px;background:#0003;border-radius:8px;border:2px dashed rgba(15,108,132,.4);color:#cfeff6}.fishing-no-rods-icon{font-size:48px;margin-bottom:15px;opacity:.8}.fishing-no-rods p{margin:10px 0;color:#cfeff6}.fishing-no-rods-hint{color:#7fe3ff;font-style:italic}.fishing-rod-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fishing-rod-item{background:linear-gradient(135deg,#08181ccc,#061014e6);border:2px solid rgba(255,255,255,.1);border-radius:6px;padding:10px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:block}.fishing-rod-item:hover{transform:translateY(-2px);border-color:#1fbad580;box-shadow:0 4px 12px #042e3880}.fishing-rod-item.equipped{border-color:#2fd6e1;background:linear-gradient(135deg,#2fd6e126,#06101466);box-shadow:0 0 12px #2fd6e126}.fishing-rod-item.selected{outline:2px solid rgba(47,214,225,.3)}.fishing-rod-sprite-container{display:flex;justify-content:center;align-items:center;margin-bottom:8px;position:relative;height:28px;width:100%;background:transparent;border:none}.fishing-rod-sprite{width:auto;height:auto;display:block;font-size:28px;image-rendering:pixelated}.fishing-rod-emoji{font-size:28px}.fishing-equipped-indicator{position:absolute;top:-3px;right:-3px;background:#0f6c84;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 4px #0000004d;padding:0}.fishing-rod-info{text-align:center;width:100%}.fishing-rod-name{font-weight:700;margin-bottom:6px;font-size:12px;color:#eaf8ff;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.fishing-rod-durability{display:flex;flex-direction:column;gap:4px}.fishing-durability-bar{width:100%;height:6px;background:#0000004d;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.fishing-durability-fill{height:100%;transition:width .3s ease;border-radius:2px}.fishing-durability-text{font-size:10px;color:#cfeff6}.fishing-forge-section-fixed{flex-shrink:0;border-top:2px solid rgba(15,108,132,.4);padding-top:15px;background:transparent;border-radius:0;gap:0}.fishing-purchase-section{background:linear-gradient(135deg,#021216cc,#04161ccc);border:2px solid #0f6c84;border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:0;align-items:center}.fishing-forge-info h3{margin:0 0 10px;color:#6ff0ff;font-size:20px;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.fishing-forge-info p{margin:0 0 15px;color:#bfeff6;font-style:italic}.fishing-tier-chances{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap;width:auto;margin-top:0}.fishing-chance-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#dff9ff}.fishing-chance-color{width:12px;height:12px;border-radius:2px;display:inline-block;border:1px solid rgba(255,255,255,.3)}.fishing-forge-button{background:linear-gradient(135deg,#14b8d6,#0f6c84);color:#fff;border:none;border-radius:8px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #0f6c844d;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;min-width:200px}.fishing-forge-button:hover:not(:disabled){background:linear-gradient(135deg,#2fd6e1,#1993ad);transform:translateY(-2px);box-shadow:0 6px 16px #0f6c8466}.fishing-forge-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.fishing-loading-spinner{animation:spin 1s linear infinite}.fishing-error-message{margin-top:15px;padding:10px;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:6px;color:#ffd7d7;font-size:14px;width:auto;text-align:center}.fishing-balance-error{background:#ffd7401a;border:1px solid rgba(255,215,64,.3);color:#fff8e1}.fishing-error-hint{margin-top:8px;padding:8px;background:#0003;border-radius:4px;font-size:12px;opacity:.9;border-left:3px solid #ffd54a}.fishing-reveal-animation{background:radial-gradient(circle,#6fe0ff33,#061216cc 70%,#02080a);border-radius:12px;padding:30px;text-align:center;position:relative;overflow:hidden;animation:revealGlow 3s ease-in-out;border:1px solid rgba(47,214,225,.2);width:100%}@keyframes revealGlow{0%,to{box-shadow:0 0 20px #2fd6e14d}50%{box-shadow:0 0 40px #2fd6e199}}.fishing-forge-animation{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;position:relative}.fishing-anvil{font-size:48px;animation:hammer .5s ease-in-out infinite alternate;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.fishing-sparks{font-size:24px;animation:sparkle .3s ease-in-out infinite;position:absolute;top:-10px;right:0;color:#7fe3fff2}@keyframes hammer{0%{transform:rotate(-10deg) scale(1)}to{transform:rotate(10deg) scale(1.1)}}@keyframes sparkle{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.fishing-reveal-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:0}.fishing-reveal-title{margin:0 0 15px;color:#eaf8ff;font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fishing-revealed-rod{margin:20px auto;animation:pickaxeReveal 2s ease-in-out;filter:drop-shadow(0 0 10px rgba(47,214,225,.6))}@keyframes pickaxeReveal{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(2) rotate(360deg);opacity:1}}.fishing-reveal-content h4{margin:15px 0 10px;font-size:20px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.fishing-reveal-content p{margin:0 0 15px;color:#bfeff6;font-size:14px}.legendary-text{color:gold;font-size:18px;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.8);animation:legendary 1s ease-in-out infinite alternate;margin-top:15px}@keyframes legendary{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.1);filter:brightness(1.2)}}@media (max-width: 768px){.fishing-rod-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.fishing-tier-chances{flex-direction:column;align-items:center;gap:8px}.fishing-forge-button{padding:12px 20px;font-size:14px;min-width:180px}.fishing-panel-header{flex-direction:column;gap:10px;text-align:center}.fishing-forge-panel-modern{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:14px}.fishing-forge-section-fixed{order:2;justify-content:flex-start;align-self:stretch}.fishing-inventory-section{order:1}}.connect-wallet-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f172af2,#1e293bf2,#334155f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .5s ease-out;overflow-y:auto;overflow-x:hidden;padding:20px 0;box-sizing:border-box}.connect-wallet-container{width:90%;max-width:600px;min-height:fit-content;background:#000;border-radius:24px;border:2px solid #8b5cf6;box-shadow:0 25px 50px #000c,0 0 100px #8b5cf64d;overflow:hidden;position:relative;animation:slideUp .6s ease-out;margin:auto;box-sizing:border-box}.connect-wallet-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#8b5cf6);animation:shimmer 3s ease-in-out infinite}.connect-wallet-content{padding:40px 30px;color:#fff;text-align:center}@font-face{font-family:GNF;src:url(/fonts/GNF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.game-title-section{margin-bottom:30px}.wordmark{position:relative;display:inline-block;margin-bottom:16px}.wordmark-main{font-family:GNF,Arial,sans-serif;font-size:64px;font-weight:400;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(139,92,246,.5);letter-spacing:-2px;display:block;line-height:.9;margin:0;text-transform:lowercase;animation:textShine 3s ease-in-out infinite}.wordmark-sub{font-family:GNF,Arial,sans-serif;font-size:24px;font-weight:400;background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(6,182,212,.4);letter-spacing:1px;position:absolute;bottom:-28px;right:-10px;text-transform:uppercase;animation:textShine 3s ease-in-out infinite .5s}.title-decoration{font-size:32px;margin-bottom:10px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.season-badge{margin-bottom:25px;text-align:center}.season-text{font-family:GNF,Arial,sans-serif;font-size:14px;color:#06b6d4;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:4px;text-shadow:0 0 10px rgba(6,182,212,.5)}.season-title{font-family:GNF,Arial,sans-serif;font-size:18px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px;display:block;text-shadow:0 0 15px rgba(139,92,246,.3)}.energy-token-container{margin-bottom:20px;display:flex;justify-content:center}.energy-token{width:64px;height:64px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 0 20px rgba(139,92,246,.6));animation:energyPulse 2s ease-in-out infinite}.welcome-section{margin-bottom:35px}.welcome-title{font-family:GNF,Arial,sans-serif;font-size:28px;font-weight:400;margin:0 0 16px;background:linear-gradient(135deg,#f1f5f9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(241,245,249,.3);letter-spacing:.5px}.welcome-description{font-family:GNF,Arial,sans-serif;font-size:16px;color:#cbd5e1;line-height:1.7;max-width:480px;margin:0 auto 20px;text-shadow:0 0 10px rgba(203,213,225,.2);letter-spacing:.3px}.wallet-section{margin-bottom:30px}.wallet-prompt{margin-bottom:24px}.wallet-prompt h4{font-family:GNF,Arial,sans-serif;font-size:20px;font-weight:400;margin:0 0 8px;background:linear-gradient(135deg,#8b5cf6,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(139,92,246,.3);letter-spacing:.5px}.wallet-prompt p{font-family:GNF,Arial,sans-serif;font-size:14px;color:#94a3b8;margin:0;letter-spacing:.3px;text-shadow:0 0 8px rgba(148,163,184,.2)}.connect-wallet-button-container{display:flex;justify-content:center;margin-bottom:20px}.connect-wallet-button-container .wallet-adapter-button{font-family:GNF,Arial,sans-serif!important;background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;border:2px solid #8b5cf6!important;border-radius:12px!important;padding:16px 32px!important;font-size:18px!important;font-weight:400!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 8px 16px #8b5cf666,0 0 20px #06b6d433!important;text-transform:none!important;min-height:56px!important;position:relative!important;z-index:2001!important;cursor:pointer!important;pointer-events:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;letter-spacing:.5px!important;text-shadow:0 0 10px rgba(255,255,255,.3)!important}.connect-wallet-button-container .wallet-adapter-button:hover{background:linear-gradient(135deg,#06b6d4,#8b5cf6)!important;border-color:#06b6d4!important;transform:translateY(-2px)!important;box-shadow:0 12px 24px #8b5cf680,0 0 30px #06b6d466!important}.connect-wallet-button-container .wallet-adapter-button:active{transform:translateY(0)!important}.connect-wallet-button-container .wallet-adapter-button[disabled]{background:#6b7280!important;border-color:#6b7280!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.features-section{border-top:1px solid rgba(139,92,246,.2);padding-top:30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-item{display:flex;flex-direction:column;align-items:center;padding:20px 10px;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-item:hover{background:#8b5cf61a;border-color:#06b6d466;transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf633}.feature-icon{font-size:32px;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(139,92,246,.6));animation:iconGlow 3s ease-in-out infinite}.feature-text{text-align:center}.feature-text h5{font-family:GNF,Arial,sans-serif;font-size:16px;font-weight:400;margin:0 0 4px;background:linear-gradient(135deg,#f1f5f9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.feature-text span{font-family:GNF,Arial,sans-serif;font-size:12px;color:#94a3b8;letter-spacing:.2px;text-shadow:0 0 5px rgba(148,163,184,.3)}@media (max-width: 768px){.connect-wallet-container{width:95%;margin:20px}.connect-wallet-content{padding:30px 20px}.wordmark-main{font-size:48px}.wordmark-sub{font-size:18px;bottom:-21px;right:-8px}.energy-token{width:48px;height:48px}.season-text{font-size:12px}.season-title{font-size:16px}.title-decoration{font-size:28px}.welcome-title{font-size:24px}.welcome-description{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-item{flex-direction:row;text-align:left;padding:16px}.feature-icon{font-size:24px;margin-right:12px;margin-bottom:0}.feature-text{text-align:left}.connect-wallet-button-container .wallet-adapter-button{font-size:16px!important;padding:14px 28px!important;min-height:50px!important}}@media (max-width: 480px){.wordmark-main{font-size:36px}.wordmark-sub{font-size:16px;bottom:-18px;right:-6px}.energy-token{width:40px;height:40px}.season-text{font-size:11px}.season-title{font-size:14px}.welcome-title{font-size:20px}.connect-wallet-button-container .wallet-adapter-button{font-size:14px!important;padding:12px 24px!important;min-height:48px!important}}:global(.wallet-adapter-modal-overlay){z-index:3000!important}:global(.wallet-adapter-modal){z-index:3001!important}:global(.wallet-adapter-modal-container){z-index:3001!important}:global(.wallet-adapter-modal-wrapper){z-index:3001!important}.wallet-adapter-modal-overlay{z-index:3000!important}.wallet-adapter-modal,.wallet-adapter-modal-container,.wallet-adapter-modal-wrapper{z-index:3001!important}.connect-wallet-overlay::-webkit-scrollbar{width:8px}.connect-wallet-overlay::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.connect-wallet-overlay::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:4px;border:1px solid rgba(139,92,246,.3)}.connect-wallet-overlay::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#06b6d4,#8b5cf6);box-shadow:0 0 10px #8b5cf680}.connect-wallet-overlay{scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(15,23,42,.3)}.mobile-landing-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f172af2,#1e293bf2,#334155f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-start;align-items:flex-start;z-index:2000;animation:fadeIn .5s ease-out;overflow-y:auto;overflow-x:hidden;padding:10px;box-sizing:border-box}.mobile-landing-container{width:100%;max-width:500px;min-height:fit-content;background:#000;border-radius:24px;border:2px solid #8b5cf6;box-shadow:0 25px 50px #000c,0 0 100px #8b5cf64d;overflow:hidden;position:relative;animation:slideUp .6s ease-out;margin:0 auto;box-sizing:border-box}.mobile-landing-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#8b5cf6);animation:shimmer 3s ease-in-out infinite}@keyframes textShine{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.2)}}.mobile-landing-content{padding:20px 15px;color:#fff;text-align:center;box-sizing:border-box}@font-face{font-family:GNF;src:url(/fonts/GNF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.mobile-game-title-section{margin-bottom:20px}.mobile-wordmark{position:relative;display:inline-block;margin-bottom:16px}.mobile-wordmark-main{font-family:GNF,Arial,sans-serif;font-size:36px;font-weight:400;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(139,92,246,.5);letter-spacing:-1px;display:block;line-height:.9;margin:0;text-transform:lowercase;animation:textShine 3s ease-in-out infinite}.mobile-wordmark-sub{font-family:GNF,Arial,sans-serif;font-size:16px;font-weight:400;background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(6,182,212,.4);letter-spacing:1px;position:absolute;bottom:-18px;right:-6px;text-transform:uppercase;animation:textShine 3s ease-in-out infinite .5s}.mobile-title-decoration{font-size:24px;margin-bottom:8px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.mobile-season-badge{margin-bottom:15px;text-align:center}.mobile-season-text{font-family:GNF,Arial,sans-serif;font-size:12px;color:#06b6d4;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:4px;text-shadow:0 0 10px rgba(6,182,212,.5)}.mobile-season-title{font-family:GNF,Arial,sans-serif;font-size:16px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px;display:block;text-shadow:0 0 15px rgba(139,92,246,.3)}.mobile-energy-token-container{margin-bottom:15px;display:flex;justify-content:center}.mobile-energy-token{width:48px;height:48px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 0 20px rgba(139,92,246,.6));animation:energyPulse 2s ease-in-out infinite}@keyframes energyPulse{0%,to{filter:drop-shadow(0 0 20px rgba(139,92,246,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(6,182,212,.8));transform:scale(1.05)}}.mobile-welcome-section{margin-bottom:20px}.mobile-welcome-title{font-family:GNF,Arial,sans-serif;font-size:20px;font-weight:400;margin:0 0 10px;background:linear-gradient(135deg,#f1f5f9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(241,245,249,.3);letter-spacing:.5px}.mobile-welcome-description{font-family:GNF,Arial,sans-serif;font-size:13px;color:#cbd5e1;line-height:1.5;margin:0 0 12px;text-shadow:0 0 10px rgba(203,213,225,.2);letter-spacing:.3px}.mobile-coming-soon-section{margin-bottom:20px;padding:20px 15px;background:#8b5cf61a;border-radius:16px;border:2px solid rgba(139,92,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compatibility-icons{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:12px}.mobile-icon,.browser-icon{font-size:40px;filter:drop-shadow(0 0 15px rgba(139,92,246,.6));animation:mobilePulse 2.5s ease-in-out infinite}.chrome-logo{width:48px;height:48px;filter:drop-shadow(0 0 15px rgba(66,133,244,.6));animation:chromePulse 2.5s ease-in-out infinite .5s}.chrome-logo-small{width:24px;height:24px;filter:drop-shadow(0 0 10px rgba(66,133,244,.6))}@keyframes mobilePulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(139,92,246,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(6,182,212,.8))}}@keyframes chromePulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(66,133,244,.6))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(66,133,244,.8))}}.mobile-coming-soon-title{font-family:GNF,Arial,sans-serif;font-size:24px;font-weight:400;margin:0 0 12px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(139,92,246,.4);letter-spacing:.5px;animation:textShine 3s ease-in-out infinite}.mobile-coming-soon-description{font-family:GNF,Arial,sans-serif;font-size:14px;color:#e2e8f0;line-height:1.5;margin:0 0 15px;text-shadow:0 0 10px rgba(226,232,240,.2);letter-spacing:.3px}.mobile-desktop-prompt{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;background:#06b6d41a;border-radius:12px;border:1px solid rgba(6,182,212,.3);margin-top:15px}.mobile-desktop-icon{font-size:24px;filter:drop-shadow(0 0 10px rgba(6,182,212,.6))}.mobile-desktop-prompt p{font-family:GNF,Arial,sans-serif;font-size:14px;color:#06b6d4;margin:0;font-weight:400;letter-spacing:.5px;text-shadow:0 0 8px rgba(6,182,212,.3)}.mobile-features-section{border-top:1px solid rgba(139,92,246,.2);padding-top:20px}.mobile-feature-grid{display:grid;grid-template-columns:1fr;gap:12px}.mobile-feature-item{display:flex;flex-direction:row;align-items:center;text-align:left;padding:12px;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-feature-item:hover{background:#8b5cf61a;border-color:#06b6d466;transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf633}.mobile-feature-icon{font-size:24px;margin-right:12px;margin-bottom:0;filter:drop-shadow(0 0 10px rgba(139,92,246,.6));animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 10px rgba(139,92,246,.6))}50%{filter:drop-shadow(0 0 15px rgba(6,182,212,.8))}}.mobile-feature-text{text-align:left}.mobile-feature-text h5{font-family:GNF,Arial,sans-serif;font-size:16px;font-weight:400;margin:0 0 4px;background:linear-gradient(135deg,#f1f5f9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.mobile-feature-text span{font-family:GNF,Arial,sans-serif;font-size:12px;color:#94a3b8;letter-spacing:.2px;text-shadow:0 0 5px rgba(148,163,184,.3)}@media (max-width: 480px){.mobile-landing-overlay{padding:5px}.mobile-landing-content{padding:15px 12px}.mobile-game-title-section{margin-bottom:15px}.mobile-wordmark-main{font-size:28px}.mobile-wordmark-sub{font-size:14px;bottom:-15px;right:-5px}.mobile-title-decoration{font-size:20px;margin-bottom:6px}.mobile-energy-token{width:36px;height:36px}.mobile-season-badge{margin-bottom:12px}.mobile-season-text{font-size:10px}.mobile-season-title{font-size:13px}.mobile-welcome-section{margin-bottom:15px}.mobile-welcome-title{font-size:18px;margin-bottom:8px}.mobile-welcome-description{font-size:12px;margin-bottom:10px}.mobile-coming-soon-section{margin-bottom:15px;padding:15px 12px}.mobile-coming-soon-title{font-size:20px;margin-bottom:10px}.mobile-coming-soon-description{font-size:13px;margin-bottom:12px}.mobile-icon,.browser-icon{font-size:32px}.chrome-logo{width:36px;height:36px}.chrome-logo-small{width:20px;height:20px}.compatibility-icons{gap:12px;margin-bottom:10px}.mobile-desktop-prompt{flex-direction:row;flex-wrap:wrap;gap:6px;text-align:center;padding:10px 12px;margin-top:12px}.mobile-desktop-icon{font-size:20px}.mobile-desktop-prompt p{font-size:12px}.mobile-features-section{padding-top:15px}.mobile-feature-grid{gap:10px}.mobile-feature-item{padding:10px}.mobile-feature-icon{font-size:20px;margin-right:10px}.mobile-feature-text h5{font-size:14px}.mobile-feature-text span{font-size:11px}}@media (max-width: 360px){.mobile-landing-overlay{padding:3px}.mobile-landing-container{width:100%;margin:0}.mobile-landing-content{padding:12px 10px}.mobile-wordmark-main{font-size:24px}.mobile-wordmark-sub{font-size:12px;bottom:-12px;right:-4px}.mobile-title-decoration{font-size:18px}.mobile-energy-token{width:32px;height:32px}.mobile-welcome-title{font-size:16px}.mobile-coming-soon-title{font-size:18px}.mobile-coming-soon-section{padding:12px 10px}.mobile-icon,.browser-icon{font-size:28px}.chrome-logo{width:32px;height:32px}.chrome-logo-small{width:18px;height:18px}.compatibility-icons{gap:10px}}.social-verification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;z-index:1000}.social-verification-container{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:2px solid #3b82f6;border-radius:20px;padding:40px;box-shadow:0 20px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:90%}.social-verification-content{text-align:center}.wallet-info{background:#0000004d;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:16px;margin-bottom:30px}.social-accounts-status{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.social-account-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;border:2px solid;transition:all .3s ease}.social-account-item.linked{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e}.social-account-item.not-linked{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef4444}.social-icon{font-size:24px;flex-shrink:0}.social-info{flex:1;text-align:left}.social-platform{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:4px}.social-status{font-size:14px}.linked-status{color:#22c55e;font-weight:500}.not-linked-status{color:#ef4444;font-weight:500}.social-actions{margin-bottom:20px}.link-accounts-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #3b82f64d}.link-accounts-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.proceed-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #22c55e4d}.proceed-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.verification-status{margin-top:20px}@media (max-width: 768px){.social-verification-container{padding:24px;margin:16px}.social-account-item{flex-direction:column;text-align:center;gap:12px}.social-info{text-align:center}.wallet-address{font-size:12px}}.message-signing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;z-index:1000}.message-signing-container{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:2px solid #3b82f6;border-radius:20px;padding:40px;box-shadow:0 20px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:90%}.message-signing-content{text-align:center}.wallet-info{background:#0000004d;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:16px;margin-bottom:20px}.wallet-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.wallet-address{font-size:14px;color:#3b82f6;font-family:Courier New,monospace;word-break:break-all;font-weight:600}.social-verified-section{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e;border-radius:12px;padding:16px;margin-bottom:20px}.verified-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.verified-icon{font-size:18px}.verified-text{font-size:16px;color:#22c55e;font-weight:600}.verified-details{font-size:12px;color:#94a3b8}.auth-error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef4444;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.error-icon{font-size:18px;flex-shrink:0}.error-message{font-size:14px;color:#ef4444;text-align:left}.signing-actions{margin-bottom:20px}.sign-message-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #3b82f64d;display:flex;align-items:center;justify-content:center;gap:8px;min-width:200px}.sign-message-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.sign-message-button:disabled{background:#374151;color:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.security-info{display:flex;align-items:flex-start;gap:12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:left}.security-icon{font-size:18px;flex-shrink:0;margin-top:2px}.security-text{font-size:12px;color:#94a3b8;line-height:1.5}.security-text strong{color:#22c55e}@media (max-width: 768px){.message-signing-container{padding:24px;margin:16px}.sign-message-button{padding:14px 24px;font-size:14px}.security-info{flex-direction:column;text-align:center;gap:8px}}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;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;border-radius:4px}.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-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height: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{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.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;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.wallet-button-container,div.wallet-button-container,.app .wallet-button-container{position:fixed!important;inset:20px 20px auto auto!important;z-index:2000!important;width:170px!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;display:block!important;float:none!important}.wallet-button-container .wallet-connect-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:2px solid #2563eb!important;border-radius:12px!important;padding:12px 20px!important;font-size:14px!important;font-weight:600!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 4px 12px #3b82f64d!important;text-transform:none!important;min-height:44px!important;width:170px!important;box-sizing:border-box!important}.wallet-button-container .wallet-connect-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;border-color:#1d4ed8!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #3b82f666!important}.wallet-connected-container{position:relative!important;width:170px!important;height:auto!important;margin:0!important;padding:0!important;inset:auto!important}.wallet-status-btn{background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:10px 16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;width:170px;box-sizing:border-box}.wallet-status-btn:hover{background:#334155f2;border-color:#64748b;transform:translateY(-1px);box-shadow:0 6px 16px #0006}.wallet-status-content{display:flex;align-items:center;gap:10px;color:#fff}.wallet-status-icon{font-size:16px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.wallet-status-info{display:flex;flex-direction:column;align-items:flex-start}.wallet-status-text{font-size:12px;font-weight:600;color:#22c55e;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.wallet-address{font-size:11px;color:#cbd5e1;font-family:Courier New,monospace}.wallet-dropdown-arrow{font-size:10px;color:#94a3b8;transition:transform .2s ease}.wallet-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#1e293bfa;border:2px solid #475569;border-radius:12px;box-shadow:0 12px 24px #00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-width:280px;overflow:hidden;animation:dropdownSlide .2s ease-out;z-index:2001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-dropdown-item{padding:12px 16px;color:#fff}.wallet-full-address{font-size:11px;color:#cbd5e1;font-family:Courier New,monospace;word-break:break-all;line-height:1.4}.wallet-dropdown-divider{height:1px;background:#ffffff1a;margin:0}.wallet-dropdown-item .wallet-disconnect-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid #dc2626!important;border-radius:8px!important;padding:8px 16px!important;font-size:12px!important;font-weight:600!important;color:#fff!important;transition:all .2s ease!important;width:100%!important;text-transform:none!important;min-height:36px!important}.wallet-dropdown-item .wallet-disconnect-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border-color:#b91c1c!important;transform:translateY(-1px)!important}.wallet-dropdown-overlay{position:fixed;inset:0;background:transparent;z-index:1999}.wallet-button-container .wallet-adapter-button-trigger,.wallet-button-container .wallet-adapter-button{position:static!important;width:auto!important;height:auto!important;margin:0!important;inset:auto!important}@media (max-width: 768px){.wallet-button-container,div.wallet-button-container,.app .wallet-button-container{top:15px!important;right:15px!important}.wallet-status-btn{padding:8px 12px}.wallet-status-content{gap:8px}.wallet-status-icon{font-size:14px}.wallet-status-text{font-size:11px}.wallet-address{font-size:10px}.wallet-dropdown{min-width:240px;margin-top:6px}.wallet-dropdown-item{padding:10px 12px}.wallet-full-address{font-size:10px}.wallet-button-container .wallet-connect-btn{padding:10px 16px!important;font-size:13px!important;min-height:40px!important}}@media (max-width: 400px){.wallet-button-container,div.wallet-button-container,.app .wallet-button-container{top:10px!important;right:10px!important}.wallet-dropdown{min-width:200px}.wallet-status-info{display:none}.wallet-status-btn{padding:8px}}.avatar-select-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f172af2,#1e293bf2,#334155f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .5s ease-out}.avatar-select-container{width:90%;max-width:700px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:24px;border:2px solid #475569;box-shadow:0 25px 50px #0009,0 0 100px #3b82f61a;overflow:hidden;position:relative;animation:slideUp .6s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.avatar-select-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#3b82f6,#8b5cf6);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.avatar-select-content{padding:40px 30px;color:#fff;text-align:center}.avatar-select-header{margin-bottom:30px}.avatar-select-title{font-size:36px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 8px rgba(251,191,36,.3);letter-spacing:-1px}.avatar-select-subtitle{font-size:16px;color:#cbd5e1;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.avatar-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.avatar-row{display:flex;justify-content:center;gap:15px}.avatar-card{width:100px;height:120px;background:linear-gradient(135deg,#374151,#4b5563);border:2px solid #6b7280;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.avatar-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.avatar-card.selected{border-color:#fbbf24;background:linear-gradient(135deg,#f59e0b,#fbbf24);transform:translateY(-4px);box-shadow:0 12px 24px #fbbf2466}.avatar-card.selected:before{content:"✓";position:absolute;top:8px;right:8px;background:#22c55e;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.avatar-image{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.avatar-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.avatar-number{font-size:12px;font-weight:600;color:#e2e8f0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.avatar-card.selected .avatar-number{color:#1f2937}.avatar-card.disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#374151,#2d3748)}.avatar-card.disabled:hover{border-color:#6b7280;transform:none;box-shadow:none}.coming-soon-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;border-radius:14px}.coming-soon-overlay span{color:#fbbf24;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.error-message{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:600;border:2px solid #b91c1c;box-shadow:0 4px 8px #ef44444d;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.avatar-select-footer{display:flex;justify-content:center}.confirm-button{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #16a34a;border-radius:12px;padding:16px 40px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px #22c55e4d}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);border-color:#15803d;transform:translateY(-2px);box-shadow:0 12px 24px #22c55e66}.confirm-button:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}@media (max-width: 768px){.avatar-select-container{width:95%;margin:20px}.avatar-select-content{padding:30px 20px}.avatar-select-title{font-size:28px}.avatar-select-subtitle{font-size:14px}.avatar-row{gap:10px}.avatar-card{width:80px;height:100px}.avatar-image{width:48px;height:48px}.confirm-button{padding:14px 32px;font-size:16px}}@media (max-width: 480px){.avatar-select-title{font-size:24px}.avatar-row{gap:8px}.avatar-card{width:60px;height:80px}.avatar-image{width:40px;height:40px}.avatar-number{font-size:10px}.confirm-button{padding:12px 24px;font-size:14px}}.trailer-video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.trailer-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.trailer-video{width:100%;height:100%;object-fit:contain;background:#000;transition:opacity .3s ease-in-out}.trailer-video-hidden{opacity:0}.trailer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}.trailer-loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #3b82f6;border-radius:50%;animation:trailer-spin 1s linear infinite;margin:0 auto 20px}.trailer-loading-text{font-size:18px;font-weight:500;color:#cbd5e1;margin:0}@keyframes trailer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trailer-interaction-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25}.trailer-play-button{background:#3b82f6e6;color:#fff;border:2px solid #3b82f6;padding:16px 32px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #3b82f64d}.trailer-play-button:hover{background:#3b82f6;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #3b82f666}.trailer-skip-button-overlay{position:absolute;top:30px;right:30px;background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.trailer-skip-button-overlay:hover{background:#3b82f6cc;border-color:#3b82f6;transform:translateY(-2px)}.trailer-branding{position:absolute;bottom:40px;left:40px;z-index:15;opacity:.9}.trailer-wordmark{display:flex;flex-direction:column;align-items:flex-start}.trailer-wordmark-main{font-size:32px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(59,130,246,.3);line-height:1}.trailer-wordmark-sub{font-size:12px;font-weight:600;color:#64748b;letter-spacing:2px;margin-top:2px;text-transform:uppercase}.trailer-error-content{text-align:center;color:#fff;max-width:400px;padding:40px}.trailer-error-icon{font-size:64px;margin-bottom:20px}.trailer-error-title{font-size:24px;font-weight:700;color:#ef4444;margin-bottom:16px}.trailer-error-message{font-size:16px;color:#cbd5e1;line-height:1.6;margin-bottom:30px}.trailer-error-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.trailer-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:120px}.trailer-retry-button{background:#3b82f6;color:#fff}.trailer-retry-button:hover{background:#2563eb;transform:translateY(-2px)}.trailer-skip-button{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.trailer-skip-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.trailer-skip-button-overlay{top:20px;right:20px;padding:10px 16px;font-size:14px}.trailer-branding{bottom:20px;left:20px}.trailer-wordmark-main{font-size:24px}.trailer-wordmark-sub{font-size:10px}.trailer-error-content{padding:20px;max-width:320px}.trailer-error-buttons{flex-direction:column;align-items:center}.trailer-button{width:100%;max-width:200px}}@media (max-width: 768px) and (orientation: landscape){.trailer-video{object-fit:cover}}.enhanced-loot-card-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;animation:overlayFadeIn .3s ease-out}.enhanced-loot-card{width:400px;height:550px;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:20px;padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;font-family:Arial,sans-serif;box-shadow:0 20px 40px #00000080;animation:cardSlideIn .5s ease-out;position:relative;overflow:hidden}.loot-card-title{font-size:24px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.loot-card-gem{width:128px;height:128px;margin:20px auto;display:flex;justify-content:center;align-items:center}.gem-sprite{width:64px;height:64px;transform:scale(2);image-rendering:pixelated;animation:gemPulse 2s ease-in-out infinite}.loot-card-item-name{font-size:28px;font-weight:700;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.loot-card-rarity{font-size:20px;font-weight:700;margin:15px 0;padding:10px 20px;border-radius:25px;text-transform:uppercase;letter-spacing:1px}.loot-card-values{margin:20px 0}.value-label{font-size:16px;color:#ccc;margin-bottom:10px}.energy-value{font-size:18px;font-weight:700;color:#10b981;margin:5px 0}.usd-value{font-size:18px;font-weight:700;color:#22d3ee;margin:5px 0}.loot-card-button{padding:15px 30px;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;color:#fff;background:linear-gradient(145deg,#4a4a4a,#666)}.loot-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.loot-card-button:active{transform:translateY(0)}.enhanced-loot-card.common{border:3px solid #9ca3af;box-shadow:0 0 30px #9ca3af4d,0 20px 40px #00000080}.loot-card-title.common{color:#e5e7eb}.loot-card-rarity.common{background:linear-gradient(145deg,#9ca3af,#6b7280);border:2px solid #e5e7eb}.loot-card-button.common{background:linear-gradient(145deg,#9ca3af,#6b7280)}.loot-card-button.common:hover{background:linear-gradient(145deg,#e5e7eb,#9ca3af);box-shadow:0 8px 16px #9ca3af66}.enhanced-loot-card.uncommon{border:3px solid #10b981;box-shadow:0 0 30px #10b98166,0 20px 40px #00000080}.enhanced-loot-card.uncommon:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(45deg,#10b981,#34d399,#10b981,#34d399);background-size:400% 400%;animation:borderPulse 3s ease-in-out infinite;z-index:-1}.loot-card-title.uncommon{color:#6ee7b7}.loot-card-rarity.uncommon{background:linear-gradient(145deg,#10b981,#059669);border:2px solid #6ee7b7}.loot-card-button.uncommon{background:linear-gradient(145deg,#10b981,#059669)}.loot-card-button.uncommon:hover{background:linear-gradient(145deg,#34d399,#10b981);box-shadow:0 8px 16px #10b98166}.enhanced-loot-card.rare{border:3px solid #3b82f6;box-shadow:0 0 30px #3b82f680,0 20px 40px #00000080}.enhanced-loot-card.rare:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(45deg,#3b82f6,#60a5fa,#3b82f6,#60a5fa);background-size:400% 400%;animation:borderPulse 2.5s ease-in-out infinite;z-index:-1}.enhanced-loot-card.rare .gem-sprite{animation:gemPulse 1.5s ease-in-out infinite,sparkleEffect 3s linear infinite}.loot-card-title.rare{color:#93c5fd}.loot-card-rarity.rare{background:linear-gradient(145deg,#3b82f6,#1d4ed8);border:2px solid #93c5fd}.loot-card-button.rare{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}.loot-card-button.rare:hover{background:linear-gradient(145deg,#60a5fa,#3b82f6);box-shadow:0 8px 16px #3b82f680}.enhanced-loot-card.epic{border:3px solid #8b5cf6;box-shadow:0 0 40px #8b5cf699,0 0 80px #ffd7004d,0 20px 40px #00000080}.enhanced-loot-card.epic:before{content:"";position:absolute;inset:-3px;border-radius:23px;background:linear-gradient(45deg,#8b5cf6,gold,#a855f7,#fcd34d,#8b5cf6);background-size:300% 300%;animation:epicBorderGlow 2s ease-in-out infinite;z-index:-1}.enhanced-loot-card.epic .gem-sprite{animation:gemPulse 1s ease-in-out infinite,epicGlow 2s ease-in-out infinite,sparkleEffect 2s linear infinite}.loot-card-title.epic{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);animation:epicTitleGlow 2s ease-in-out infinite}.loot-card-rarity.epic{background:linear-gradient(145deg,#8b5cf6,#7c3aed,gold);border:2px solid #ffd700;box-shadow:0 0 20px #ffd70080}.loot-card-button.epic{background:linear-gradient(145deg,#8b5cf6,#7c3aed);border:2px solid #ffd700;color:gold;text-shadow:0 0 5px rgba(255,215,0,.5)}.loot-card-button.epic:hover{background:linear-gradient(145deg,#a855f7,#8b5cf6);box-shadow:0 8px 16px #8b5cf680,0 0 20px #ffd7004d;transform:translateY(-3px)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardSlideIn{0%{transform:scale(.5) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes gemPulse{0%,to{transform:scale(2)}50%{transform:scale(2.2)}}@keyframes borderPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes epicBorderGlow{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes epicGlow{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(255,215,0,.3))}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(255,215,0,.6))}}@keyframes epicTitleGlow{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 30px rgba(139,92,246,.3)}}@keyframes sparkleEffect{0%,to{transform:scale(2) rotate(0)}50%{transform:scale(2.1) rotate(180deg)}}.energy-indicator-card{position:fixed!important;top:80px!important;right:20px!important;width:170px!important;max-width:170px!important;height:fit-content!important;max-height:none!important;background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:12px;color:#fff;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box!important}.energy-indicator-card:hover{background:#334155f2;border-color:#64748b;box-shadow:0 6px 16px #00000080}.energy-indicator-card.collapsed{height:auto!important;padding-bottom:8px}.energy-card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.energy-title{display:flex;align-items:center;gap:8px;flex:1}.title-icon{font-size:16px;color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.clickable-section{cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease}.energy-stats-header{display:flex;flex-direction:column;gap:8px;margin-bottom:1px;padding-bottom:0;border-bottom:none}.total-energy{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:4px}.energy-amount{display:flex;flex-direction:column;align-items:center;flex:1}.amount{font-size:16px;font-weight:700;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5)}.currency{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.usd-value{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;background:#00000026;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.usd-amount{font-size:13px;font-weight:600;color:#3b82f6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.usd-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#cbd5e1;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.energy-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;background:#00000026;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.breakdown-item:hover{background:#00000040;border-color:#ffffff1a}.breakdown-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1;font-weight:500}.breakdown-icon{font-size:12px}.breakdown-value{font-size:11px;font-weight:600;color:#e2e8f0}.breakdown-item.staked .breakdown-value{color:#f59e0b}.breakdown-item.unstaked .breakdown-value{color:#10b981}.breakdown-item.inventory .breakdown-value{color:#8b5cf6}.energy-indicator-card.animating{animation:energyGain 2s ease-out;border-color:#10b981;box-shadow:0 4px 20px #10b98199}.energy-indicator-card.animating .amount{animation:numberCountUp 2s ease-out;transform-origin:center}.energy-indicator-card.animating .breakdown-item.unstaked{animation:unstakedPulse 2s ease-out}.energy-indicator-card.animating .breakdown-item.unstaked .breakdown-value{animation:unstakedNumberCountUp 2s ease-out;transform-origin:center}@keyframes energyGain{0%{transform:translateY(-2px) scale(1);border-color:#475569}20%{transform:translateY(-6px) scale(1.05);box-shadow:0 8px 32px #10b981cc;border-color:#10b981}40%{transform:translateY(-4px) scale(1.03);box-shadow:0 6px 28px #10b98199}to{transform:translateY(-2px) scale(1);border-color:#10b981;box-shadow:0 4px 20px #10b98166}}@keyframes numberCountUp{0%{color:#10b981;transform:scale(1);text-shadow:0 1px 2px rgba(0,0,0,.5)}15%{color:#34d399;transform:scale(1.25);text-shadow:0 0 12px rgba(52,211,153,1),0 0 20px rgba(16,185,129,.5)}35%{color:#22d3ee;transform:scale(1.4);text-shadow:0 0 15px rgba(34,211,238,1),0 0 25px rgba(52,211,153,.8)}65%{color:#34d399;transform:scale(1.2);text-shadow:0 0 10px rgba(52,211,153,.8)}85%{color:#10b981;transform:scale(1.1);text-shadow:0 0 8px rgba(16,185,129,.6)}to{color:#10b981;transform:scale(1);text-shadow:0 1px 2px rgba(0,0,0,.5)}}@keyframes unstakedPulse{0%{background:#00000026;border-color:#ffffff0d;transform:scale(1)}25%{background:#10b98133;border-color:#10b98166;transform:scale(1.02);box-shadow:0 0 15px #10b9814d}50%{background:#10b98126;border-color:#10b9814d;transform:scale(1.01);box-shadow:0 0 10px #10b98133}to{background:#00000026;border-color:#ffffff0d;transform:scale(1)}}@keyframes unstakedNumberCountUp{0%{color:#10b981;transform:scale(1)}20%{color:#34d399;transform:scale(1.2);text-shadow:0 0 10px rgba(52,211,153,.9)}40%{color:#22d3ee;transform:scale(1.3);text-shadow:0 0 12px rgba(34,211,238,1)}60%{color:#34d399;transform:scale(1.15);text-shadow:0 0 8px rgba(52,211,153,.7)}80%{color:#10b981;transform:scale(1.05);text-shadow:0 0 6px rgba(16,185,129,.5)}to{color:#10b981;transform:scale(1)}}@media (max-width: 768px){.energy-indicator-card{top:69px;width:180px;padding:12px}.energy-icon{font-size:16px}.amount{font-size:14px}.usd-amount{font-size:12px}.breakdown-label,.breakdown-value{font-size:10px}}@media (max-width: 480px){.energy-indicator-card{top:60px;width:160px;padding:10px}.energy-icon{font-size:14px}.amount{font-size:12px}.usd-amount{font-size:11px}.breakdown-label,.breakdown-value{font-size:9px}}.gain-animation{display:flex;align-items:center;justify-content:center;background:#1e293bd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;z-index:50;animation:fadeIn .3s ease-out}.gain-sparkle{display:flex;align-items:center;gap:8px;color:#fbbf24;font-size:16px;font-weight:800;text-shadow:0 0 10px rgba(251,191,36,.5);animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275)}.gain-text{font-family:inherit;letter-spacing:.5px}@keyframes scaleUp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.inventory-card{width:170px;max-width:170px;height:fit-content;margin-top:12px;max-height:none;background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:12px;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.inventory-card.collapsed{height:auto;padding-bottom:8px}.farming-card{width:170px;max-width:170px;height:fit-content;max-height:none;background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:12px;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.farming-card.collapsed{height:auto;padding-bottom:8px}.inventory-card:hover,.farming-card:hover{background:#334155f2;border-color:#64748b;box-shadow:0 6px 16px #00000080}.clickable-section{cursor:pointer;transition:background-color .2s ease;border-radius:4px}.inventory-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.inventory-title{display:flex;align-items:center;gap:8px;flex:1}.inventory-icon{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.title-text{font-size:12px;font-weight:700;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.collapse-toggle-btn{background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:4px;padding:3px 5px;color:#a5b4fc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px}.collapse-toggle-btn:hover{background:#6366f166;border-color:#6366f199;color:#fff}.collapse-toggle-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.card-scroll-area{max-height:170px;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) rgba(30,41,59,.5)}.card-scroll-area::-webkit-scrollbar{width:4px}.card-scroll-area::-webkit-scrollbar-track{background:#1e293b80;border-radius:2px}.card-scroll-area::-webkit-scrollbar-thumb{background-color:#6366f180;border-radius:2px}.loot-progress-section{display:flex;flex-direction:column}.farming-progress-section{display:flex;flex-direction:column;gap:0px;margin-bottom:6px}.loot-progress-item{display:flex;align-items:center;gap:0px;padding:0;margin-bottom:4px}.farming-icon{width:32px;height:32px;flex-shrink:0}.gem-icon{width:32px;height:32px;background-repeat:no-repeat;background-size:128px 32px;background-position-y:center;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));margin-left:0}.progress-container{display:flex;align-items:center;width:100%;margin-left:6px}.loot-progress-bg,.farming-progress-bg{width:100%;height:16px;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#0006;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000004d}.inventory-progress-fill{position:absolute!important;top:0;left:0;height:100%;box-shadow:inset 0 1px #fff3;z-index:1;border-radius:8px 0 0 8px;width:0%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-text{position:relative;z-index:2;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;text-align:center;padding:0 6px;white-space:nowrap}.show-more-btn{width:100%;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:6px;padding:6px 10px;color:#a5b4fc;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;margin-top:4px}.show-more-btn:hover{background:#6366f14d;border-color:#6366f180;color:#fff}.show-more-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.embercore-section{border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.embercore-title{font-size:10px;font-weight:700;color:#f59e0b;text-align:center;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.8px}.embercore-slots{display:flex;justify-content:space-between;gap:4px}.embercore-slot{width:28px;height:28px;background:#0000004d;border:1px solid rgba(245,158,11,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.embercore-slot:hover{background:#f59e0b1a;border-color:#f59e0b80;transform:scale(1.05)}.slot-gem{width:18px;height:18px;background-repeat:no-repeat;background-size:128px 32px;background-position-y:center;transition:opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.loot-progress-item.progress-gained{animation:progressGained .6s ease-out}.loot-progress-item.progress-gained .gem-icon{animation:gemPulse .6s ease-out}.loot-progress-item.progress-gained .progress-bar-bg{animation:progressBarFlash .6s ease-out}@keyframes progressGained{0%{transform:scale(1)}30%{transform:scale(1.05);box-shadow:0 0 15px #10b98199}to{transform:scale(1);box-shadow:none}}@keyframes gemPulse{0%{transform:scale(1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}50%{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(16,185,129,.8)) drop-shadow(0 1px 2px rgba(0,0,0,.3))}to{transform:scale(1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}}@keyframes progressBarFlash{0%{box-shadow:none;border-color:#ffffff1a}50%{box-shadow:0 0 12px #10b981cc,inset 0 0 8px #10b9814d;border-color:#10b98199}to{box-shadow:none;border-color:#ffffff1a}}@media (max-width: 768px){.inventory-card,.farming-card{width:160px;padding:10px}.gem-icon{width:18px;height:18px;background-size:115px 29px}.loot-progress-bg{height:18px;border-radius:9px}.farming-progress-bg{height:14px;border-radius:7px}.progress-text{font-size:9px}.embercore-slot{width:26px;height:26px}.slot-gem{width:16px;height:16px;background-size:115px 29px}}@media (max-width: 480px){.inventory-card,.farming-card{width:150px;padding:8px}.gem-icon{width:16px;height:16px;background-size:102px 26px}.loot-progress-bg{height:16px;border-radius:8px}.farming-progress-bg{height:12px;border-radius:6px}.progress-text{font-size:8px}.embercore-slot{width:24px;height:24px}.slot-gem{width:14px;height:14px;background-size:102px 26px}}.quest-shortcut-button{position:fixed;top:20px;right:260px;background:#1e293bf2;color:#fff;border:2px solid #475569;border-radius:12px;width:50px;height:50px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006}.quest-shortcut-button:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.quest-shortcut-button:active{transform:scale(.95)}.quest-button-content{position:relative;display:flex;align-items:center;justify-content:center}.quest-shortcut-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.notification-indicator{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:questNotificationPulse 2s infinite}.exclamation{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes questNotificationPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444466}50%{transform:scale(1.1);box-shadow:0 4px 16px #ef444499}}.quest-shortcut-button.has-notification{animation:questButtonGlow 3s infinite}@keyframes questButtonGlow{0%,to{border-color:#475569;box-shadow:0 4px 12px #0006}50%{border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}}@media (max-width: 768px){.quest-shortcut-button{top:15px;right:240px;width:44px;height:44px;font-size:18px}.notification-indicator{width:18px;height:18px;top:-6px;right:-6px}.exclamation{font-size:10px}}@media (max-width: 480px){.quest-shortcut-button{top:10px;right:210px;width:40px;height:40px;font-size:16px}.notification-indicator{width:16px;height:16px;top:-5px;right:-5px}.exclamation{font-size:9px}}.sound-control-button{position:fixed;top:20px;right:320px;background:#1e293bf2;color:#fff;border:2px solid #475569;border-radius:12px;width:50px;height:50px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006}.sound-control-button:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.sound-control-button:active{transform:scale(.95)}.sound-control-button.disabled{background:#1e293bb3;border-color:#374151;opacity:.8}.sound-control-button.disabled:hover{background:#1e293bcc;border-color:#4b5563;transform:scale(1.02)}.sound-button-content{position:relative;display:flex;align-items:center;justify-content:center}.sound-control-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.sound-control-button.disabled .sound-control-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) grayscale(1)}@media (max-width: 768px){.sound-control-button{top:15px;right:300px;width:44px;height:44px;font-size:18px}}@media (max-width: 480px){.sound-control-button{top:10px;right:270px;width:40px;height:40px;font-size:16px}}.sound-control-backdrop{position:fixed;inset:0;background:#00000080;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sound-control-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1e293bfa,#0f172afa);border:2px solid #475569;border-radius:16px;box-shadow:0 20px 40px #0009;z-index:2001;min-width:320px;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:soundPanelSlideIn .3s ease-out}@keyframes soundPanelSlideIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}.sound-control-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #475569;background:#3341554d;border-radius:14px 14px 0 0}.sound-control-header h3{margin:0;color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.close-button{background:#ef444433;border:1px solid #ef4444;border-radius:8px;color:#fecaca;font-size:20px;font-weight:700;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#ef444466;border-color:#dc2626;color:#fff;transform:scale(1.1)}.sound-control-content{padding:20px}.control-section{margin-bottom:20px}.control-section:last-child{margin-bottom:0}.control-label{color:#cbd5e1;font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.toggle-button{display:flex;align-items:center;gap:12px;background:#33415599;border:2px solid #475569;border-radius:12px;padding:12px 16px;color:#fff;cursor:pointer;transition:all .3s ease;width:100%;font-size:16px}.toggle-button:hover{background:#475569cc;border-color:#64748b;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.toggle-button.enabled{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border-color:#22c55e;color:#dcfce7}.toggle-button.enabled:hover{background:linear-gradient(135deg,#22c55e80,#16a34a80);border-color:#16a34a}.toggle-button.disabled{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef4444;color:#fecaca}.toggle-button.disabled:hover{background:linear-gradient(135deg,#ef444480,#dc262680);border-color:#dc2626}.toggle-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.toggle-text{font-weight:700;flex:1;text-align:center}.volume-control{display:flex;align-items:center;gap:12px;background:#33415566;border:1px solid #475569;border-radius:12px;padding:12px 16px}.volume-icon{font-size:16px;color:#94a3b8}.volume-slider{flex:1;height:6px;background:#47556999;border-radius:3px;outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3b82f666;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3b82f699}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #3b82f666}.volume-slider:disabled{opacity:.5;cursor:not-allowed}.volume-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#6b7280;box-shadow:none}.status-section{background:#3341554d;border:1px solid #475569;border-radius:12px;padding:16px}.status-info{display:flex;flex-direction:column;gap:8px}.scene-name{color:#fbbf24;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.track-info{color:#a78bfa;font-size:14px;font-style:italic;opacity:.9}.info-section{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:16px}.info-text{color:#bfdbfe;font-size:13px;line-height:1.5;text-align:center;opacity:.8}@media (max-width: 768px){.sound-control-panel{min-width:280px;max-width:calc(100vw - 40px)}}@media (max-width: 480px){.sound-control-panel{min-width:260px;max-width:calc(100vw - 20px)}.sound-control-header{padding:12px 16px}.sound-control-content{padding:16px}.control-section{margin-bottom:16px}}.help-button{position:fixed;top:20px;right:380px;background:#1e293bf2;color:#fff;border:2px solid #475569;border-radius:12px;width:50px;height:50px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006}.help-button:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.help-button:active{transform:scale(.95)}.help-button-content{position:relative;display:flex;align-items:center;justify-content:center}.help-control-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}@media (max-width: 768px){.help-button{top:15px;right:354px;width:44px;height:44px;font-size:18px}}@media (max-width: 480px){.help-button{top:10px;right:320px;width:40px;height:40px;font-size:16px}}.help-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-popup{background:linear-gradient(135deg,#1e293bfa,#334155fa);border:2px solid #475569;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0009;color:#fff;animation:helpPopupSlideIn .3s ease-out}@keyframes helpPopupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.help-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #475569}.help-popup-header h2{margin:0;font-size:24px;font-weight:700;color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.3)}.help-close-button{background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.help-close-button:hover{background:#ef444433;color:#ef4444}.help-popup-content{padding:20px 24px}.help-section{margin-bottom:24px}.help-section:last-child{margin-bottom:0}.help-section h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.help-control-item{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:8px 0}.help-control-item:last-child{margin-bottom:0}.help-keys{display:flex;gap:6px;min-width:120px}.help-key{background:linear-gradient(135deg,#374151,#1f2937);border:1px solid #4b5563;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:600;color:#f9fafb;text-align:center;min-width:32px;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.5)}.help-key.mouse-key{min-width:80px;font-size:12px}.help-description{color:#cbd5e1;font-size:14px;line-height:1.4;flex:1}.help-popup-footer{padding:16px 24px 20px;border-top:1px solid #475569;background:#0f172a80;border-radius:0 0 14px 14px}.help-popup-footer p{margin:0;font-size:14px;color:#94a3b8;text-align:center;line-height:1.4}.help-popup-footer strong{color:#fbbf24}@media (max-width: 768px){.help-popup{width:95%;max-height:85vh}.help-popup-header{padding:16px 20px 12px}.help-popup-header h2{font-size:20px}.help-popup-content{padding:16px 20px}.help-section{margin-bottom:20px}.help-section h3{font-size:16px}.help-control-item{flex-direction:column;align-items:flex-start;gap:8px}.help-keys{min-width:auto}.help-popup-footer{padding:12px 20px 16px}}@media (max-width: 480px){.help-popup{width:98%;margin:10px}.help-key{padding:4px 8px;font-size:12px;min-width:28px}.help-key.mouse-key{min-width:70px;font-size:11px}}.dialogue-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;z-index:100000;animation:dialogueOverlayFadeIn .3s ease-out}@keyframes dialogueOverlayFadeIn{0%{opacity:0}to{opacity:1}}.dialogue-modal-container{width:95%;max-width:900px;min-height:180px;background:linear-gradient(to bottom,#2b323c,#1a2028);border:4px solid #c0a062;border-radius:12px;box-shadow:0 10px 30px #000c;padding:20px;position:relative;animation:dialogueSlideUp .4s ease-out;display:flex;flex-direction:row;gap:20px;align-items:flex-start;pointer-events:auto}@keyframes dialogueSlideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.dialogue-character-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;width:120px}.dialogue-character-avatar{width:100px;height:100px;border:2px solid #5a6b7c;border-radius:8px;overflow:hidden;background-color:#0f1218;display:flex;justify-content:center;align-items:center}.character-portrait{width:100%;height:100%;object-fit:cover}.character-icon{font-size:48px}.dialogue-character-name{background:#111;color:#fbbf24;padding:4px 8px;border-radius:4px;font-weight:700;font-size:14px;text-align:center;width:100%;border:1px solid #475569;box-shadow:0 2px 4px #0006}.dialogue-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.dialogue-text{color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:18px;line-height:1.6;white-space:pre-wrap;min-height:80px}.dialogue-next-indicator{align-self:flex-end;margin-top:auto;color:#fbbf24;animation:bounce 1s infinite;font-size:24px;cursor:pointer}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.dialogue-actions{position:absolute;bottom:20px;right:20px}.dialogue-continue-button,.dialogue-close-button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s;box-shadow:0 4px 6px #0000004d}.dialogue-continue-button:hover,.dialogue-close-button:hover{background:#2563eb}.dialogue-close-icon{position:absolute;top:10px;right:10px;color:#94a3b8;cursor:pointer;font-size:20px;background:none;border:none}.dialogue-close-icon:hover{color:#fff}.dialogue-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;color:#94a3b8;opacity:.7}.key-hint{background:#334155;padding:2px 6px;border-radius:4px;border:1px solid #475569;font-weight:700;color:#e2e8f0}.chat-hud-collapsed{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#1e293bf2;border:2px solid #475569;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-hud-collapsed:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.chat-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.chat-notification-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;animation:chatNotificationPulse 2s infinite}@keyframes chatNotificationPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444466}50%{transform:scale(1.1);box-shadow:0 4px 16px #ef444499}}.chat-hud-expanded{position:fixed;bottom:20px;right:20px;width:400px;height:500px;background:#1e293bf2;border:2px solid #475569;border-radius:12px;display:flex;flex-direction:column;z-index:1900;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:chatExpand .3s ease-out}@keyframes chatExpand{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;border-radius:10px 10px 0 0}.chat-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:16px}.chat-icon-small{font-size:18px}.online-count{background:#10b98133;color:#10b981;font-size:12px;padding:3px 8px;border-radius:10px;border:1px solid rgba(16,185,129,.3);font-weight:500}.chat-close-button{background:none;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.chat-close-button:hover{background:#ffffff1a;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#64748b}.chat-message{display:flex;flex-direction:column;gap:2px}.message-header{display:flex;justify-content:space-between;align-items:center}.message-username{font-size:13px;font-weight:600;color:#cbd5e1}.message-time{font-size:11px;color:#64748b}.message-content{font-size:14px;line-height:1.4;color:#e2e8f0;padding:8px 10px;background:#00000026;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.system-message .message-username{color:#fbbf24}.system-message .message-content{background:#fbbf241a;border-color:#fbbf2433;color:#fef3c7}.achievement-message .message-username{color:#8b5cf6}.achievement-message .message-content{background:#8b5cf61a;border-color:#8b5cf633;color:#c4b5fd}.user-message .message-username{color:#3b82f6}.chat-input-form{display:flex;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.1);background:#0003;border-radius:0 0 10px 10px}.chat-input{flex:1;background:#0000004d;border:1px solid #475569;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;outline:none;transition:all .2s ease}.chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.chat-input::placeholder{color:#64748b}.chat-send-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.chat-hud-expanded{width:350px;height:450px;bottom:15px;right:15px}.chat-hud-collapsed{width:50px;height:50px;bottom:15px;right:15px}.chat-icon{font-size:20px}.chat-notification-badge{width:18px;height:18px;font-size:9px}}@media (max-width: 480px){.chat-hud-expanded{width:320px;height:400px;bottom:10px;right:10px}.chat-hud-collapsed{width:45px;height:45px;bottom:10px;right:10px}.chat-icon{font-size:18px}.chat-notification-badge{width:16px;height:16px;font-size:8px}}.version-badge{position:fixed;bottom:20px;right:440px;z-index:1899;pointer-events:none;-webkit-user-select:none;user-select:none;animation:versionBadgeFadeIn .5s ease-out}.version-badge-content{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#1e293bf2,#334155f2);border:2px solid rgba(71,85,105,.8);border-radius:12px;padding:6px 12px;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;pointer-events:auto}.version-badge:hover .version-badge-content{background:linear-gradient(135deg,#334155f2,#475569f2);border-color:#64748be6;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.version-label{font-size:11px;font-weight:600;color:#94a3b8e6;letter-spacing:.5px;text-transform:uppercase}.version-number{font-size:12px;font-weight:700;color:#e2e8f0;letter-spacing:.3px;font-variant-numeric:tabular-nums}@media (max-width: 768px){.version-badge{bottom:15px;right:385px}.version-badge-content{padding:5px 10px;border-radius:10px}.version-label{font-size:10px}.version-number{font-size:11px}}@media (max-width: 480px){.version-badge{bottom:10px;right:350px}.version-badge-content{padding:4px 8px;border-radius:8px}.version-label{font-size:9px}.version-number{font-size:10px}}@keyframes versionBadgeFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.player-info-card{background:#1e293bf2;border:2px solid #475569;border-radius:14px;padding:12px;min-width:240px;max-width:280px;box-shadow:0 8px 32px #0009,0 0 16px #6366f11f,inset 0 0 40px #6366f10a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;top:20px;left:20px;z-index:1100;transition:all .3s ease}.player-info-card:hover{background:#334155f2;border-color:#64748b;box-shadow:0 14px 50px #000000b3,0 0 30px #6366f140,inset 0 0 60px #6366f114}.player-info-card.collapsed{height:auto;min-height:auto}.player-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-right:24px}.player-identity{display:flex;align-items:center;gap:14px;flex:1}.collapse-toggle-btn{position:absolute;top:12px;right:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px;color:#94a3b8;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px;width:20px;height:20px;margin:0;z-index:10}.collapse-toggle-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.clickable-section{cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease;margin:-4px -4px 6px}.clickable-section:hover{background-color:#ffffff0d}.clickable-section:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}.xp-section{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.xp-header{display:flex;justify-content:space-between;align-items:center}.xp-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#e2e8f0}.xp-value{font-size:13px;font-weight:700;color:#22d3ee}.section-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent);margin:8px 0}.player-avatar{width:52px;height:52px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #6366f180;flex-shrink:0}.avatar-icon{font-size:28px;color:#fff}.player-details{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.player-name{font-size:18px;font-weight:700;color:#f1f5f9;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name:hover{color:#a5b4fc}.name-input{background:#0006;border:2px solid #6366f1;border-radius:6px;padding:6px 10px;color:#f1f5f9;font-size:16px;font-weight:600;outline:none;width:100%}.player-level{display:flex;align-items:center}.level-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px;box-shadow:0 2px 8px #22c55e66;letter-spacing:.5px}.stats-section{display:flex;flex-direction:column;gap:8px}.stat-bar-item{display:flex;flex-direction:column;gap:3px}.stat-bar-header{display:flex;justify-content:space-between;align-items:center}.stat-bar-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#e2e8f0}.stat-icon{font-size:16px}.stamina-icon{color:#ef4444}.xp-icon{color:#22d3ee}.speed-icon{color:#22c55e}.luck-icon{color:#a855f7}.stat-bar-value{font-size:13px;font-weight:700;color:#94a3b8}.stat-bar-track{height:8px;background:#0f172ae6;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0006}.xp-track{height:14px;border-radius:7px;background:#001428f2}.stat-bar-fill{height:100%;border-radius:4px;transition:width .6s ease;position:relative;overflow:hidden}.stat-bar-fill.animated:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.stamina-fill{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 12px #ef444480}.xp-fill{background:linear-gradient(90deg,#0e7490,#0891b2,#22d3ee);box-shadow:0 0 12px #22d3ee66}.speed-fill{background:linear-gradient(90deg,#16a34a,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e80}.luck-fill{background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);box-shadow:0 0 12px #a855f780}.xp-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.9);z-index:2;white-space:nowrap}.xp-details{display:flex;justify-content:space-between;align-items:center}.xp-to-next{font-size:11px;color:#94a3b8;font-weight:600}.xp-percent{font-size:12px;font-weight:700;color:#22d3ee}.xp-bar-item .stat-bar-value{color:#22d3ee;font-size:14px}.player-reset-btn{width:100%;margin-top:12px;padding:8px 12px;background:transparent;border:1px dashed rgba(100,116,139,.4);border-radius:6px;color:#64748b;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease;opacity:.6}.player-reset-btn:hover{opacity:1;background:#dc26261a;border-color:#dc262666;color:#fca5a5}.player-reset-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px;opacity:1}.unified-activity-card{background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:12px;min-width:160px;max-width:180px;box-shadow:0 4px 16px #00000080,0 0 12px #6366f11a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:20px;left:270px;z-index:1100;transition:all .3s ease}.unified-activity-card:hover{background:#334155f2;border-color:#64748b;transform:translateY(-2px)}.activity-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;padding-right:24px;border-bottom:1px solid rgba(255,255,255,.1)}.activity-card-title{font-size:11px;font-weight:700;color:#e2e8f0;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.expand-toggle-btn{position:absolute;top:12px;right:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px;color:#94a3b8;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px;width:20px;height:20px;z-index:10}.expand-toggle-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.expand-toggle-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.activity-sections{display:flex;flex-direction:column;gap:2px}.activity-section{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:6px;transition:all .2s ease;cursor:pointer}.activity-section:hover{background:#6366f11a}.activity-section:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.section-header{display:flex;align-items:center;gap:6px}.section-icon{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));width:16px;display:flex;justify-content:center}.mining-icon{color:#00d9ff}.activity-farming-icon{color:#10b981}.section-label{flex:1;font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-left:6px}.section-value{font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mining-value{color:#00d9ff}.farming-value{color:#10b981}.section-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);margin:2px 0}.extended-stats{display:none}@media (max-width: 768px){.unified-activity-card{top:10px;left:240px;min-width:140px;max-width:160px;padding:6px 8px}.section-value,.section-icon{font-size:12px}}@media (max-width: 480px){.unified-activity-card{left:220px;min-width:130px;max-width:150px}.section-value{font-size:11px}.activity-card-title{font-size:10px}}.position-update-card{position:fixed!important;top:20px!important;left:440px!important;width:120px!important;max-width:120px!important;height:50px!important;max-height:50px!important;background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:8px 12px;color:#fff;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box!important;display:flex;align-items:center;justify-content:center;gap:8px}.position-update-card:hover{background:#334155f2;border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.position-update-card .stats-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));flex-shrink:0}.position-update-card .stat-value{font-size:12px;font-weight:700;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0}@media (max-width: 768px){.position-update-card{left:445px!important;width:100px!important;max-width:100px!important;height:44px!important;max-height:44px!important;padding:6px 10px;gap:6px}.position-update-card .stats-icon{font-size:16px}.position-update-card .stat-value{font-size:11px}}@media (max-width: 480px){.position-update-card{left:380px!important;width:90px!important;max-width:90px!important;height:40px!important;max-height:40px!important;padding:4px 8px;gap:4px}.position-update-card .stats-icon{font-size:14px}.position-update-card .stat-value{font-size:10px}}.leaderboard-button-collapsed{position:fixed!important;bottom:160px!important;left:20px!important;width:60px!important;max-width:60px!important;height:60px!important;max-height:60px!important;background:#1e293bf2;border:2px solid #475569;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1800;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box!important}.leaderboard-button-collapsed:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.leaderboard-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.leaderboard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:1850;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.leaderboard-expanded{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;max-width:1200px!important;height:85vh!important;max-height:800px!important;background:#1e293bfa;border:2px solid #475569;border-radius:16px;display:flex;flex-direction:column;z-index:1900;box-shadow:0 20px 60px #000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:leaderboardExpand .4s ease-out;box-sizing:border-box!important;overflow:hidden}@keyframes leaderboardExpand{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:14px 14px 0 0}.leaderboard-title{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:24px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.leaderboard-icon-large{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.leaderboard-close-button{background:#ef444433;border:2px solid rgba(239,68,68,.3);color:#ef4444;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .2s ease}.leaderboard-close-button:hover{background:#ef44444d;border-color:#ef444480;color:#fff;transform:scale(1.1)}.leaderboard-content{display:flex;flex:1;height:100%;overflow:hidden}.leaderboard-left-panel{width:60%;display:flex;flex-direction:column;border-right:2px solid rgba(255,255,255,.1);background:#0000001a}.leaderboard-controls{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.ranking-tabs{display:flex;gap:8px;margin-bottom:16px}.ranking-tab{background:#0000004d;border:2px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.ranking-tab:hover{background:#0006;border-color:#fff3;color:#e2e8f0}.ranking-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.search-container{position:relative}.player-search{width:100%;background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;padding:14px 20px 14px 50px;outline:none;transition:all .3s ease}.player-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#00000080}.player-search::placeholder{color:#64748b}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:#64748b;pointer-events:none}.current-player-rank{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#10b9811a,#0596691a)}.rank-label{font-size:12px;color:#10b981;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.current-rank-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#10b9811a;border:2px solid rgba(16,185,129,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.current-rank-item:hover{background:#10b98126;border-color:#10b9814d;transform:translateY(-2px)}.rank-info{display:flex;align-items:center;gap:12px}.rank-number{font-size:16px;font-weight:800;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-avatar{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.player-name{font-size:14px;font-weight:700;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rank-value{font-size:16px;font-weight:800;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5)}.leaderboard-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:#64748b}.leaderboard-entry{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#00000026;border:2px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease}.leaderboard-entry:hover{background:#00000040;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.leaderboard-entry.selected{background:#3b82f626;border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f633}.leaderboard-entry.top-three{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#fbbf2433}.leaderboard-entry.top-three:hover{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf244d}.entry-rank{display:flex;align-items:center;gap:8px;min-width:80px}.entry-player{display:flex;align-items:center;gap:12px;flex:1}.player-details{display:flex;flex-direction:column;gap:2px}.player-level{font-size:11px;color:#94a3b8;font-weight:600}.entry-stats{text-align:right}.player-score{font-size:14px;font-weight:700;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rank-medal{font-size:18px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.page-btn{background:#3b82f633;border:2px solid rgba(59,130,246,.3);color:#3b82f6;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680;color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#e2e8f0;font-weight:600}.leaderboard-right-panel{width:40%;background:linear-gradient(135deg,#0003,#0000001a);overflow-y:auto}.leaderboard-right-panel::-webkit-scrollbar{width:8px}.leaderboard-right-panel::-webkit-scrollbar-track{background:#0003}.leaderboard-right-panel::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.player-profile{padding:24px;height:100%;display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:2px solid rgba(59,130,246,.2);border-radius:16px}.profile-avatar{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.profile-info{flex:1}.profile-name{font-size:24px;font-weight:800;color:#e2e8f0;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.profile-rank{font-size:16px;color:#3b82f6;font-weight:700;margin-bottom:2px}.profile-level{font-size:14px;color:#10b981;font-weight:600}.profile-bio{padding:16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px}.profile-bio p{margin:0;color:#cbd5e1;line-height:1.5;font-size:14px}.profile-stats{display:flex;flex-direction:column;gap:12px}.stat-group{display:flex;gap:12px}.stat-item{flex:1;padding:12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-align:center}.stat-label{display:block;font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:16px;font-weight:700;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stat-value.earned{color:#fbbf24}.stat-value.staked{color:#8b5cf6}.profile-achievements{flex:1}.achievements-title{font-size:16px;color:#e2e8f0;font-weight:700;margin:0 0 12px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.achievements-list{display:flex;flex-direction:column;gap:8px}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border:2px solid;border-radius:10px;transition:all .3s ease}.achievement-item:hover{background:#0000004d;transform:translateY(-1px)}.achievement-icon{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.achievement-info{flex:1}.achievement-name{font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.achievement-desc{font-size:12px;color:#94a3b8;margin-top:2px}.profile-meta{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.join-date{font-size:13px;color:#94a3b8;text-align:center}@media (max-width: 1024px){.leaderboard-expanded{width:95vw!important;height:90vh!important}.leaderboard-left-panel{width:55%}.leaderboard-right-panel{width:45%}}@media (max-width: 768px){.leaderboard-expanded{width:98vw!important;height:95vh!important}.leaderboard-content{flex-direction:column}.leaderboard-left-panel,.leaderboard-right-panel{width:100%}.leaderboard-right-panel{max-height:300px;border-right:none;border-top:2px solid rgba(255,255,255,.1)}.leaderboard-button-collapsed{width:50px!important;height:50px!important;bottom:135px!important;left:15px!important}.leaderboard-icon{font-size:20px}}@media (max-width: 480px){.leaderboard-header{padding:16px 20px}.leaderboard-title{font-size:20px}.leaderboard-button-collapsed{width:45px!important;height:45px!important;bottom:120px!important;left:10px!important}.leaderboard-icon{font-size:18px}}.loading-message,.no-players-message,.profile-loading,.profile-error,.profile-placeholder,.no-achievements{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;font-size:14px;text-align:center;background:#0f172a80;border-radius:8px;border:1px solid #334155}.profile-loading{min-height:200px}.profile-error{color:#ef4444;border-color:#dc2626}.no-achievements{padding:20px;margin:10px 0;font-size:12px}.profile-wallet-address{font-size:12px;color:#64748b;font-family:Courier New,monospace;text-align:center;padding:10px;background:#0f172a80;border-radius:6px;border:1px solid #334155}.feedback-button-collapsed{position:fixed!important;bottom:90px!important;left:20px!important;width:60px!important;max-width:60px!important;height:60px!important;max-height:60px!important;background:#1e293bf2;border:2px solid #475569;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box!important}.feedback-button-collapsed:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.feedback-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.feedback-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:1999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-expanded{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:400px!important;max-width:400px!important;height:500px!important;max-height:500px!important;background:#1e293bfa;border:2px solid #475569;border-radius:12px;display:flex;flex-direction:column;z-index:2000;box-shadow:0 12px 32px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:feedbackExpand .3s ease-out;box-sizing:border-box!important}@keyframes feedbackExpand{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;border-radius:10px 10px 0 0}.feedback-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:16px}.feedback-icon-small{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.feedback-close-button{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s ease}.feedback-close-button:hover{background:#ffffff1a;color:#fff}.feedback-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.feedback-content::-webkit-scrollbar{width:6px}.feedback-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.feedback-content::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.feedback-content::-webkit-scrollbar-thumb:hover{background:#64748b}.feedback-type-tabs{display:flex;gap:8px}.type-tab{flex:1;background:#0003;border:2px solid #475569;border-radius:8px;padding:10px 8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8}.type-tab:hover{background:#0000004d;border-color:#64748b}.type-tab.active{background:#0006;transform:translateY(-1px)}.type-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.type-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feedback-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select,.form-textarea{background:#0000004d;border:1px solid #475569;border-radius:6px;color:#fff;font-size:13px;padding:8px 10px;outline:none;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-input::placeholder,.form-textarea::placeholder{color:#64748b;font-size:12px}.form-select option{background:#1e293b;color:#fff}.form-textarea{resize:vertical;min-height:80px;line-height:1.4}.character-count{align-self:flex-end;font-size:10px;color:#64748b;margin-top:-4px}.form-actions{display:flex;gap:10px;margin-top:8px}.cancel-button{flex:1;background:#0000004d;color:#94a3b8;border:1px solid #475569;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.cancel-button:hover{background:#0006;border-color:#64748b;color:#e2e8f0}.submit-button{flex:2;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px}.submit-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-icon{font-size:12px}.feedback-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003;border-radius:0 0 10px 10px}.footer-note{display:flex;align-items:center;justify-content:center;gap:8px}.note-icon{font-size:14px}.note-text{font-size:11px;color:#94a3b8;font-weight:500;font-style:italic}@media (max-width: 768px){.feedback-expanded{width:350px!important;max-width:350px!important;height:450px!important;max-height:450px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.feedback-button-collapsed{width:50px!important;max-width:50px!important;height:50px!important;max-height:50px!important;bottom:75px!important;left:15px!important}.feedback-icon{font-size:20px}.feedback-title{font-size:14px}.type-tab{padding:8px 6px}.type-icon{font-size:16px}.type-title{font-size:9px}}@media (max-width: 480px){.feedback-expanded{width:320px!important;max-width:320px!important;height:420px!important;max-height:420px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.feedback-button-collapsed{bottom:65px!important;left:10px!important;width:45px!important;max-width:45px!important;height:45px!important;max-height:45px!important}.feedback-icon{font-size:18px}.feedback-title{font-size:13px}.feedback-content{padding:16px;gap:12px}.type-tab{padding:6px 4px}.type-icon{font-size:14px}.type-title{font-size:8px}.form-input,.form-select,.form-textarea{font-size:12px;padding:6px 8px}}.server-status-hud{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Arial,sans-serif}.server-status-hud.collapsed{background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:8px 12px;cursor:pointer;height:50px;min-width:120px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.server-status-hud.collapsed:hover{background:#334155f2;border-color:#64748b;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #00000080}.status-indicator{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:600}.server-globe{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.status-icon{font-size:12px}.ping-value{color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700;white-space:nowrap}.online-count{color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5)}.server-status-hud.expanded{background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:16px;color:#fff;width:280px;max-width:280px}.server-status-hud.expanded:hover{background:#334155f2;border-color:#64748b;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #00000080}.server-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.server-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.server-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.collapse-button{background:transparent;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.collapse-button:hover{background:#ffffff1a;color:#e2e8f0}.server-content{display:flex;flex-direction:column;gap:10px}.status-row{display:flex;gap:16px}.status-row.single{justify-content:center}.status-item{flex:1;display:flex;flex-direction:column;gap:2px}.status-label{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-value{font-size:12px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.status-value.highlight{color:#10b981;font-weight:700}.status-dot{font-size:8px}.server-name{color:#3b82f6;font-weight:700}.server-version{color:#94a3b8;font-size:10px;background:#94a3b833;padding:2px 6px;border-radius:4px;border:1px solid rgba(148,163,184,.3)}.uptime-section{margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.uptime-label{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.uptime-value{font-size:12px;font-weight:600;color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-bottom:6px}.uptime-bar{width:100%;height:6px;background:#0006;border-radius:3px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;margin-bottom:4px}.uptime-progress{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;transition:width .5s ease;position:relative;box-shadow:inset 0 1px 2px #fff3}.uptime-progress:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);border-radius:2px 2px 0 0}.uptime-percentage{font-size:10px;font-weight:600;color:#10b981;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.server-status-hud.collapsed{height:44px;min-width:110px;padding:6px 10px;top:15px}.server-globe{font-size:14px}.status-icon{font-size:10px}.status-indicator{font-size:11px;gap:6px}.server-status-hud.expanded{width:260px;max-width:260px;top:15px;padding:12px}.server-title{font-size:13px}.status-row{gap:12px}}@media (max-width: 480px){.server-status-hud.collapsed{height:40px;min-width:100px;padding:4px 8px;top:10px}.server-globe{font-size:12px}.status-icon{font-size:8px}.status-indicator{font-size:10px;gap:5px}.server-status-hud.expanded{width:240px;max-width:240px;top:10px;padding:10px}.server-title{font-size:12px}.server-icon{font-size:14px}.status-row{gap:8px}}.status-value{transition:color .3s ease}.uptime-progress{animation:pulse 2s ease-in-out infinite alternate}@keyframes pulse{0%{box-shadow:inset 0 1px 2px #fff3}to{box-shadow:inset 0 1px 2px #fff3,0 0 8px #10b9814d}}.performance-card{position:fixed!important;left:20px!important;top:50%!important;transform:translateY(-50%);width:600px!important;max-width:600px!important;min-height:320px!important;padding:32px 34px;color:#eaf2ff;z-index:1920;border-radius:16px;border:0;background:radial-gradient(1200px 600px at -20% 0%,rgba(59,130,246,.18),transparent 60%),radial-gradient(1000px 700px at 120% 100%,rgba(99,102,241,.2),transparent 55%),linear-gradient(180deg,#030712e6,#0f172ae6);box-shadow:0 20px 60px #02061799,inset 0 0 0 1px #ffffff0a,0 0 40px #3b82f62e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.performance-card:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 0% 0%,rgba(56,189,248,.14),transparent 40%),radial-gradient(100% 70% at 100% 100%,rgba(168,85,247,.18),transparent 45%);pointer-events:none}.performance-card:after{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#3b82f6e6,#a855f7e6,#38bdf8e6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.perf-header{position:relative;margin-bottom:18px;text-align:center}.perf-title{font-size:64px;letter-spacing:.6px;font-weight:800;margin:0;background:linear-gradient(90deg,#93c5fd,#e9d5ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(59,130,246,.25);font-family:GNF,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";text-transform:uppercase}.perf-title-glow{position:absolute;top:-16px;left:-16px;right:-16px;height:48px;background:radial-gradient(60% 100% at 20% 50%,rgba(59,130,246,.15),transparent 60%),radial-gradient(60% 100% at 80% 50%,rgba(168,85,247,.15),transparent 60%);filter:blur(16px);pointer-events:none}.perf-grid{display:grid;grid-template-columns:1fr;gap:14px}.perf-item{position:relative;padding:16px;border-radius:12px;background:linear-gradient(180deg,#1f2937bf,#0f172a99);border:1px solid rgba(147,197,253,.25);box-shadow:inset 0 0 0 1px #ffffff08,0 8px 24px #02061799;display:flex;align-items:center;justify-content:space-between}.perf-item:after{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(120% 80% at 0% 0%,rgba(59,130,246,.16),transparent 50%),radial-gradient(120% 80% at 100% 100%,rgba(168,85,247,.16),transparent 50%);opacity:.8;pointer-events:none}.perf-label{font-size:36px;font-weight:900;letter-spacing:.5px;color:#c7d2fe;background:linear-gradient(90deg,#a5b4fc,#86efac);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.35);font-family:GNF,ui-sans-serif,system-ui}.perf-value{margin-top:0;font-weight:900;color:#e2e8f0;text-shadow:0 2px 10px rgba(0,0,0,.45)}.perf-value.large{font-size:72px;background:linear-gradient(90deg,#93c5fd,#c4b5fd,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:GNF,ui-sans-serif,system-ui}.perf-value.fps{font-size:72px;background:linear-gradient(90deg,#34d399,#10b981,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:GNF,ui-sans-serif,system-ui}.perf-value.fps.alt{background:linear-gradient(90deg,#f59e0b,#fb923c,#f472b6);-webkit-background-clip:text;background-clip:text;font-family:GNF,ui-sans-serif,system-ui}.perf-auras .aura{position:absolute;border-radius:50%;filter:blur(24px);opacity:.35;pointer-events:none}.perf-auras .a1{width:140px;height:140px;left:-40px;bottom:-40px;background:radial-gradient(closest-side,rgba(59,130,246,.5),transparent)}.perf-auras .a2{width:160px;height:160px;right:-50px;top:-50px;background:radial-gradient(closest-side,rgba(168,85,247,.45),transparent)}.perf-auras .a3{width:120px;height:120px;left:50%;bottom:-60px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(56,189,248,.45),transparent)}@media (max-width: 768px){.performance-card{left:12px!important;width:460px!important;max-width:94vw!important;padding:26px 28px}}@media (max-width: 480px){.performance-card{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;padding:22px 24px}}.xp-notification{position:fixed;top:20px;right:20px;z-index:10000;opacity:0;transform:translate(100px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.xp-notification.visible{opacity:1;transform:translate(0)}.xp-notification-content{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #fbbf24;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0000004d,0 0 20px #fbbf2433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.xp-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fbbf241a;border-radius:8px;border:1px solid rgba(251,191,36,.3)}.xp-details{display:flex;flex-direction:column;gap:2px}.xp-amount{font-size:18px;font-weight:700;color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1}.xp-activity{font-size:12px;font-weight:500;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;line-height:1}.xp-notification:nth-child(2){top:80px}.xp-notification:nth-child(3){top:140px}.xp-notification:nth-child(4){top:200px}@media (max-width: 768px){.xp-notification{right:10px;top:10px}.xp-notification-content{padding:10px 12px;min-width:160px}.xp-amount{font-size:16px}.xp-activity{font-size:11px}.xp-icon{font-size:20px;width:28px;height:28px}}.achievement-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid;border-radius:12px;padding:16px;min-width:320px;max-width:400px;box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15000;transform:translate(100%);opacity:0;transition:all .3s ease}.achievement-notification.visible{transform:translate(0);opacity:1}.achievement-notification-content{display:flex;flex-direction:column;gap:12px}.achievement-notification-header{display:flex;align-items:flex-start;gap:12px}.achievement-notification-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #0003}.achievement-notification-text{flex:1;min-width:0}.achievement-notification-title{font-size:12px;font-weight:600;color:#f59e0b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.achievement-notification-name{font-size:16px;font-weight:700;color:#f1f5f9;margin-bottom:4px;line-height:1.2}.achievement-notification-description{font-size:13px;color:#cbd5e1;line-height:1.4}.achievement-notification-rewards{display:flex;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.reward-item{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;color:#f1f5f9}.achievement-notification-close{position:absolute;top:8px;right:8px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;font-size:12px;transition:all .2s ease}.achievement-notification-close:hover{background:#0006;color:#f1f5f9}@keyframes achievementGlow{0%,to{box-shadow:0 10px 40px #0000004d}50%{box-shadow:0 10px 40px #f59e0b33}}.achievement-notification.visible{animation:achievementGlow 2s ease-in-out}@media (max-width: 768px){.achievement-notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.achievement-notification-icon{width:40px;height:40px;font-size:20px}.achievement-notification-name{font-size:14px}.achievement-notification-description{font-size:12px}}.lock-indicator{position:fixed;top:20px;left:50%;transform:translate(calc(-50% + 160px));background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:8px 12px;cursor:default;height:50px;min-width:80px;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0006;z-index:1900;transition:all .3s ease;font-family:Arial,sans-serif;animation:lock-pulse 2s ease-in-out infinite}.lock-icon{font-size:16px;color:#ef4444;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.lock-timer{color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700;font-size:12px}@keyframes lock-pulse{0%,to{box-shadow:0 4px 12px #0006,0 0 8px #ef44444d}50%{box-shadow:0 4px 12px #0006,0 0 12px #ef444480}}@media (max-width: 768px){.lock-indicator{top:60px;left:50%;transform:translate(-50%);font-size:11px}.lock-icon{width:18px;height:18px;font-size:12px}.lock-timer{font-size:10px;min-width:25px}}@media (min-width: 769px) and (max-width: 1024px){.lock-indicator{transform:translate(calc(-50% + 80px))}}.app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000;position:relative}.app{width:100%;height:100%}.app>.game-container,.app>canvas,.app>.main-player-ui{width:100%;height:100%}.menu-toggle-button{position:fixed;top:20px;right:200px;background:#1e293bf2;color:#fff;border:2px solid #475569;border-radius:12px;width:50px;height:50px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006}.menu-toggle-button:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.menu-toggle-button:active{transform:scale(.95)}@media (max-width: 768px){.menu-toggle-button{top:15px;right:180px;width:44px;height:44px;font-size:18px}}@media (max-width: 480px){.menu-toggle-button{top:10px;right:160px;width:40px;height:40px;font-size:16px}}.wallet-adapter-modal-overlay{z-index:10000!important;background:#000c!important}.wallet-adapter-modal,.wallet-adapter-modal-container,.wallet-adapter-modal-wrapper{z-index:10001!important}.wallet-adapter-modal-button-close{z-index:10002!important}.wallet-adapter-modal-container{background:linear-gradient(135deg,#1e293b,#334155)!important;border-radius:16px!important;border:2px solid #475569!important;box-shadow:0 25px 50px #000c!important}.wallet-adapter-modal-title{color:#f1f5f9!important;font-weight:600!important;text-align:center!important;margin-bottom:20px!important}.wallet-adapter-modal-list{background:transparent!important}.wallet-adapter-modal-list .wallet-adapter-modal-list-item{background:#0003!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;margin-bottom:8px!important;transition:all .2s ease!important}.wallet-adapter-modal-list .wallet-adapter-modal-list-item:hover{background:#0000004d!important;border-color:#fff3!important;transform:translateY(-2px)!important}._hud_1d03a_1{position:fixed;bottom:24px;left:50%;transform:translate(-50%);border-radius:12px;padding:4px;background:#1e293bf2;box-shadow:0 6px 18px #0000006b;border:2px solid #f59e0b;display:inline-block;-webkit-tap-highlight-color:transparent;transition:all .3s ease;z-index:1100}._hud_1d03a_1._collapsed_1d03a_18{width:60px!important;height:60px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #475569;background:#1e293bf2;cursor:pointer;overflow:hidden}._hud_1d03a_1._collapsed_1d03a_18:hover{transform:translate(-50%) scale(1.1);border-color:#64748b;box-shadow:0 0 15px #6366f14d}._collapseBtn_1d03a_38{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border:2px solid #1e293b;z-index:10;box-shadow:0 2px 4px #0000004d;opacity:0;transition:opacity .2s,transform .2s}._hud_1d03a_1:hover ._collapseBtn_1d03a_38{opacity:1}._collapseBtn_1d03a_38:hover{transform:scale(1.1);background:#dc2626}._expandIcon_1d03a_70{font-size:24px;color:#cbd5e1;display:flex;align-items:center;justify-content:center}._topBand_1d03a_78{position:absolute;top:8px;left:8px;right:8px;height:6px;border-radius:6px;background:#ffffff08;pointer-events:none}._grid_1d03a_89{display:grid;align-items:center;justify-items:center;padding:6px;position:relative}._item_1d03a_97{appearance:none;-webkit-appearance:none;border:none;background:transparent;padding:0;margin:0;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:8px;transition:transform .12s ease,box-shadow .12s ease;outline:none}._item_1d03a_97:focus,._item_1d03a_97:hover{transform:translateY(-3px)}._itemBg_1d03a_123{width:36px;height:36px;border-radius:8px;background:#0f1720;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;border:1px solid #24303f;overflow:hidden}._hoverOutline_1d03a_137{position:absolute;inset:0;border-radius:8px;box-shadow:0 0 0 2px #58a6fff2;pointer-events:none;transition:opacity .12s ease;opacity:0}._item_1d03a_97:hover ._hoverOutline_1d03a_137,._selected_1d03a_151 ._hoverOutline_1d03a_137{opacity:1}._thumbnailWrap_1d03a_155{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._item_1d03a_97:not(._selected_1d03a_151) ._thumbnailWrap_1d03a_155>div{filter:grayscale(0) brightness(.9);opacity:.9;transition:filter .12s ease,opacity .12s ease}._selected_1d03a_151 ._thumbnailWrap_1d03a_155>div{filter:none;opacity:1}._item_1d03a_97:active{transform:translateY(0)}._item_1d03a_97:focus-visible{box-shadow:0 0 0 3px #58a6ff29;border-radius:8px}._hudBadge_1d03a_185{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff5f5f,#d80000);color:#fff;font-weight:700;font-size:11px;border-radius:999px;box-shadow:0 4px 8px #d828282e;border:1px solid rgba(255,255,255,.12);line-height:1;z-index:4;transform-origin:center;animation:_badgePopHUD_1d03a_1 .2s ease-out;pointer-events:none}._hudBadgeText_1d03a_209{display:inline-block;transform:translateY(-1px)}._itemBg_1d03a_123{position:relative}._hudBadge_1d03a_185._double_1d03a_218{padding:0 4px}@keyframes _badgePopHUD_1d03a_1{0%{transform:scale(.75);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.collapsible-card-stack{position:fixed;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1900}@media (max-width: 768px){.collapsible-card-stack{right:15px;gap:8px}}@media (max-width: 480px){.collapsible-card-stack{right:10px;gap:6px}}.pickaxe-durability-collapsed{position:fixed!important;bottom:20px!important;left:20px!important;width:120px!important;max-width:120px!important;height:60px!important;max-height:60px!important;background:#1e293bf2;border:2px solid #475569;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;z-index:1900;transition:all .3s ease;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;gap:12px;box-sizing:border-box!important}.pickaxe-durability-collapsed:hover{background:#334155f2;border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.pickaxe-durability-collapsed.low-durability{border-color:#f59e0b;animation:lowDurabilityPulse 2s infinite}.pickaxe-durability-collapsed.depleted{border-color:#ef4444;background:#ef44441a;animation:depletedFlash 1s infinite}@keyframes lowDurabilityPulse{0%,to{border-color:#f59e0b;box-shadow:0 4px 12px #0006}50%{border-color:#fbbf24;box-shadow:0 4px 12px #fbbf244d}}@keyframes depletedFlash{0%,to{border-color:#ef4444;background:#ef44441a}50%{border-color:#dc2626;background:#ef444433}}.no-pickaxe-flash{background:#1e293bf2!important;animation:noPickaxeFlash 1.5s infinite!important}@keyframes noPickaxeFlash{0%,to{border-color:#10b981;box-shadow:0 4px 12px #10b9814d}50%{border-color:#059669;box-shadow:0 4px 12px #10b98180}}.forge-text{background:linear-gradient(45deg,#10b981,#fbbf24,#ef4444,#8b5cf6,#10b981);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700!important;font-size:16px!important;animation:forgeGradientFlash 2s ease-in-out infinite;text-shadow:0 0 10px rgba(16,185,129,.5)}@keyframes forgeGradientFlash{0%{background-position:0% 50%;filter:brightness(1)}25%{background-position:50% 100%;filter:brightness(1.3)}50%{background-position:100% 50%;filter:brightness(1.5)}75%{background-position:50% 0%;filter:brightness(1.3)}to{background-position:0% 50%;filter:brightness(1)}}.forge-exclamation-overlay{position:absolute;top:-10px;right:-10px;color:#ff6b6b;font-weight:700;font-size:16px;animation:bounceExclamation .8s ease-in-out infinite;text-shadow:0 0 8px rgba(255,107,107,.8);z-index:2000;background:#000c;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:2px solid #ff6b6b;box-shadow:0 0 12px #ff6b6b99}@keyframes bounceExclamation{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.1)}50%{transform:translateY(-6px) scale(1.2)}75%{transform:translateY(-3px) scale(1.1)}}.pickaxe-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0}.durability-text{display:flex;flex-direction:column;align-items:flex-end;flex:1;gap:2px}.durability-label{font-size:9px;color:#e2e8f0!important;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}.durability-value{font-size:13px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.durability-indicator{display:none}.durability-bar-mini{height:100%;border-radius:1px;transition:width .3s ease}.warning-pulse{position:absolute;top:-6px;right:-6px;font-size:12px;animation:warningPulse 1.5s infinite}@keyframes warningPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.pickaxe-durability-expanded{position:fixed!important;bottom:20px!important;left:160px!important;width:300px!important;max-width:300px!important;height:420px!important;max-height:420px!important;background:#1e293bf2;border:2px solid #475569;border-radius:12px;display:flex;flex-direction:column;z-index:2000;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pickaxeExpand .3s ease-out;box-sizing:border-box!important}@keyframes pickaxeExpand{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pickaxe-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;border-radius:10px 10px 0 0}.pickaxe-title{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:14px}.pickaxe-icon-large{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.pickaxe-close-button{background:none;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.pickaxe-close-button:hover{background:#ffffff1a;color:#fff}.pickaxe-content{padding:16px;display:flex;flex-direction:column;gap:16px}.current-pickaxe{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px}.pickaxe-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pickaxe-name{font-size:14px;font-weight:700;color:#e2e8f0}.pickaxe-tier{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background:#0000004d}.durability-section{display:flex;flex-direction:column;gap:8px}.durability-text{display:flex;align-items:center;gap:4px;font-size:12px}.durability-current{font-weight:700;color:#10b981}.durability-separator{color:#64748b}.durability-max{color:#94a3b8}.durability-label{margin-left:8px;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.durability-bar-container{display:flex;align-items:center;gap:8px}.durability-bar{flex:1;height:8px;background:#0006;border-radius:4px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.durability-progress{height:100%;border-radius:3px;transition:width .5s ease,background-color .3s ease}.durability-percentage{font-size:10px;font-weight:600;color:#94a3b8;min-width:32px;text-align:right}.depleted-message{display:flex;align-items:center;gap:6px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:6px 8px;margin-top:8px}.depleted-icon{font-size:14px}.depleted-text{font-size:12px;font-weight:700;color:#ef4444;text-transform:uppercase;letter-spacing:.5px}.next-pickaxe{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px}.next-pickaxe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.next-label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.manual-equip-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.manual-equip-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.next-pickaxe-info{display:flex;align-items:center;gap:10px}.next-pickaxe-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.next-pickaxe-details{flex:1;display:flex;flex-direction:column;gap:2px}.next-pickaxe-name{font-size:12px;font-weight:600;color:#e2e8f0}.next-pickaxe-tier{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.next-durability{font-size:11px;color:#10b981;font-weight:600}.auto-equip-section{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px}.auto-equip-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;color:#e2e8f0}.auto-equip-checkbox-real{width:16px;height:16px;margin-right:8px;cursor:pointer;accent-color:#10b981}.auto-equip-text{font-weight:500;line-height:1.3}@media (max-width: 768px){.pickaxe-durability-collapsed{bottom:15px!important;left:15px!important;width:100px!important;max-width:100px!important;height:50px!important;max-height:50px!important;padding:6px 10px;gap:10px}.pickaxe-durability-expanded{bottom:15px!important;left:125px!important;width:280px!important;max-width:280px!important;height:380px!important;max-height:380px!important}.pickaxe-icon{font-size:20px}.durability-label{font-size:8px;color:#e2e8f0!important}.durability-value{font-size:11px}.pickaxe-title{font-size:13px}}@media (max-width: 480px){.pickaxe-durability-collapsed{bottom:10px!important;left:10px!important;width:90px!important;max-width:90px!important;height:45px!important;max-height:45px!important;padding:4px 8px;gap:8px}.pickaxe-durability-expanded{bottom:10px!important;left:110px!important;width:260px!important;max-width:260px!important;height:360px!important;max-height:360px!important}.pickaxe-icon{font-size:18px}.durability-label{font-size:7px;color:#e2e8f0!important}.durability-value{font-size:10px}.pickaxe-title{font-size:12px}.pickaxe-name{font-size:13px}}.tutorial-card{background:linear-gradient(135deg,#0f172af2,#1e293be6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0006,0 0 60px #8b5cf61a,inset 0 1px #ffffff1a;overflow:hidden;min-width:340px;max-width:420px;max-height:85vh;display:flex;flex-direction:column}.tutorial-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(139,92,246,.2);background:linear-gradient(180deg,rgba(139,92,246,.15) 0%,transparent 100%)}.tutorial-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;color:#fff;font-size:18px;box-shadow:0 4px 12px #8b5cf666}.tutorial-step-info{flex:1;display:flex;flex-direction:column;gap:2px}.tutorial-label{font-size:14px;font-weight:600;color:#c4b5fd;text-transform:uppercase;letter-spacing:.5px}.tutorial-step-counter{font-size:12px;color:#94a3b8}.tutorial-skip-button-icon{background:transparent;border:none;color:#64748b;font-size:16px;padding:8px;cursor:pointer;border-radius:8px;transition:all .2s ease}.tutorial-skip-button-icon:hover{background:#ef444433;color:#ef4444}.tutorial-skip-button-icon:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.tutorial-progress-bar{height:3px;background:#8b5cf633;overflow:hidden}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);transition:width .4s cubic-bezier(.4,0,.2,1)}.tutorial-card-content{padding:20px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.tutorial-title{font-size:22px;font-weight:700;color:#f1f5f9;margin:0 0 12px;line-height:1.3;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tutorial-gif-container{margin:16px 0;border-radius:12px;overflow:hidden;border:1px solid rgba(139,92,246,.3);background:#0000004d;display:flex;justify-content:center;align-items:center}.tutorial-gif{display:block;width:100%;height:auto;max-width:100%;max-height:60vh;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.tutorial-description{font-size:15px;color:#cbd5e1;line-height:1.6;margin:0}.tutorial-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid rgba(139,92,246,.2);background:#0003}.tutorial-skip-button{background:transparent;border:1px solid rgba(100,116,139,.4);color:#94a3b8;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-skip-button:hover{background:#64748b33;border-color:#64748b99;color:#cbd5e1}.tutorial-skip-button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.tutorial-next-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf666}.tutorial-next-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf680;background:linear-gradient(135deg,#a78bfa,#818cf8)}.tutorial-next-button:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf666}.tutorial-next-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.tutorial-next-button svg{transition:transform .2s ease}.tutorial-next-button:hover svg{transform:translate(4px)}.tutorial-step-dots{display:flex;justify-content:center;gap:8px;padding:12px 20px 16px}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:#64748b66;transition:all .3s ease}.tutorial-dot.active{width:24px;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);box-shadow:0 0 12px #8b5cf699}.tutorial-dot.completed{background:#8b5cf6}@media (max-width: 480px){.tutorial-card{min-width:280px}.tutorial-title{font-size:18px}.tutorial-description{font-size:14px}.tutorial-card-footer{flex-direction:column-reverse;gap:8px}.tutorial-skip-button,.tutorial-next-button{width:100%;justify-content:center}}@media (prefers-contrast: high){.tutorial-card{border:2px solid #fff}.tutorial-title{-webkit-text-fill-color:#fff}.tutorial-description{color:#fff}}@media (prefers-reduced-motion: reduce){.tutorial-progress-fill,.tutorial-dot,.tutorial-next-button,.tutorial-skip-button{transition:none}.tutorial-next-button:hover{transform:none}.tutorial-next-button:hover svg{transform:none}}.quest-guide-arrow{position:fixed;z-index:9990;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;animation:arrow-fade-in .3s ease-out}@keyframes arrow-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.quest-guide-arrow--up{flex-direction:column}.quest-guide-arrow--down{flex-direction:column-reverse}.quest-guide-arrow--left{flex-direction:row}.quest-guide-arrow--right{flex-direction:row-reverse}.quest-guide-arrow__icon-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.quest-guide-arrow__icon{font-size:28px;color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.6));z-index:2}.quest-guide-arrow--up .quest-guide-arrow__icon{animation:arrow-bounce-up 1s ease-in-out infinite}.quest-guide-arrow--down .quest-guide-arrow__icon{animation:arrow-bounce-down 1s ease-in-out infinite}.quest-guide-arrow--left .quest-guide-arrow__icon{animation:arrow-bounce-left 1s ease-in-out infinite}.quest-guide-arrow--right .quest-guide-arrow__icon{animation:arrow-bounce-right 1s ease-in-out infinite}@keyframes arrow-bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes arrow-bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes arrow-bounce-left{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes arrow-bounce-right{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.quest-guide-arrow__pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#10b9814d;animation:arrow-pulse 2s ease-in-out infinite;z-index:1}@keyframes arrow-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.4);opacity:0}}.quest-guide-arrow__label{font-size:12px;font-weight:600;color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.6),0 1px 2px rgba(0,0,0,.8);white-space:nowrap;padding:4px 8px;background:#0f172acc;border-radius:4px;border:1px solid rgba(16,185,129,.3)}@media (prefers-reduced-motion: reduce){.quest-guide-arrow,.quest-guide-arrow__icon,.quest-guide-arrow__pulse{animation:none}}.quest-guide-arrow--farming .quest-guide-arrow__icon{color:#84cc16;filter:drop-shadow(0 0 8px rgba(132,204,22,.6))}.quest-guide-arrow--farming .quest-guide-arrow__pulse{background:#84cc164d}.quest-guide-arrow--farming .quest-guide-arrow__label{color:#84cc16;border-color:#84cc164d;text-shadow:0 0 8px rgba(132,204,22,.6),0 1px 2px rgba(0,0,0,.8)}.quest-guide-arrow--mining .quest-guide-arrow__icon{color:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}.quest-guide-arrow--mining .quest-guide-arrow__pulse{background:#f59e0b4d}.quest-guide-arrow--mining .quest-guide-arrow__label{color:#f59e0b;border-color:#f59e0b4d;text-shadow:0 0 8px rgba(245,158,11,.6),0 1px 2px rgba(0,0,0,.8)}.quest-guide-arrow--home .quest-guide-arrow__icon{color:#8b5cf6;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.quest-guide-arrow--home .quest-guide-arrow__pulse{background:#8b5cf64d}.quest-guide-arrow--home .quest-guide-arrow__label{color:#8b5cf6;border-color:#8b5cf64d;text-shadow:0 0 8px rgba(139,92,246,.6),0 1px 2px rgba(0,0,0,.8)}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:all;outline:none}.tutorial-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.spotlight-cutout{transition:all .4s cubic-bezier(.4,0,.2,1)}.spotlight-border{position:absolute;border-radius:12px;pointer-events:none;box-shadow:0 0 0 3px #8b5cf699,0 0 20px #8b5cf666,0 0 40px #8b5cf633,inset 0 0 20px #8b5cf61a;animation:spotlight-pulse 2s ease-in-out infinite;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 3px #8b5cf699,0 0 20px #8b5cf666,0 0 40px #8b5cf633,inset 0 0 20px #8b5cf61a}50%{box-shadow:0 0 0 4px #8b5cf6cc,0 0 30px #8b5cf699,0 0 60px #8b5cf64d,inset 0 0 30px #8b5cf626}}.tutorial-card-container{position:absolute;z-index:10001;pointer-events:all;max-width:420px;animation:card-slide-in .4s cubic-bezier(.4,0,.2,1)}.tutorial-card-container.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes card-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-card-container.centered{animation:card-fade-in .4s cubic-bezier(.4,0,.2,1)}@keyframes card-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.tutorial-card-container{left:50%!important;top:auto!important;bottom:20px;transform:translate(-50%);max-width:calc(100vw - 40px)}.tutorial-card-container.centered{top:auto;bottom:20px;transform:translate(-50%)}}@media (prefers-contrast: high){.spotlight-border{box-shadow:0 0 0 4px #fff,0 0 0 6px #000}}@media (prefers-reduced-motion: reduce){.spotlight-cutout,.spotlight-border,.tutorial-card-container{transition:none;animation:none}}.tutorial-toggle-button{position:fixed;top:20px;right:440px;width:50px;height:50px;border-radius:12px;background:#1e293bf2;color:#fff;border:2px solid #475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1900;box-shadow:0 4px 12px #0006}.tutorial-toggle-button:hover{background:#334155f2;border-color:#64748b;transform:scale(1.05);box-shadow:0 6px 16px #00000080}.tutorial-toggle-button:active{transform:scale(.95)}.tutorial-toggle-button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.tutorial-toggle-button.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#8b5cf699;box-shadow:0 4px 16px #8b5cf680,0 0 30px #8b5cf64d}.tutorial-toggle-icon{font-size:20px;color:#8b5cf6;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tutorial-toggle-button.active .tutorial-toggle-icon{color:#fff}.tutorial-toggle-button:hover .tutorial-toggle-icon{transform:scale(1.1)}.tutorial-active-indicator{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:#10b981;animation:tutorial-indicator-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #10b98199}@keyframes tutorial-indicator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width: 768px){.tutorial-toggle-button{top:15px;right:408px;width:44px;height:44px}.tutorial-toggle-icon{font-size:18px}}@media (max-width: 480px){.tutorial-toggle-button{top:10px;right:370px;width:40px;height:40px}.tutorial-toggle-icon{font-size:16px}}@media (prefers-reduced-motion: reduce){.tutorial-toggle-button,.tutorial-toggle-icon{transition:none}.tutorial-toggle-button:hover{transform:none}.tutorial-active-indicator{animation:none}}.progress-hud-button{position:fixed;top:20px;right:500px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:#1e293bf2;border:2px solid #475569;border-radius:12px;min-width:70px;height:50px;color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1900;box-shadow:0 4px 12px #0006}.progress-hud-button:hover{background:#334155f2;border-color:#8b5cf6;transform:scale(1.05);box-shadow:0 6px 16px #8b5cf64d}.progress-hud-button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.progress-hud-button .progress-circle{width:28px;height:28px;position:relative;flex-shrink:0}.progress-hud-button .progress-circle svg{transform:rotate(-90deg)}.progress-hud-button .progress-circle-bg{fill:none;stroke:#64748b66;stroke-width:3}.progress-hud-button .progress-circle-fill{fill:none;stroke:url(#progress-gradient);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-hud-button .progress-percent{font-size:14px;font-weight:700;color:#a78bfa;white-space:nowrap}@media (max-width: 768px){.progress-hud-button{top:15px;right:420px;min-width:60px;height:44px;padding:0 10px}}@media (max-width: 480px){.progress-hud-button{top:10px;right:390px;min-width:55px;height:40px;padding:0 8px}}.progress-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:progressOverlayFadeIn .3s ease-out}@keyframes progressOverlayFadeIn{0%{opacity:0}to{opacity:1}}.progress-modal-container{width:95%;max-width:1100px;max-height:90vh;background:linear-gradient(145deg,#1a1a2e,#16213e,#1a1a2e);border-radius:16px;border:2px solid rgba(139,92,246,.4);box-shadow:0 0 60px #8b5cf633,0 25px 50px #0009;overflow:hidden;animation:progressSlideIn .4s ease-out;display:flex;flex-direction:column}@keyframes progressSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.progress-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(139,92,246,.2);background:#0003}.progress-modal-title{margin:0;color:#e2e8f0;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:12px}.progress-modal-title-icon{color:#8b5cf6;font-size:1.4rem}.progress-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:8px;color:#94a3b8;font-size:18px;cursor:pointer;transition:all .2s ease}.progress-modal-close:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.progress-modal-close:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.progress-modal-body{display:grid;grid-template-columns:1fr 380px;gap:24px;padding:24px;overflow-y:auto;flex:1}@media (max-width: 900px){.progress-modal-body{grid-template-columns:1fr}}.world-map-section{display:flex;flex-direction:column;gap:16px}.world-map-container{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;border:2px solid rgba(139,92,246,.3);background:#0f172a}.world-map-image{width:100%;height:100%;object-fit:cover;opacity:.85}.biome-overlay{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;transition:all .3s ease;cursor:default;text-shadow:0 1px 3px rgba(0,0,0,.8);transform:translate(-50%)}.biome-overlay.locked{background:#1e293be6;border:1px solid rgba(100,116,139,.5);color:#94a3b8}.biome-overlay.unlocked{background:#16a34a4d;border:1px solid rgba(34,197,94,.6);color:#86efac}.biome-overlay.current{background:#8b5cf659;border:2px solid rgba(139,92,246,.8);color:#c4b5fd;animation:currentBiomePulse 2s ease-in-out infinite;box-shadow:0 0 15px #8b5cf680}@keyframes currentBiomePulse{0%,to{box-shadow:0 0 15px #8b5cf680}50%{box-shadow:0 0 25px #8b5cf6b3}}.biome-overlay .biome-icon{font-size:14px;margin-bottom:2px}.biome-overlay .biome-name{font-size:9px;white-space:nowrap}.biome-forest{top:62%;left:24%}.biome-snow{top:15%;left:24%}.biome-red{top:8%;left:60%}.biome-yellow{top:25%;left:82%}.biome-blue{top:60%;left:70%}.biome-desert{top:38%;left:55%}.progress-details-section{display:flex;flex-direction:column;gap:20px}.progress-bar-container{background:#0000004d;border-radius:12px;padding:20px;border:1px solid rgba(139,92,246,.2)}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-bar-label{color:#cbd5e1;font-size:14px;font-weight:500}.progress-bar-percent{color:#a78bfa;font-size:24px;font-weight:700}.progress-bar-track{height:12px;background:#1e293bcc;border-radius:6px;overflow:hidden;border:1px solid rgba(100,116,139,.3)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#a855f7);border-radius:6px;transition:width .5s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-stats{display:flex;gap:12px;margin-top:16px}.progress-stat{flex:1;background:#1e293b80;border-radius:8px;padding:12px;text-align:center;border:1px solid rgba(100,116,139,.2)}.progress-stat-value{color:#e2e8f0;font-size:18px;font-weight:700}.progress-stat-label{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.helpful-hint-section{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px;padding:20px;border:1px solid rgba(139,92,246,.3)}.helpful-hint-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.helpful-hint-icon{color:#fbbf24;font-size:18px}.helpful-hint-title{margin:0;color:#e2e8f0;font-size:16px;font-weight:600}.helpful-hint-content{color:#cbd5e1;font-size:14px;line-height:1.6;margin-bottom:16px}.helpful-hint-quest{display:flex;align-items:center;gap:12px;background:#0000004d;border-radius:8px;padding:14px;border:1px solid rgba(139,92,246,.2)}.helpful-hint-quest-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border-radius:8px;color:#a78bfa;font-size:18px}.helpful-hint-quest-info{flex:1}.helpful-hint-quest-title{color:#e2e8f0;font-size:13px;font-weight:600;margin-bottom:4px}.helpful-hint-quest-step{color:#94a3b8;font-size:12px}.map-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.locked{background:#475569}.legend-dot.unlocked{background:#22c55e}.legend-dot.current{background:#8b5cf6}