*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.6) rgba(0,0,0,.2)}::-webkit-scrollbar{width:10px;height:10px;opacity:0;transition:opacity .3s ease}*:hover::-webkit-scrollbar{opacity:1}::-webkit-scrollbar-track{background:#0000004d;border-radius:10px;margin:10px 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ecdc4,#3ab5ae);border-radius:10px;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0006;transition:all .3s ease;opacity:.8}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ed4cd,#4ecdc4);border-color:#fff3;opacity:1;box-shadow:0 6px 12px #4ecdc466}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#3ab5ae,#2a9d93);transform:scale(.95);opacity:1}::-webkit-scrollbar-corner{background:#0000004d}#root{width:100%;height:100%}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.bottom-4{bottom:1rem}.bottom-24{bottom:6rem}.left-1\/2{left:50%}.transform,.-translate-x-1\/2{transform:translate(-50%)}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.w-16{width:4rem}.h-16{height:4rem}.w-48{width:12rem}.h-4{height:1rem}.h-3{height:.75rem}.min-w-16{min-width:4rem}.border{border-width:1px}.border-2{border-width:2px}.border-yellow-400{border-color:#facc15}.border-gray-600{border-color:#4b5563}.border-gray-400{border-color:#9ca3af}.border-red-600{border-color:#dc2626}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-gray-700{background-color:#374151}.bg-black{background-color:#000}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-red-700{background-color:#b91c1c}.bg-opacity-60{background-color:#0009}.bg-opacity-80{background-color:#000c}.bg-opacity-90{background-color:#000000e6}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.text-8xl{font-size:6rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-300{color:#d1d5db}.text-red-600{color:#dc2626}.text-yellow-400{color:#facc15}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-black{font-weight:900}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-8{padding:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.max-w-md{max-width:28rem}.space-x-3>*+*{margin-left:.75rem}.space-y-1>*+*{margin-top:.25rem}.space-y-3>*+*{margin-top:.75rem}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.transition-all{transition:all}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.scale-110{transform:scale(1.1)}.scale-100{transform:scale(1)}.scale-125{transform:scale(1.25)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-yellow-400\/50{box-shadow:0 10px 15px -3px #facc1580}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hover\:border-gray-400:hover{border-color:#9ca3af}.hover\:bg-red-700:hover{background-color:#b91c1c}.tracking-wider{letter-spacing:.05em}.text-shadow-lg{text-shadow:0 0 20px rgba(0,0,0,.8),0 0 40px rgba(0,0,0,.6),2px 2px 4px rgba(0,0,0,1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (hover: none) and (pointer: coarse){::-webkit-scrollbar{opacity:.6!important}::-webkit-scrollbar-thumb{opacity:.9!important}}@media (max-width: 768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{margin:8px 0}::-webkit-scrollbar-thumb{border:1px solid rgba(255,255,255,.1)}}@media (max-width: 768px){.mobile-hidden{display:none}.mobile-visible{display:block}}@media (min-width: 769px){.mobile-hidden{display:block}.mobile-visible{display:none}}.inventory-hotbar-container{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.hotbar-slot{width:64px;height:64px;border:2px solid;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;position:relative;background:#111827}.hotbar-slot.active{border-color:#fbbf24;background:#1f2937;transform:scale(1.1);box-shadow:0 8px 20px #fbbf244d}.hotbar-slot.active[style*=--item-color]{background:linear-gradient(145deg,var(--item-color, #1f2937),#1f2937);opacity:.8}.hotbar-slot.inactive{border-color:#4b5563;background:#111827}.hotbar-slot.inactive:hover{border-color:#9ca3af}.hotbar-slot-content{position:relative}.hotbar-slot-icon{font-size:1.5rem;-webkit-user-select:none;user-select:none}.hotbar-slot-number{color:#4b5563;font-size:14px}.hotbar-slot-key{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:12px;color:#fff;font-weight:700}.hotbar-active-item{margin-left:16px;display:flex;align-items:center;color:#fff}.hotbar-active-item-name{font-weight:700}.inventory-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:radial-gradient(circle at center,#8b451333,#000000e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:inventoryFadeIn .4s ease-out}@keyframes inventoryFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.inventory-modal{position:relative;width:min(520px,90vw);height:min(580px,85vh);background:linear-gradient(145deg,#8b451326,#65432133,#3e27234d);border:3px solid transparent;background-clip:padding-box;border-radius:16px;box-shadow:0 0 40px #8b45134d,0 15px 35px #000c,inset 0 1px #ffffff1a,inset 0 0 40px #8b45131a;overflow:hidden;animation:inventoryAppear .5s ease-out}@keyframes inventoryAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.inventory-modal:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#8b4513,#d2691e,peru,#8b4513);border-radius:16px;z-index:-1;animation:inventoryBorderGlow 3s ease-in-out infinite}@keyframes inventoryBorderGlow{0%,to{opacity:.6}50%{opacity:.9}}.inventory-title-bar{position:absolute;top:0;left:0;right:0;height:45px;background:linear-gradient(180deg,#8b451366,#65432199);border-bottom:2px solid rgba(139,69,19,.8);display:flex;align-items:center;justify-content:space-between;padding:0 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000004d}.inventory-title{color:#f4e4bc;font-size:clamp(16px,4vw,20px);font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.9),1px 1px 2px rgba(0,0,0,.8);letter-spacing:2px}.inventory-close-btn{background:#dc26261a;border:2px solid rgba(220,38,38,.3);color:#ff6b6b;font-size:20px;font-weight:700;cursor:pointer;padding:6px 10px;border-radius:50%;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.inventory-close-btn:hover{background:#dc262633;border-color:#dc262699;transform:scale(1.1) rotate(90deg);box-shadow:0 0 12px #dc262680}.inventory-content{margin-top:50px;padding:12px;height:calc(100% - 50px);display:flex;flex-direction:column;position:relative;z-index:2}.inventory-section{margin-bottom:12px}.inventory-section-title{color:#f4e4bc;font-size:clamp(12px,3.5vw,14px);font-weight:700;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.9),1px 1px 2px rgba(0,0,0,.8);letter-spacing:1px;position:relative}.inventory-section-title:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:2px;background:linear-gradient(90deg,rgba(244,228,188,.8),transparent);border-radius:1px}.equipment-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(45px,1fr));gap:6px;padding:8px;background:linear-gradient(145deg,#8b45131a,#65432126);border:2px solid rgba(139,69,19,.3);border-radius:8px;justify-items:center;box-shadow:inset 0 2px 4px #0003,0 2px 8px #0000001a}.inventory-bag-container{flex:1}.inventory-bag-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;background:linear-gradient(145deg,#8b45131a,#65432126);border:2px solid rgba(139,69,19,.3);border-radius:8px;justify-items:center;align-items:center;box-shadow:inset 0 2px 4px #0003,0 2px 8px #0000001a}.inventory-slot{width:42px;height:42px;background:linear-gradient(145deg,#8b451333,#6543214d);border:2px solid rgba(139,69,19,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 2px 4px #0003;cursor:pointer;transition:all .3s ease;overflow:hidden}.inventory-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(218,165,32,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.inventory-slot:hover:before{opacity:1}.inventory-slot:hover{background:linear-gradient(145deg,#8b45134d,#65432166);border-color:#daa52099;transform:translateY(-2px) scale(1.05);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000004d,0 4px 8px #0000004d,0 0 12px #daa5204d}.inventory-slot.selected{background:linear-gradient(145deg,#daa5204d,#b8860b66);border:2px solid #daa520;box-shadow:inset 0 1px #fff3,0 0 15px #daa52099,0 4px 8px #0000004d;animation:inventorySlotSelected 1.5s ease-in-out infinite}@keyframes inventorySlotSelected{0%,to{box-shadow:inset 0 1px #fff3,0 0 15px #daa52099,0 4px 8px #0000004d}50%{box-shadow:inset 0 1px #ffffff40,0 0 20px #daa520cc,0 4px 8px #0000004d}}.inventory-slot.selected:hover{background:linear-gradient(145deg,#daa52066,#b8860b80)}.inventory-slot-icon{font-size:18px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));cursor:grab;transition:all .3s ease;-webkit-user-select:none;user-select:none}.inventory-slot:hover .inventory-slot-icon{transform:scale(1.1);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 10px rgba(218,165,32,.6))}.inventory-slot.dragging{opacity:.5;transform:scale(.95)}.inventory-slot-number{color:#f4e4bc99;font-size:11px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.inventory-slot-empty{color:#8b451366;font-size:14px;font-weight:700}.inventory-actions{display:flex;justify-content:center;gap:12px;margin-top:8px;padding-bottom:8px}.inventory-action-btn{background:linear-gradient(145deg,#daa520,#b8860b);border:none;border-radius:10px;color:#2c1810;font-size:13px;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.3);cursor:pointer;padding:10px 20px;box-shadow:0 4px 8px #0000004d,0 0 15px #daa52033,inset 0 1px #fff3;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.inventory-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.inventory-action-btn:hover:before{left:100%}.inventory-action-btn:hover{background:linear-gradient(145deg,#f4e4bc,#daa520);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d,0 0 20px #daa52066,inset 0 1px #ffffff4d}.inventory-action-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d,0 0 10px #daa52033}@media (max-width: 768px){.hotbar-slot{width:54px;height:54px;border-width:2px;position:relative}.hotbar-slot-icon{font-size:1.3rem}.hotbar-slot-key{display:none!important}.hotbar-slot-number{font-size:15px;font-weight:700}.inventory-modal{width:95vw;height:85vh;padding:0}.inventory-title-bar{height:40px;padding:0 16px}.inventory-title{font-size:clamp(14px,4vw,16px)}.inventory-close-btn{width:32px;height:32px;font-size:16px}.inventory-content{margin-top:45px;padding:8px;height:calc(100% - 45px)}.equipment-slots-grid{grid-template-columns:repeat(6,1fr);gap:4px;padding:6px}.inventory-bag-grid{grid-template-columns:repeat(4,1fr);gap:3px;padding:6px}.inventory-slot{width:38px;height:38px}.inventory-slot-icon{font-size:16px}.inventory-section-title{font-size:11px;margin-bottom:6px}.inventory-section{margin-bottom:8px}.inventory-action-btn{padding:6px 12px;font-size:10px}}@media (max-width: 480px){.hotbar-slot{width:50px;height:50px}.hotbar-slot-icon{font-size:1.2rem}.hotbar-slot-key{display:none!important}.hotbar-slot-number{font-size:14px}.inventory-modal{width:98vw;height:90vh}.inventory-content{padding:6px}.inventory-section-title{font-size:10px;margin-bottom:4px}.inventory-section{margin-bottom:6px}.equipment-slots-grid,.inventory-bag-grid{padding:4px;gap:2px}.inventory-slot{width:34px;height:34px}.inventory-slot-icon{font-size:14px}.inventory-slot-number{font-size:10px}.inventory-action-btn{padding:4px 8px;font-size:9px}}.cat-stats-container{position:fixed;bottom:6rem;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;z-index:10;height:64px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000080;overflow:hidden}.cat-stats-section{display:flex;align-items:center;padding:0 16px;border-right:1px solid rgba(255,255,255,.1);height:100%}.cat-stats-section:last-child{border-right:none}.cat-level-display{color:#ff6b35;font-size:clamp(12px,3vw,14px);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap}.cat-xp-container{display:flex;flex-direction:column;gap:4px;min-width:120px}.cat-xp-bar{width:100%;height:6px;background:#374151;border-radius:3px;overflow:hidden;border:1px solid #4b5563}.cat-xp-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .3s ease;box-shadow:inset 0 1px #ffffff4d}.cat-xp-text{font-size:clamp(10px,2.5vw,12px);color:#d1d5db;font-weight:500;text-align:center}.cat-health-container{display:flex;align-items:center;gap:6px}.cat-health-icon{font-size:clamp(14px,3.5vw,16px);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.8))}.cat-health-text{color:#ef4444;font-size:clamp(12px,3vw,14px);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.cat-health-bonus{color:#10b981;font-size:clamp(10px,2.5vw,12px);font-weight:600;margin-left:4px}.cat-abilities-container{display:flex;align-items:center;gap:6px}.cat-ability-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff1a;border-radius:4px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease}.cat-ability-icon:hover{background:#ffffff26;transform:scale(1.1)}.cat-ability-emoji{font-size:12px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.8))}.cat-abilities-overflow{color:#9ca3af;font-size:clamp(10px,2.5vw,12px);font-weight:600;margin-left:4px}.cat-next-ability{display:flex;align-items:center;gap:6px;color:#9ca3af;font-size:clamp(10px,2.5vw,12px);max-width:150px}.cat-next-ability-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#9ca3af1a;border-radius:3px;border:1px solid rgba(156,163,175,.3)}.cat-next-ability-emoji{font-size:10px;opacity:.7}.cat-next-ability-name{font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.weapon-skills-container{position:fixed;bottom:6rem;right:1rem;background:linear-gradient(145deg,#000000e6,#000c);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px;border-radius:12px;z-index:10;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0009,0 0 20px rgba(var(--skill-glow-rgb, 74, 144, 226),.2);min-width:240px;max-width:min(300px,25vw);transition:all .3s ease}.weapon-skills-container:hover{transform:translateY(-2px);box-shadow:0 12px 32px #000000b3,0 0 30px rgba(var(--skill-glow-rgb, 74, 144, 226),.3)}.weapon-skills-container[data-weapon=water]{--skill-color: #3b82f6;--skill-glow-rgb: 59, 130, 246;border-color:#3b82f64d}.weapon-skills-container[data-weapon=fire]{--skill-color: #ef4444;--skill-glow-rgb: 239, 68, 68;border-color:#ef44444d}.weapon-skills-container[data-weapon=earth]{--skill-color: #10b981;--skill-glow-rgb: 16, 185, 129;border-color:#10b9814d}.weapon-skills-container[data-weapon=air]{--skill-color: #8b5cf6;--skill-glow-rgb: 139, 92, 246;border-color:#8b5cf64d}.weapon-skills-container[data-weapon=sword]{--skill-color: #f59e0b;--skill-glow-rgb: 245, 158, 11;border-color:#f59e0b4d}.weapon-skills-container[data-weapon=bow]{--skill-color: #06d6a0;--skill-glow-rgb: 6, 214, 160;border-color:#06d6a04d}.weapon-skills-title{color:var(--skill-color, #fff);font-size:clamp(13px,3.5vw,16px);font-weight:700;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center;letter-spacing:.5px}.weapon-skills-progress-container{width:100%;height:10px;background:#374151cc;border-radius:6px;overflow:hidden;border:1px solid rgba(75,85,99,.6);margin-bottom:8px;box-shadow:inset 0 2px 4px #0000004d}.weapon-skills-progress-bar{height:100%;background:var(--skill-color, #4a90e2);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:all .5s ease;border-radius:5px;box-shadow:inset 0 1px #fff6,0 0 8px rgba(var(--skill-glow-rgb, 74, 144, 226),.6);position:relative}.weapon-skills-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:5px 5px 0 0}.weapon-skills-xp{color:#d1d5db;font-size:clamp(11px,2.8vw,13px);font-weight:500;text-align:center;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.weapon-skills-next-level{color:#9ca3af;font-size:clamp(10px,2.5vw,12px);font-style:italic;text-align:center;background:rgba(var(--skill-glow-rgb, 74, 144, 226),.1);padding:4px 8px;border-radius:6px;border:1px solid rgba(var(--skill-glow-rgb, 74, 144, 226),.2);margin-top:4px}.weapon-skills-max-level{color:#fbbf24;font-size:clamp(11px,3vw,14px);font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#fbbf24,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(251,191,36,.5);animation:maxLevelGlow 2s ease-in-out infinite alternate;margin-top:4px;padding:4px}@keyframes maxLevelGlow{0%{filter:drop-shadow(0 0 5px rgba(251,191,36,.5))}to{filter:drop-shadow(0 0 15px rgba(251,191,36,.8))}}.wave-display-counter{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:20}.wave-counter-content{text-align:center;transition:all .5s ease}.wave-counter-content.animate{transform:scale(1.25)}.wave-counter-title{font-size:clamp(2rem,8vw,4rem);font-weight:900;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.8);letter-spacing:.1em;line-height:1}.wave-counter-subtitle{font-size:clamp(.875rem,3vw,1.25rem);color:#d1d5db;font-weight:700;margin-top:4px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.wave-transition-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#000000d9;pointer-events:none}.wave-transition-content{text-align:center;animation:pulse 2s ease-in-out infinite}.wave-transition-title{font-size:clamp(3rem,12vw,5rem);font-weight:900;color:#dc2626;margin-bottom:16px;letter-spacing:.1em;text-shadow:3px 3px 6px rgba(0,0,0,.9);line-height:1}.game-over-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-over-modal{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:2px solid #dc2626;border-radius:12px;padding:32px;text-align:center;max-width:min(448px,90vw);max-height:min(80vh,600px);overflow-y:auto;box-shadow:0 20px 40px #dc26264d,0 0 20px #dc262633;animation:deathPulse 2s ease-in-out infinite}.game-over-title{font-size:clamp(1.75rem,8vw,2.5rem);font-weight:700;color:#dc2626;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:2px;line-height:1.2}.game-over-content{margin:20px 0}.game-over-message{font-size:clamp(1rem,4vw,1.125rem);color:#d1d5db;margin-bottom:16px;line-height:1.4}.game-over-stats{background:#0000004d;border-radius:8px;padding:16px;margin:16px 0;border:1px solid rgba(220,38,38,.3)}.game-over-stats p{margin:8px 0;font-size:clamp(.875rem,3vw,1rem);color:#f3f4f6;font-weight:500}.game-over-actions{margin-top:20px}.game-over-hint{margin-top:12px;font-size:clamp(.75rem,3vw,.875rem);color:#9ca3af;font-style:italic}.game-over-restart-btn{width:100%;padding:12px 24px;background:linear-gradient(145deg,#dc2626,#b91c1c);color:#fff;font-weight:700;border-radius:8px;border:none;transition:all .3s ease;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:16px}.game-over-restart-btn:hover{background:linear-gradient(145deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 20px #dc262666}.fullscreen-center{display:flex;align-items:center;justify-content:center;height:100vh;background:#000}.loading-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes deathPulse{0%,to{box-shadow:0 20px 40px #dc26264d,0 0 20px #dc262633}50%{box-shadow:0 20px 40px #dc262680,0 0 30px #dc262666}}@media (max-width: 768px){.cat-stats-container{height:56px;padding:0;max-width:95vw;overflow-x:auto;overflow-y:hidden}.cat-stats-section{padding:0 8px;min-width:fit-content;flex-shrink:0}.cat-xp-container{min-width:100px}.cat-xp-text{font-size:10px}.cat-level-display,.cat-health-text{font-size:12px}.cat-next-ability{max-width:120px;font-size:10px}.game-over-modal{padding:20px;max-width:95vw;max-height:90vh;margin:0 10px}.game-over-title{font-size:clamp(1.5rem,10vw,2rem);margin-bottom:12px;letter-spacing:1px}.game-over-stats{padding:12px;margin:12px 0}.game-over-restart-btn{padding:14px 20px;font-size:14px}}@media (max-width: 480px),(max-height: 600px){.cat-stats-container{height:48px;font-size:11px}.cat-stats-section{padding:0 6px}.cat-xp-container{min-width:80px}.cat-xp-bar{height:4px}.cat-ability-icon{width:20px;height:20px}.cat-ability-emoji{font-size:10px}.cat-next-ability-icon{width:16px;height:16px}.weapon-skills-container{min-width:160px;padding:10px 12px}.weapon-skills-progress-container{height:6px}.weapon-skills-title{font-size:clamp(11px,3.5vw,13px);margin-bottom:6px}.weapon-skills-xp{font-size:clamp(9px,2.3vw,11px)}.weapon-skills-next-level{font-size:clamp(8px,2vw,10px);padding:2px 4px}.weapon-skills-max-level{font-size:clamp(9px,2.5vw,12px)}.game-over-modal{padding:16px;max-height:95vh}.game-over-title{font-size:clamp(1.25rem,12vw,1.75rem);margin-bottom:8px}.game-over-content{margin:12px 0}.game-over-stats{padding:8px;margin:8px 0}.game-over-actions{margin-top:12px}.weapon-skills-container{min-width:180px;max-width:90vw;padding:12px 16px}.weapon-skills-progress-container{width:100%;height:8px}.weapon-skills-title{font-size:clamp(12px,3.2vw,14px);margin-bottom:8px}.weapon-skills-xp{font-size:clamp(10px,2.5vw,12px)}.weapon-skills-next-level{font-size:clamp(9px,2.2vw,11px);padding:3px 6px}.weapon-skills-max-level{font-size:clamp(10px,2.8vw,13px)}.wave-display-counter{top:10px}}.quest-objective-overlay{position:fixed;top:20px;right:20px;width:320px;z-index:100;font-family:inherit}.player-status{background:linear-gradient(145deg,#2d2d2df2,#1a1a1af2);border:2px solid rgba(68,68,68,.8);border-radius:8px;padding:8px 12px;margin-bottom:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #0009;text-align:center}.clan-name{color:#4ecdc4;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.player-rank{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.current-quest{background:linear-gradient(145deg,#2d2d2df2,#1a1a1af2);border:2px solid rgba(78,205,196,.6);border-radius:10px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px #000000b3,0 0 15px #4ecdc433;animation:questGlow 3s ease-in-out infinite alternate}@keyframes questGlow{0%{box-shadow:0 6px 20px #000000b3,0 0 15px #4ecdc433}to{box-shadow:0 6px 20px #000000b3,0 0 20px #4ecdc44d}}.quest-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(78,205,196,.3)}.quest-icon{font-size:20px;background:#4ecdc433;padding:6px;border-radius:6px;border:1px solid rgba(78,205,196,.4)}.quest-info{flex:1}.quest-title{color:#fff;font-size:14px;font-weight:800;margin-bottom:2px;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px}.quest-category{color:#4ecdc4;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quest-objectives{margin-bottom:10px}.objective{margin-bottom:8px;transition:all .3s ease}.objective.completed{opacity:.7}.objective.completed .objective-text{text-decoration:line-through;color:#95e1d3}.objective-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.objective-icon{font-size:12px;width:16px;text-align:center}.objective-text{color:#ccc;font-size:12px;font-weight:500;flex:1;line-height:1.3}.objective-counter{color:#4ecdc4;font-size:11px;font-weight:700;background:#4ecdc41a;padding:2px 6px;border-radius:8px;border:1px solid rgba(78,205,196,.3)}.objective-progress{height:3px;background:#444c;border-radius:2px;overflow:hidden;margin-left:24px}.progress-bar{height:100%;background:linear-gradient(90deg,#4ecdc4,#95e1d3);border-radius:2px;transition:width .5s ease;box-shadow:0 0 6px #4ecdc480}.quest-hint{text-align:center;color:#888;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid rgba(68,68,68,.5);padding-top:8px}.quest-hint kbd{background:#444c;border:1px solid rgba(119,119,119,.6);border-radius:3px;color:#4ecdc4;font-family:inherit;font-size:10px;font-weight:700;padding:2px 5px;margin:0 2px;box-shadow:0 1px 2px #0009}@media (max-width: 768px){.quest-objective-overlay{top:10px;right:10px;left:10px;width:auto}.current-quest{padding:10px}.quest-title{font-size:13px}.quest-category{font-size:10px}.objective-text{font-size:11px}.clan-name{font-size:13px}.player-rank{font-size:10px}}.dialog-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-container{background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #3498db;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:2px solid rgba(52,152,219,.3);margin-bottom:20px}.dialog-npc-info{display:flex;flex-direction:column;gap:4px}.dialog-npc-name{font-size:24px;font-weight:700;color:#f39c12;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.dialog-npc-role{font-size:14px;color:#95a5a6;text-transform:capitalize;font-style:italic}.dialog-close-btn{background:none;border:none;color:#e74c3c;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dialog-close-btn:hover{background:#e74c3c33;transform:scale(1.1)}.dialog-content{padding:0 20px 20px}.dialog-message{font-size:16px;line-height:1.6;color:#ecf0f1;background:#0003;padding:20px;border-radius:8px;border-left:4px solid #3498db;margin-bottom:20px;min-height:60px;display:flex;align-items:center}.dialog-options{display:flex;flex-direction:column;gap:10px}.dialog-option-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;border:2px solid transparent}.dialog-option-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);border-color:#f39c12;transform:translate(5px)}.dialog-footer{padding:0 20px 20px;text-align:center}.dialog-continue-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:700}.dialog-continue-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:scale(1.05)}@media (max-width: 768px){.dialog-container{margin:10px;max-width:calc(100vw - 20px)}.dialog-npc-name{font-size:20px}.dialog-message{font-size:14px;padding:15px}.dialog-option-btn,.dialog-continue-btn{font-size:13px;padding:10px 15px}}.pause-overlay{position:fixed;inset:0;background-color:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}.pause-modal{width:min(500px,90vw);background:linear-gradient(145deg,#2d2d2d,#1a1a1a);border:3px solid #444;border-radius:12px;box-shadow:0 0 30px #000c,inset 0 1px #ffffff1a;overflow:hidden}.pause-title-bar{background:linear-gradient(180deg,#555,#333);border-bottom:2px solid #666;padding:12px 16px;position:relative}.pause-title{color:#fff;font-size:clamp(18px,4vw,24px);font-weight:900;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.pause-content{padding:20px}.pause-section{margin-bottom:20px}.pause-section-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:12px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.pause-control-panel{background:linear-gradient(145deg,#333,#222);border:1px solid #555;border-radius:6px;padding:12px}.sensitivity-control{display:flex;align-items:center;gap:12px}.sensitivity-label{color:#bbb;font-family:monospace;font-size:12px;min-width:40px}.sensitivity-slider{flex:1;height:8px;appearance:none;background:#555;border-radius:4px;outline:none;cursor:pointer}.sensitivity-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#4a90e2;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #00000080}.sensitivity-value{background:#444;color:#fff;padding:4px 8px;border-radius:4px;font-weight:700;min-width:50px;text-align:center;font-size:12px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:linear-gradient(145deg,#333,#222);border:1px solid #555;border-radius:6px;padding:12px}.control-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.control-action{color:#ddd;font-size:14px}.control-key{background:#444;color:#fff;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px;font-weight:700}.pause-buttons{display:flex;gap:12px;margin-bottom:16px}.pause-button{flex:1;padding:12px;border:none;border-radius:6px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.pause-button-resume{background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px #047857,0 6px 10px #0000004d}.pause-button-resume:hover{background:linear-gradient(145deg,#34d399,#22c55e);transform:translateY(1px);box-shadow:0 3px #047857,0 5px 8px #0000004d}.pause-button-quit{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px #991b1b,0 6px 10px #0000004d}.pause-button-quit:hover{background:linear-gradient(145deg,#f87171,#ef4444);transform:translateY(1px);box-shadow:0 3px #991b1b,0 5px 8px #0000004d}.pause-instructions{border-top:1px solid #444;padding-top:12px;text-align:center;color:#aaa;font-size:14px}.pause-key-hint{background:#333;color:#fff;padding:2px 6px;border-radius:3px;font-family:monospace;margin:0 2px}.spellbook-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:radial-gradient(circle at center,#1919704d,#000000e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:mysticalFadeIn .5s ease-out}@keyframes mysticalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.spellbook-modal{width:min(520px,95vw);max-height:90vh;background:linear-gradient(145deg,#2d2d4df2,#1a1a33f2);border:3px solid transparent;background-clip:padding-box;border-radius:20px;box-shadow:0 0 50px #8a2be266,0 20px 40px #000c,inset 0 1px #ffffff1a,inset 0 0 60px #8a2be21a;padding:24px;overflow:hidden;animation:spellbookAppear .6s ease-out;position:relative}@keyframes spellbookAppear{0%{opacity:0;transform:scale(.8) rotateY(15deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.spellbook-modal:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#8a2be2,#4169e1,#00bfff,#8a2be2);border-radius:20px;z-index:-1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.8}50%{opacity:1}}.spellbook-close-btn{position:absolute;top:16px;right:16px;background:#dc26261a;border:2px solid rgba(220,38,38,.3);color:#ff6b6b;font-size:24px;font-weight:700;cursor:pointer;z-index:20;padding:8px 12px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.spellbook-close-btn:hover{background:#dc262633;border-color:#dc262699;transform:scale(1.1) rotate(90deg);box-shadow:0 0 15px #dc262680}.spellbook-content{position:relative;z-index:10;overflow-y:auto;max-height:100%;padding:0}.spellbook-title{color:#fff;font-size:clamp(24px,6vw,32px);font-weight:900;text-align:center;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);letter-spacing:2px;background:linear-gradient(45deg,#fff,gold,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 2s ease-in-out infinite alternate;position:relative}@keyframes titleShimmer{0%{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 25px rgba(255,215,0,1))}}.spellbook-instructions{text-align:center;color:#b0b0d0;font-size:clamp(12px,3vw,14px);margin-bottom:20px;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.8);opacity:.9}.spellbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;justify-items:center;padding:20px;background:#0003;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.spell-slot{position:relative;width:90px;height:90px;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(145deg,#3c3c50cc,#28283ccc);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 8px #0006,inset 0 1px #ffffff1a}.spell-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(138,43,226,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.spell-slot:hover:before{opacity:1}.spell-slot:hover{transform:scale(1.05) translateY(-2px);border-color:#8a2be280;box-shadow:0 8px 16px #0006,0 0 20px #8a2be24d,inset 0 1px #fff3}.spell-slot.selected{transform:scale(1.1) translateY(-4px);border:3px solid #8a2be2;box-shadow:0 0 30px #8a2be2cc,0 12px 24px #00000080,inset 0 0 20px #8a2be233;background:linear-gradient(145deg,#8a2be24d,#4b00824d);animation:selectedPulse 1.5s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 30px #8a2be2cc,0 12px 24px #00000080,inset 0 0 20px #8a2be233}50%{box-shadow:0 0 40px #8a2be2,0 12px 24px #00000080,inset 0 0 30px #8a2be24d}}.spell-slot.empty{background:linear-gradient(145deg,#28282899,#14141499);border:2px dashed rgba(255,255,255,.2);cursor:default}.spell-slot.empty:hover{transform:none;border-color:#ffffff4d;box-shadow:0 4px 8px #0006,inset 0 1px #ffffff1a}.spell-slot-center{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.spell-icon{font-size:36px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));-webkit-user-select:none;user-select:none;transition:all .3s ease}.spell-slot:hover .spell-icon{transform:scale(1.1);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 15px rgba(138,43,226,.6))}.spell-number{font-size:24px;font-weight:700;color:#fff6;text-shadow:1px 1px 2px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none}.spell-selection-pulse{position:absolute;inset:-4px;border:2px solid rgba(138,43,226,.6);border-radius:16px;animation:selectionPulse 1s ease-in-out infinite}.spell-selection-ping{position:absolute;inset:-8px;border:1px solid rgba(138,43,226,.4);border-radius:20px;animation:selectionPing 1s ease-in-out infinite}@keyframes selectionPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes selectionPing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.spellbook-empty-state{text-align:center;padding:40px 20px;color:#fff9}.spellbook-empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.spellbook-empty-title{font-size:18px;font-weight:700;margin-bottom:8px;color:#fffc}.spellbook-empty-subtitle{font-size:14px;font-style:italic;color:#ffffff80}.spellbook-actions{display:flex;justify-content:center;gap:16px;margin-top:20px}.spellbook-select-btn{background:linear-gradient(145deg,#8a2be2,#6a1b9a);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.8);cursor:pointer;padding:14px 28px;box-shadow:0 6px 12px #0006,0 0 20px #8a2be24d,inset 0 1px #fff3;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.spellbook-select-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.spellbook-select-btn:hover:before{left:100%}.spellbook-select-btn:hover{background:linear-gradient(145deg,#9932cc,#8a2be2);transform:translateY(-3px);box-shadow:0 8px 16px #0006,0 0 30px #8a2be280,inset 0 1px #ffffff4d}.spellbook-select-btn:active{transform:translateY(-1px);box-shadow:0 4px 8px #0006,0 0 15px #8a2be266}.spellbook-select-btn:disabled{background:linear-gradient(145deg,#555,#444);cursor:not-allowed;opacity:.5;transform:none;box-shadow:0 2px 4px #0003;color:#ffffff80}.spellbook-select-btn:disabled:before{display:none}@media (max-width: 768px){.pause-modal{width:min(420px,95vw);margin:10px;border-radius:16px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.6) rgba(0,0,0,.2);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pause-modal::-webkit-scrollbar{width:8px;opacity:0;transition:opacity .3s ease}.pause-modal:hover::-webkit-scrollbar,.pause-modal:active::-webkit-scrollbar{opacity:1}.pause-modal::-webkit-scrollbar-track{background:#0003;border-radius:8px;margin:8px 0}.pause-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ecdc4,#3ab5ae);border-radius:8px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000004d;transition:all .3s ease;opacity:.8}.pause-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ed4cd,#4ecdc4);border-color:#fff3;opacity:1;box-shadow:0 4px 8px #4ecdc466}.pause-modal::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#3ab5ae,#2a9d93);transform:scale(.95);opacity:1}.pause-title-bar{padding:16px 20px}.pause-title{font-size:clamp(20px,5vw,24px);letter-spacing:1.5px}.pause-content{padding:20px;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.6) rgba(0,0,0,.2)}.pause-content::-webkit-scrollbar{width:6px}.pause-content::-webkit-scrollbar-track{background:#0000001a;border-radius:6px}.pause-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ecdc4,#3ab5ae);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.pause-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ed4cd,#4ecdc4)}.pause-section{margin-bottom:24px}.pause-section-title{font-size:18px;margin-bottom:16px;color:#4ecdc4;text-align:center}.pause-control-panel{padding:16px;border-radius:12px;background:linear-gradient(145deg,#3a3a3a,#2d2d2d);border:2px solid #555}.sensitivity-control{gap:16px;flex-wrap:wrap;justify-content:center}.sensitivity-label{font-size:14px;font-weight:600;color:#ccc;min-width:50px;text-align:center}.sensitivity-slider{height:12px;border-radius:6px;min-width:200px;flex:1;background:#555;cursor:pointer;-webkit-appearance:none;appearance:none}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(145deg,#4ecdc4,#3ab5ae);border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 4px 8px #0006,0 0 0 1px #4ecdc480;transition:all .2s ease}.sensitivity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 12px #00000080,0 0 0 2px #4ecdc4b3}.sensitivity-slider::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(145deg,#4ecdc4,#3ab5ae);border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 4px 8px #0006}.sensitivity-value{background:linear-gradient(145deg,#4ecdc4,#3ab5ae);color:#fff;padding:8px 12px;border-radius:8px;font-weight:700;font-size:16px;min-width:60px;text-align:center;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 8px #0000004d}.controls-grid{grid-template-columns:1fr;gap:8px;padding:16px;border-radius:12px;background:linear-gradient(145deg,#3a3a3a,#2d2d2d);border:2px solid #555}.control-row{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.control-row:last-child{border-bottom:none}.control-action{font-size:16px;font-weight:600;color:#fff}.control-key{background:linear-gradient(145deg,#4ecdc4,#3ab5ae);color:#fff;padding:6px 12px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d}.pause-buttons{flex-direction:column;gap:16px;margin-bottom:20px}.pause-button{padding:16px 20px;font-size:18px;font-weight:800;border-radius:12px;letter-spacing:1.5px;transition:all .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pause-button-resume{background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 6px #047857,0 8px 16px #0006}.pause-button-resume:active{transform:translateY(3px);box-shadow:0 3px #047857,0 5px 10px #0006}.pause-button-quit{background:linear-gradient(145deg,#ef4444,#dc2626);box-shadow:0 6px #991b1b,0 8px 16px #0006}.pause-button-quit:active{transform:translateY(3px);box-shadow:0 3px #991b1b,0 5px 10px #0006}.pause-instructions{font-size:16px;padding:16px;background:#4ecdc41a;border-radius:12px;border:2px solid rgba(78,205,196,.3);text-align:center;color:#ccc}.pause-key-hint{background:linear-gradient(145deg,#4ecdc4,#3ab5ae);color:#fff;padding:4px 8px;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 4px;font-weight:700;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d}.spellbook-modal{width:min(480px,95vw);padding:20px;border-radius:16px}.spellbook-title{font-size:clamp(20px,6vw,24px);margin-bottom:8px}.spellbook-instructions{font-size:clamp(11px,3vw,12px);margin-bottom:16px}.spellbook-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;margin-bottom:20px}.spell-slot{width:70px;height:70px;border-radius:10px}.spell-icon{font-size:28px}.spell-number{font-size:20px}.spellbook-select-btn{padding:12px 20px;font-size:14px}.spellbook-close-btn{width:36px;height:36px;font-size:20px}}@media (max-width: 480px){.pause-modal{width:min(360px,95vw);margin:5px}.pause-modal::-webkit-scrollbar{width:6px}.pause-modal::-webkit-scrollbar-track{margin:6px 0}.pause-modal::-webkit-scrollbar-thumb{border:1px solid rgba(255,255,255,.1)}.pause-title{font-size:20px;letter-spacing:1px}.pause-content{padding:16px}.pause-section{margin-bottom:20px}.pause-section-title{font-size:16px;margin-bottom:12px}.pause-control-panel{padding:12px}.sensitivity-control{gap:12px}.sensitivity-slider{min-width:150px;height:10px}.sensitivity-slider::-webkit-slider-thumb{width:24px;height:24px}.sensitivity-value{padding:6px 10px;font-size:14px;min-width:50px}.controls-grid{padding:12px}.control-action{font-size:14px}.control-key{padding:4px 8px;font-size:12px}.pause-button{padding:14px 16px;font-size:16px}.pause-instructions{font-size:14px;padding:12px}.pause-key-hint{padding:3px 6px;font-size:12px}}@media (hover: none) and (pointer: coarse){.pause-button,.sensitivity-slider{-webkit-tap-highlight-color:transparent}.pause-button:active{transform:translateY(3px) scale(.98)}.sensitivity-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.pause-modal::-webkit-scrollbar,.clan-options::-webkit-scrollbar,.game-mode-overlay::-webkit-scrollbar{opacity:.6!important}.pause-modal::-webkit-scrollbar-thumb,.clan-options::-webkit-scrollbar-thumb,.game-mode-overlay::-webkit-scrollbar-thumb{opacity:.9!important}.pause-modal:before,.clan-options:before,.game-mode-overlay:before{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:linear-gradient(180deg,#4ecdc44d,#4ecdc499,#4ecdc44d);border-radius:0 16px 16px 0;opacity:0;animation:scrollHint 3s ease-in-out infinite;pointer-events:none;z-index:1}.clan-options{position:relative}@keyframes scrollHint{0%,to{opacity:0}50%{opacity:.8}}}.game-mode-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:10000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 0;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.6) rgba(0,0,0,.2);scroll-behavior:smooth}.game-mode-overlay::-webkit-scrollbar{width:10px;opacity:0;transition:opacity .3s ease}.game-mode-overlay:hover::-webkit-scrollbar,.game-mode-overlay:active::-webkit-scrollbar{opacity:1}.game-mode-overlay::-webkit-scrollbar-track{background:#0000004d;border-radius:10px;margin:10px 0}.game-mode-overlay::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ecdc4,#3ab5ae);border-radius:10px;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0006;transition:all .3s ease;opacity:.8}.game-mode-overlay::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ed4cd,#4ecdc4);border-color:#fff3;opacity:1;box-shadow:0 6px 12px #4ecdc466}.game-mode-overlay::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#3ab5ae,#2a9d93);transform:scale(.95);opacity:1}.game-mode-container{width:min(900px,95vw);max-width:900px;background:linear-gradient(145deg,#2d2d2d,#1a1a1a);border:3px solid #444;border-radius:20px;box-shadow:0 0 50px #000000e6,inset 0 2px #ffffff1a;overflow:visible;animation:fadeInUp .6s ease-out;margin:auto 0;min-height:min-content}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-mode-header{text-align:center;padding:30px 20px 20px;background:linear-gradient(180deg,#444,#333);border-bottom:3px solid #555}.game-mode-header h1{color:#fff;font-size:clamp(28px,6vw,42px);font-weight:900;margin:0 0 10px;text-shadow:3px 3px 6px rgba(0,0,0,.8);letter-spacing:3px}.game-mode-header p{color:#ccc;font-size:clamp(16px,3vw,20px);margin:0;font-weight:500}.game-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px}.game-mode-option{background:linear-gradient(145deg,#333,#2a2a2a);border:2px solid #555;border-radius:15px;padding:25px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.game-mode-option:hover{border-color:#777;transform:translateY(-5px);box-shadow:0 10px 20px #00000080}.game-mode-option.survival-mode:hover{border-color:#ff6b6b;box-shadow:0 10px 20px #ff6b6b4d}.game-mode-option.story-mode:hover{border-color:#4ecdc4;box-shadow:0 10px 20px #4ecdc44d}.mode-icon{font-size:48px;margin-bottom:15px;display:block}.game-mode-option h3{color:#fff;font-size:24px;font-weight:800;margin:0 0 10px;letter-spacing:1px}.game-mode-option>p{color:#bbb;font-size:16px;margin:0 0 15px;font-weight:600}.mode-description{color:#aaa!important;font-size:14px!important;line-height:1.5;margin-bottom:20px!important;font-weight:400!important}.mode-features{color:#ccc;font-size:12px;line-height:1.6;text-align:left;background:#0000004d;padding:15px;border-radius:8px;border-left:3px solid #555}.survival-mode .mode-features{border-left-color:#ff6b6b}.story-mode .mode-features{border-left-color:#4ecdc4}.development-notice{background:linear-gradient(145deg,#6666661a,#44444426);border:1px solid rgba(153,153,153,.3);border-radius:10px;padding:15px 20px;margin-top:20px;display:flex;align-items:flex-start;gap:15px;animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #9993}to{box-shadow:0 0 15px #9996}}.development-icon{font-size:24px;flex-shrink:0;margin-top:2px}.development-content{flex:1}.development-content p{color:#ccc!important;font-size:13px!important;line-height:1.4;margin:0 0 8px!important;font-weight:400!important}.development-content p:last-child{margin-bottom:0!important}.development-content strong{color:#fff;font-weight:700}.clan-selection-header{text-align:center;padding:30px 20px 20px;background:linear-gradient(180deg,#444,#333);border-bottom:3px solid #555}.clan-selection-header h2{color:#fff;font-size:clamp(24px,5vw,32px);font-weight:800;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.clan-selection-header p{color:#ccc;font-size:clamp(14px,2.5vw,16px);margin:0;font-weight:400}.clan-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px;max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.6) rgba(0,0,0,.2);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.clan-options::-webkit-scrollbar{width:8px;opacity:0;transition:opacity .3s ease}.clan-options:hover::-webkit-scrollbar,.clan-options:active::-webkit-scrollbar{opacity:1}.clan-options::-webkit-scrollbar-track{background:#0003;border-radius:8px;margin:8px 0}.clan-options::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ecdc4,#3ab5ae);border-radius:8px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000004d;transition:all .3s ease;opacity:.8}.clan-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ed4cd,#4ecdc4);border-color:#fff3;opacity:1;box-shadow:0 4px 8px #4ecdc466}.clan-options::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#3ab5ae,#2a9d93);transform:scale(.95);opacity:1}.clan-option{background:linear-gradient(145deg,#333,#2a2a2a);border:2px solid #555;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:15px}.clan-option:hover{border-color:#777;transform:translateY(-2px);box-shadow:0 5px 15px #0006}.clan-option.selected{border-color:#4ecdc4;background:linear-gradient(145deg,#3a3a3a,#2d2d2d);box-shadow:0 0 20px #4ecdc44d}.clan-emoji{font-size:32px;flex-shrink:0}.clan-info{flex:1}.clan-info h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px;letter-spacing:1px}.clan-territory{color:#bbb;font-size:13px;margin:0 0 6px;font-weight:600}.clan-specialty{color:#aaa;font-size:12px;margin:0 0 8px;font-style:italic}.clan-values{color:#ccc;font-size:11px;margin:0 0 10px;font-weight:600;letter-spacing:.5px}.clan-description{color:#aaa;font-size:12px;line-height:1.4;margin:0;font-weight:400}.clan-selection-actions{display:flex;justify-content:space-between;align-items:center;padding:20px 30px 30px;gap:20px}.back-button,.confirm-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.back-button{background:linear-gradient(145deg,#666,#555);color:#fff;border:2px solid #777}.back-button:hover{background:linear-gradient(145deg,#777,#666);transform:translateY(-2px)}.confirm-button{background:linear-gradient(145deg,#4ecdc4,#3ab5ae);color:#fff;border:2px solid #4ecdc4;flex:1;max-width:250px}.confirm-button.active:hover{background:linear-gradient(145deg,#5ed4cd,#4ecdc4);transform:translateY(-2px);box-shadow:0 5px 15px #4ecdc466}.confirm-button.disabled{background:linear-gradient(145deg,#555,#444);color:#888;border-color:#555;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.game-mode-options{grid-template-columns:1fr;gap:15px;padding:20px}.clan-options{grid-template-columns:1fr;gap:12px;padding:20px}.clan-options::-webkit-scrollbar,.game-mode-overlay::-webkit-scrollbar{width:6px}.clan-options::-webkit-scrollbar-track,.game-mode-overlay::-webkit-scrollbar-track{margin:6px 0}.clan-options::-webkit-scrollbar-thumb,.game-mode-overlay::-webkit-scrollbar-thumb{border:1px solid rgba(255,255,255,.1)}.clan-selection-actions{flex-direction:column;gap:15px}.confirm-button{max-width:100%}.clan-option{padding:15px}.clan-emoji{font-size:28px}}.quest-book-overlay{position:fixed;inset:0;background-color:#000000e6;z-index:9500;display:flex;align-items:center;justify-content:center;overflow:hidden}.quest-book-container{width:min(1200px,95vw);height:min(800px,90vh);background:linear-gradient(145deg,#2d2d2d,#1a1a1a);border:3px solid #444;border-radius:15px;box-shadow:0 0 40px #000c,inset 0 2px #ffffff1a;display:flex;flex-direction:column;overflow:hidden;animation:questBookSlideIn .4s ease-out}@keyframes questBookSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.quest-book-header{background:linear-gradient(180deg,#444,#333);border-bottom:3px solid #555;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.quest-book-title h1{color:#fff;font-size:24px;font-weight:900;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.player-info{display:flex;gap:15px;margin-top:5px}.player-clan{color:#4ecdc4;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.player-rank{color:gold;font-size:14px;font-weight:700;text-transform:capitalize;letter-spacing:1px}.quest-book-close{background:linear-gradient(145deg,#ff6b6b,#e55555);border:2px solid #ff6b6b;border-radius:50%;width:40px;height:40px;color:#fff;font-size:18px;font-weight:900;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quest-book-close:hover{background:linear-gradient(145deg,#ff8585,#ff6b6b);transform:scale(1.1)}.quest-book-content{display:flex;flex:1;overflow:hidden}.quest-book-left{width:40%;border-right:2px solid #444;display:flex;flex-direction:column}.quest-categories{display:flex;background:linear-gradient(180deg,#3a3a3a,#333);border-bottom:2px solid #555}.quest-category{flex:1;background:none;border:none;color:#bbb;padding:12px 8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid transparent}.quest-category:hover{color:#fff;background:#ffffff1a}.quest-category.active{color:#4ecdc4;background:#4ecdc41a;border-bottom-color:#4ecdc4}.quest-list{flex:1;overflow-y:auto;padding:10px}.quest-item{background:linear-gradient(145deg,#333,#2a2a2a);border:2px solid #444;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.quest-item:hover{border-color:#666;transform:translate(3px)}.quest-item.selected{border-color:#4ecdc4;background:linear-gradient(145deg,#3a3a3a,#2d2d2d);box-shadow:0 0 15px #4ecdc433}.quest-item.novice{border-left:4px solid #4ecdc4}.quest-item.warrior{border-left:4px solid #ffd700}.quest-item.elite{border-left:4px solid #ff6b6b}.quest-item.daily{border-left:4px solid #95e1d3}.quest-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.quest-title{color:#fff;font-size:14px;font-weight:700;flex:1}.quest-category-badge{background:#4ecdc433;color:#4ecdc4;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.quest-summary{color:#aaa;font-size:11px;line-height:1.4;margin-bottom:8px}.quest-progress{border-top:1px solid #444;padding-top:6px}.objective-progress{display:flex;justify-content:space-between;align-items:center;color:#ccc;font-size:10px;margin-bottom:2px}.progress-count{color:#4ecdc4;font-weight:700}.no-quests{text-align:center;color:#888;font-style:italic;padding:40px 20px;line-height:1.6}.quest-book-right{flex:1;overflow-y:auto;padding:20px}.quest-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #444}.quest-details-header h3{color:#fff;font-size:20px;font-weight:800;margin:0;letter-spacing:1px}.quest-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quest-status.available{background:#ffd70033;color:gold;border:1px solid #ffd700}.quest-status.active{background:#4ecdc433;color:#4ecdc4;border:1px solid #4ecdc4}.quest-status.completed{background:#95e1d333;color:#95e1d3;border:1px solid #95e1d3}.quest-details-body h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.quest-description,.quest-giver,.quest-location{margin-bottom:20px}.quest-description p,.quest-giver p,.quest-location p{color:#ccc;font-size:13px;line-height:1.5;margin:0}.quest-objectives{margin-bottom:20px}.objective{background:#0000004d;border:1px solid #444;border-radius:6px;padding:10px;margin-bottom:8px}.objective-text{color:#ccc;font-size:12px;margin-bottom:6px}.objective-progress-bar{position:relative;background:#222;border:1px solid #444;border-radius:10px;height:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4ecdc4,#95e1d3);height:100%;transition:width .3s ease;border-radius:9px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.quest-rewards{margin-bottom:20px}.reward{background:#4ecdc41a;border-left:3px solid #4ecdc4;color:#ccc;font-size:12px;padding:8px 12px;margin-bottom:4px;border-radius:4px}.quest-actions{margin-top:20px}.activate-quest-btn{background:linear-gradient(145deg,#4ecdc4,#3ab5ae);border:2px solid #4ecdc4;border-radius:6px;color:#fff;font-size:14px;font-weight:700;padding:10px 20px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.activate-quest-btn:hover{background:linear-gradient(145deg,#5ed4cd,#4ecdc4);transform:translateY(-2px);box-shadow:0 5px 15px #4ecdc466}.no-quest-selected{text-align:center;padding:40px 20px}.no-quest-selected h3{color:#fff;font-size:18px;margin:0 0 10px}.no-quest-selected p{color:#aaa;font-size:14px;margin:0 0 30px;line-height:1.5}.skills-summary{background:#0000004d;border:2px solid #444;border-radius:8px;padding:20px;text-align:left}.skills-summary h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 15px;text-align:center;text-transform:uppercase;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.skill-item{display:flex;justify-content:space-between;align-items:center;background:#4ecdc41a;border:1px solid #4ecdc4;border-radius:4px;padding:8px 10px}.skill-name{color:#ccc;font-size:11px;font-weight:600;text-transform:capitalize}.skill-xp{color:#4ecdc4;font-size:11px;font-weight:700}.quest-book-footer{background:linear-gradient(180deg,#333,#2a2a2a);border-top:2px solid #444;padding:10px 20px;text-align:center}.controls-hint{color:#888;font-size:12px}.controls-hint kbd{background:#555;border:1px solid #777;border-radius:3px;color:#fff;font-family:inherit;font-size:11px;font-weight:700;padding:2px 6px;margin:0 2px}@media (max-width: 768px){.quest-book-container{width:98vw;height:95vh}.quest-book-content{flex-direction:column}.quest-book-left{width:100%;height:50%;border-right:none;border-bottom:2px solid #444}.quest-categories{flex-wrap:wrap}.quest-category{font-size:11px;padding:10px 6px}.quest-book-right{padding:15px}.quest-details-header{flex-direction:column;gap:10px}.skills-grid{grid-template-columns:1fr 1fr}}.game-mode-debug{display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.debug-button,.reset-button{padding:8px 16px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500}.debug-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.debug-button:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:scale(1.05)}.reset-button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.reset-button:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);transform:scale(1.05)}.reset-button.confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (max-width: 768px){.game-mode-debug{flex-direction:column;gap:8px}.debug-button,.reset-button{font-size:11px;padding:6px 12px}}.cat-customization-screen{width:100%;max-width:800px;margin:0 auto;padding:0 20px}.customization-header{text-align:center;margin-bottom:20px}.customization-header h2{font-size:28px;color:#f39c12;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.customization-header p{font-size:16px;color:#ecf0f1}.customization-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.cat-preview{background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;height:320px;display:flex;align-items:center;justify-content:center;position:relative}.cat-preview canvas{width:100%!important;height:100%!important}.customization-options{background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;overflow-y:auto;max-height:320px}.customizer-section{margin-bottom:20px}.customizer-section h3{font-size:16px;color:#f39c12;margin-bottom:10px;text-transform:uppercase;font-weight:600}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-option{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);border-color:#ffffff80}.color-option.selected{border-color:#f39c12;box-shadow:0 0 10px #f39c1280;transform:scale(1.1)}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.text-option{background:#34495ecc;border:2px solid transparent;border-radius:8px;padding:8px 12px;color:#ecf0f1;font-size:14px;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.text-option:hover{background:#34495e;border-color:#ffffff4d}.text-option.selected{background:#f39c124d;border-color:#f39c12;color:#f39c12}.customization-actions{display:flex;justify-content:space-between;gap:20px}.customization-actions .back-button,.customization-actions .confirm-button{flex:1;max-width:200px}@media (max-width: 768px){.game-mode-overlay{align-items:flex-start;padding:10px 0}.game-mode-container{margin:0;max-height:none;min-height:100vh}.cat-customization-screen{padding:0 15px;min-height:100vh}.customization-header h2{font-size:24px}.customization-header p{font-size:14px}.customization-layout{grid-template-columns:1fr;gap:15px}.cat-preview{height:250px;padding:10px}.customization-options{max-height:300px;padding:12px}.color-grid{grid-template-columns:repeat(4,1fr);gap:6px}.option-grid{grid-template-columns:repeat(2,1fr);gap:6px}.customization-actions{flex-direction:column;gap:10px}.customization-actions .back-button,.customization-actions .confirm-button{max-width:100%}}@media (max-width: 480px){.cat-customization-screen{padding:0 10px}.customization-header h2{font-size:20px}.cat-preview{height:200px}.customization-options{max-height:250px}.color-grid{grid-template-columns:repeat(3,1fr)}}.mobile-rotate-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#ecf0f1;padding:4px 12px;border-radius:20px;font-size:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.cat-preview:hover .mobile-rotate-hint{opacity:1}@media (max-width: 768px){.mobile-rotate-hint{opacity:1}.customization-options{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.customization-options::-webkit-scrollbar{width:6px}.customization-options::-webkit-scrollbar-track{background:transparent}.customization-options::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.customizer-section h3{font-size:14px;margin-bottom:8px}.text-option{font-size:12px;padding:6px 10px}.color-option{min-width:40px;min-height:40px}}@media (hover: none) and (pointer: coarse){.color-option,.text-option,.back-button,.confirm-button{-webkit-tap-highlight-color:transparent}.color-option:active{transform:scale(.95)}.text-option:active{transform:scale(.98)}}@supports (-webkit-touch-callout: none){.game-mode-overlay{position:fixed;height:100%;height:-webkit-fill-available;overflow-y:scroll;-webkit-overflow-scrolling:touch}.game-mode-container{transform:translateZ(0)}}.mobile-controls{position:fixed;bottom:0;left:0;right:0;z-index:100;display:none;pointer-events:auto}.mobile-pause-button{position:fixed;top:8px;left:8px;width:56px;height:56px;background:linear-gradient(145deg,#4ecdc4,#3ab5ae);border:3px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;z-index:200;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0006,0 0 0 1px #4ecdc44d,inset 0 1px #fff3;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-pause-button:hover{background:linear-gradient(145deg,#5ed4cd,#4ecdc4);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #00000080,0 0 0 2px #4ecdc480,inset 0 2px #ffffff4d}.mobile-pause-button:active{background:linear-gradient(145deg,#3ab5ae,#2a9d93);transform:translateY(0) scale(.95);box-shadow:0 4px 12px #0006,0 0 0 1px #4ecdc466,inset 0 1px #fff3}@media (max-width: 768px){.mobile-controls{display:flex;justify-content:center;align-items:flex-end;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);height:180px}}.mobile-movement-controls{display:flex;align-items:center}.virtual-joystick{position:relative;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff1a,#0009);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:all .2s ease;box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.virtual-joystick:active{border-color:#4a90e266;background:radial-gradient(circle at 30% 30%,#4a90e226,#000000b3);box-shadow:0 12px 32px #0006,0 0 0 1px #4a90e233,inset 0 1px #ffffff26,inset 0 -1px #0003}.virtual-joystick-knob{position:absolute;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:radial-gradient(circle at 25% 25%,#fffffff2,#fffc 50%,#dcdcdce6);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 6px 18px #00000040,0 2px 8px #00000026,inset 0 1px #ffffffe6,inset 0 -1px 2px #0000001a}.virtual-joystick:active .virtual-joystick-knob{background:radial-gradient(circle at 25% 25%,#4a90e2f2,#4a90e2d9 50%,#3c78bee6);border-color:#4a90e2e6;transform:scale(1.05);box-shadow:0 8px 24px #4a90e24d,0 4px 12px #0003,inset 0 1px #fff9,inset 0 -1px 2px #00000026}.mobile-dpad{display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-dpad-row{display:flex;gap:4px;align-items:center}.mobile-control-btn{width:60px;height:60px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#0009;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:all .2s ease;cursor:pointer;box-shadow:0 4px 12px #0000004d}.mobile-control-btn:active{background:#fff3;border-color:#fff9;transform:scale(.95)}.mobile-control-btn:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 768px){.mobile-left-actions{position:fixed;left:20px;bottom:20px;z-index:101;display:flex;flex-direction:column;align-items:center;gap:12px}.mobile-right-actions{position:fixed;right:20px;bottom:20px;z-index:101;display:flex;flex-direction:column;align-items:center;gap:12px}}.mobile-btn-run{width:70px;height:55px;font-size:24px}.mobile-btn-menu{width:60px;height:60px;font-size:20px;border-radius:12px;background:#4a90e2cc;border-color:#4a90e299;box-shadow:0 4px 12px #4a90e266}.mobile-btn-menu:active{background:#4a90e2;transform:scale(.9)}.mobile-btn-attack{width:80px;height:80px;font-size:28px;border-radius:50%;background:#dc2626cc;border-color:#dc262699;box-shadow:0 6px 16px #dc262666}.mobile-btn-attack:active{background:#dc2626;transform:scale(.9)}@media (max-width: 768px){.mobile-control-btn{-webkit-tap-highlight-color:transparent}.mobile-control-btn:active{background:#4a90e266;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e266}.hotbar-slot{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hotbar-slot:active{transform:scale(.95);transition:transform .1s ease}.hotbar-slot.active:active{transform:scale(1.05)}}.mobile-controls *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width: 768px){.cat-stats-container{position:fixed!important;left:8px!important;top:80px!important;bottom:200px!important;transform:none!important;flex-direction:column!important;width:85px!important;min-width:85px!important;max-width:85px!important;height:auto!important;max-height:calc(100vh - 260px)!important;background:#000000e6!important;border:2px solid rgba(255,255,255,.15)!important;border-radius:12px!important;padding:8px!important;gap:8px!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:15!important}.cat-stats-section{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:8px 4px!important;height:auto!important;flex-direction:column!important;align-items:center!important;text-align:center!important;min-height:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;flex-shrink:1!important;overflow:hidden!important;box-sizing:border-box!important}.cat-stats-section:last-child{border-bottom:none!important}.cat-level-display{font-size:11px!important;writing-mode:horizontal-tb!important;white-space:nowrap!important}.cat-xp-container{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.cat-xp-bar{height:4px!important;margin-bottom:4px!important;width:100%!important}.cat-xp-text{font-size:8px!important;line-height:1.2!important;word-break:break-all!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cat-health-container{flex-direction:column!important;gap:2px!important}.cat-health-text{font-size:10px!important}.cat-abilities-container{flex-wrap:wrap!important;justify-content:center!important;gap:3px!important}.cat-ability-icon{width:18px!important;height:18px!important}.cat-ability-emoji{font-size:10px!important}.cat-next-ability{flex-direction:column!important;gap:2px!important;font-size:8px!important;max-width:none!important}.cat-next-ability-icon{width:16px!important;height:16px!important}.cat-next-ability-name{font-size:7px!important;text-align:center!important}.mobile-weapon-skills{background:#ffffff0d!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.1)!important}.mobile-weapon-title{font-size:10px!important;font-weight:700!important;color:#fff!important;margin-bottom:3px!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.mobile-weapon-level{font-size:9px!important;color:#d1d5db!important;margin-bottom:4px!important}.mobile-weapon-xp-container{width:100%!important;max-width:100%!important;overflow:hidden!important}.mobile-weapon-xp-bar{width:100%!important;height:3px!important;background:#374151cc!important;border-radius:2px!important;overflow:hidden!important;margin-bottom:3px!important}.mobile-weapon-xp-fill{height:100%!important;transition:width .3s ease!important;border-radius:2px!important}.mobile-weapon-xp-text{font-size:7px!important;color:#d1d5db!important;text-align:center!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-weapon-next{font-size:6px!important;color:#9ca3af!important;text-align:center!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-weapon-max{font-size:7px!important;color:#fbbf24!important;font-weight:700!important;text-align:center!important;text-transform:uppercase!important}.weapon-skills-container{display:none!important}.inventory-hotbar-container{position:fixed!important;inset:60px 8px auto auto!important;transform:none!important;flex-direction:column!important;width:70px!important;height:auto!important;max-height:calc(100vh - 180px)!important;background:#000000d9!important;border:2px solid rgba(255,255,255,.15)!important;border-radius:12px!important;padding:8px!important;gap:6px!important;overflow:visible!important;z-index:15!important}.hotbar-active-item{display:none!important}.hotbar-slot{width:54px!important;height:54px!important;border-radius:6px!important;font-size:14px!important}.hotbar-slot-icon{font-size:18px!important}.hotbar-slot-key{font-size:9px!important}.hotbar-slot-number{font-size:12px!important}.wave-display-counter{top:20px!important;z-index:15!important}.spell-tooltip,.item-tooltip{max-width:80vw!important;font-size:14px!important;padding:12px!important;border-radius:8px!important;box-shadow:0 8px 24px #0009!important}}@media (max-width: 480px){.mobile-controls{height:160px;padding:15px}.mobile-control-btn{width:56px;height:56px;font-size:20px}.mobile-btn-run{width:65px;height:50px;font-size:22px}.mobile-btn-attack{width:75px;height:75px;font-size:26px}.mobile-left-actions{bottom:20px!important;left:15px!important;gap:10px!important}.mobile-right-actions{bottom:20px!important;right:15px!important;gap:10px!important}.mobile-btn-menu{width:55px!important;height:55px!important;font-size:18px!important}.inventory-hotbar-container{width:65px!important;right:6px!important;gap:5px!important;padding:6px!important;bottom:auto!important;height:auto!important;max-height:calc(100vh - 160px)!important}.cat-stats-container{width:75px!important;min-width:75px!important;max-width:75px!important;left:6px!important;top:70px!important;bottom:180px!important;max-height:calc(100vh - 250px)!important;overflow-x:hidden!important}.cat-level-display{font-size:10px!important}.cat-xp-text{font-size:7px!important}.cat-health-text,.mobile-weapon-title{font-size:9px!important}.mobile-weapon-level{font-size:8px!important}.mobile-weapon-xp-text{font-size:6px!important}.mobile-weapon-next{font-size:5px!important}.mobile-weapon-max{font-size:6px!important}.hotbar-slot{width:50px!important;height:50px!important}.hotbar-slot-icon{font-size:16px!important}.hotbar-slot-key{font-size:8px!important}.hotbar-slot-number{font-size:11px!important}.mobile-pause-button{width:50px!important;height:50px!important;top:10px!important;left:10px!important;font-size:20px!important}}.compass-container{position:fixed;top:0;left:50%;transform:translate(-50%);width:60%;max-width:800px;z-index:100;pointer-events:none;padding-top:10px}.compass-bar{position:relative;height:60px;background:linear-gradient(to bottom,#000c,#0009,#0000004d);border:1px solid rgba(255,255,255,.2);border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 2px 10px #00000080}.compass-background{position:absolute;width:100%;height:100%;top:0;left:0}.compass-direction{position:absolute;top:5px;transform:translate(-50%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.compass-direction span.major{font-size:18px;color:#fff}.compass-direction span.minor{font-size:14px;color:#fff9}.compass-tick{position:absolute;top:25px;width:1px;height:8px;background:#fff6;transform:translate(-50%)}.compass-marker{position:absolute;transform:translate(-50%);text-align:center;transition:opacity .3s ease}.compass-marker.biome{top:28px}.compass-marker.quest{top:35px}.compass-marker.landmark{top:28px}.marker-icon{font-size:20px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.8))}.compass-marker.quest .marker-icon{font-size:24px;font-weight:700;color:gold;animation:quest-pulse 2s infinite}.marker-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;padding:4px 8px;border-radius:4px;white-space:nowrap;font-size:12px;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:5px}.compass-marker:hover .marker-label{opacity:1;pointer-events:auto}.marker-name{display:block;font-weight:700}.marker-distance{display:block;font-size:10px;color:#ffffffb3}.compass-center-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,#fffc,#fff6);box-shadow:0 0 4px #fff9}.compass-biome-display{text-align:center;margin-top:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.biome-label{margin-right:5px;color:#ffffffb3}.biome-name{font-weight:700}@keyframes quest-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){.compass-container{width:90%}.compass-bar{height:50px}.compass-direction span.major{font-size:16px}.compass-direction span.minor{font-size:12px}.marker-icon{font-size:16px}.compass-marker.quest .marker-icon{font-size:20px}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;color:#4ecdc4;font-size:1.5rem;font-weight:700;z-index:9999}.app-container{width:100vw;height:100vh;position:relative}.game-canvas{position:absolute;width:100%;height:100%;z-index:1}.game-scene-container{width:100%;height:100vh;position:fixed;inset:0}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#000;color:#fff;text-align:center;padding:20px}.error-boundary h1{color:#ef4444;margin-bottom:16px}.error-boundary button{background:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;margin-top:16px}.error-boundary button:hover{background:#357abd}@media (max-width: 768px){body{touch-action:manipulation}.mobile-controls-placeholder{position:fixed;bottom:80px;left:10px;right:10px;height:60px;background:#00000080;border-radius:8px;display:none}}