@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 .game-container{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important}:fullscreen canvas{width:100vw!important;height:100vh!important}.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-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}}.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}.character-content{height:100%;display:flex;flex-direction:column;align-items:center;color:#fff;position:relative;padding-bottom:160px}.username-section{text-align:center;width:100%;margin-top:10px;margin-bottom:20px}.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{position:absolute;bottom:-20px;left:-20px;right:-20px;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;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%{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}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.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;bottom:-15px;left:-15px;right:-15px}.character-content{padding-bottom:140px}.username-section,.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}}.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}@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)}}.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}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.revealed-pickaxe{margin:20px auto;animation:pickaxeReveal 2s ease-in-out;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}@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}}.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}.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){.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{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.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}.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:14px;font-weight:600;padding:12px 16px;cursor:pointer;position:relative;transition:all .2s ease;border-radius:8px 8px 0 0}.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%}}.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:16px;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,.energy-indicator-card[style*="cursor: pointer"]:hover{background:#334155f2;border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.energy-card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.total-energy{display:flex;align-items:center;gap:8px}.energy-icon{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.energy-amount{display:flex;flex-direction:column;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;background:#0003;padding:6px 10px;border-radius:8px;border:1px solid rgba(16,185,129,.2)}.usd-amount{font-size:14px;font-weight:600;color:#3b82f6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.usd-label{font-size:9px;color:#64748b;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}}.inventory-card{position:fixed;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:8px;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}.inventory-card:hover,.inventory-card[style*="cursor: pointer"]:hover{background:#334155f2;border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.inventory-card-header{display:flex;align-items:center;margin-bottom:12px;padding-bottom:8px;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}.loot-progress-section{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.loot-progress-item{display:flex;align-items:center;gap:12px;padding:4px 2px}.gem-icon{width:20px;height:20px;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:-2px}.progress-container{display:flex;flex-direction:column;justify-content:center;flex:1;margin-left:4px;max-width:calc(100% - 32px)}.progress-bar-bg{position:relative;width:100%;height:18px;background:#0000004d;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;transition:width .3s ease;border-radius:9px;box-shadow:0 0 8px #fff3}.progress-text{position:relative;z-index:2;font-size:10px;font-weight:700;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.3px;color:#fff}.embercore-section{border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.embercore-title{font-size:10px;font-weight:700;color:#f59e0b;text-align:center;margin-bottom:8px;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{width:180px;padding:12px}.gem-icon{width:18px;height:18px;background-size:115px 29px}.progress-bar-bg{height:16px;border-radius:8px}.progress-text{font-size:8px}.embercore-slot{width:26px;height:26px}.slot-gem{width:16px;height:16px;background-size:115px 29px}}@media (max-width: 480px){.inventory-card{width:160px;padding:10px}.gem-icon{width:16px;height:16px;background-size:102px 26px}.progress-bar-bg{height:14px;border-radius:7px}.progress-text{font-size:7px}.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:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2500;animation:dialogueOverlayFadeIn .3s ease-out;cursor:pointer}@keyframes dialogueOverlayFadeIn{0%{opacity:0}to{opacity:1}}.dialogue-modal-container{width:90%;max-width:600px;min-height:300px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;border:2px solid #475569;box-shadow:0 25px 50px #0009,0 0 100px #3b82f61a;padding:30px;position:relative;animation:dialogueSlideIn .5s ease-out;cursor:default;display:flex;flex-direction:column;gap:20px}@keyframes dialogueSlideIn{0%{transform:translateY(50px);opacity:0;scale:.9}to{transform:translateY(0);opacity:1;scale:1}}.dialogue-close-button{position:absolute;top:-12px;right:-12px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2501;transition:all .2s ease;box-shadow:0 4px 12px #ef444466}.dialogue-close-button:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 6px 16px #ef444480}.dialogue-character-section{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:2px solid #475569}.dialogue-character-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;border:3px solid #475569;box-shadow:0 4px 12px #0000004d;flex-shrink:0}.character-portrait{width:100%;height:100%;border-radius:50%;object-fit:cover;image-rendering:pixelated}.character-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.dialogue-character-name{font-size:24px;font-weight:700;color:#f1f5f9;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dialogue-content{flex:1;display:flex;align-items:center;min-height:120px}.dialogue-text{font-size:18px;line-height:1.6;color:#e2e8f0;text-shadow:1px 1px 2px rgba(0,0,0,.5);background:#0f172a4d;padding:20px;border-radius:12px;border:1px solid #475569;width:100%;animation:dialogueTextFadeIn .6s ease-out .2s both}@keyframes dialogueTextFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dialogue-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid #475569}.dialogue-continue-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;min-width:120px}.dialogue-continue-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.dialogue-continue-button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.dialogue-hint{text-align:center;font-size:12px;color:#94a3b8;margin-top:8px;opacity:.8}.key-hint{background:#47556980;color:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:700;font-size:11px}@media (max-width: 768px){.dialogue-modal-container{width:95%;max-width:none;margin:20px;padding:24px;gap:16px}.dialogue-character-section{gap:12px}.dialogue-character-avatar{width:56px;height:56px}.dialogue-character-name{font-size:20px}.dialogue-text{font-size:16px;padding:16px}.dialogue-continue-button{padding:10px 24px;font-size:14px}}@media (max-width: 480px){.dialogue-modal-container{padding:20px;gap:12px}.dialogue-character-avatar{width:48px;height:48px}.character-icon{font-size:24px}.dialogue-character-name{font-size:18px}.dialogue-text{font-size:14px;line-height:1.5;padding:14px}.dialogue-hint{font-size:11px}.key-hint{font-size:10px;padding:1px 4px}}.dialogue-modal-overlay.closing{animation:dialogueOverlayFadeOut .3s ease-in}.dialogue-modal-container.closing{animation:dialogueSlideOut .3s ease-in}@keyframes dialogueOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dialogueSlideOut{0%{transform:translateY(0);opacity:1;scale:1}to{transform:translateY(-30px);opacity:0;scale:.95}}.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}}.player-info-card{position:fixed!important;top:20px!important;left:20px!important;width:220px!important;max-width:220px!important;height:fit-content!important;max-height:none!important;background:#1e293bf2;border:2px solid #475569;border-radius:12px;padding:16px;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}.player-info-card:hover,.player-info-card[style*="cursor: pointer"]:hover{background:#334155f2;border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.player-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.player-avatar{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(59,130,246,.3);box-shadow:0 2px 8px #3b82f633}.avatar-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.player-details{flex:1;display:flex;flex-direction:column;gap:4px}.player-name{font-size:14px;font-weight:700;color:#e2e8f0;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-name:hover{background:#ffffff1a;color:#3b82f6}.name-input{background:#0006;border:1px solid #3b82f6;border-radius:4px;color:#fff;font-size:14px;font-weight:700;padding:2px 6px;outline:none;width:100%}.name-input:focus{box-shadow:0 0 0 2px #3b82f64d}.player-level{display:flex;align-items:center;gap:6px}.level-label{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.level-number{font-size:12px;font-weight:700;color:#fbbf24;background:#fbbf2433;padding:2px 6px;border-radius:4px;border:1px solid rgba(251,191,36,.3);text-shadow:0 1px 2px rgba(0,0,0,.5)}.xp-section{display:flex;flex-direction:column;gap:8px}.xp-info{display:flex;justify-content:space-between;align-items:center}.xp-current{font-size:12px;font-weight:600;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.5)}.xp-remaining{font-size:10px;color:#64748b;font-weight:500}.xp-bar-container{display:flex;align-items:center;gap:8px}.xp-bar{flex:1;height:8px;background:#0006;border-radius:4px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.xp-progress{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .5s ease;position:relative;box-shadow:inset 0 1px 2px #fff3}.xp-progress:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);border-radius:3px 3px 0 0}.xp-percentage{font-size:10px;font-weight:600;color:#10b981;min-width:32px;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.player-info-card{top:15px!important;left:15px!important;width:200px!important;max-width:200px!important;padding:12px}.player-avatar{width:36px;height:36px}.avatar-icon{font-size:16px}.player-name{font-size:13px}.level-number{font-size:11px}}@media (max-width: 480px){.player-info-card{top:10px!important;left:10px!important;width:180px!important;max-width:180px!important;padding:10px}.player-avatar{width:32px;height:32px}.avatar-icon{font-size:14px}.player-name{font-size:12px}}.mining-stats-card{position:fixed!important;top:20px!important;left:250px!important;width:200px!important;max-width:200px!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;gap:12px}.mining-stats-card:hover,.mining-stats-card[style*="cursor: pointer"]:hover{background:#334155f2;border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.stats-header{display:flex;align-items:center;gap:6px;margin-bottom:0;padding-bottom:0;border-bottom:none;flex-shrink:0}.stats-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.stats-title{font-size:11px;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.stats-content{display:flex;align-items:center;gap:8px;flex:1}.stat-item{display:flex;flex-direction:column;align-items:center;padding:2px 6px;border-radius:6px;background:#00000026;border:1px solid rgba(255,255,255,.05);min-width:45px}.stat-item.primary{background:#10b9811a;border-color:#10b98133}.stat-label{font-size:8px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1}.stat-item.primary .stat-label{color:#10b981}.stat-value{font-size:11px;font-weight:700;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1;margin-top:1px}.stat-item.primary .stat-value{color:#10b981;font-size:12px}@media (max-width: 768px){.mining-stats-card{top:15px!important;left:235px!important;width:180px!important;max-width:180px!important;height:44px!important;max-height:44px!important;padding:6px 10px;gap:10px}.stats-icon{font-size:16px}.stats-title{font-size:10px}.stat-item{min-width:40px;padding:2px 4px}.stat-label{font-size:7px}.stat-value{font-size:10px}.stat-item.primary .stat-value{font-size:11px}}@media (max-width: 480px){.mining-stats-card{top:10px!important;left:210px!important;width:160px!important;max-width:160px!important;height:40px!important;max-height:40px!important;padding:4px 8px;gap:8px}.stats-icon{font-size:14px}.stats-title{font-size:9px}.stat-item{min-width:35px;padding:1px 3px}.stat-label{font-size:6px}.stat-value{font-size:9px}.stat-item.primary .stat-value{font-size:10px}}.position-update-card{position:fixed!important;top:20px!important;left:460px!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}.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}}.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}