.landing-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f0f);color:#fff}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(100,108,255,.15) 0%,transparent 70%);pointer-events:none;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero-content{position:relative;z-index:1;max-width:800px;text-align:center;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#646cff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(100,108,255,.5))}50%{filter:drop-shadow(0 0 30px rgba(100,108,255,.8))}}.hero-subtitle{font-size:1.5rem;color:#ccc;margin-bottom:1.5rem;font-weight:300}.hero-description{font-size:1.1rem;color:#999;line-height:1.8;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-button{padding:1rem 2.5rem;font-size:1.1rem;min-width:180px;transition:all .3s ease}.hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #646cff66}.features-section{padding:6rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(100,108,255,.05) 100%)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#646cff;font-weight:600}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:#2a2a2a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,108,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease;animation:fadeIn .6s ease-out}.feature-card:hover{transform:translateY(-8px);border-color:#646cff80;box-shadow:0 12px 30px #646cff33}.feature-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(100,108,255,.5))}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.feature-card p{color:#aaa;line-height:1.6;margin-bottom:1rem}.feature-screenshot{width:100%;border-radius:8px;margin-top:1rem;border:1px solid rgba(100,108,255,.3);transition:all .3s ease}.feature-screenshot:hover{transform:scale(1.02);box-shadow:0 8px 20px #646cff4d}.about-section{padding:6rem 2rem;background:#1a1a1acc}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content p{font-size:1.1rem;line-height:1.8;color:#bbb;margin-bottom:1.5rem}.landing-footer{padding:2rem;text-align:center;background:#0a0a0a;border-top:1px solid rgba(100,108,255,.2)}.landing-footer p{color:#666;font-size:.9rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.features-section,.about-section{padding:4rem 1rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-buttons{flex-direction:column}.hero-button{width:100%}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.login-card{background-color:#2a2a2a;border-radius:12px;padding:2rem;max-width:400px;width:100%;box-shadow:0 8px 16px #0006}.login-card h1{font-size:2rem;margin-bottom:.5rem;text-align:center;color:#646cff}.login-subtitle{text-align:center;color:#888;margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem}.form-group input{margin-bottom:0}.login-toggle{margin-top:1.5rem;text-align:center}.button-link{background:none;border:none;color:#646cff;cursor:pointer;font-size:.9rem;padding:.5rem;text-decoration:underline}.button-link:hover{color:#535bf2;border:none}.button-link:disabled{opacity:.5;cursor:not-allowed}.password-strength{margin-top:.5rem;font-size:.85rem;font-weight:600}@media (max-width: 480px){.login-card{padding:1.5rem}.login-card h1{font-size:1.5rem}}.character-selection-container{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.character-selection-header{text-align:center;margin-bottom:3rem;position:relative}.character-selection-header h1{font-size:2.5rem;color:#646cff;margin-bottom:.5rem}.character-selection-header .subtitle{color:#888;font-size:1rem}.logout-button{position:absolute;top:0;right:0}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.character-card{background-color:#2a2a2a;border-radius:12px;padding:1.5rem;box-shadow:0 4px 8px #0000004d;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:1rem}.character-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0006}.character-avatar{width:100px;height:100px;margin:0 auto;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#646cff,#535bf2);display:flex;align-items:center;justify-content:center}.character-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:2rem;font-weight:700;color:#fff}.character-info{text-align:center}.character-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.character-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:.5rem;color:#aaa;font-size:.9rem}.character-attributes{display:flex;justify-content:center;gap:1rem;font-size:1rem;margin:.5rem 0}.character-attributes span{padding:.25rem .5rem;background-color:#1a1a1a;border-radius:4px}.character-meta{color:#666;font-size:.85rem;margin-top:.5rem}.character-actions{display:flex;gap:.5rem}.character-actions button{flex:1}.button-danger{background-color:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .25s}.button-danger:hover{background-color:#c82333}.button-danger:disabled{opacity:.5;cursor:not-allowed}.create-character-card{cursor:pointer;border:2px dashed #646cff;background-color:#646cff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px}.create-character-card:hover{background-color:#646cff33;border-color:#535bf2}.create-character-icon{font-size:4rem;color:#646cff;margin-bottom:1rem}.create-character-card h3{color:#646cff;margin-bottom:.5rem}.create-character-subtitle{color:#888;font-size:.9rem}.premium-banner{background:linear-gradient(135deg,#646cff,#535bf2);border-radius:12px;padding:2rem;text-align:center;max-width:600px;margin:2rem auto 0;box-shadow:0 4px 8px #0000004d}.premium-banner h3{font-size:1.5rem;margin-bottom:.5rem}.premium-banner p{margin-bottom:1.5rem;font-size:1rem}.premium-banner button{background-color:#fff;color:#646cff;font-weight:700}.premium-banner button:hover{background-color:#f0f0f0}.no-characters{text-align:center;color:#888;padding:3rem;max-width:500px;margin:0 auto}.no-characters p{margin-bottom:1rem;font-size:1.1rem}@media (max-width: 768px){.character-selection-container{padding:1rem}.character-selection-header h1{font-size:1.8rem}.logout-button{position:static;margin-top:1rem}.characters-grid{grid-template-columns:1fr;gap:1rem}}.character-creation-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.character-creation-card{background-color:#2a2a2a;border-radius:12px;padding:2rem;max-width:700px;width:100%;box-shadow:0 8px 16px #0006}.character-creation-card h1{font-size:2rem;color:#646cff;text-align:center;margin-bottom:.5rem}.subtitle{text-align:center;color:#888;margin-bottom:2rem}.form-section{margin-bottom:2rem}.form-section h2{font-size:1.3rem;color:#fff;margin-bottom:1rem}.input-hint{font-size:.85rem;color:#888;margin-top:.25rem}.points-remaining{text-align:center;font-size:1.2rem;font-weight:700;padding:1rem;background-color:#1a1a1a;border-radius:8px;margin-bottom:1.5rem}.points-complete{color:#51cf66}.points-over{color:#ff6b6b}.stats-grid{display:grid;gap:1rem}.stat-input{background-color:#1a1a1a;border-radius:8px;padding:1rem}.stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.stat-header label{font-size:1.1rem;font-weight:600;color:#fff}.stat-control{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.stat-control input{flex:1;text-align:center;font-size:1.2rem;font-weight:700;padding:.5rem;margin:0}.stat-button{width:40px;height:40px;border-radius:8px;border:none;background-color:#646cff;color:#fff;font-size:1.5rem;cursor:pointer;transition:background-color .25s;display:flex;align-items:center;justify-content:center}.stat-button:hover:not(:disabled){background-color:#535bf2}.stat-button:disabled{opacity:.3;cursor:not-allowed}.stat-description{font-size:.85rem;color:#888;margin:0}.character-preview{background:linear-gradient(135deg,#646cff1a,#535bf21a);border:1px solid rgba(100,108,255,.3);border-radius:8px;padding:1.5rem}.preview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.preview-stat{display:flex;justify-content:space-between;align-items:center;background-color:#0000004d;padding:.75rem 1rem;border-radius:8px}.preview-label{font-weight:600;color:#aaa}.preview-value{font-size:1.2rem;font-weight:700;color:#646cff}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1}@media (max-width: 768px){.character-creation-container{padding:1rem}.character-creation-card{padding:1.5rem}.character-creation-card h1{font-size:1.5rem}.stat-control input{font-size:1rem}.preview-stats{grid-template-columns:1fr}}.combat-container{display:flex;flex-direction:column;width:100%;margin:0 auto;background:#14141499;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:1rem;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.enemy-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #ff4444;box-shadow:0 0 15px #ff00004d}.avatar-container{position:relative;width:160px;height:160px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.combat-actions{display:flex;flex-direction:column;align-items:center;padding:1rem 0;width:100%}.combat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.battle-arena{display:flex;justify-content:space-between;align-items:center;padding:2rem 1rem;position:relative;min-height:250px}.combatant{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.combatant.enemy{color:#faa}.combatant.player{color:#adf}.combatant.dead .enemy-avatar{filter:grayscale(100%) brightness(.5);transition:filter 1s ease-out}.avatar-container{position:relative;width:100px;height:100px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.player-placeholder{font-size:5rem;color:#f44}.player-placeholder{color:#48f}.vs-divider{font-size:1.5rem;font-weight:700;color:#666;margin:0 1rem}.stats-container{width:100%;max-width:200px;text-align:center}.health-bar-container{width:100%;height:16px;background:#ffffff1a;border-radius:8px;margin-top:5px;position:relative;overflow:hidden}.health-bar-fill{height:100%;transition:width .3s ease-out}.enemy-fill{background:linear-gradient(90deg,#f44,#c00)}.player-fill{background:linear-gradient(90deg,#48f,#04c)}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;text-shadow:1px 1px 1px black;z-index:2}.combat-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;width:100%;gap:.5rem}.combat-actions-group{display:flex;gap:1rem;width:100%;justify-content:center;max-width:400px}.combat-actions-group{max-width:400px}.btn.full-width{width:100%;max-width:300px}.btn-attack{background:#f44;color:#fff}.btn-flee{background:#666;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.combat-log-container{background:#00000080;border-radius:8px;padding:.5rem;margin-top:1rem;height:150px;overflow-y:auto;font-size:.9rem}.log-message{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.05)}.log-player_attack{color:#adf}.log-enemy_attack{color:#faa}.log-victory{color:#4f4;font-weight:700}.log-defeat{color:#f44;font-weight:700}.floating-text-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.floating-text{position:absolute;font-weight:700;font-size:1.5rem;animation:float-up 1.5s forwards;pointer-events:none;text-shadow:2px 2px 0 #000}.type-damage{color:#f44}.type-crit{color:#fa0;font-size:2rem}.type-heal{color:#4f4}.type-miss{color:#aaa}.type-info{color:#ff4}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50px) scale(1.2);opacity:0}}.shake-effect{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.flash-hit{animation:flash .3s}@keyframes flash{0%{filter:brightness(1)}50%{filter:brightness(2) sepia(1) hue-rotate(-50deg) saturate(5)}to{filter:brightness(1)}}.turn-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:1rem 2rem;border-radius:20px;font-size:1.5rem;animation:pulse 1s infinite;z-index:20}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.attacking{animation:lunge .3s}@keyframes lunge{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}.enemy.attacking{animation:lunge-left .3s}@keyframes lunge-left{0%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}.stat-block{background:#0006;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d}.stat-block.enemy{border-left:3px solid #dc3545}.stat-block.player{border-right:3px solid #4caf50}.progress-bar{width:100%;height:12px;background:#0009;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:6px;transition:width .3s ease-out}.workbench-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.workbench-menu{width:95vw;max-width:1400px;height:85vh;background:linear-gradient(135deg,#1a202c,#2d3748);border:1px solid #4a5568;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;overflow:hidden}.workbench-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0003;border-bottom:1px solid #4a5568}.workbench-header h3{margin:0;font-size:1.5rem;color:#e2e8f0;display:flex;align-items:center;gap:.5rem}.workbench-tabs{display:flex;gap:.5rem}.tab-btn{background:transparent;border:1px solid transparent;color:#a0aec0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{background:#3182ce;color:#fff;box-shadow:0 2px 4px #0003}.close-btn{background:transparent;border:none;color:#a0aec0;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f5656533;color:#f56565}.workbench-content-grid{display:grid;grid-template-columns:220px 350px 1fr;height:100%;overflow:hidden;background:#0003}.workbench-sidebar{background:#0003;border-right:1px solid #3a4b5c;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sidebar-title{color:#a0aec0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;padding-left:.5rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.workbench-sidebar .category-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:8px;color:#a0aec0;cursor:pointer;transition:all .2s;text-align:left}.workbench-sidebar .category-btn:hover{background:#ffffff0d;color:#fff}.workbench-sidebar .category-btn.active{background:#4299e126;border-color:#4299e1;color:#63b3ed}.workbench-sidebar .cat-icon{font-size:1.2rem;width:1.5rem;display:flex;justify-content:center;align-items:center}.workbench-sidebar .cat-label{font-weight:500}.workbench-items-column{display:flex;flex-direction:column;border-right:1px solid #3a4b5c;background:#0000001a;overflow:hidden}.workbench-filters{padding:1rem;border-bottom:1px solid #3a4b5c;background:#0000001a}.workbench-items-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.workbench-item-card{display:flex;align-items:center;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .2s;gap:.5rem}.workbench-item-card:hover{background:#ffffff0f;transform:translate(2px)}.workbench-item-card.selected{background:#4299e11a;border-color:#4299e1}.workbench-item-card.craftable{border-left:3px solid #4caf50}.workbench-item-card.repairable{border-left:3px solid #ff9800}.workbench-item-card.salvageable{border-left:3px solid #9c27b0}.item-card-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-header-row{display:flex;align-items:center;gap:.5rem}.item-emoji{font-size:1.2rem}.item-name{font-weight:600;color:#e2e8f0;font-size:.95rem}.item-meta-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.tier-badge{background:#2d3748;padding:1px 4px;border-radius:3px;color:#a0aec0;font-weight:700}.tier-badge.tier-1{color:#fff}.tier-badge.tier-2{color:#68d391}.tier-badge.tier-3{color:#63b3ed}.tier-badge.tier-4{color:#9f7aea}.tier-badge.tier-5{color:#ed8936}.equipped-badge{color:#48bb78;font-weight:700;background:#48bb781a;padding:1px 4px;border-radius:3px}.item-stats-mini{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}.stat-mini{font-size:.7rem;padding:2px 6px;background:#0000004d;border-radius:3px;color:#cbd5e0;white-space:nowrap}.stat-mini.durability{color:#fbbf24}.status-icon{font-size:1.2rem;margin-left:.5rem}.item-image-thumb{width:50px;height:50px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:6px;border:1px solid #4a5568;margin-right:.75rem}.item-thumb-img{max-width:100%;max-height:100%;object-fit:contain}.item-thumb-emoji{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.item-thumb-emoji.hidden{display:none}.item-name.text-tier-0{color:#a0aec0}.item-name.text-tier-1{color:#fff}.item-name.text-tier-2{color:#68d391}.item-name.text-tier-3{color:#63b3ed}.item-name.text-tier-4{color:#9f7aea}.item-name.text-tier-5{color:#ed8936}.condition-text{font-size:.75rem;color:#a0aec0;font-weight:500}.mini-progress-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:.25rem;width:100%}.mini-progress-fill{height:100%;border-radius:2px}.mini-progress-fill.good{background:#48bb78}.mini-progress-fill.warning{background:#ed8936}.mini-progress-fill.critical{background:#f56565}.repair-preview-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative;margin-bottom:.5rem}.repair-preview-current{position:absolute;height:100%;background:#ed8936;transition:width .3s ease}.repair-preview-restored{position:absolute;height:100%;background:#48bb78;transition:width .3s ease,left .3s ease}.repair-preview-text{display:flex;justify-content:space-between;font-size:.8rem;color:#a0aec0;margin-bottom:.5rem}.repair-preview-text .current{color:#ed8936}.repair-preview-text .restored{color:#48bb78}.workbench-details-column{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background:#0003}.detail-header{text-align:center;margin-bottom:2rem;width:100%;max-width:600px}.detail-image-container{width:120px;height:120px;margin:0 auto 1.5rem;border-radius:12px;overflow:hidden;border:2px solid #4a5568;background:#0000004d;box-shadow:0 8px 24px #00000080}.detail-image{width:100%;height:100%;object-fit:contain;padding:10px}.detail-title{font-size:1.8rem;color:#fff;margin-bottom:.5rem}.detail-description{color:#a0aec0;font-style:italic;line-height:1.5}.detail-requirements{width:100%;max-width:600px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.detail-requirements h4{color:#63b3ed;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.requirement-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem}.requirement-item.met{color:#48bb78}.requirement-item.missing{color:#f56565}.detail-actions{width:100%;max-width:600px;margin-top:auto}.craft-btn,.repair-btn,.uncraft-btn{width:100%;padding:1rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.craft-btn{background:linear-gradient(135deg,#ecc94b,#d69e2e);color:#1a202c}.craft-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ecc94b4d}.repair-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.repair-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.uncraft-btn{background:linear-gradient(135deg,#f56565,#c53030);color:#fff}.uncraft-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f565654d}.craft-btn:disabled,.repair-btn:disabled,.uncraft-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:#4a5568;color:#a0aec0}.workbench-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#718096;text-align:center}.item-card-equipped{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#4299e133;color:#63b3ed;border:1px solid rgba(66,153,225,.4);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;vertical-align:middle}.inventory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inventory-modal-redesign{display:flex;flex-direction:column;height:85vh;width:95vw;max-width:1400px;background:linear-gradient(135deg,#1e2a38,#121820);border:1px solid #3a4b5c;border-radius:12px;box-shadow:0 12px 40px #000c;overflow:hidden;color:#e0e6ed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.inventory-top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid #3a4b5c;flex-shrink:0}.inventory-capacity-summary{display:flex;gap:2rem;flex:1}.capacity-metric{display:flex;align-items:center;gap:.75rem;flex:1;max-width:300px}.metric-icon{font-size:1.5rem}.metric-bar-container{flex:1;display:flex;flex-direction:column;gap:.25rem}.metric-text{font-size:.85rem;color:#a0aec0}.metric-bar{height:8px;background:#2d3748;border-radius:4px;overflow:hidden}.metric-fill{height:100%;border-radius:4px;transition:width .3s ease}.metric-fill.weight{background:linear-gradient(90deg,#48bb78,#38a169)}.metric-fill.volume{background:linear-gradient(90deg,#4299e1,#3182ce)}.inventory-backpack-info{display:flex;align-items:center;gap:1.5rem}.backpack-status{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:8px;background:#ffffff0d}.backpack-status.active{border:1px solid #48bb78;color:#48bb78}.backpack-status.inactive{border:1px solid #e53e3e;color:#e53e3e}.backpack-name{font-weight:600;color:#fff}.backpack-stats{font-size:.85rem;color:#a0aec0}.close-btn{background:none;border:none;color:#a0aec0;font-size:1.5rem;cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}.inventory-main-layout{display:flex;flex:1;overflow:hidden}.inventory-sidebar-filters{width:220px;background:#0003;border-right:1px solid #3a4b5c;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.category-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:8px;color:#a0aec0;cursor:pointer;transition:all .2s;text-align:left}.category-btn:hover{background:#ffffff0d;color:#fff}.category-btn.active{background:#4299e126;border-color:#4299e1;color:#63b3ed}.cat-icon{font-size:1.2rem;width:1.5rem;display:flex;justify-content:center;align-items:center}.cat-label{font-weight:500}.inventory-content-area{flex:1;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.inventory-search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0003;border:1px solid #3a4b5c;border-radius:8px;margin-bottom:1.5rem}.inventory-search-bar input{background:transparent;border:none;color:#fff;font-size:1rem;flex:1;outline:none}.inventory-items-grid{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.inventory-item-card.compact{display:flex;flex-direction:row;background-color:#1a202ccc;border:1px solid #2d3748;border-radius:.5rem;padding:.75rem;gap:1rem;align-items:stretch;transition:all .2s ease;margin-bottom:.75rem}.inventory-item-card.compact:hover{border-color:#63b3ed;background:#ffffff0f;transform:translateY(-1px)}.item-image-section.small{width:100px;height:100px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:6px;border:1px solid #4a5568;margin:auto}.item-img-thumb{max-width:100%;max-height:100%;object-fit:contain}.item-icon-large{font-size:2rem;display:flex;align-items:center;justify-content:center}.item-icon-large.hidden{display:none}.item-quantity-badge{position:absolute;bottom:-5px;right:-5px;background:#2d3748;border:1px solid #4a5568;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;font-weight:700}.item-info-section{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.item-header-compact{display:flex;align-items:center;gap:.5rem}.item-emoji-inline{font-size:1.2rem}.item-name-compact{margin:0;font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-description-compact{margin:0;font-size:.85rem;color:#a0aec0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-tier-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#4a5568;color:#e2e8f0;font-weight:700;margin-left:auto}.text-tier-0{color:#a0aec0}.text-tier-1{color:#fff}.text-tier-2{color:#68d391}.text-tier-3{color:#63b3ed}.text-tier-4{color:#9f7aea}.text-tier-5{color:#ed8936}.item-icon-large.tier-0{text-shadow:0 0 10px rgba(160,174,192,.3)}.item-icon-large.tier-1{text-shadow:0 0 10px rgba(255,255,255,.3)}.item-icon-large.tier-2{text-shadow:0 0 10px rgba(104,211,145,.3)}.item-icon-large.tier-3{text-shadow:0 0 10px rgba(99,179,237,.3)}.item-icon-large.tier-4{text-shadow:0 0 10px rgba(159,122,234,.3)}.item-icon-large.tier-5{text-shadow:0 0 10px rgba(237,137,54,.3)}.item-stats-row{display:flex;align-items:stretch;gap:1rem;margin-top:.25rem;flex-wrap:nowrap}.stat-group-fixed{display:flex;flex-direction:column;gap:.1rem;min-width:140px;border-right:1px solid #4a5568;padding-right:1rem;justify-content:center}.stat-text{font-size:.8rem;color:#cbd5e0}.stat-row-compact{display:grid;grid-template-columns:20px 60px 1fr;align-items:center;font-size:.8rem;color:#cbd5e0;width:100%}.stat-row-compact .text-muted{color:#718096;font-size:.75rem;text-align:left}.item-description-compact{font-size:.85rem;color:#a0aec0;margin-bottom:.5rem;line-height:1.4;white-space:normal;overflow-wrap:break-word}.stats-durability-column{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;flex:1;min-width:0;justify-content:center}.stat-badges-container{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem}.stat-badge{padding:.25rem .5rem;border-radius:.375rem;border:1px solid;display:flex;align-items:center;gap:.375rem;font-weight:600;background-color:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.stat-badge.capacity,.stat-badge.endurance,.stat-badge.health{background-color:#10b98133;color:#6ee7b7;border-color:#10b98166}.stat-badge.damage,.stat-badge.penetration{background-color:#ef444433;color:#fca5a5;border-color:#ef444466}.stat-badge.armor{background-color:#3b82f633;color:#93c5fd;border-color:#3b82f666}.stat-badge.crit,.stat-badge.stamina{background-color:#eab30833;color:#fde047;border-color:#eab30866}.stat-badge.accuracy{background-color:#14b8a633;color:#5eead4;border-color:#14b8a666}.stat-badge.dodge{background-color:#6366f133;color:#a5b4fc;border-color:#6366f166}.stat-badge.lifesteal{background-color:#ec489933;color:#f9a8d4;border-color:#ec489966}.stat-badge.strength{background-color:#f9731633;color:#fdba74;border-color:#f9731666}.stat-badge.agility{background-color:#06b6d433;color:#67e8f9;border-color:#06b6d466}.durability-container{width:100%;margin-top:.5rem}.durability-header{display:flex;justify-content:space-between;font-size:.65rem;margin-bottom:.25rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.durability-text-low{color:#f87171}.durability-track{height:.5rem;background-color:#374151;border-radius:9999px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.durability-fill{height:100%;transition:width .3s ease,background-color .3s ease}.durability-fill.high{background-color:#10b981}.durability-fill.medium{background-color:#eab308}.durability-fill.low{background-color:#ef4444}.item-actions-section{display:flex;align-items:center;gap:.5rem;margin-left:auto;border-left:1px solid #4a5568;padding-left:1rem;align-self:stretch;flex-direction:column;justify-content:flex-end;width:180px;min-width:180px;flex-shrink:0}.category-header{grid-column:1 / -1;padding:.5rem 0;color:#a0aec0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #4a5568;margin:.5rem 0}.item-actions-section.bottom-right{margin-top:0;align-self:center}.action-btn{padding:.4rem .8rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn.use{background:#48bb7833;color:#48bb78;border:1px solid rgba(72,187,120,.4)}.action-btn.use:hover{background:#48bb784d;transform:translateY(-1px)}.action-btn.equip{background:#4299e133;color:#4299e1;border:1px solid rgba(66,153,225,.4)}.action-btn.equip:hover{background:#4299e14d;transform:translateY(-1px)}.action-btn.unequip{background:#ed893633;color:#ed8936;border:1px solid rgba(237,137,54,.4)}.action-btn.unequip:hover{background:#ed89364d;transform:translateY(-1px)}.drop-actions-group{display:flex;gap:2px;background:#0003;padding:2px;border-radius:6px;border:1px solid rgba(245,101,101,.3)}.action-btn.drop{background:transparent;color:#f56565;border:none;padding:.3rem .6rem;font-size:.75rem;border-radius:4px}.action-btn.drop:hover{background:#f5656533}.action-btn.drop.single{padding:.4rem .8rem;font-size:.85rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#718096;gap:1rem}.empty-icon{font-size:3rem;opacity:.5}.item-card-equipped{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#4299e133;color:#63b3ed;border:1px solid rgba(66,153,225,.4);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.item-stats-grid{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem 1rem;align-items:center}html{overflow-y:scroll}.game-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#eee;position:relative}.death-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.death-modal{background:linear-gradient(135deg,#2a0e0e,#1a0505);border:3px solid #ff4444;border-radius:20px;padding:3rem;max-width:500px;text-align:center;box-shadow:0 0 50px #ff444480,inset 0 0 30px #00000080;animation:deathPulse 2s ease-in-out infinite}@keyframes deathPulse{0%,to{box-shadow:0 0 50px #ff444480,inset 0 0 30px #00000080}50%{box-shadow:0 0 70px #f44c,inset 0 0 30px #00000080}}.death-modal h1{color:#f44;font-size:2.5rem;margin:0 0 1.5rem;text-shadow:0 0 20px rgba(255,68,68,.8)}.death-modal p{color:#ccc;font-size:1.1rem;line-height:1.6;margin:1rem 0}.death-btn{margin-top:2rem;padding:1rem 2rem;background:linear-gradient(135deg,#f44,#c00);border:2px solid #ff6666;border-radius:10px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f446}.death-btn:hover{background:linear-gradient(135deg,#f66,red);transform:translateY(-2px);box-shadow:0 6px 20px #f449}.death-btn:active{transform:translateY(0)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:#141419f2;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.header-left h1{margin:0;font-size:1.2rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#ffa502);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.player-count-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background-color:#0006;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem;color:#aaa;margin-right:12px;transition:all .2s ease}.player-count-badge:hover{background-color:#ffffff0d;border-color:#fff3;color:#ddd}.status-dot{width:8px;height:8px;background-color:#4cd137;border-radius:50%;box-shadow:0 0 5px #4cd13780;animation:pulse 2s infinite}.count-text{font-weight:500}@keyframes pulse{0%{opacity:1;box-shadow:0 0 5px #4cd13780}50%{opacity:.7;box-shadow:0 0 2px #4cd1374d}to{opacity:1;box-shadow:0 0 5px #4cd13780}}.nav-links{display:flex;gap:20px;align-items:center}.nav-link{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.6rem 1.2rem;color:#fffc;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s}.nav-link:hover{background:#ffffff1a;color:#fff;border-color:#6bb9f080;transform:translateY(-2px)}.nav-link.active{background:#6bb9f033;border-color:#6bb9f0;color:#6bb9f0}.user-info{display:flex;align-items:center;gap:1rem;flex-shrink:0}.username-link{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.6rem 1.2rem;color:#fffc;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s}.username-link:hover{background:#ffffff1a;color:#fff;border-color:#6bb9f080;transform:translateY(-2px)}.username-link.active{background:#6bb9f033;border-color:#6bb9f0;color:#6bb9f0}.game-stats-bar{display:flex;gap:2rem;padding:1rem 2rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.stat-bar-container{flex:1;max-width:300px}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.stat-label{font-weight:600;color:#fff}.stat-numbers{color:#ddd;font-weight:500;font-size:.85rem}.progress-bar{width:100%;height:20px;background:#0006;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0000004d}.progress-fill{height:100%;transition:width .5s ease;border-radius:10px;position:relative}.progress-fill.health{background:linear-gradient(90deg,#dc3545,#ff6b6b);box-shadow:0 0 10px #ff6b6b80}.progress-fill.stamina{background:linear-gradient(90deg,#ffc107,#ffeb3b);box-shadow:0 0 10px #ffeb3b80}.stat{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.stat-value{color:#fff;font-weight:700}.game-tabs{display:flex;background:#0003;border-bottom:2px solid rgba(255,107,107,.3);overflow-x:auto}.tab{flex:1;padding:1rem;border:none;background:transparent;color:#aaa;cursor:pointer;transition:all .3s;font-size:.9rem;white-space:nowrap}.tab:hover{background:#ff6b6b1a;color:#fff}.tab.active{background:#ff6b6b33;color:#ff6b6b;border-bottom:3px solid #ff6b6b}.game-main{flex:1;padding:1.5rem;overflow-y:auto}.explore-tab-desktop{display:grid;grid-template-columns:380px 1fr 380px;gap:1.5rem;height:100%;padding:0}.left-sidebar{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}.center-content{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.right-sidebar{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-left:.5rem}@media (max-width: 1200px){.explore-tab-desktop{grid-template-columns:1fr;gap:1rem}.left-sidebar,.right-sidebar{padding:0}}.location-info{background:#0000004d;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;border:1px solid rgba(255,107,107,.3)}.location-info h2{margin:0 0 1rem;color:#ff6b6b;font-size:1.8rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.danger-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:24px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.danger-safe{background:#4caf5033;color:#4caf50;border:2px solid #4caf50}.danger-1{background:#ffc10733;color:#ffc107;border:2px solid #ffc107}.danger-2{background:#ff980033;color:#ff9800;border:2px solid #ff9800}.danger-3{background:#ff572233;color:#ff5722;border:2px solid #ff5722}.danger-4{background:#f4433633;color:#f44336;border:2px solid #f44336}.danger-5{background:#9c27b033;color:#9c27b0;border:2px solid #9c27b0}.location-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0;justify-content:center}.location-tag{display:inline-block;padding:.35rem .75rem;background:#6bb9f026;border:1px solid rgba(107,185,240,.4);border-radius:16px;font-size:.85rem;color:#6bb9f0;font-weight:500;transition:all .2s}.location-tag:hover{background:#6bb9f040;border-color:#6bb9f099;transform:translateY(-1px);box-shadow:0 2px 8px #6bb9f04d}.location-tag.tag-workbench,.location-tag.tag-repair_station{background:#ffc10726;border-color:#ffc10766;color:#ffc107}.location-tag.tag-workbench:hover,.location-tag.tag-repair_station:hover{background:#ffc10740;border-color:#ffc10799;box-shadow:0 2px 8px #ffc1074d}.location-tag.tag-safe_zone,.location-tag.tag-shelter{background:#4caf5026;border-color:#4caf5066;color:#4caf50}.location-tag.tag-safe_zone:hover,.location-tag.tag-shelter:hover{background:#4caf5040;border-color:#4caf5099;box-shadow:0 2px 8px #4caf504d}.location-tag.tag-medical{background:#f4433626;border-color:#f4433666;color:#f44336}.location-tag.tag-medical:hover{background:#f4433640;border-color:#f4433699;box-shadow:0 2px 8px #f443364d}.no-items{text-align:center;color:#888;padding:2rem;font-style:italic}.equipped-badge,.inventory-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:12px;background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);color:#ff6b6b}.inventory-badge{background:#6bb9f033;border-color:#6bb9f066;color:#6bb9f0}.durability-bar{position:relative;height:24px;background:#0006;border-radius:12px;overflow:hidden;margin:.5rem 0;border:1px solid rgba(255,255,255,.1)}.durability-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff9800);transition:width .3s ease}.durability-fill.full{background:linear-gradient(90deg,#4caf50,#8bc34a)}.durability-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.repair-info{font-size:.85rem;color:#6bb9f0;margin-bottom:.5rem}.repair-info.full-durability{color:#4caf50;text-align:center;padding:.5rem;background:#4caf501a;border-radius:4px;margin:.5rem 0}.close-btn{background:#f4433633;border:1px solid rgba(244,67,54,.4);color:#f44336;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s}.close-btn:hover{background:#f443364d;border-color:#f4433699}.item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.item-slot{font-size:.75rem;color:#888;font-style:italic}.item-description{font-size:.85rem;color:#aaa;margin:.5rem 0;line-height:1.4}.location-tag.clickable{cursor:pointer;animation:pulse 2s infinite}.location-description{color:#ddd;line-height:1.6;margin:0}.location-image-container{width:100%;max-width:800px;margin:1rem auto;aspect-ratio:10 / 7;overflow:hidden;border-radius:8px;border:2px solid rgba(255,107,107,.3)}.location-image{width:100%;height:100%;object-fit:contain}.message-box{background:#ff6b6b33;padding:1rem;border-radius:8px;border-left:4px solid #ff6b6b;color:#fff}.location-messages-log{background:#0000004d;border-radius:8px;border:2px solid rgba(255,107,107,.2);padding:.8rem;margin-top:1rem;max-width:100%}.location-messages-log h4{margin:0 0 .5rem;color:#ff6b6b;font-size:.9rem;font-weight:600}.messages-scroll{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.location-message-item{display:flex;gap:.5rem;padding:.4rem .6rem;background:#ffffff0d;border-radius:4px;font-size:.85rem}.message-time{color:#ffffff80;font-size:.75rem;flex-shrink:0;min-width:50px}.message-text{color:#ffffffe6;flex:1}.movement-controls{background:#0000004d;padding:1.5rem;border-radius:10px;border:2px solid rgba(255,107,107,.3)}.movement-controls h3{margin:0 0 1rem;color:#ff6b6b;text-align:center}.compass-grid{display:grid;grid-template-columns:repeat(3,80px);gap:.6rem;max-width:260px;margin:0 auto 1rem;justify-content:center}.compass-btn{width:80px;height:80px;border:2px solid rgba(255,107,107,.3);background:linear-gradient(135deg,#ff6b6b33,#ff6b6b4d);color:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;box-shadow:0 2px 8px #0000004d;position:relative;overflow:hidden}.compass-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.compass-arrow{font-size:2rem;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.5);display:block}.compass-cost{font-size:.75rem;font-weight:700;color:#ffc107;text-shadow:0 1px 2px rgba(0,0,0,.8);display:block;line-height:1;margin-top:.25rem}.compass-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff6b6b66,#ff6b6b80);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #ff6b6b66;border-color:#ff6b6b99}.compass-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 6px #ff6b6b4d}.compass-btn:disabled,.compass-btn.disabled{opacity:.2;cursor:not-allowed;background:#64646433;border-color:#6464644d}.compass-center{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:12px;border:2px solid rgba(255,107,107,.5);box-shadow:inset 0 2px 8px #00000080}.compass-icon{font-size:2.5rem;animation:compass-pulse 3s ease-in-out infinite}@keyframes compass-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.cooldown-indicator{text-align:center;padding:.75rem;margin:.5rem 0;background:#ff980033;border:2px solid rgba(255,152,0,.5);border-radius:8px;color:#ff9800;font-weight:700;font-size:1.1rem}.special-moves{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.special-btn{padding:.5rem 1rem;border:none;background:#6b93ff4d;color:#fff;font-size:.95rem;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.special-btn:hover{background:#6b93ff99;transform:translateY(-2px)}.special-btn:active{transform:translateY(0)}.location-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.action-button{flex:1;min-width:120px;padding:.75rem 1.5rem;border:none;background:#4caf504d;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s;font-size:.95rem}.action-button:hover{background:#4caf5080;transform:translateY(-2px)}.interactables-section{background:#0000004d;padding:1.5rem;border-radius:10px;border:2px solid rgba(255,193,7,.3)}.interactables-section h3{margin:0 0 1rem;color:#ff6b6b}body.no-scroll{overflow:hidden}.interactable-card{background:#ffffff0d;border-radius:8px;margin-bottom:1rem;border:2px solid rgba(255,193,7,.4);overflow:hidden;display:flex;flex-direction:column;transition:all .3s}.interactable-card:hover{border-color:#ffc107b3;box-shadow:0 4px 20px #ffc1074d;transform:translateY(-2px)}.interactable-image-container{width:100%;aspect-ratio:10 / 7;overflow:hidden;background:#00000080;display:flex;align-items:center;justify-content:center}.interactable-image{width:100%;height:100%;object-fit:contain;transition:transform .3s}.interactable-card:hover .interactable-image{transform:scale(1.05)}.interactable-content{padding:1rem}.interactable-item{background:#ffffff0d;padding:1rem;border-radius:8px;margin-bottom:.75rem;border-left:3px solid rgba(255,193,7,.6)}.interactable-header{margin-bottom:.75rem}.interactable-name{font-weight:600;color:#ffc107;font-size:1.05rem}.interactable-actions{display:flex;gap:.5rem;flex-wrap:wrap}.interact-btn{padding:.5rem 1rem;border:none;background:#ffc1074d;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-size:.9rem}.interact-btn:hover{background:#ffc10780;transform:translateY(-2px)}.interact-btn:active{transform:translateY(0)}.ground-entities{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.entity-section{background:#0006;padding:1.5rem;border-radius:10px;border:2px solid rgba(255,107,107,.3)}.entity-section h3{margin:0 0 1rem;color:#ff6b6b;font-size:1.2rem}.entity-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.entity-card{background:#ffffff0d;padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1rem;transition:all .3s;min-width:320px}.entity-card:hover{background:#ffffff14;border-color:#6bb9f080;transform:translateY(-2px);box-shadow:0 4px 15px #6bb9f033}.entity-icon{font-size:2.5rem;min-width:50px;max-width:75px;max-height:75px;display:flex;align-items:center;justify-content:center;object-fit:contain}.entity-icon.hidden{display:none!important}.entity-item-icon{width:50px;height:50px;object-fit:contain}.entity-info{flex:1}.entity-name{font-weight:600;color:#fff;font-size:1rem;margin-bottom:.25rem}.entity-name.tier-1{color:#fff}.entity-name.tier-2{color:#1eff00;text-shadow:0 0 8px rgba(30,255,0,.5)}.entity-name.tier-3{color:#0070dd;text-shadow:0 0 8px rgba(0,112,221,.5)}.entity-name.tier-4{color:#a335ee;text-shadow:0 0 8px rgba(163,53,238,.5)}.entity-name.tier-5{color:#ff8000;text-shadow:0 0 10px rgba(255,128,0,.6);font-weight:700}.entity-level{color:#ffc107;font-size:.85rem;font-weight:500}.entity-quantity{color:#6bb9f0;font-size:.85rem;font-weight:500}.entity-action-btn{padding:.5rem 1rem;border:none;background:linear-gradient(135deg,#6bb9f0,#89d4ff);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s;white-space:nowrap}.entity-action-btn:hover{background:linear-gradient(135deg,#89d4ff,#6bb9f0);transform:translateY(-2px);box-shadow:0 4px 12px #6bb9f066}.entity-action-btn.pickup{background:linear-gradient(135deg,#4caf50,#66bb6a)}.entity-action-btn.pickup:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 12px #4caf5066}.npc-card{border-left:4px solid rgba(107,185,240,.6)}.item-card{border-left:4px solid rgba(76,175,80,.6)}.enemy-card{border-left:4px solid rgba(244,67,54,.8);background:#f443360d}.enemy-card:hover{background:#f443361a;border-color:#f44336;box-shadow:0 4px 15px #f443364d}.corpse-card{border-left:4px solid rgba(156,39,176,.8);background:#9c27b00d}.corpse-card:hover{background:#9c27b01a;border-color:#9c27b0;box-shadow:0 4px 15px #9c27b04d}.corpse-loot-count{color:#ce93d8;font-size:.85rem;font-weight:500}.corpse-container{display:flex;flex-direction:column;gap:.5rem}.corpse-details{background:#9c27b01a;border:2px solid rgba(156,39,176,.3);border-radius:8px;padding:1rem;animation:fadeIn .2s ease-out}.corpse-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(156,39,176,.3)}.corpse-details-header h4{margin:0;color:#ce93d8;font-size:1rem}.close-btn{background:#f4433633;border:1px solid rgba(244,67,54,.5);color:#ff5252;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.close-btn:hover{background:#f4433666;transform:scale(1.1)}.corpse-items-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.corpse-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.corpse-item:hover{background:#ffffff14;border-color:#6bb9f04d}.corpse-item.locked{opacity:.6;background:#f443360d;border-color:#f4433633}.corpse-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.corpse-item-name{font-weight:600;color:#fff;font-size:.95rem}.corpse-item-qty{color:#6bb9f0;font-size:.85rem}.corpse-item-tool{font-size:.85rem;padding:.25rem .5rem;border-radius:4px;width:fit-content}.corpse-item-tool.has-tool{background:#4caf5033;color:#66bb6a;border:1px solid rgba(76,175,80,.4)}.corpse-item-tool.needs-tool{background:#f4433633;color:#ff5252;border:1px solid rgba(244,67,54,.4)}.corpse-item-loot-btn{padding:.5rem 1rem;border:none;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s;white-space:nowrap}.corpse-item-loot-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.corpse-item-loot-btn:disabled{background:#f443364d;cursor:not-allowed;opacity:.6}.loot-all-btn{width:100%;padding:.75rem;border:none;background:linear-gradient(135deg,#9c27b0,#ba68c8);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s}.loot-all-btn:hover{background:linear-gradient(135deg,#ba68c8,#9c27b0);transform:translateY(-2px);box-shadow:0 4px 12px #9c27b066}.entity-image{width:100px;height:70px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#0000004d}.entity-image img{width:100%;height:100%;object-fit:contain}.combat-btn{background:linear-gradient(135deg,#f44336,#ff5252)}.combat-btn:hover{background:linear-gradient(135deg,#ff5252,#f44336);box-shadow:0 4px 12px #f4433666}.enemy-name{color:#ff5252}.inventory-panel{background:#0000004d;padding:1.5rem;border-radius:10px;border:2px solid rgba(107,147,255,.3);height:fit-content}.inventory-panel h3{margin:0 0 1rem;color:#6b93ff;font-size:1.2rem}.inventory-panel .info-note{color:#aaa;font-size:.9rem;font-style:italic;margin-bottom:1rem}.inventory-items{display:flex;flex-direction:column;gap:.5rem}.inventory-tab{max-width:800px;margin:0 auto}.inventory-tab h2{color:#ff6b6b;margin-bottom:1rem}.info-note{background:#ffc10733;padding:.75rem;border-radius:8px;border-left:4px solid #ffc107;margin-bottom:1rem;color:#ffd54f}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.inventory-item{background:#0000004d;padding:1rem;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s;cursor:pointer}.inventory-item:hover{background:#ff6b6b33;border-color:#ff6b6b;transform:translateY(-2px)}.item-icon{font-size:2rem;margin-bottom:.5rem}.item-name{font-size:.85rem;color:#ddd}.item-quantity{font-size:.75rem;color:#aaa;margin-top:.25rem}.empty-message{text-align:center;color:#888;padding:2rem;font-style:italic}.map-tab{max-width:800px;margin:0 auto}.map-tab h2{color:#ff6b6b;margin-bottom:1rem}.map-info{background:#0000004d;padding:1.5rem;border-radius:10px;margin-top:1rem}.map-info ul{list-style:none;padding:0}.map-info li{padding:.5rem;background:#ffffff0d;margin-bottom:.5rem;border-radius:5px}.profile-tab{max-width:600px;margin:0 auto}.profile-tab h2{color:#ff6b6b;margin-bottom:1.5rem}.profile-stats{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background:#0000004d;padding:1.5rem;border-radius:10px;border:1px solid rgba(255,107,107,.3)}.profile-section h3{margin:0 0 1rem;color:#ff6b6b;font-size:1.2rem}.stat-row{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff0d;margin-bottom:.5rem;border-radius:5px}.stat-row.highlight{background:#ffc10733;border-left:3px solid #ffc107}.button-primary{padding:.75rem 1.5rem;border:none;background:#ff6b6b;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1rem;font-weight:600}.button-primary:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.profile-sidebar{background:#0000004d;border-radius:10px;padding:1rem;border:2px solid rgba(255,107,107,.3)}.profile-sidebar h3{margin:0 0 1rem;color:#ff6b6b;font-size:1.1rem;text-align:center}.sidebar-stat-bars{margin-bottom:1rem}.sidebar-stat-bar{margin-bottom:.75rem}.sidebar-stat-header{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.85rem}.sidebar-stat-label{font-weight:600}.sidebar-stat-numbers{color:#ffffffb3}.sidebar-progress-bar{height:24px;background:#00000080;border-radius:6px;overflow:visible;border:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:center}.sidebar-progress-fill{height:100%;transition:width .3s ease;position:absolute;left:0;top:0;border-radius:6px}.progress-percentage{position:relative;color:#fff;font-weight:700;font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.sidebar-progress-fill.health{background:linear-gradient(90deg,#dc3545,#ff6b6b);box-shadow:0 0 10px #dc354580}.sidebar-progress-fill.stamina{background:linear-gradient(90deg,#ffc107,#ffeb3b);box-shadow:0 0 10px #ffc10780}.sidebar-progress-fill.xp{background:linear-gradient(90deg,#6bb9f0,#89d4ff);box-shadow:0 0 10px #6bb9f080}.sidebar-progress-fill.weight{background:linear-gradient(90deg,#9c27b0,#ba68c8);box-shadow:0 0 10px #9c27b080}.sidebar-progress-fill.volume{background:linear-gradient(90deg,#ff5722,#ff8a65);box-shadow:0 0 10px #ff572280}.inventory-capacity{margin:1rem 0;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,107,107,.3)}.capacity-info{margin-bottom:1rem}.capacity-info:last-child{margin-bottom:0}.capacity-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.capacity-label{font-weight:700;color:#ff6b6b}.capacity-numbers{color:#ccc}.capacity-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid rgba(255,107,107,.2);position:relative}.capacity-fill{height:100%;transition:width .3s ease;border-radius:10px}.capacity-fill{background:linear-gradient(90deg,#6bb9f0,#89d4ff);box-shadow:0 0 8px #6bb9f080}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.5rem}.sidebar-stat-row.compact{padding:.4rem .5rem;font-size:.85rem}.sidebar-stats{display:flex;flex-direction:column;gap:.4rem}.sidebar-stat-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#ffffff0d;border-radius:4px;font-size:.9rem}.stat-plus-btn{background:#6bb9f04d;border:1px solid #6bb9f0;color:#6bb9f0;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s;padding:0;margin-left:auto}.stat-plus-btn:hover{background:#6bb9f080;transform:scale(1.1)}.stat-plus-btn:active{transform:scale(.95)}.sidebar-stat-row.highlight{background:#ffc10733;border-left:3px solid #ffc107;padding-left:.4rem;animation:pulse 2s infinite}.sidebar-label{color:#ffffffb3;font-weight:500}.sidebar-value{color:#fff;font-weight:600}.sidebar-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.equipment-sidebar{background:#0000004d;border-radius:10px;padding:1rem;border:1px solid rgba(255,107,107,.3);overflow:visible}.equipment-sidebar h3{margin:0 0 1rem;color:#ff6b6b;font-size:1.1rem;text-align:center}.equipment-grid{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.equipment-row{display:flex;justify-content:center;gap:.5rem;margin:auto;overflow:visible}.equipment-row.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:auto}.equipment-row.three-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin:auto}.equipment-slot{background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.25rem;min-height:150px;min-width:110px;max-height:150px;max-width:110px;height:150px;width:110px;transition:all .2s;cursor:pointer;overflow:visible;position:relative}.equipment-slot.large{min-width:150px}.equipment-slot.empty{border-color:#ffffff1a;background:#0000004d;cursor:default}.equipment-slot.filled{border-color:#ff6b6b80}.equipment-slot.filled:hover{border-color:#ff6b6b;background:#ff6b6b1a;transform:scale(1.02);box-shadow:0 0 15px #ff6b6b4d;z-index:10001}.equipment-item-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:50px;flex:1;justify-content:space-between}.equipment-unequip-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#f44336e6;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;z-index:10;line-height:1}.equipment-unequip-btn:hover{background:#f44336;transform:scale(1.1);box-shadow:0 2px 8px #f4433699}.equipment-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e1efa;border:2px solid #ff6b6b;border-radius:8px;padding:.75rem;min-width:220px;max-width:300px;z-index:10000;box-shadow:0 4px 12px #0009;pointer-events:none;white-space:normal;transform-origin:bottom center}.equipment-slot.filled:hover .equipment-tooltip{display:block}.equipment-row.three-cols .equipment-slot:nth-child(1) .equipment-tooltip{left:0;transform:none;transform-origin:bottom left}.equipment-row.three-cols .equipment-slot:nth-child(3) .equipment-tooltip{left:auto;right:0;transform:none;transform-origin:bottom right}.equipment-row:first-child .equipment-slot .equipment-tooltip{bottom:auto;top:calc(100% + 8px);transform-origin:top center}.equipment-row:last-child .equipment-slot .equipment-tooltip{bottom:calc(100% + 8px);top:auto}.equipment-actions{display:none}.equipment-action-btn{padding:.3rem .5rem;font-size:.7rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;background:#ffffff1a;color:#fff;display:flex;align-items:center;gap:.2rem;white-space:nowrap}.equipment-action-btn.info{background:linear-gradient(135deg,#6bb9f0,#4a9fd8);font-size:.65rem;padding:.3rem .4rem}.equipment-action-btn.info:hover{background:linear-gradient(135deg,#4a9fd8,#6bb9f0);transform:translateY(-1px);box-shadow:0 2px 8px #6bb9f066}.equipment-action-btn.unequip{background:linear-gradient(135deg,#f44336,#e57373);font-size:.7rem;padding:.3rem .5rem;font-weight:600}.equipment-action-btn.unequip:hover{background:linear-gradient(135deg,#e57373,#f44336);transform:translateY(-1px);box-shadow:0 2px 8px #f4433666}.equipment-emoji{max-width:50px;max-height:50px;font-size:1.2rem;line-height:1;margin-top:.25rem;object-fit:contain}.equipment-emoji.hidden{display:none!important}.equipment-name{font-size:.75rem;color:#fff;text-align:center;font-weight:600}.equipment-name.tier-1,.item-name.tier-1{color:#fff}.equipment-name.tier-2,.item-name.tier-2{color:#1eff00;text-shadow:0 0 8px rgba(30,255,0,.5)}.equipment-name.tier-3,.item-name.tier-3{color:#0070dd;text-shadow:0 0 8px rgba(0,112,221,.5)}.equipment-name.tier-4,.item-name.tier-4{color:#a335ee;text-shadow:0 0 8px rgba(163,53,238,.5)}.equipment-name.tier-5,.item-name.tier-5{color:#ff8000;text-shadow:0 0 10px rgba(255,128,0,.6);font-weight:700}.equipment-durability{font-size:.65rem;color:#6bb9f0;background:#6bb9f01a;padding:2px 6px;border-radius:4px}.equipment-slot-label{font-size:.7rem;color:#fff6;text-align:center}.inventory-sidebar{background:#0000004d;border-radius:10px;padding:3rem 1rem 1rem;border:1px solid rgba(107,185,240,.3);overflow:visible;position:relative;display:flex;flex-direction:column;min-height:0}.inventory-sidebar h3{margin:0 0 1rem;color:#6bb9f0;font-size:1.1rem;text-align:center}.sidebar-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.sidebar-inventory-item{position:relative;aspect-ratio:1;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.sidebar-inventory-item:hover{border-color:#6bb9f0;background:#6bb9f01a;transform:scale(1.05);box-shadow:0 0 15px #6bb9f04d}.sidebar-item-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.sidebar-item-icon img{width:80%;height:80%;object-fit:contain}.sidebar-item-quantity{position:absolute;bottom:2px;right:2px;background:#000c;color:#ffc107;font-size:.7rem;font-weight:600;padding:1px 4px;border-radius:3px}.sidebar-item-equipped{position:absolute;top:2px;left:2px;background:#ff6b6be6;color:#fff;font-size:.65rem;font-weight:600;padding:1px 4px;border-radius:3px}.sidebar-empty{text-align:center;color:#fff6;font-style:italic;padding:2rem 0}.inventory-section{margin-bottom:1rem}.inventory-section h4{color:#6bb9f0;font-size:.9rem;margin:0 0 .5rem}.equipped-section h4{color:#ff6b6b}.inventory-items-list{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.inventory-category-group{margin-bottom:1rem}.category-header{background:#6b93ff33;color:#6b93ff;padding:.5rem .75rem;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid #6b93ff;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.category-header.clickable{cursor:pointer;transition:all .2s}.category-header.clickable:hover{background:#6b93ff4d;border-left-width:4px}.category-toggle{font-size:.7rem;color:#fff9;min-width:1rem}.category-count{margin-left:auto;font-size:.75rem;color:#ffffff80;font-weight:400}.inventory-item-row-hover{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:.75rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;position:relative;transition:all .2s;margin-bottom:.5rem;min-height:3rem}.inventory-item-row-hover .item-header-row{display:flex;align-items:center;gap:.5rem;flex:1;position:relative}.inventory-item-row-hover:hover{background:#6bb9f01a;border-color:#6bb9f0;transform:translate(2px);z-index:20;position:relative}.inventory-item-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;background:#1e1e1efa;border:2px solid #6bb9f0;border-radius:8px;padding:.75rem;min-width:220px;max-width:300px;z-index:10000;box-shadow:0 4px 12px #0009;pointer-events:none;white-space:normal;transform-origin:bottom left}.inventory-item-row-hover:hover .inventory-item-tooltip{display:block}.inventory-item-row-hover .item-actions-hover{display:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);flex-wrap:nowrap;gap:.5rem;background:#000000f2;padding:.5rem;border-radius:10px;border:1px solid rgba(107,185,240,.3);z-index:10}.inventory-item-row-hover:hover .item-actions-hover{display:flex}.item-action-btn{background:#6bb9f04d;border:1px solid #6bb9f0;color:#6bb9f0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:60px}.item-action-btn:hover{background:#6bb9f080;transform:scale(1.05)}.item-action-btn.use{background:#4caf504d;border-color:#4caf50;color:#4caf50}.item-action-btn.use:hover{background:#4caf5080}.item-action-btn.equip{background:#ff98004d;border-color:#ff9800;color:#ff9800}.item-action-btn.equip:hover{background:#ff980080}.item-action-btn.drop{background:#f443364d;border-color:#f44336;color:#f44336}.item-action-btn.drop:hover{background:#f4433680}.item-action-btn.info{background:#6bb9f04d;border-color:#6bb9f0;color:#6bb9f0}.item-action-btn.info:hover{background:#6bb9f080}.item-info-btn-container{position:relative;display:inline-block;min-width:60px}.item-info-btn-container .item-info-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);right:0;background:#1e1e1efa;border:2px solid #6bb9f0;border-radius:8px;padding:.75rem;min-width:220px;max-width:300px;z-index:10000;box-shadow:0 4px 12px #0009;pointer-events:none;white-space:normal;transform-origin:bottom right}.entity-card:first-child .item-info-btn-container .item-info-tooltip,.entity-card:nth-child(2) .item-info-btn-container .item-info-tooltip{right:auto;left:0;transform-origin:bottom left}.equipment-slot .item-info-btn-container .item-info-tooltip{right:auto;left:50%;transform:translate(-50%);transform-origin:bottom center}.equipment-row.three-cols .equipment-slot:nth-child(1) .item-info-btn-container .item-info-tooltip{left:0;right:auto;transform:none;transform-origin:bottom left}.equipment-row.three-cols .equipment-slot:nth-child(3) .item-info-btn-container .item-info-tooltip{left:auto;right:0;transform:none;transform-origin:bottom right}.equipment-row:first-child .equipment-slot .item-info-btn-container .item-info-tooltip{bottom:auto;top:calc(100% + 8px);transform-origin:top center}.equipment-row.three-cols:first-child .equipment-slot:nth-child(2) .item-info-btn-container .item-info-tooltip{bottom:auto;top:calc(100% + 8px);left:50%;transform:translate(-50%);transform-origin:top center}.equipment-row:last-child .equipment-slot .item-info-btn-container .item-info-tooltip{bottom:calc(100% + 8px);top:auto;left:50%;transform:translate(-50%);transform-origin:bottom center}.item-info-btn-container:hover .item-info-tooltip{display:block}.item-tooltip-desc{color:#ddd;font-size:.85rem;margin-bottom:.5rem;line-height:1.4}.item-tooltip-stat{color:#6bb9f0;font-size:.8rem;margin:.25rem 0;font-weight:500}.item-drop-btn-container{position:relative;display:inline-block;min-width:60px}.item-drop-menu{display:none;position:absolute;bottom:100%;right:0;margin-bottom:4px;padding-bottom:4px;background:#1e1e1efa;border:2px solid #f44336;border-radius:8px;padding:.5rem;min-width:120px;z-index:10000;box-shadow:0 4px 12px #0009;flex-direction:column;gap:.4rem;pointer-events:auto}.item-drop-btn-container:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px;display:none}.item-drop-btn-container:hover:before,.item-drop-btn-container:hover .item-drop-menu{display:flex}.item-drop-option{background:#f443364d;border:1px solid #f44336;color:#f44336;padding:.4rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center}.item-drop-option:hover{background:#f4433699;transform:scale(1.05)}.item-pickup-btn-container{position:relative;display:inline-block}.item-pickup-menu{display:none;position:absolute;bottom:100%;right:0;margin-bottom:4px;padding-bottom:4px;background:#1e1e1efa;border:2px solid #4caf50;border-radius:8px;padding:.5rem;min-width:140px;z-index:10000;box-shadow:0 4px 12px #0009;flex-direction:column;gap:.4rem;pointer-events:auto}.item-pickup-btn-container:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px;display:none}.item-pickup-btn-container:hover:before,.item-pickup-btn-container:hover .item-pickup-menu{display:flex}.item-pickup-option{background:#4caf504d;border:1px solid #4caf50;color:#4caf50;padding:.4rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center}.item-pickup-option:hover{background:#4caf5099;transform:scale(1.05)}.item-effect{font-size:.85em;color:#4caf50;font-weight:600;margin-left:.25rem}.inventory-item-row{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s}.inventory-item-row:hover{background:#6bb9f01a;border-color:#6bb9f0;transform:translate(4px)}.inventory-item-row.selected{background:#6bb9f033;border-color:#6bb9f0}.inventory-item-row.equipped-item{border-left:4px solid #ff6b6b}.item-icon-small{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:4px;flex-shrink:0}.item-icon-small img{width:90%;height:90%;object-fit:contain}.item-name-qty{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-name{color:#fff;font-size:.9rem;font-weight:500}.item-qty{color:#ffc107;font-size:.75rem}.item-equipped-badge{background:#ff6b6be6;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px}.inventory-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin:1rem 0}.category-btn{padding:.5rem;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s;font-size:.85rem}.category-btn:hover{background:#6bb9f01a;border-color:#6bb9f0;color:#6bb9f0}.category-btn.active{background:#6bb9f033;border-color:#6bb9f0;color:#6bb9f0}.inventory-items-scrollable{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem;min-height:200px;overflow:visible}.inventory-items-scrollable::-webkit-scrollbar{width:6px}.inventory-items-scrollable::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.inventory-items-scrollable::-webkit-scrollbar-thumb{background:#6bb9f080;border-radius:3px}.inventory-items-scrollable::-webkit-scrollbar-thumb:hover{background:#6bb9f0b3}.item-actions-panel{background:#6bb9f01a;border:2px solid #6bb9f0;border-radius:8px;padding:1rem;margin-top:1rem}.item-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.item-details-header strong{color:#6bb9f0;font-size:1rem}.close-btn{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{color:#ff6b6b;transform:scale(1.2)}.item-description{color:#ffffffb3;font-size:.85rem;margin-bottom:1rem;line-height:1.4}.item-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.item-action-btn{padding:.6rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.item-action-btn.use-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.item-action-btn.use-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.item-action-btn.equip-btn{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.item-action-btn.equip-btn:hover{background:linear-gradient(135deg,#42a5f5,#2196f3);transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.item-action-btn.unequip-btn{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.item-action-btn.unequip-btn:hover{background:linear-gradient(135deg,#ffb74d,#ff9800);transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.item-action-btn.drop-btn{background:linear-gradient(135deg,#f44336,#e57373);color:#fff}.item-action-btn.drop-btn:hover{background:linear-gradient(135deg,#e57373,#f44336);transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.sidebar-progress-fill.weight{background:linear-gradient(90deg,#ff9800,#f57c00)}.sidebar-progress-fill.volume{background:linear-gradient(90deg,#9c27b0,#7b1fa2)}.inventory-tab{max-width:1200px;margin:0 auto;padding:1rem}.inventory-tab h2{color:#6bb9f0;margin-bottom:1.5rem}.enemy-card{border-left:4px solid rgba(244,67,54,.6);background:linear-gradient(135deg,#f443361a,#ff00000d)}.enemy-card:hover{border-left-color:#f44336e6;box-shadow:0 8px 20px #f443364d}.enemy-name{color:#f44336;font-weight:700}.combat-btn{background:linear-gradient(135deg,#f44336,#d32f2f)}.combat-btn:hover{background:linear-gradient(135deg,#ff5252,#f44336)}.entity-image{width:80px;height:56px;overflow:hidden;border-radius:8px;margin-right:1rem;flex-shrink:0}.entity-image img{width:100%;height:100%;object-fit:contain;background:#0000004d}.combat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.combat-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(107,185,240,.3);border-radius:16px;padding:2rem;max-width:600px;width:90%;box-shadow:0 10px 40px #00000080;animation:slideUp .3s}.combat-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(107,185,240,.3)}.combat-header h2{margin:0;font-size:1.8rem;color:#6bb9f0}.combat-enemy-display{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:#f443361a;border:2px solid rgba(244,67,54,.3);border-radius:12px}.combat-enemy-image-container{width:200px;height:140px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#0006}.combat-enemy-image{width:100%;height:100%;object-fit:contain}.combat-enemy-info{flex:1}.combat-enemy-info h3{margin:0 0 1rem;color:#f44336;font-size:1.5rem}.combat-hp-bar-container{width:100%}.combat-stat-label{font-size:.9rem;color:#fffc;margin-bottom:.5rem}.combat-hp-bar{width:100%;height:24px;background:#00000080;border-radius:12px;overflow:hidden;border:1px solid rgba(244,67,54,.4)}.combat-hp-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff5252);transition:width .5s ease;box-shadow:0 0 10px #f4433699}.combat-log{margin:1.5rem 0;padding:1rem;background:#6bb9f01a;border-left:4px solid #6bb9f0;border-radius:8px;min-height:60px;display:flex;align-items:center}.combat-log p{margin:0;color:#ffffffe6;font-size:1rem;line-height:1.5}.combat-turn-indicator{text-align:center;margin:1.5rem 0;font-size:1.2rem;font-weight:700}.your-turn{color:#4caf50;animation:pulse 1.5s infinite}.enemy-turn{color:#f44336}.combat-action-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.combat-action-btn:disabled{opacity:.5;cursor:not-allowed}.attack-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.attack-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#f44336);transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.flee-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.flee-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffb74d,#ff9800);transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.combat-view{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#f443361a,#8b00001a);border:2px solid rgba(244,67,54,.5);border-radius:12px;animation:slideUp .3s ease-out}.combat-header-inline{text-align:center;border-bottom:2px solid rgba(244,67,54,.5);padding-bottom:1rem}.combat-header-inline h2{color:#ff5252;margin:0;font-size:2rem}.combat-enemy-display-inline{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.combat-enemy-image-large{width:100%;max-width:800px;aspect-ratio:10 / 7;border-radius:12px;overflow:hidden;background:#0000004d;border:3px solid rgba(244,67,54,.5)}.combat-enemy-image-large img{width:100%;height:100%;object-fit:contain}.combat-enemy-info-inline{width:100%;text-align:center}.combat-enemy-info-inline h3{color:#ff5252;margin:0 0 1rem;font-size:1.8rem}.combat-hp-bar-container-inline{max-width:90%;margin:0 auto}.combat-hp-bar-container-inline.enemy-hp-bar{margin-left:0}.combat-hp-bar-container-inline.player-hp-bar{margin-right:0}.combat-stat-label-inline{color:#fff;font-size:1rem;font-weight:700;text-align:left;position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,.8)}.player-hp-bar .combat-stat-label-inline{text-align:right;left:auto;right:.75rem}.combat-hp-bar-inline{width:100%;height:32px;background:#141414cc;border-radius:16px;overflow:hidden;border:2px solid rgba(255,100,100,.6);position:relative;box-shadow:inset 0 2px 4px #00000080}.combat-hp-fill-inline{height:100%;background:linear-gradient(90deg,#f33,#f66,#f44);transition:width .3s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 10px #ff444480}.player-hp-bar .combat-hp-fill-inline{left:auto;right:0;background:linear-gradient(270deg,#f44336,#ff6b6b)}.combat-log-inline{background:#00000080;border:2px solid rgba(244,67,54,.3);border-radius:8px;padding:1rem;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.combat-log-inline p{color:#fff;font-size:1.1rem;margin:0;line-height:1.5}.combat-turn-indicator-inline{text-align:center;font-size:1.3rem;font-weight:700;padding:.75rem;border-radius:8px;background:#0000004d;border:2px solid transparent;min-height:3rem;display:flex;align-items:center;justify-content:center}.combat-turn-indicator-inline.enemy-turn-message{background:#ff980033;border:2px solid rgba(255,152,0,.5);animation:pulse 1.5s ease-in-out infinite}.combat-turn-indicator-inline.enemy-turn-message .enemy-turn{color:#ff9800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.combat-actions-inline{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:500px;margin:0 auto;width:100%}.exit-btn{grid-column:1 / -1;background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf504d}.exit-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.combat-log-container{margin-top:2rem;background:#00000080;border:2px solid rgba(244,67,54,.3);border-radius:8px;padding:1rem;max-width:800px;margin-left:auto;margin-right:auto}.combat-log-container h4{color:#fff;margin:0 0 1rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid rgba(244,67,54,.3);padding-bottom:.5rem}.combat-log-messages{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.combat-log-entry{color:#fff;padding:.75rem;background:#ffffff0d;border-left:3px solid rgba(244,67,54,.5);border-radius:4px;line-height:1.5;font-size:.95rem;animation:fadeInLog .3s ease;display:flex;align-items:center;gap:.75rem}.combat-log-entry.player-action{border-left-color:#4caf50;background:#4caf501a}.combat-log-entry.enemy-action{border-left-color:#f44336;background:#f443361a}.log-time{font-size:.85rem;color:#fff9;font-family:monospace;min-width:60px}.log-separator{font-size:1.2rem;font-weight:700;color:#fff6}.log-message{flex:1}@keyframes fadeInLog{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.combat-log-messages::-webkit-scrollbar{width:8px}.combat-log-messages::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.combat-log-messages::-webkit-scrollbar-thumb{background:#f4433680;border-radius:4px}.combat-log-messages::-webkit-scrollbar-thumb:hover{background:#f44336b3}@media (max-width: 768px){.combat-view{padding:1rem}.combat-header-inline h2{font-size:1.5rem}.combat-enemy-info-inline h3{font-size:1.3rem}.combat-actions-inline{grid-template-columns:1fr 1fr;gap:.75rem}.combat-log-container{padding:.75rem}.combat-log-messages{max-height:200px}}.centered-heading,.interactables-section h3{text-align:center}.location-description-box{background:#191a1f99;border:1px solid rgba(107,185,240,.3);border-radius:8px;padding:1rem;margin-top:1rem;width:100%;max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box}.location-description{margin:0;color:#ffffffd9;line-height:1.5}.cooldown-emoji{font-size:1.2rem;margin-left:.5rem;opacity:.7}.interact-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stamina-cost{font-size:.85rem;opacity:.8;margin-left:.3rem}.interact-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a}.player-card{background:#6b93ff26;border-color:#6b93ff66;display:flex;align-items:center;gap:.75rem}.player-card .entity-icon{background:#6b93ff4d;flex-shrink:0}.player-card .entity-info{flex:1;min-width:0}.player-card .entity-name{color:#6b93ff;font-weight:700}.player-card .level-diff{font-size:.8rem;color:#fff9;margin-top:.2rem}.pvp-btn{padding:.4rem .8rem;background:linear-gradient(135deg,#f44,#c00);color:#fff;border:1px solid rgba(255,68,68,.5);border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.pvp-btn:hover{background:linear-gradient(135deg,#f66,#f22);box-shadow:0 0 10px #f446;transform:translateY(-1px)}.pvp-btn:active{transform:translateY(0)}.pvp-disabled-reason{font-size:.75rem;color:#fff6;font-style:italic;padding:.3rem .6rem;text-align:center;flex-shrink:0}.pvp-combat-display{width:100%;max-width:900px;margin:0 auto}.pvp-players{display:flex;gap:2rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.pvp-player-card{background:#1e1e28cc;border:2px solid rgba(255,107,107,.4);border-radius:12px;padding:1.5rem;min-width:280px;flex:1;max-width:400px}.pvp-player-card.your-card{border-color:#6bb9f066;background:#1e2832cc}.pvp-player-card h3{margin:0 0 .5rem;color:#ff6b6b;font-size:1.5rem}.pvp-player-card.your-card h3{color:#6bb9f0}.pvp-level{color:#ffffffb3;font-size:.9rem;margin-bottom:1rem}.mobile-menu-buttons,.mobile-nav{display:none}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-header-toggle{display:none}@media (max-width: 768px){.mobile-menu-buttons{display:flex;position:fixed;bottom:0;left:0;right:0;background:#141414!important;border-top:2px solid rgba(255,107,107,.5);z-index:1000;padding:.5rem 0;box-shadow:0 -4px 20px #000c;justify-content:space-around;gap:0;height:65px}.mobile-menu-btn{flex:1;height:55px;border:none;border-radius:0;background:transparent;color:#fff9;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;position:relative}.mobile-menu-btn:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:3px;background:transparent;border-radius:3px 3px 0 0;transition:all .2s ease}.mobile-menu-btn:active{background:#ffffff1a}.mobile-menu-btn.left-btn:after{background:#ff6b6bcc}.mobile-menu-btn.bottom-btn:after{background:#ffc107cc}.mobile-menu-btn.right-btn:after{background:#6b93ffcc}.mobile-menu-btn.left-btn.active{color:#ff6b6b;background:#ff6b6b1a}.mobile-menu-btn.bottom-btn.active{color:#ffc107;background:#ffc1071a}.mobile-menu-btn.right-btn.active{color:#6b93ff;background:#6b93ff1a}.mobile-menu-btn.active:after{opacity:1}.mobile-menu-btn:not(.active):after{opacity:0}.mobile-menu-btn.bottom-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.mobile-menu-overlay{display:block}.explore-tab-desktop{display:block!important;position:relative;grid-template-columns:1fr!important}.mobile-menu-panel{position:fixed;top:0;bottom:65px;width:85vw;max-width:400px;background:linear-gradient(135deg,#141414fa,#282828fa);z-index:999;overflow-y:auto;transition:transform .3s ease;padding:1rem;box-shadow:0 0 30px #000c}.left-sidebar.mobile-menu-panel{left:0;transform:translate(-100%);border-right:3px solid rgba(255,107,107,.5)}.left-sidebar.mobile-menu-panel.open{transform:translate(0)}.right-sidebar.mobile-menu-panel{right:0;transform:translate(100%);border-left:3px solid rgba(107,147,255,.5)}.right-sidebar.mobile-menu-panel.open{transform:translate(0)}.ground-entities.mobile-menu-panel.bottom{top:auto;bottom:65px;left:0;right:0;width:100%;max-width:100%;height:calc(70vh - 65px);transform:translateY(calc(100% + 65px));border-top:3px solid rgba(255,193,7,.5);border-radius:20px 20px 0 0;padding-bottom:1rem}.ground-entities.mobile-menu-panel.bottom.open{transform:translateY(0)}.center-content{display:block!important;padding:0}.left-sidebar:not(.open),.right-sidebar:not(.open),.ground-entities:not(.open){display:none}.mobile-menu-panel.open{display:block!important}.location-info,.message-box{margin:.5rem}.mobile-menu-panel .compass-grid{grid-template-columns:repeat(3,70px);gap:.5rem}.mobile-menu-panel .compass-btn,.mobile-menu-panel .compass-center{width:70px;height:70px}.inventory-item-row-hover .item-actions-hover{display:flex!important;position:static;margin-top:.5rem;justify-content:flex-end}.inventory-item-row-hover{flex-direction:column;align-items:stretch}.item-action-btn{min-width:70px;padding:.4rem .6rem;font-size:.8rem}.right-sidebar{background:linear-gradient(135deg,#141414fa,#282828fa);padding:1rem}.combat-view{position:relative;z-index:1}.game-main:has(.combat-view) .mobile-menu-buttons{opacity:.9}.inventory-items-scrollable,.inventory-panel{overflow:visible!important}.right-sidebar.mobile-menu-panel{overflow-y:auto!important;overflow-x:visible!important}.item-info-btn-container .item-info-tooltip{right:auto;left:50%;transform:translate(-50%);max-width:90vw;z-index:10001}.item-info-btn-container:active .item-info-tooltip,.item-info-btn-container.show-tooltip .item-info-tooltip{display:block}.game-container{position:relative;height:100vh;display:flex;flex-direction:column;overflow:hidden}.game-header{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100%;z-index:999;background:#141414fa!important;border-right:2px solid rgba(255,107,107,.5);border-bottom:none;transform:none;transition:left .3s ease;overflow-y:auto;box-shadow:4px 0 20px #000c;padding:4rem 1.5rem 1.5rem!important;padding-bottom:calc(65px + 1.5rem)!important;flex-direction:column;align-items:flex-start;gap:1.5rem}.game-header.open{left:0}.game-header h1{font-size:1.3rem!important;width:100%;text-align:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,107,107,.3)}.game-header .nav-links{display:flex;flex-direction:column;gap:.5rem;width:100%}.game-header .user-info{display:flex;flex-direction:column;gap:.5rem;width:100%;padding-top:1rem;border-top:1px solid rgba(255,107,107,.3)}.nav-link,.username-link{padding:.75rem 1rem!important;font-size:.95rem!important;width:100%;text-align:left;justify-content:flex-start}.button-secondary{width:100%}.mobile-header-toggle{display:block;position:fixed;top:10px;left:10px;width:45px;height:45px;border-radius:8px;background:linear-gradient(135deg,#282828f2,#3c3c3cf2);border:2px solid rgba(255,107,107,.5);color:#fff;font-size:1.3rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080}.mobile-header-toggle:active{transform:scale(.95)}.game-main{flex:1;overflow-y:auto;margin-bottom:65px;padding-bottom:0!important}.location-info h2{font-size:1.2rem!important;line-height:1.3!important;margin-bottom:.3rem!important;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.location-badge{font-size:.7rem!important;padding:.2rem .4rem!important;white-space:nowrap}.message-box{position:fixed!important;top:60px;left:50%;transform:translate(-50%);width:90%;max-width:400px;z-index:9999!important;margin:0!important;animation:slideDown .3s ease;box-shadow:0 4px 15px #0009;cursor:pointer;background:#282828fa!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.message-box.fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}}.game-main .profile-loading,.game-main .profile-error{max-width:600px;margin:4rem auto;text-align:center;background:#0006;padding:3rem;border-radius:12px;border:2px solid rgba(107,185,240,.3)}.game-main .profile-error button{margin-top:1rem;background:#6bb9f0;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600}.game-main .profile-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:2rem;padding:2rem}.profile-info-card{background:#0006;border:2px solid rgba(107,185,240,.3);border-radius:12px;padding:2rem;text-align:center;height:fit-content;position:sticky;top:2rem}.profile-avatar{width:120px;height:120px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.2)}.avatar-icon{font-size:3rem}.profile-name{font-size:1.8rem;margin:0 0 .5rem;color:#6bb9f0}.profile-username{font-size:1rem;color:#ffffffb3;margin:0 0 1rem}.profile-level{display:inline-block;background:linear-gradient(135deg,#f093fb,#f5576c);padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:1.1rem;margin-bottom:1.5rem}.profile-meta{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;margin-top:1.5rem}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.05)}.meta-item:last-child{border-bottom:none}.meta-label{color:#fff9;font-size:.9rem;padding-right:1rem}.meta-value{color:#fff;font-weight:600;padding-left:1rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stats-section{background:#0006;border:2px solid rgba(107,185,240,.3);border-radius:12px;padding:1.5rem}.section-title{font-size:1.3rem;margin:0 0 1rem;color:#6bb9f0;border-bottom:2px solid rgba(107,185,240,.3);padding-bottom:.75rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-label{color:#fffc;font-size:.95rem;padding-right:1rem}.stat-value{font-weight:700;font-size:1.1rem;color:#fff;padding-left:1rem}.stat-value.highlight-red{color:#ff6b6b}.stat-value.highlight-green{color:#51cf66}.stat-value.highlight-blue{color:#6bb9f0}.stat-value.highlight-hp{color:#ff6b9d}.stat-value.highlight-stamina{color:#ffd93d}@media (max-width: 768px){.game-main{margin-bottom:0!important}.game-main .profile-container{grid-template-columns:1fr;padding:4rem 1rem 1rem;max-width:100vw;overflow-x:hidden}.profile-info-card{position:static}.profile-stats-grid{grid-template-columns:1fr}}.game-main .leaderboards-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem}.stat-selector{background:#0006;border:2px solid rgba(107,185,240,.3);border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:2rem}.stat-selector h3{margin:0 0 1rem;color:#6bb9f0;font-size:1.2rem;text-align:center}.stat-options{display:flex;flex-direction:column;gap:.5rem}.stat-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s;color:#fff;font-size:1rem;text-align:left}.stat-option:hover{background:#ffffff1a;transform:translate(4px)}.stat-option.active{background:#6bb9f033;border-width:2px;box-shadow:0 0 10px #6bb9f066}.stat-icon{font-size:1.5rem}.stat-label{font-weight:600}.leaderboard-content{background:#0006;border:2px solid rgba(107,185,240,.3);border-radius:12px;padding:2rem}.leaderboard-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid}.title-left{display:flex;align-items:center;gap:1rem}.title-icon{font-size:2rem}.leaderboard-title h2{margin:0;font-size:2rem;color:#fff}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{text-align:center;padding:4rem 2rem}.spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid rgba(255,255,255,.1);border-top-color:#6bb9f0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.leaderboard-error button{margin-top:1rem;background:#6bb9f0;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600}.leaderboard-table{display:flex;flex-direction:column;gap:.5rem}.table-header{display:grid;grid-template-columns:80px 1fr 120px 150px;gap:1rem;padding:1rem 1.5rem;background:#0006;border-radius:8px;font-weight:700;color:#6bb9f0;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:80px 1fr 120px 150px;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s;align-items:center}.table-row:hover{background:#ffffff14;transform:translate(4px);border-color:#6bb9f080}.table-row.rank-gold{background:linear-gradient(90deg,#ffd70026,#ffffff08);border-color:#ffd70066}.table-row.rank-gold:hover{border-color:#ffd700b3}.table-row.rank-silver{background:linear-gradient(90deg,#c0c0c026,#ffffff08);border-color:#c0c0c066}.table-row.rank-silver:hover{border-color:#c0c0c0b3}.table-row.rank-bronze{background:linear-gradient(90deg,#cd7f3226,#ffffff08);border-color:#cd7f3266}.table-row.rank-bronze:hover{border-color:#cd7f32b3}.col-rank{display:flex;align-items:center;justify-content:center}.rank-badge{font-size:1.5rem;font-weight:700}.col-player{display:flex;flex-direction:column;gap:.25rem}.player-name{font-size:1.1rem;font-weight:600;color:#fff}.player-username{font-size:.9rem;color:#fff9}.col-level{display:flex;justify-content:center}.level-badge{display:inline-block;background:linear-gradient(135deg,#f093fb,#f5576c);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.95rem}.col-value{display:flex;justify-content:flex-end;align-items:center}.col-value .stat-value{font-size:1.3rem;font-weight:700}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding:0}.pagination-top{margin:0;gap:.5rem}.pagination-top .pagination-btn{padding:.5rem .75rem;font-size:.9rem;min-width:40px}.pagination-top .pagination-info{font-size:.9rem;min-width:60px;text-align:center}.pagination-btn{background:#6bb9f01a;border:2px solid rgba(107,185,240,.3);color:#6bb9f0;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#6bb9f033;border-color:#6bb9f0;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:#fffc;font-size:1rem;font-weight:600}@media (max-width: 1024px){.game-main .leaderboards-container{grid-template-columns:1fr}.stat-selector{position:static}.stat-options{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.game-main{margin-bottom:0!important}.game-main .leaderboards-container{padding:4rem .75rem .75rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.stat-selector,.stat-selector h3{display:none}.stat-options{position:relative;display:block;cursor:pointer;background:#0009;border:2px solid rgba(107,185,240,.3);border-radius:8px;width:90%;max-width:350px;margin:0 auto}.stat-option{width:100%;border:none;border-radius:0;margin:0;padding:1rem;background:transparent;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s}.stat-option:hover{background:#ffffff0d}.stat-option:first-child{border-radius:6px 6px 0 0}.stat-option:last-child{border-bottom:none;border-radius:0 0 6px 6px}.stat-option:not(.active){display:none}.stat-option.active{background:#6bb9f026;border-radius:6px;position:relative}.stat-option.active:after{content:"▼";position:absolute;right:1rem;opacity:.7;font-size:.8rem;pointer-events:none}.stat-options.expanded .stat-option:not(.active){display:flex}.stat-options.expanded .stat-option.active{border-radius:6px 6px 0 0}.stat-options.expanded .stat-option.active:after{content:"▲"}.stat-options.expanded{background:#000000fa;border-radius:6px;border-color:#6bb9f099;box-shadow:0 4px 12px #0000004d;z-index:100}.leaderboard-content{padding:.75rem;width:100%;box-sizing:border-box;overflow-x:hidden}.leaderboard-title{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem;margin-bottom:1rem;position:relative}.leaderboard-title.dropdown-open{z-index:100}.title-left{width:100%}.clickable-title{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.75rem;padding:.5rem;margin:-.5rem;border-radius:8px;transition:background .2s}.clickable-title:active{background:#ffffff0d}.dropdown-arrow{margin-left:auto;font-size:.9rem;opacity:.7}.title-dropdown{position:absolute;top:100%;left:0;right:0;background:#000000fa;border:2px solid rgba(107,185,240,.6);border-top:none;border-radius:0 0 12px 12px;margin-top:-.75rem;padding-top:.75rem;box-shadow:0 4px 12px #00000080;z-index:101;max-height:400px;overflow-y:auto}.title-dropdown-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s;text-align:left}.title-dropdown-option:last-child{border-bottom:none;border-radius:0 0 10px 10px}.title-dropdown-option:hover,.title-dropdown-option:active{background:#ffffff1a}.title-icon{font-size:1.5rem}.leaderboard-title h2{font-size:1.3rem}.pagination-top,.pagination-bottom{width:100%;justify-content:center}.pagination-bottom{margin-top:1rem}.pagination-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:.5rem!important;font-size:1.2rem!important;border-radius:8px!important}.pagination-info{min-width:100px;text-align:center;font-size:.95rem}.table-header{display:none}.table-row{grid-template-columns:50px 1fr 70px;gap:.75rem;padding:.75rem}.col-level{order:3}.col-value{order:2;grid-column:2 / 3;text-align:right;margin-top:.25rem}.player-name{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-username{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-badge{padding:.4rem .8rem;font-size:.85rem}.col-value .stat-value{font-size:1.1rem}}.language-selector{position:relative;display:inline-block}.language-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.language-btn:hover{background:#ffffff26;border-color:#ffffff4d}.lang-flag{font-size:1.1rem}.lang-code{font-weight:500;letter-spacing:.5px}.language-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:1000;min-width:140px}.language-selector:hover .language-dropdown,.language-selector:focus-within .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem 1rem;border:none;background:transparent;color:#ccc;cursor:pointer;text-align:left;font-size:.9rem;transition:all .15s}.lang-option:hover{background:#ffffff1a;color:#fff}.lang-option.active{background:#6464ff33;color:#8bf}.lang-name{font-weight:400}.account-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:2rem}.account-container{max-width:1000px;margin:0 auto}.account-title{font-size:2.5rem;color:#646cff;margin-bottom:2rem;text-align:center}.account-loading,.account-error{text-align:center;padding:3rem;color:#fff}.account-error h2{color:#ff6b6b;margin-bottom:1rem}.account-section{background:#2a2a2a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,108,255,.2);border-radius:12px;padding:2rem;margin-bottom:2rem}.section-title{font-size:1.5rem;color:#646cff;margin-bottom:1.5rem;border-bottom:1px solid rgba(100,108,255,.2);padding-bottom:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.9rem;color:#888;font-weight:600}.info-value{font-size:1.1rem;color:#fff}.info-value.premium{color:#ffd93d;font-weight:600}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.character-card{background:#1a1a1acc;border:1px solid rgba(100,108,255,.3);border-radius:8px;padding:1.5rem;transition:all .3s ease}.character-card:hover{transform:translateY(-4px);border-color:#646cff99;box-shadow:0 8px 20px #646cff33}.character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.character-header h3{font-size:1.3rem;color:#fff;margin:0}.character-level{background:linear-gradient(135deg,#646cff,#8b5cf6);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.character-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8rem;color:#888}.stat-value{font-size:1rem;color:#fff;font-weight:600}.character-attributes{display:flex;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:#aaa}.no-characters{color:#888;text-align:center;padding:2rem;font-style:italic}.setting-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(100,108,255,.1)}.setting-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-header h3{font-size:1.2rem;color:#fff;margin:0}.setting-form{background:#1a1a1a99;border:1px solid rgba(100,108,255,.2);border-radius:8px;padding:1.5rem;margin-top:1rem}.setting-form .form-group{margin-bottom:1rem}.setting-form .form-group:last-of-type{margin-bottom:1.5rem}.account-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.button-danger{background-color:#ff6b6b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .25s}.button-danger:hover{background-color:#ff5252}@media (max-width: 768px){.account-page{padding:1rem}.account-title{font-size:2rem}.account-section{padding:1.5rem}.info-grid,.characters-grid{grid-template-columns:1fr}.setting-header{flex-direction:column;align-items:flex-start;gap:.5rem}.account-actions{flex-direction:column}.account-actions button{width:100%}}.app{min-height:100vh;width:100%}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background-color:#2a2a2a;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0003}.button-primary{background-color:#646cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .25s}.button-primary:hover{background-color:#535bf2}.button-secondary{background-color:#2a2a2a;color:#fff;border:1px solid #646cff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:border-color .25s,background-color .25s}.button-secondary:hover{background-color:#3a3a3a;border-color:#535bf2}input,textarea{width:100%;padding:.75rem;border:1px solid #3a3a3a;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:1rem}input:focus,textarea:focus{outline:none;border-color:#646cff}.error{color:#ff6b6b;margin-top:.5rem}.success{color:#51cf66;margin-top:.5rem}@media (max-width: 768px){.container{padding:.5rem}.card{padding:1rem}}:root{font-family:Saira Condensed,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1a1a1a}#root{width:100%;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2a2a2a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;display:inline-block}