:root{--color-bg-dark:#0d0b09;--color-bg-main:#1a1612;--color-bg-card:#252019;--color-bg-card-hover:#2e2820;--color-bg-hover:#3a322a;--color-bg-panel:rgba(26,22,18,0.97);--color-accent:#d4a832;--color-accent-bright:#f0c848;--color-accent-dim:#7a5c1a;--color-accent-glow:rgba(212,168,50,0.35);--color-accent-soft:rgba(212,168,50,0.06);--color-success:#3d8b4f;--color-success-glow:rgba(61,139,79,0.25);--color-warning:#c49020;--color-warning-glow:rgba(196,144,32,0.25);--color-danger:#c0392b;--color-danger-glow:rgba(192,57,43,0.25);--color-info:#4a8cba;--color-info-glow:rgba(74,140,186,0.25);--color-food:#e67e22;--color-water:#3498db;--color-materials:#a0784c;--color-health:#e74c3c;--color-text:#ede5d8;--color-text-dim:#9e9488;--color-text-muted:#5e564c;--font-size-xs:0.72rem;--font-size-sm:0.85rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--story-btn-min-height:56px;--shadow-card:0 4px 16px rgba(0,0,0,0.5),0 1px 3px rgba(0,0,0,0.3);--shadow-card-hover:0 8px 32px rgba(0,0,0,0.6),0 2px 8px rgba(0,0,0,0.4);--shadow-glow:0 0 24px var(--color-accent-glow),0 0 48px rgba(212,168,50,0.12);--shadow-glow-sm:0 0 12px var(--color-accent-glow);--shadow-inset:inset 0 2px 8px rgba(0,0,0,0.3);--shadow-panel:0 8px 40px rgba(0,0,0,0.7),0 0 1px rgba(212,168,50,0.2);--border-game:1px solid rgba(212,168,50,0.12);--border-game-hover:1px solid rgba(212,168,50,0.3);--border-glow:1px solid rgba(212,168,50,0.5);--gradient-card:linear-gradient(145deg,rgba(37,32,25,0.95),rgba(26,22,18,0.95));--gradient-card-hover:linear-gradient(145deg,rgba(46,40,32,0.98),rgba(37,32,25,0.95));--gradient-accent:linear-gradient(135deg,#7a5c1a 0%,#d4a832 50%,#7a5c1a 100%);--gradient-accent-btn:linear-gradient(180deg,#d4a832 0%,#a08020 50%,#7a5c1a 100%);--gradient-hud:linear-gradient(180deg,rgba(13,11,9,0.98) 0%,rgba(26,22,18,0.95) 100%);--gradient-tab-active:linear-gradient(180deg,rgba(122,92,26,0.35) 0%,rgba(122,92,26,0.08) 100%);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1)}*{scrollbar-width:thin;scrollbar-color:var(--color-accent-dim) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-dim),rgba(122,92,26,0.5));border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}*::-webkit-scrollbar-corner{background:transparent}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 8px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow),0 0 40px rgba(212,168,50,0.1)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes floatParticle{0%,100%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:0.6}90%{opacity:0.6}50%{transform:translateY(-50vh) rotate(180deg)}}@keyframes borderGlow{0%,100%{border-color:rgba(212,168,50,0.15)}50%{border-color:rgba(212,168,50,0.35)}}@keyframes countUp{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes notifSlideIn{from{opacity:0;transform:translateY(30px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressFill{from{width:0}}*{margin:0;padding:0;box-sizing:border-box}#studio-splash{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:splashAutoHide 5.6s ease-in forwards;pointer-events:auto}@keyframes splashAutoHide{0%{opacity:1;visibility:visible}89%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}#studio-splash.splash-done{animation:none !important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.4s ease}.splash-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a0a12 0%,#000000 100%)}.splash-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(191,90,242,0.06),transparent 50%),radial-gradient(circle at 80% 50%,rgba(96,165,250,0.06),transparent 50%),radial-gradient(circle at 50% 30%,rgba(212,168,50,0.04),transparent 40%);animation:splashBgPulse 4s ease-in-out infinite alternate}@keyframes splashBgPulse{0%{opacity:0.5}100%{opacity:1}}.splash-particles{position:absolute;inset:0;pointer-events:none}.splash-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(212,168,50,0.6);box-shadow:0 0 6px rgba(212,168,50,0.4);animation:splashParticleFloat linear infinite}@keyframes splashParticleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:0.5}100%{transform:translateY(-10vh) scale(1);opacity:0}}.splash-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;z-index:2}.splash-ring{position:absolute;width:clamp(640px,104vmin,1240px);height:clamp(640px,104vmin,1240px);border-radius:50%;border:1px solid rgba(212,168,50,0.15);animation:splashRingSpin 8s linear infinite,splashRingAppear 1.5s ease-out both}.splash-ring-2{width:clamp(760px,124vmin,1480px);height:clamp(760px,124vmin,1480px);border-color:rgba(191,90,242,0.1);animation:splashRingSpin 12s linear infinite reverse,splashRingAppear 2s ease-out both}@keyframes splashRingSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}.splash-ring,.splash-ring-2{top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes splashRingAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0.5)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.splash-logo-wrap{width:min(96vw,960px);max-width:100%;height:auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0;line-height:0;animation:splashLogoAppear 1.2s cubic-bezier(0.16,1,0.3,1) 0.3s both;position:relative}.splash-logo-wrap::before{content:'';position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,50,0.14),transparent 70%);animation:splashLogoGlow 3s ease-in-out infinite alternate;pointer-events:none}@keyframes splashLogoGlow{0%{opacity:0.3;transform:scale(0.9)}100%{opacity:1;transform:scale(1.1)}}@keyframes splashLogoAppear{0%{opacity:0;transform:scale(0.3) rotate(-10deg)}60%{transform:scale(1.1) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}.splash-logo{display:block;width:100%;height:auto;max-height:min(42vh,520px);object-fit:contain;filter:drop-shadow(0 0 72px rgba(212,168,50,0.45)) drop-shadow(0 0 140px rgba(212,168,50,0.2));animation:splashLogoFloat 3s ease-in-out infinite}@keyframes splashLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}.splash-fallback{display:flex;align-items:center;justify-content:center;width:min(280px,80vw);height:min(280px,80vw);max-width:100%;border-radius:50%;background:linear-gradient(135deg,rgba(212,168,50,0.15),rgba(191,90,242,0.1));border:2px solid rgba(212,168,50,0.3)}.splash-icon{font-family:'Orbitron',sans-serif;font-size:clamp(7rem,36vmin,12rem);font-weight:900;color:#d4a832;text-shadow:0 0 30px rgba(212,168,50,0.5)}.splash-text{text-align:center;margin-top:clamp(-3rem,-7vh,-1.25rem);animation:splashTextAppear 1s ease-out 0.8s both}@keyframes splashTextAppear{0%{opacity:0;transform:translateY(20px);letter-spacing:15px}100%{opacity:1;transform:translateY(0);letter-spacing:8px}}.splash-studio-name{font-family:'Orbitron',sans-serif;font-size:1.8rem;font-weight:700;color:#e8dcc8;letter-spacing:8px;text-transform:uppercase;text-shadow:0 0 40px rgba(212,168,50,0.3),0 2px 10px rgba(0,0,0,0.8);margin:0}.splash-tagline{font-family:'Orbitron',sans-serif;font-size:0.7rem;color:rgba(212,168,50,0.6);letter-spacing:6px;text-transform:uppercase;margin-top:0.35rem;animation:splashTagAppear 0.8s ease-out 1.5s both}@keyframes splashTagAppear{0%{opacity:0;letter-spacing:20px}100%{opacity:1;letter-spacing:6px}}.splash-line{width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.5),transparent);margin-top:1rem;animation:splashLineGrow 1.5s ease-out 1.2s both}@keyframes splashLineGrow{0%{width:0;opacity:0}100%{width:min(640px,96vw);opacity:1}}@media (max-width:480px){.splash-text{margin-top:clamp(-2.25rem,-6vh,-1rem)}.splash-studio-name{font-size:clamp(1rem,5vw,1.35rem);letter-spacing:3px}.splash-tagline{font-size:0.62rem;letter-spacing:3px;margin-top:0.35rem}.splash-logo-wrap{width:min(96vw,100%);max-width:100%;height:auto}.splash-logo{max-height:min(38vh,420px)}.splash-ring{width:clamp(560px,196vmin,1120px);height:clamp(560px,196vmin,1120px)}.splash-ring-2{width:clamp(660px,224vmin,1280px);height:clamp(660px,224vmin,1280px)}}body{font-family:'Kanit','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--color-bg-dark);color:var(--color-text);min-height:100vh;overflow-x:hidden;font-weight:300;letter-spacing:0.01em}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(212,168,50,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(122,92,26,0.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(13,11,9,0) 0%,rgba(13,11,9,0.4) 100%);pointer-events:none;z-index:0}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 20%,rgba(212,168,50,0.15),transparent),radial-gradient(1px 1px at 30% 60%,rgba(212,168,50,0.1),transparent),radial-gradient(1.5px 1.5px at 55% 30%,rgba(212,168,50,0.12),transparent),radial-gradient(1px 1px at 70% 70%,rgba(212,168,50,0.08),transparent),radial-gradient(1px 1px at 90% 40%,rgba(212,168,50,0.1),transparent);pointer-events:none;z-index:0;animation:pulse 8s ease-in-out infinite}#game-container{position:relative;min-height:100vh;max-width:1280px;margin:0 auto;z-index:1}#story-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.story-content{max-width:720px;max-height:90vh;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden;animation:fadeInScale 0.6s ease;word-wrap:break-word;overflow-wrap:break-word}.story-content.story-paged{background-color:var(--color-bg-dark);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(212,168,50,0.1)}.story-content.story-paged.story-page-1,.story-content.story-paged.story-page-2{background-image:url('/r/story/story-board.png')}.story-content:not(.story-paged){background:var(--gradient-card);border:1px solid rgba(212,168,50,0.12);backdrop-filter:blur(8px)}.story-content.character-create{background-color:var(--color-bg-dark);background-image:url('/r/story/character-create-bg.png');background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(212,168,50,0.15)}.story-content.story-paged .story-text{flex:1;overflow-y:auto;margin-bottom:1rem}.story-page{display:none}.story-page.active{display:block;animation:fadeIn 0.4s ease}.story-nav{display:flex;align-items:center;justify-content:center;gap:0.75rem;margin-bottom:1rem;flex-wrap:wrap}.story-nav-btn{padding:0.5rem 1.25rem;background:rgba(26,22,18,0.8);border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(4px);white-space:nowrap;flex-shrink:0}.story-nav-btn:hover{background:rgba(122,92,26,0.3);border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm)}.story-page-indicator{font-size:var(--font-size-sm);color:var(--color-text-dim)}.story-logo{max-width:200px;height:auto;margin:0 auto 1rem;display:block;filter:drop-shadow(0 0 20px rgba(212,168,50,0.2))}.story-title{font-family:'Orbitron','Kanit',sans-serif;font-size:2rem;color:var(--color-accent);text-align:center;margin-bottom:0.25rem;letter-spacing:0.1em;text-shadow:0 0 30px rgba(212,168,50,0.2);font-weight:700}.story-subtitle{text-align:center;color:var(--color-text-dim);font-size:1rem;margin-bottom:2rem;letter-spacing:0.2em}.story-text{margin-bottom:2rem}.story-paragraph{font-size:1rem;line-height:1.85;color:var(--color-text);margin-bottom:1.5rem}.story-paragraph strong{color:var(--color-accent);display:block;margin-bottom:0.5rem;font-size:1.05rem}.story-btn{display:block;width:100%;padding:1rem 2rem;background:linear-gradient(180deg,#d4a832 0%,#a08020 40%,#7a5c1a 100%);border:1px solid rgba(212,168,50,0.5);border-radius:var(--radius-md);color:#fff !important;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);text-shadow:0 1px 3px rgba(0,0,0,0.8),0 0 6px rgba(0,0,0,0.4);box-shadow:0 4px 16px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;overflow:visible;letter-spacing:0.05em;white-space:normal;word-break:break-word;font-family:inherit;z-index:1;min-height:48px;text-align:center}.story-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.5s ease;z-index:-1;pointer-events:none}.story-btn:hover::before{left:100%}.story-btn:hover{box-shadow:var(--shadow-glow),0 4px 16px rgba(0,0,0,0.4);transform:translateY(-2px);border-color:var(--color-accent-bright)}.story-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,0.4),inset 0 2px 4px rgba(0,0,0,0.2)}.story-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(0,0,0,0.3);background:linear-gradient(180deg,#555 0%,#3a3a3a 40%,#2a2a2a 100%) !important;border-color:rgba(150,150,150,0.3);color:#e0e0e0 !important;text-shadow:0 1px 2px rgba(0,0,0,0.8);font-size:1.1rem}.story-btn-img{padding:0;background:none;border:none;position:relative;min-height:var(--story-btn-min-height);max-width:100%}.story-btn-img:hover{transform:none}.story-btn-img .story-btn-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(0.9rem,3vw,1.15rem);font-weight:700;color:var(--color-accent);text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,0.9),0 0 20px rgba(0,0,0,0.5);z-index:1;max-width:90%;overflow:hidden;text-overflow:ellipsis}.story-btn-img img{display:block;width:100%;min-height:var(--story-btn-min-height);height:auto;object-fit:contain;object-position:center;border-radius:var(--radius-md)}.story-btn-img:hover img{filter:brightness(1.1)}.story-btn-img.story-btn-text-only{padding:1rem 2rem;background:linear-gradient(180deg,#d4a832 0%,#a08020 40%,#7a5c1a 100%);border:1px solid rgba(212,168,50,0.5)}.story-btn-img.story-btn-text-only .story-btn-text{position:static;transform:none;color:#1a1612;text-shadow:none}.story-skip{text-align:center;margin-top:1rem}.story-skip button{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none;padding:0.5rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.story-skip button:hover{color:var(--color-text-dim);background:rgba(255,255,255,0.03)}#character-screen,#pet-select-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.pet-select-screen{position:relative}.btn-back{display:inline-block;padding:0.5rem 1.25rem;background:rgba(26,22,18,0.9);border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-md);color:var(--color-text-dim);font-size:0.9rem;cursor:pointer;transition:all var(--transition-normal);z-index:10;backdrop-filter:blur(4px);margin-bottom:1rem}.btn-back:hover{background:rgba(122,92,26,0.3);border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-glow-sm)}#character-screen .story-content,#pet-select-screen .story-content{max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem}.character-form label,.pet-name-input label{display:block;margin:1.25rem 0 0.5rem;color:var(--color-accent);font-weight:600;font-size:0.95rem;letter-spacing:0.02em}.character-form input,.pet-name-input input{width:100%;padding:0.75rem 1rem;background:rgba(13,11,9,0.6);border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;transition:all var(--transition-normal);outline:none}.character-form input:focus,.pet-name-input input:focus{border-color:var(--color-accent);box-shadow:0 0 12px rgba(212,168,50,0.15),inset 0 0 8px rgba(212,168,50,0.05);background:rgba(13,11,9,0.8)}.character-form input::placeholder,.pet-name-input input::placeholder{color:var(--color-text-muted)}.character-form input.input-error,.pet-name-input input.input-error{border-color:#e74c3c;box-shadow:0 0 8px rgba(231,76,60,0.2)}.character-form input.input-success{border-color:#2ecc71;box-shadow:0 0 8px rgba(46,204,113,0.15)}.name-helper{font-size:0.75rem;margin-top:0.3rem;min-height:1.1em;transition:color 0.2s}.name-helper.error{color:#e74c3c}.name-helper.success{color:#2ecc71}.name-helper.checking{color:#f1c40f}.name-counter{float:right;font-size:0.7rem;color:var(--color-text-muted)}#profession-grid-wrap{margin:0.5rem 0 1rem}#profession-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:0.75rem}.profession-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:0.75rem}.profession-pagination.hidden{display:none !important}.btn-pagination{padding:0.5rem 1rem;background:rgba(26,22,18,0.8);border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-md);color:var(--color-accent);font-size:0.9rem;cursor:pointer;transition:all var(--transition-normal)}.btn-pagination:hover:not(:disabled){background:rgba(122,92,26,0.3);border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm)}.btn-pagination:disabled{opacity:0.3;cursor:not-allowed}#profession-page-info{font-size:0.9rem;color:var(--color-text-dim)}.profession-btn{padding:0.85rem;background:rgba(13,11,9,0.5);border:2px solid rgba(212,168,50,0.1);border-radius:var(--radius-md);color:var(--color-text-dim);cursor:pointer;text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.profession-btn::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background var(--transition-normal)}.profession-btn:hover{border-color:rgba(212,168,50,0.3);color:var(--color-text);background:rgba(26,22,18,0.7);transform:translateY(-1px)}.profession-btn.selected{border-color:var(--color-accent);background:rgba(122,92,26,0.2);color:var(--color-text);box-shadow:var(--shadow-glow-sm),inset 0 0 20px rgba(212,168,50,0.05)}.profession-btn.selected::before{background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.profession-btn .icon-wrap{display:block;min-height:2rem;margin-bottom:0.25rem;text-align:center}.profession-btn .icon-img{width:40px;height:40px;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}.profession-btn .icon-fallback.hidden{display:none}.profession-btn .icon-fallback{font-size:1.5rem;display:block}.profession-btn .icon{font-size:1.5rem;display:block}.profession-btn .name{font-size:0.9rem;font-weight:600}.profession-anim-wrap{margin-top:0.5rem;min-height:128px;display:flex;align-items:center;justify-content:center;position:relative}.anim-loading{display:flex;align-items:center;justify-content:center;width:128px;height:128px}.anim-spinner{width:32px;height:32px;border:3px solid rgba(212,168,50,0.15);border-top-color:rgba(212,168,50,0.7);border-radius:50%;animation:anim-spin 0.8s linear infinite}@keyframes anim-spin{to{transform:rotate(360deg)}}.profession-anim-sprite{width:128px;height:128px;vertical-align:middle;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.4))}.profession-tooltip{position:fixed;z-index:1000;display:block;width:340px;max-width:calc(100vw - 20px);padding:0;background:linear-gradient(165deg,rgba(30,26,22,0.98),rgba(18,15,12,0.99));border:1px solid rgba(212,168,50,0.25);border-radius:var(--radius-lg);box-shadow:0 8px 40px rgba(0,0,0,0.6),0 0 20px rgba(212,168,50,0.08),inset 0 1px 0 rgba(255,255,255,0.04);font-size:0.85rem;pointer-events:none;backdrop-filter:blur(16px);overflow:hidden;animation:ttFadeIn 0.2s ease}@keyframes ttFadeIn{from{opacity:0;transform:translateY(6px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profession-tooltip.hidden{display:none !important}.tt-header{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.1rem;background:linear-gradient(135deg,rgba(212,168,50,0.08),transparent);border-bottom:1px solid rgba(212,168,50,0.1)}.tt-prof-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(212,168,50,0.1);border-radius:var(--radius-md);border:1px solid rgba(212,168,50,0.15)}.tt-header-text{flex:1}.tt-prof-name{font-size:1.1rem;color:var(--color-accent);margin:0 0 0.15rem;font-weight:700}.tt-prof-desc{font-size:0.78rem;color:var(--color-text-dim);margin:0;line-height:1.3}.tt-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.15),transparent);margin:0}.tt-section-title{font-size:0.75rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.5px;padding:0.6rem 1.1rem 0.25rem}.tt-main-stats{padding:0.15rem 1.1rem 0.5rem;display:flex;flex-direction:column;gap:0.35rem}.tt-stat-row{display:flex;align-items:center;gap:0.4rem}.tt-stat-icon{width:20px;text-align:center;font-size:0.9rem}.tt-stat-name{width:62px;min-width:62px;font-size:0.8rem;color:var(--color-text-dim)}.tt-bar-segments{flex:1;display:flex;gap:2px;height:14px;align-items:center}.tt-seg{flex:1;height:100%;background:rgba(255,255,255,0.05);border-radius:2px;transition:background 0.3s,box-shadow 0.3s}.tt-seg-fill{box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2),0 0 4px rgba(255,255,255,0.05)}.tt-stat-val{width:42px;text-align:right;font-weight:700;font-size:0.85rem;display:flex;align-items:center;justify-content:flex-end;gap:2px}.tt-mod{font-size:0.65rem;font-weight:700;padding:0 2px}.tt-mod-up{color:#4caf50}.tt-mod-down{color:#f44336}.tt-sub-stats{padding:0.25rem 1.1rem 0.4rem;display:flex;flex-direction:column;gap:0.3rem}.tt-sub-row{display:flex;align-items:center;gap:0.4rem;font-size:0.8rem}.tt-sub-icon{width:20px;text-align:center}.tt-sub-name{width:80px;min-width:80px;color:var(--color-text-dim);font-size:0.78rem}.tt-sub-bar-wrap{flex:1;height:8px;background:rgba(255,255,255,0.04);border-radius:4px;overflow:hidden}.tt-sub-bar{height:100%;border-radius:4px;transition:width 0.3s;box-shadow:0 0 6px rgba(255,255,255,0.05)}.tt-sub-val{width:24px;text-align:right;font-weight:600;color:var(--color-text)}.tt-bmi-row{display:flex;align-items:center;gap:0.5rem;padding:0.3rem 1.1rem 0.5rem;font-size:0.8rem;color:var(--color-text-dim)}.tt-bmi-val{font-weight:700;font-size:0.9rem}.tt-bmi-status{font-size:0.7rem;font-weight:600;padding:0.1rem 0.45rem;border-radius:4px;margin-left:auto}.tt-bonus-section{padding:0 1.1rem 0.5rem}.tt-bonus-item{display:flex;justify-content:space-between;align-items:center;padding:0.25rem 0.5rem;margin-top:0.2rem;background:rgba(76,175,80,0.06);border-radius:var(--radius-sm);border-left:2px solid rgba(76,175,80,0.3);font-size:0.78rem;color:var(--color-text-dim)}.tt-bonus-val{font-weight:700;color:#4caf50}.tt-mod-section{padding:0 1.1rem 0.5rem}.tt-mod-source{display:flex;flex-wrap:wrap;align-items:center;gap:0.3rem;padding:0.2rem 0.5rem;margin-top:0.2rem;background:rgba(212,168,50,0.04);border-radius:var(--radius-sm);font-size:0.75rem}.tt-mod-label{color:var(--color-text-dim);margin-right:0.25rem}.tt-mod-source .tt-mod-up{background:rgba(76,175,80,0.12);padding:0.05rem 0.35rem;border-radius:3px;font-size:0.7rem}.tt-mod-source .tt-mod-down{background:rgba(244,67,54,0.1);padding:0.05rem 0.35rem;border-radius:3px;font-size:0.7rem}.tt-hint{font-size:0.72rem;color:var(--color-text-dim);padding:0.5rem 1.1rem;margin:0;background:rgba(0,0,0,0.15);border-top:1px solid rgba(255,255,255,0.03);line-height:1.4}#age-range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin:0.5rem 0 1rem}.age-range-btn{padding:0.6rem;background:rgba(13,11,9,0.5);border:2px solid rgba(212,168,50,0.1);border-radius:var(--radius-md);color:var(--color-text-dim);cursor:pointer;text-align:center;transition:all var(--transition-normal)}.age-range-btn:hover{border-color:rgba(212,168,50,0.3);color:var(--color-text);background:rgba(26,22,18,0.7)}.age-range-btn.selected{border-color:var(--color-accent);background:rgba(122,92,26,0.2);color:var(--color-text);box-shadow:var(--shadow-glow-sm)}.age-range-btn .icon-wrap{display:block;min-height:1.5rem;margin-bottom:0.25rem;text-align:center}.age-range-btn .icon-img{width:32px;height:32px;object-fit:contain;display:block;margin:0 auto}.age-range-btn .icon-fallback.hidden{display:none}.age-range-btn .icon-fallback{font-size:1.25rem;display:block}.age-range-btn .icon{font-size:1.25rem;display:block}.age-range-btn .name{font-size:0.8rem;font-weight:600}.age-range-btn .range{font-size:0.7rem;color:var(--color-text-dim)}.age-display{color:var(--color-accent);font-weight:700}.char-physical-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0.5rem 0}.char-physical label{margin-bottom:0.25rem}.weight-range-hint{font-size:0.75rem;font-weight:normal;color:var(--color-text-dim)}.char-input-row{display:flex;gap:0.5rem;align-items:center}.char-input-row input{flex:1;margin:0}.char-random-btn{width:42px;height:42px;padding:0;background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-md);color:var(--color-accent);font-size:1.2rem;cursor:pointer;transition:all var(--transition-normal)}.char-random-btn:hover{background:rgba(122,92,26,0.3);border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm);transform:rotate(15deg)}.char-random-all{width:100%;padding:0.6rem;margin:0.75rem 0 1rem;background:rgba(13,11,9,0.4);border:1px dashed rgba(212,168,50,0.2);border-radius:var(--radius-md);color:var(--color-accent);font-size:0.9rem;cursor:pointer;transition:all var(--transition-normal)}.char-random-all:hover{background:rgba(122,92,26,0.2);border-style:solid;border-color:rgba(212,168,50,0.4);box-shadow:var(--shadow-glow-sm)}.gender-grid{display:flex;gap:0.75rem;margin:0.5rem 0 1rem}.gender-btn{flex:1;padding:0.7rem 1rem;background:rgba(13,11,9,0.5);border:2px solid rgba(212,168,50,0.1);border-radius:var(--radius-md);color:var(--color-text-dim);font-size:0.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.gender-btn:hover{border-color:rgba(212,168,50,0.3);color:var(--color-text)}.gender-btn.selected{border-color:var(--color-accent);background:rgba(122,92,26,0.2);color:var(--color-text);box-shadow:var(--shadow-glow-sm)}.profession-stats-panel{margin:1.25rem 0;padding:1.25rem;background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.1);border-radius:var(--radius-lg);backdrop-filter:blur(4px)}.profession-stats-panel h4{font-size:1.05rem;color:var(--color-accent);margin-bottom:1rem}#char-stats-bars{display:flex;flex-direction:column;gap:0.4rem;margin-top:0.5rem}.pcc-card{display:flex;gap:1rem;background:linear-gradient(160deg,rgba(30,26,22,0.96),rgba(18,15,12,0.98));border:1px solid rgba(212,168,50,0.2);border-radius:16px;padding:1rem;box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 24px rgba(212,168,50,0.04),inset 0 1px 0 rgba(255,255,255,0.04);position:relative;overflow:hidden;animation:pccFadeIn 0.4s ease}@keyframes pccFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pcc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.4),transparent)}.pcc-left{display:flex;flex-direction:column;align-items:center;gap:0.5rem;min-width:140px}.pcc-model-wrap{position:relative;width:140px;height:180px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.pcc-model-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(212,168,50,0.08) 0%,transparent 70%),linear-gradient(180deg,rgba(13,11,9,0.4),rgba(13,11,9,0.8));border:1px solid rgba(212,168,50,0.1);border-radius:12px}.pcc-model-img{position:relative;z-index:1;width:128px;height:160px;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.5))}.pcc-model-fallback{position:relative;z-index:1;font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.4))}.pcc-model-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.pcc-name-plate{text-align:center;width:100%}.pcc-name{font-size:1rem;color:var(--color-accent);text-shadow:0 1px 4px rgba(0,0,0,0.4)}.pcc-right{flex:1;display:flex;flex-direction:column;gap:0.4rem;min-width:0}.pcc-info-header{display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center}.pcc-prof-badge{background:rgba(212,168,50,0.1);border:1px solid rgba(212,168,50,0.2);border-radius:6px;padding:0.2rem 0.5rem;font-size:0.82rem;font-weight:700;color:var(--color-accent)}.pcc-age-badge{background:rgba(74,140,186,0.08);border:1px solid rgba(74,140,186,0.15);border-radius:6px;padding:0.2rem 0.5rem;font-size:0.78rem;color:var(--color-text-dim)}.pcc-body-row{display:flex;flex-wrap:wrap;gap:0.5rem;font-size:0.78rem;color:var(--color-text-dim)}.pcc-stats{display:flex;flex-direction:column;gap:0.25rem}.pcc-stat-row{display:flex;align-items:center;gap:0.3rem}.pcc-stat-icon{width:18px;text-align:center;font-size:0.85rem}.pcc-stat-name{width:58px;min-width:58px;font-size:0.75rem;color:var(--color-text-dim)}.pcc-seg-bar{flex:1;display:flex;gap:2px;height:12px}.pcc-seg{flex:1;height:100%;background:rgba(255,255,255,0.04);border-radius:2px;transition:background 0.3s,box-shadow 0.3s}.pcc-seg-on{box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2),0 0 4px rgba(255,255,255,0.06)}.pcc-stat-val{width:42px;text-align:right;font-weight:700;font-size:0.82rem;display:flex;align-items:center;justify-content:flex-end;gap:2px}.pcc-mod-up{font-size:0.6rem;color:#4caf50;font-weight:700}.pcc-mod-down{font-size:0.6rem;color:#f44336;font-weight:700}.pcc-sub-row{display:flex;flex-wrap:wrap;gap:0.5rem;font-size:0.78rem;color:var(--color-text-dim);padding:0.3rem 0;border-top:1px solid rgba(255,255,255,0.03)}.pcc-bonus-row{display:flex;flex-wrap:wrap;gap:0.3rem}.pcc-bonus-tag{font-size:0.7rem;font-weight:600;padding:0.15rem 0.45rem;background:rgba(76,175,80,0.08);border:1px solid rgba(76,175,80,0.2);border-radius:4px;color:#4caf50}.pcc-desc{font-size:0.75rem;color:var(--color-text-dim);font-style:italic;padding-top:0.3rem;border-top:1px solid rgba(255,255,255,0.03);line-height:1.3}.char-profile-card{margin:1rem 0}.pcc-card-create{border-color:rgba(212,168,50,0.25)}.player-char-card{margin-bottom:1rem}@media (max-width:600px){.pcc-card{flex-direction:column;align-items:center;text-align:center;padding:0.75rem}.pcc-left{min-width:unset}.pcc-model-wrap{width:120px;height:150px}.pcc-model-img{width:100px;height:130px}.pcc-right{align-items:center}.pcc-info-header{justify-content:center}.pcc-body-row{justify-content:center}.pcc-sub-row{justify-content:center}.pcc-bonus-row{justify-content:center}.pcc-stat-name{width:50px;min-width:50px}}.char-stat-row{display:flex;align-items:center;gap:0.75rem}.char-stat-row .label{width:130px;font-size:0.95rem;color:var(--color-text-dim)}.char-stats-hint{font-size:0.85rem;color:var(--color-text-dim);margin-top:0.75rem;line-height:1.4}.character-form .story-btn,#pet-select-screen .story-btn{margin-top:1.25rem}#pet-select-options{display:flex;gap:1rem;margin:1.25rem 0;flex-wrap:wrap}.pet-option{flex:1;min-width:150px;padding:1.75rem 1.5rem;background:rgba(13,11,9,0.5);border:2px solid rgba(212,168,50,0.1);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.pet-option::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background var(--transition-normal)}.pet-option:hover{border-color:rgba(212,168,50,0.3);background:rgba(26,22,18,0.7);transform:translateY(-3px)}.pet-option:hover::before{background:linear-gradient(90deg,transparent,rgba(212,168,50,0.5),transparent)}.pet-option.selected{border-color:var(--color-accent);background:rgba(122,92,26,0.15);box-shadow:var(--shadow-glow-sm),inset 0 0 30px rgba(212,168,50,0.03)}.pet-option.selected::before{background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.pet-option-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto 0.75rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}.pet-option-emoji{font-size:3.5rem;line-height:1}.pet-option-icon .pet-sprite-img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.pet-option-name{font-weight:700;color:var(--color-text);font-size:1.1rem;word-break:break-word}.pet-option-desc{display:block;font-size:0.85rem;color:var(--color-text-dim);margin-top:0.35rem;word-break:break-word;line-height:1.4}.pet-stats-panel{margin:1rem 0;padding:1.25rem;background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.1);border-radius:var(--radius-lg)}.pet-stats-panel h4{font-size:0.95rem;color:var(--color-accent);margin-bottom:0.75rem}#pet-stats-bars{display:flex;flex-direction:column;gap:0.5rem}.pet-stat-row{display:flex;align-items:center;gap:0.5rem}.pet-stat-row .label{width:80px;font-size:0.8rem;color:var(--color-text-dim)}.pet-stat-row .bar-wrap{flex:1;height:10px;background:rgba(13,11,9,0.6);border-radius:5px;overflow:hidden}.pet-stat-row .bar{height:100%;background:linear-gradient(90deg,var(--color-accent-dim),var(--color-accent));border-radius:5px;transition:width 0.3s ease;box-shadow:0 0 4px rgba(212,168,50,0.15)}.pet-stat-row .value{width:20px;font-size:0.8rem;font-weight:600;color:var(--color-accent);text-align:right}.pet-name-input{margin:1.5rem 0 0.5rem}.pet-gender-select{margin:1rem 0}.pet-gender-select label{display:block;font-size:0.85rem;color:var(--color-text-dim);margin-bottom:0.5rem;letter-spacing:0.3px}#pet-gender-options{display:flex;gap:0.75rem}.pet-gender-option{flex:1;padding:0.75rem 1rem;background:rgba(13,11,9,0.5);border:2px solid rgba(212,168,50,0.1);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:0.5rem}.pet-gender-option:hover{border-color:rgba(212,168,50,0.3);background:rgba(26,22,18,0.7);transform:translateY(-2px)}.pet-gender-option.selected{border-color:var(--color-accent);background:rgba(122,92,26,0.15);box-shadow:var(--shadow-glow-sm)}.pet-gender-icon{font-size:1.4rem;line-height:1}.pet-gender-option[data-pet-gender="male"] .pet-gender-icon{color:#5ba8f5}.pet-gender-option[data-pet-gender="female"] .pet-gender-icon{color:#f57cb3}.pet-gender-option.selected[data-pet-gender="male"] .pet-gender-icon{color:#7ac0ff;text-shadow:0 0 8px rgba(91,168,245,0.4)}.pet-gender-option.selected[data-pet-gender="female"] .pet-gender-icon{color:#ff9ecb;text-shadow:0 0 8px rgba(245,124,179,0.4)}.pet-gender-label{font-size:0.9rem;font-weight:600;color:var(--color-text)}#loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.logo{text-align:center;margin-bottom:3rem;animation:fadeInScale 0.8s ease}.logo-img{max-width:280px;height:auto;filter:drop-shadow(0 0 30px rgba(212,168,50,0.2))}.logo-text.hidden{display:none !important}.logo-text:not(.hidden) h1,.logo h1{font-family:'Orbitron','Kanit',sans-serif;font-size:3rem;font-weight:700;color:var(--color-accent);text-shadow:0 0 40px var(--color-accent-glow),0 0 80px rgba(212,168,50,0.1);letter-spacing:0.2em}.logo-text:not(.hidden) .subtitle,.logo .subtitle{display:block;font-size:1rem;color:var(--color-text-dim);margin-top:0.5rem;letter-spacing:0.3em}.loading-bar{width:320px;max-width:calc(100vw - 3rem);height:8px;background:rgba(37,32,25,0.8);border-radius:4px;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(212,168,50,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3)}.loading-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--color-accent-dim),var(--color-accent),var(--color-accent-bright));background-size:200% 100%;border-radius:4px;transition:width 0.3s ease;animation:shimmer 2s linear infinite;box-shadow:0 0 10px rgba(212,168,50,0.3)}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-dim);animation:pulse 2s ease-in-out infinite}.loading-file{font-size:0.75rem;color:rgba(212,168,50,0.5);margin-top:0.3rem;height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px;transition:opacity 0.2s}.loading-stats{font-size:0.7rem;color:rgba(200,180,140,0.4);margin-top:0.5rem}.loading-tip{font-size:0.85rem;color:var(--color-text-dim);margin-top:1.5rem;padding:0.8rem 1.5rem;background:rgba(37,32,25,0.6);border:1px solid rgba(212,168,50,0.1);border-radius:8px;max-width:420px;text-align:center;animation:fadeInUp 0.5s ease;min-height:3em}.hidden{display:none !important}.music-control{display:none !important}.music-control:hover{border-color:rgba(212,168,50,0.5);box-shadow:0 0 12px rgba(212,168,50,0.15)}.music-btn{width:32px;height:32px;border:none;background:rgba(122,92,26,0.3);border-radius:50%;font-size:16px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.music-btn:hover{background:rgba(212,168,50,0.4);transform:scale(1.1)}.music-slider-wrap{width:0;overflow:hidden;transition:width 0.3s ease}.music-control:hover .music-slider-wrap{width:80px}.music-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;background:rgba(212,168,50,0.2);border-radius:2px;outline:none;cursor:pointer}.music-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent,#d4a832);cursor:pointer;box-shadow:0 0 6px rgba(212,168,50,0.4)}.music-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--color-accent,#d4a832);cursor:pointer}#login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;overflow-y:auto}.login-content{max-width:480px;width:100%;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-panel);background:var(--gradient-card);border:1px solid rgba(212,168,50,0.12);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;animation:fadeInScale 0.6s ease;text-align:center}.login-logo{max-width:160px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(212,168,50,0.25))}.login-title{font-family:'Orbitron','Kanit',sans-serif;font-size:1.8rem;color:var(--color-accent);letter-spacing:0.08em;text-shadow:0 0 30px rgba(212,168,50,0.2);font-weight:700;margin-bottom:0.25rem}.login-subtitle{color:var(--color-text-dim);font-size:0.95rem;letter-spacing:0.15em;margin-bottom:1.5rem}.login-divider{width:100%;display:flex;align-items:center;gap:1rem;margin:1rem 0}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.2),transparent)}.login-divider span{color:var(--color-text-dim);font-size:var(--font-size-sm);white-space:nowrap}.google-signin-wrapper{min-height:44px;display:flex;align-items:center;justify-content:center;margin:0.5rem 0}.social-login-btn{display:flex;align-items:center;justify-content:center;gap:0.6rem;width:100%;max-width:300px;margin:0.4rem auto;padding:0.7rem 1.2rem;border:none;border-radius:20px;color:#fff;font-size:0.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.2s ease;letter-spacing:0.02em}.social-login-btn svg{flex-shrink:0}.discord-btn{background:#5865F2}.discord-btn:hover{background:#4752C4;transform:translateY(-1px);box-shadow:0 4px 12px rgba(88,101,242,0.4)}.login-user-info{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:rgba(212,168,50,0.06);border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-md);margin-bottom:0.5rem;width:100%}.login-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(212,168,50,0.3)}.login-user-details{flex:1;text-align:left}.login-user-name{display:block;font-weight:600;color:var(--color-accent);font-size:0.95rem}.login-user-email{display:block;font-size:var(--font-size-xs);color:var(--color-text-dim)}.btn-logout{background:rgba(192,57,43,0.15);border:1px solid rgba(192,57,43,0.3);border-radius:var(--radius-sm);color:#e74c3c;padding:0.4rem 0.6rem;cursor:pointer;font-size:1.1rem;transition:all var(--transition-fast)}.btn-logout:hover{background:rgba(192,57,43,0.3);border-color:#e74c3c}.login-error{color:var(--color-danger);font-size:var(--font-size-sm);padding:0.5rem;background:rgba(192,57,43,0.1);border:1px solid rgba(192,57,43,0.2);border-radius:var(--radius-sm);width:100%;margin-top:0.5rem}.login-loading{display:flex;align-items:center;gap:0.75rem;color:var(--color-text-dim);font-size:var(--font-size-sm);margin:0.5rem 0}.login-spinner{width:20px;height:20px;border:2px solid rgba(212,168,50,0.2);border-top-color:var(--color-accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guest-btn{display:block;width:100%;padding:0.85rem 1.5rem;background:rgba(26,22,18,0.8);border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-md);color:var(--color-text-dim);font-size:0.95rem;cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.guest-btn:hover{background:rgba(122,92,26,0.15);border-color:rgba(212,168,50,0.3);color:var(--color-text)}.login-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:1rem;line-height:1.5}.login-hint-sub{margin-top:0.25rem;font-size:0.68rem;opacity:0.7}#mode-select-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;overflow-y:auto}.mode-select-content{max-width:800px;width:100%}.mode-select-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mode-user-badge{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.8rem;background:rgba(212,168,50,0.06);border:1px solid rgba(212,168,50,0.12);border-radius:20px;font-size:var(--font-size-sm);color:var(--color-text-dim)}.mode-user-avatar{width:24px;height:24px;border-radius:50%;border:1px solid rgba(212,168,50,0.2)}.btn-back{background:rgba(26,22,18,0.8);border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-md);color:var(--color-text-dim);padding:0.5rem 1rem;cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);font-family:inherit}.btn-back:hover{border-color:var(--color-accent);color:var(--color-accent)}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}.mode-card{background:var(--gradient-card);border:2px solid rgba(212,168,50,0.08);border-radius:var(--radius-lg);padding:2rem 1.5rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;text-align:center}.mode-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.3),transparent);opacity:0;transition:opacity var(--transition-normal)}.mode-card:hover{border-color:rgba(212,168,50,0.25);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.mode-card:hover::before{opacity:1}.mode-card.selected{border-color:var(--color-accent);box-shadow:var(--shadow-glow),var(--shadow-card-hover);background:var(--gradient-card-hover)}.mode-card.selected::before{opacity:1;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.mode-card-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:white;padding:0.2rem 0.6rem;border-radius:10px;font-size:0.65rem;font-weight:700;letter-spacing:0.1em;animation:pulse 2s ease-in-out infinite}.mode-card-icon{font-size:3rem;margin-bottom:0.75rem;filter:drop-shadow(0 0 8px rgba(212,168,50,0.2))}.mode-card-title{font-family:'Orbitron','Kanit',sans-serif;font-size:1.4rem;color:var(--color-accent);margin-bottom:0.5rem;letter-spacing:0.05em}.mode-card-desc{color:var(--color-text-dim);font-size:0.85rem;margin-bottom:1rem}.mode-card-features{list-style:none;padding:0;text-align:left;font-size:var(--font-size-sm);color:var(--color-text)}.mode-card-features li{padding:0.35rem 0;border-bottom:1px solid rgba(212,168,50,0.05)}.mode-card-features li:last-child{border-bottom:none}.mode-save-info{margin-top:1rem;padding:0.6rem;background:rgba(61,139,79,0.1);border:1px solid rgba(61,139,79,0.2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-success);display:none}.mode-save-info.has-save{display:block}.mode-actions{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.5rem}.btn-danger-newgame{display:block;width:100%;padding:0.85rem 1.5rem;background:linear-gradient(180deg,#3a1a1a,#2a1010);border:1px solid rgba(231,76,60,0.35);border-radius:var(--radius-md);color:#e74c3c;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-family:inherit;letter-spacing:0.3px}.btn-danger-newgame:hover{background:linear-gradient(180deg,#4a2020,#3a1a1a);border-color:rgba(231,76,60,0.6);box-shadow:0 0 15px rgba(231,76,60,0.15);color:#ff6b5b}.server-btn-danger{background:linear-gradient(135deg,#3a1a1a,#2a1010);color:#e74c3c;border-color:rgba(231,76,60,0.35)}.server-btn-danger:hover{background:linear-gradient(135deg,#4a2020,#3a1a1a);border-color:rgba(231,76,60,0.6);box-shadow:0 0 12px rgba(231,76,60,0.15);color:#ff6b5b}.confirm-newgame-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,0.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:srvOverlayIn 0.2s ease;padding:1rem}.confirm-newgame-modal{background:linear-gradient(165deg,#2a1515 0%,#1a0e0e 50%,#1f1212 100%);border:1px solid rgba(231,76,60,0.35);border-radius:16px;width:100%;max-width:380px;padding:2rem 1.5rem 1.5rem;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(231,76,60,0.08);animation:srvModalIn 0.3s cubic-bezier(0.34,1.56,0.64,1)}.confirm-newgame-icon{font-size:3rem;margin-bottom:0.5rem;filter:drop-shadow(0 0 15px rgba(231,76,60,0.4));animation:confirmPulse 1.5s ease-in-out infinite}@keyframes confirmPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.confirm-newgame-title{font-size:1.2rem;font-weight:700;color:#e74c3c;margin:0 0 0.6rem}.confirm-newgame-desc{font-size:0.85rem;color:#bbb;line-height:1.6;margin:0 0 1.4rem}.confirm-newgame-actions{display:flex;gap:0.6rem}.confirm-btn{flex:1;padding:0.7rem 0.8rem;border-radius:10px;border:1px solid transparent;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit}.confirm-btn-cancel{background:rgba(255,255,255,0.06);color:#ccc;border-color:rgba(255,255,255,0.12)}.confirm-btn-cancel:hover{background:rgba(255,255,255,0.12);color:#fff}.confirm-btn-danger{background:linear-gradient(135deg,#c0392b,#96281b);color:#fff;border-color:rgba(255,255,255,0.1);box-shadow:0 4px 15px rgba(231,76,60,0.3)}.confirm-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(231,76,60,0.4);background:linear-gradient(135deg,#e74c3c,#c0392b)}.confirm-btn-danger:disabled{opacity:0.45;cursor:not-allowed;transform:none;box-shadow:none}.server-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:srvOverlayIn 0.25s ease;padding:1rem}@keyframes srvOverlayIn{from{opacity:0}to{opacity:1}}.server-modal{background:linear-gradient(165deg,#1e1a15 0%,#15120e 50%,#1a1610 100%);border:1px solid rgba(212,168,50,0.25);border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(212,168,50,0.08),inset 0 1px 0 rgba(255,255,255,0.04);animation:srvModalIn 0.3s cubic-bezier(0.34,1.56,0.64,1);padding:0}@keyframes srvModalIn{from{opacity:0;transform:scale(0.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.server-modal-close{position:absolute;top:12px;right:14px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:#999;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.server-modal-close:hover{background:rgba(231,76,60,0.2);border-color:rgba(231,76,60,0.4);color:#e74c3c}.server-modal-header{text-align:center;padding:1.8rem 1.5rem 1rem;border-bottom:1px solid rgba(212,168,50,0.1)}.server-modal-icon{font-size:2.4rem;margin-bottom:0.4rem;filter:drop-shadow(0 0 12px rgba(212,168,50,0.3))}.server-modal-title{font-size:1.3rem;font-weight:700;color:var(--color-accent);margin:0;letter-spacing:0.5px}.server-modal-subtitle{font-size:0.8rem;color:var(--color-text-dim);margin:0.3rem 0 0;opacity:0.7}.server-modal .server-list{display:flex;flex-direction:column;gap:0;padding:0.5rem 0;max-height:380px;overflow-y:auto}.server-modal .server-list::-webkit-scrollbar{width:4px}.server-modal .server-list::-webkit-scrollbar-thumb{background:rgba(212,168,50,0.25);border-radius:4px}.server-row{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 1.5rem;cursor:pointer;transition:background 0.15s;border-bottom:1px solid rgba(255,255,255,0.03);user-select:none}.server-row:last-child{border-bottom:none}.server-row:hover{background:rgba(212,168,50,0.06)}.server-row.selected{background:rgba(212,168,50,0.1);box-shadow:inset 3px 0 0 var(--color-accent)}.server-row.server-row-full{opacity:0.4;cursor:not-allowed;pointer-events:none}.server-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.server-status-dot.status-green{background:#2ecc71;color:#2ecc71}.server-status-dot.status-yellow{background:#f1c40f;color:#f1c40f}.server-status-dot.status-red{background:#e74c3c;color:#e74c3c}.server-row-name{flex:1;font-size:0.9rem;font-weight:600;color:var(--color-text)}.server-row-tag{font-size:0.7rem;padding:0.15rem 0.5rem;border-radius:10px;font-weight:600;letter-spacing:0.3px;flex-shrink:0}.server-row-tag.tag-available{background:rgba(46,204,113,0.15);color:#2ecc71}.server-row-tag.tag-crowded{background:rgba(241,196,15,0.15);color:#f1c40f}.server-row-tag.tag-full{background:rgba(231,76,60,0.15);color:#e74c3c}.server-modal-actions{padding:1rem 1.5rem 1.4rem;display:flex;gap:0.6rem;border-top:1px solid rgba(212,168,50,0.1)}.server-btn{flex:1;padding:0.7rem 1rem;border-radius:10px;border:1px solid transparent;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s;text-align:center}.server-btn-primary{background:linear-gradient(135deg,var(--color-accent),#b8860b);color:#1a1610;border-color:rgba(255,255,255,0.1);box-shadow:0 4px 15px rgba(212,168,50,0.25)}.server-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,168,50,0.35)}.server-btn-secondary{background:rgba(255,255,255,0.05);color:var(--color-text);border-color:rgba(255,255,255,0.1)}.server-btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}@media (max-width:500px){.server-modal{max-width:100%;border-radius:12px;max-height:90vh}.server-modal-header{padding:1.3rem 1rem 0.8rem}.server-row{padding:0.6rem 1rem}.server-modal-actions{flex-direction:column;padding:0.8rem 1rem 1.2rem}}@media (max-width:600px){.mode-cards{grid-template-columns:1fr;gap:0.75rem;margin:0.8rem 0}.login-content{padding:1.5rem}.login-title{font-size:1.4rem}.mode-card{padding:1.2rem 1rem}.mode-card-desc{margin-bottom:0.5rem;font-size:0.8rem}}.si-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}.si-img{width:1.15em;height:1.15em;object-fit:contain;vertical-align:middle;display:inline-block}.si-fb{font-size:1em;line-height:1;vertical-align:middle}.hud-icon-img{width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle}.guide-icon-img{width:1.1em;height:1.1em;object-fit:contain;vertical-align:middle;margin-right:2px}.tt-stat-icon .si-img{width:1.2em;height:1.2em}.tt-sub-icon .si-img{width:1em;height:1em}.tt-prof-icon .si-img{width:1.6em;height:1.6em}.pcc-stat-icon .si-img{width:1.2em;height:1.2em}.npc-card .si-img{width:1.1em;height:1.1em}.base-vital-bars,.pcc-vital-bars{display:flex;flex-direction:column;gap:0.55rem;margin-top:0.6rem;padding:0.7rem 0.6rem;border-top:1px solid rgba(212,168,50,0.1);background:rgba(13,11,9,0.25);border-radius:var(--radius-md)}.vital-bar-row{display:flex;align-items:center;gap:0.6rem}.vital-label{min-width:70px;font-size:0.82rem;color:var(--color-text-dim,#b5a78a);display:flex;align-items:center;gap:4px;font-weight:600}.vital-icon{width:1em;height:1em;object-fit:contain;vertical-align:middle}.vital-track{flex:1;height:12px;background:rgba(255,255,255,0.05);border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);position:relative}.vital-track::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.08),transparent);border-radius:6px 6px 0 0;pointer-events:none}.vital-fill{height:100%;border-radius:6px;transition:width 0.5s cubic-bezier(0.4,0,0.2,1),background 0.4s ease;position:relative}.vital-fill::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.2),transparent);border-radius:6px 6px 0 0}.vital-hp{background:linear-gradient(90deg,#c0392b,#e74c3c);box-shadow:0 0 8px rgba(231,76,60,0.3)}.vital-food{background:linear-gradient(90deg,#2e7d32,#4caf50);box-shadow:0 0 8px rgba(76,175,80,0.3)}.vital-water{background:linear-gradient(90deg,#1976d2,#42a5f5);box-shadow:0 0 8px rgba(66,165,245,0.3)}.vital-value{min-width:52px;text-align:right;font-size:0.78rem;font-weight:700;color:var(--color-text,#e8dcc8);font-variant-numeric:tabular-nums;font-family:'Orbitron','Kanit',sans-serif}.pcc-identity-row{display:flex;gap:0.5rem;margin-bottom:0.3rem;flex-wrap:wrap}.pcc-gender-badge,.pcc-lang-badge{display:inline-flex;align-items:center;gap:3px;padding:0.15rem 0.5rem;border-radius:12px;font-size:0.75rem;font-weight:500;background:rgba(212,168,50,0.08);border:1px solid rgba(212,168,50,0.15);color:var(--color-text-dim,#b5a78a)}.npc-lang-same{filter:none}.npc-lang-diff{position:relative}.npc-lang-diff::after{content:'⚠';font-size:0.55em;position:absolute;bottom:-2px;right:-4px}.npc-comm-badge{display:inline-flex;align-items:center;gap:2px;padding:0.1rem 0.4rem;border-radius:10px;font-size:0.65rem;font-weight:600;background:rgba(255,152,0,0.15);border:1px solid rgba(255,152,0,0.3);color:#ff9800;white-space:nowrap}.location-lang-hint{font-size:0.82rem;color:#ff9800;margin:0.3rem 0 0.6rem;padding:0.4rem 0.6rem;background:rgba(255,152,0,0.08);border-radius:6px;border-left:3px solid #ff9800}.npc-comm-helped{background:rgba(76,175,80,0.15) !important;border-color:rgba(76,175,80,0.3) !important;color:#66bb6a !important}.lang-helped{color:#66bb6a;font-weight:600}.gi{display:inline-block;width:1.8em;height:1.8em;vertical-align:middle;object-fit:contain;image-rendering:pixelated;margin:0 2px;flex-shrink:0}.gi-sm{width:1.4em;height:1.4em}.gi-md{width:2.2em;height:2.2em}.gi-lg{width:3em;height:3em}.gi-xl{width:4em;height:4em}.tab .gi,.tab-dropdown-item .gi,.mnav-more-btn .gi{width:1.8em;height:1.8em;margin-right:4px}.tdd-cat-btn .gi{width:2em;height:2em}.tdd-sub-item .gi{width:1.8em;height:1.8em}.mnav-more-icon .gi{width:2em;height:2em}.hud-bar .gi{width:1.8em;height:1.8em}.resource .gi{width:1.8em;height:1.8em}.npc-card .gi{width:1.6em;height:1.6em}.report-section .gi{width:1.8em;height:1.8em}.gi-wrap{display:inline}.inv-item .gi{width:2.4em;height:2.4em}.crafting-card .gi{width:2em;height:2em}.event-desc .gi{width:2em;height:2em}.map-location .gi{width:2em;height:2em}.notification .gi{width:1.8em;height:1.8em}.farm-stat .gi{width:1.8em;height:1.8em}.modal-content .gi{width:1.8em;height:1.8em}.pet-ability-badge .gi{width:1.4em;height:1.4em}.npc2-stats-grid .gi{width:1.6em;height:1.6em}.kitchen-recipe-grid .gi{width:2em;height:2em}.eq-slot .gi{width:2.2em;height:2.2em}.upgrade-cost-item .gi{width:1.6em;height:1.6em}.dr-modal .gi{width:1.8em;height:1.8em}.achievement-icon .gi,.mission-card .gi{width:2.2em;height:2.2em}.news-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity 0.5s ease;pointer-events:none}.news-overlay.show{opacity:1;pointer-events:all}.news-overlay.hiding{opacity:0;pointer-events:none}.news-modal{width:100%;max-width:420px;background:linear-gradient(165deg,#1a1510,#0d0b09 40%,#110e0a);border:1px solid rgba(212,168,50,0.25);border-radius:16px;overflow:hidden;box-shadow:0 0 60px rgba(212,168,50,0.08),0 24px 48px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.04);transform:translateY(30px) scale(0.95);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);animation:news-entrance 0.6s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes news-entrance{from{transform:translateY(40px) scale(0.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.news-banner-wrap{position:relative;width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#0c0a09)}.news-banner{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}.news-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,#0d0b09,transparent)}.news-event-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,rgba(251,191,36,0.9),rgba(217,119,6,0.9));color:#1a0f00;font-size:0.7rem;font-weight:700;font-family:'Orbitron',monospace;padding:4px 10px;border-radius:20px;letter-spacing:1px;animation:badge-pulse 2s ease-in-out infinite;box-shadow:0 0 16px rgba(251,191,36,0.4)}@keyframes badge-pulse{0%,100%{box-shadow:0 0 16px rgba(251,191,36,0.4)}50%{box-shadow:0 0 28px rgba(251,191,36,0.7)}}.news-content{padding:1.2rem 1.4rem 1.4rem}.news-title{font-size:1.15rem;font-weight:700;color:#d4a832;font-family:'Kanit',sans-serif;margin:0 0 0.6rem;line-height:1.3}.news-body{font-size:0.82rem;color:#a0937c;line-height:1.6;margin:0 0 1rem;font-family:'Kanit',sans-serif}.news-loot-preview{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:1.2rem}.news-loot-item{display:flex;align-items:center;gap:0.4rem;background:linear-gradient(135deg,rgba(251,191,36,0.08),rgba(217,119,6,0.04));border:1px solid rgba(251,191,36,0.15);border-radius:8px;padding:0.45rem 0.7rem;font-family:'Kanit',sans-serif;font-size:0.78rem;color:#fbbf24;font-weight:600;transition:all 0.2s}.news-loot-item span{font-size:1.1rem}.news-loot-item:hover{background:linear-gradient(135deg,rgba(251,191,36,0.15),rgba(217,119,6,0.08));border-color:rgba(251,191,36,0.3);transform:translateY(-1px)}.news-status{font-family:'Kanit',sans-serif;font-size:0.8rem;font-weight:600;padding:0.5rem 0.8rem;border-radius:8px;margin-bottom:0.8rem;text-align:center}.news-status.active{background:rgba(251,191,36,0.12);color:#fbbf24;border:1px solid rgba(251,191,36,0.25)}.news-status.upcoming{background:rgba(148,163,184,0.08);color:#94a3b8;border:1px solid rgba(148,163,184,0.15)}.news-event-badge.news-event-upcoming{background:linear-gradient(135deg,rgba(148,163,184,0.8),rgba(100,116,139,0.8));animation:none;box-shadow:0 0 10px rgba(148,163,184,0.3)}.news-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:1rem}.news-dot{width:8px;height:8px;border-radius:50%;background:rgba(212,168,50,0.2);cursor:pointer;transition:all 0.3s ease}.news-dot.active{background:#d4a832;box-shadow:0 0 8px rgba(212,168,50,0.5);transform:scale(1.3)}.news-dot:hover{background:rgba(212,168,50,0.5)}.news-actions{display:flex;gap:0.5rem}.news-btn{flex:1;padding:0.65rem 1rem;border:1px solid rgba(212,168,50,0.2);border-radius:10px;font-family:'Kanit',sans-serif;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;text-align:center;min-height:44px}.news-btn-close{background:linear-gradient(135deg,rgba(212,168,50,0.15),rgba(212,168,50,0.08));color:#d4a832;border-color:rgba(212,168,50,0.3)}.news-btn-close:hover{background:linear-gradient(135deg,rgba(212,168,50,0.25),rgba(212,168,50,0.15));box-shadow:0 0 16px rgba(212,168,50,0.2)}.news-btn-next{background:rgba(255,255,255,0.03);color:#e8dcc8;border-color:rgba(255,255,255,0.08)}.news-btn-next:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}.event-loot-badge{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(217,119,6,0.12));color:#fbbf24;font-size:0.7rem;font-weight:700;font-family:'Orbitron',monospace;padding:4px 10px;border-radius:20px;border:1px solid rgba(251,191,36,0.3);cursor:pointer;animation:event-glow 3s ease-in-out infinite;letter-spacing:1px;white-space:nowrap;z-index:10}.event-loot-badge:hover{background:linear-gradient(135deg,rgba(251,191,36,0.3),rgba(217,119,6,0.2))}@keyframes event-glow{0%,100%{box-shadow:0 0 8px rgba(251,191,36,0.15)}50%{box-shadow:0 0 20px rgba(251,191,36,0.35)}}.patch-overlay{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,0.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.5s ease}.patch-overlay.show{opacity:1;pointer-events:all}.patch-overlay.hiding{opacity:0;pointer-events:none}.patch-modal{width:100%;max-width:480px;max-height:90vh;background:linear-gradient(165deg,#1c1810 0%,#0d0b09 50%,#110e0a 100%);border:1px solid rgba(212,168,50,0.3);border-radius:18px;overflow:hidden;box-shadow:0 0 80px rgba(212,168,50,0.06),0 0 120px rgba(0,0,0,0.6),0 24px 64px rgba(0,0,0,0.75),inset 0 1px 0 rgba(255,255,255,0.03);transform:translateY(40px) scale(0.94);transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column}.patch-overlay.show .patch-modal{transform:translateY(0) scale(1)}.patch-banner-wrap{position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#1a1200 0%,#2d1a00 30%,#0a0705 70%,#1a1200 100%)}.patch-banner-wrap::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(212,168,50,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,50,0.04) 1px,transparent 1px);background-size:24px 24px;animation:patch-grid-drift 20s linear infinite}@keyframes patch-grid-drift{0%{background-position:0 0}100%{background-position:24px 24px}}.patch-banner-wrap::after{content:'';position:absolute;inset:0;border:1px solid transparent;border-image:linear-gradient(135deg,rgba(212,168,50,0.4) 0%,transparent 40%,transparent 60%,rgba(212,168,50,0.4) 100%) 1}.patch-scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px );pointer-events:none;z-index:1}.patch-banner-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.4rem;z-index:2}.patch-studio-name{font-family:'Orbitron',monospace;font-size:0.65rem;font-weight:400;color:rgba(212,168,50,0.5);letter-spacing:4px;text-transform:uppercase;margin-bottom:0.2rem}.patch-logo{width:64px;height:64px;border-radius:14px;border:1px solid rgba(212,168,50,0.25);box-shadow:0 0 24px rgba(212,168,50,0.15);object-fit:cover}.patch-game-name{font-family:'Kanit',sans-serif;font-size:1.6rem;font-weight:700;color:#d4a832;text-shadow:0 0 24px rgba(212,168,50,0.4),0 2px 4px rgba(0,0,0,0.5);letter-spacing:1px;margin:0;line-height:1}.patch-version-tag{display:inline-flex;align-items:center;gap:0.4rem;background:linear-gradient(135deg,rgba(212,168,50,0.2),rgba(122,92,26,0.1));border:1px solid rgba(212,168,50,0.35);border-radius:20px;padding:4px 14px;font-family:'Orbitron',monospace;font-size:0.7rem;font-weight:600;color:#d4a832;letter-spacing:2px;margin-top:0.3rem}.patch-version-tag .version-dot{width:6px;height:6px;background:#d4a832;border-radius:50%;animation:patch-dot-pulse 1.5s ease-in-out infinite;box-shadow:0 0 8px rgba(212,168,50,0.6)}@keyframes patch-dot-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.7)}}.patch-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#0d0b09 0%,rgba(13,11,9,0.8) 50%,transparent 100%);z-index:3}.patch-badge{position:absolute;top:14px;left:14px;z-index:4;background:linear-gradient(135deg,rgba(212,168,50,0.95),rgba(180,130,20,0.95));color:#0d0b09;font-family:'Orbitron',monospace;font-size:0.62rem;font-weight:800;padding:5px 12px;border-radius:20px;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 0 20px rgba(212,168,50,0.5),0 2px 8px rgba(0,0,0,0.4);animation:patch-badge-glow 2s ease-in-out infinite}@keyframes patch-badge-glow{0%,100%{box-shadow:0 0 20px rgba(212,168,50,0.5),0 2px 8px rgba(0,0,0,0.4)}50%{box-shadow:0 0 32px rgba(212,168,50,0.8),0 2px 8px rgba(0,0,0,0.4)}}.patch-countdown-wrap{position:absolute;bottom:14px;right:14px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.patch-countdown-label{font-family:'Orbitron',monospace;font-size:0.55rem;color:rgba(212,168,50,0.5);letter-spacing:2px;text-transform:uppercase}.patch-countdown{font-family:'Orbitron',monospace;font-size:0.8rem;font-weight:700;color:#d4a832;letter-spacing:1px;text-shadow:0 0 12px rgba(212,168,50,0.5)}.patch-content{padding:1.2rem 1.4rem 1.4rem;overflow-y:auto;flex:1;min-height:0}.patch-content::-webkit-scrollbar{width:4px}.patch-content::-webkit-scrollbar-track{background:transparent}.patch-content::-webkit-scrollbar-thumb{background:rgba(212,168,50,0.2);border-radius:10px}.patch-date{font-family:'Orbitron',monospace;font-size:0.62rem;font-weight:400;color:rgba(212,168,50,0.4);letter-spacing:3px;text-transform:uppercase;margin:0 0 0.3rem}.patch-title{font-family:'Kanit',sans-serif;font-size:1.2rem;font-weight:700;color:#ede5d8;margin:0 0 0.8rem;line-height:1.3}.patch-title .highlight{color:#d4a832}.patch-divider{display:flex;align-items:center;gap:0.8rem;margin:0.8rem 0}.patch-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.2),transparent)}.patch-divider-icon{font-size:0.7rem;color:rgba(212,168,50,0.3)}.patch-section{margin-bottom:1rem}.patch-section-title{font-family:'Kanit',sans-serif;font-size:0.82rem;font-weight:600;color:#d4a832;margin:0 0 0.5rem;display:flex;align-items:center;gap:0.4rem;letter-spacing:0.3px}.patch-section-title .section-icon{font-size:1rem}.patch-notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.35rem}.patch-note-item{display:flex;align-items:flex-start;gap:0.5rem;font-family:'Kanit',sans-serif;font-size:0.8rem;color:#a0937c;line-height:1.5;padding:0.4rem 0.6rem;border-radius:6px;background:rgba(212,168,50,0.03);border-left:2px solid transparent;transition:all 0.2s}.patch-note-item:hover{background:rgba(212,168,50,0.06);border-left-color:rgba(212,168,50,0.3);color:#c4b89e}.patch-note-item .note-icon{flex-shrink:0;font-size:0.9rem;margin-top:1px}.patch-note-item .note-tag{flex-shrink:0;font-family:'Orbitron',monospace;font-size:0.55rem;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:0.5px;margin-top:2px;text-transform:uppercase}.note-tag.new{background:rgba(61,139,79,0.15);color:#5dbe72;border:1px solid rgba(61,139,79,0.25)}.note-tag.fix{background:rgba(74,140,186,0.12);color:#74b8e0;border:1px solid rgba(74,140,186,0.2)}.note-tag.tweak{background:rgba(212,168,50,0.1);color:#d4a832;border:1px solid rgba(212,168,50,0.2)}.note-tag.balance{background:rgba(138,43,226,0.1);color:#b57fd4;border:1px solid rgba(138,43,226,0.2)}.patch-footer{padding:0.8rem 1.4rem 1.2rem;border-top:1px solid rgba(212,168,50,0.08);flex-shrink:0}.patch-actions{display:flex;gap:0.5rem}.patch-btn{flex:1;padding:0.7rem 1rem;border:1px solid rgba(212,168,50,0.2);border-radius:10px;font-family:'Kanit',sans-serif;font-size:0.88rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;text-align:center;min-height:46px;display:flex;align-items:center;justify-content:center;gap:0.4rem}.patch-btn-primary{background:linear-gradient(135deg,rgba(212,168,50,0.2),rgba(122,92,26,0.15));color:#d4a832;border-color:rgba(212,168,50,0.35)}.patch-btn-primary:hover{background:linear-gradient(135deg,rgba(212,168,50,0.3),rgba(122,92,26,0.2));box-shadow:0 0 20px rgba(212,168,50,0.15);transform:translateY(-1px)}.patch-btn-secondary{background:rgba(255,255,255,0.02);color:#a0937c;border-color:rgba(255,255,255,0.08)}.patch-btn-secondary:hover{background:rgba(255,255,255,0.05);color:#c4b89e;border-color:rgba(255,255,255,0.12)}.patch-changelog-link{display:block;text-align:center;margin-top:0.6rem;font-family:'Kanit',sans-serif;font-size:0.72rem;color:rgba(212,168,50,0.35);text-decoration:none;transition:color 0.2s}.patch-changelog-link:hover{color:rgba(212,168,50,0.6)}@media (max-width:480px){.patch-banner-wrap{height:160px}.patch-game-name{font-size:1.3rem}.patch-modal{max-width:100%;border-radius:12px}}#ps-loading-overlay{position:fixed;inset:0;z-index:99999;background:radial-gradient(ellipse at center,rgba(15,12,8,0.97),rgba(0,0,0,0.99));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;opacity:0;transition:opacity 0.5s ease;pointer-events:none}#ps-loading-overlay.show{opacity:1;pointer-events:all}.ps-loader{width:56px;height:56px;border:3px solid rgba(212,168,50,0.12);border-top-color:#d4a832;border-radius:50%;animation:ps-spin 0.9s linear infinite}@keyframes ps-spin{to{transform:rotate(360deg)}}.ps-loading-title{font-size:1.3rem;color:#d4a832;font-family:'Orbitron',monospace;letter-spacing:1px}.ps-loading-msg{font-size:0.88rem;color:#a0937c;font-family:'Kanit',sans-serif;text-align:center;max-width:280px}.ps-dots span{display:inline-block;width:8px;height:8px;margin:0 4px;background:#d4a832;border-radius:50%;animation:ps-blink 1.4s ease-in-out infinite}.ps-dots span:nth-child(2){animation-delay:0.2s}.ps-dots span:nth-child(3){animation-delay:0.4s}@keyframes ps-blink{0%,80%,100%{opacity:0.15;transform:scale(0.8)}40%{opacity:1;transform:scale(1.1)}}.trade-modal-content{max-width:420px;width:90%}.trade-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid rgba(212,168,50,0.1)}.trade-modal-header h2{font-family:'Kanit',sans-serif;font-size:1.1rem;color:#d4a832;margin:0}.trade-target-label{padding:0.6rem 1.2rem;font-family:'Kanit',sans-serif;font-size:0.85rem;color:#a0937c;margin:0;border-bottom:1px solid rgba(255,255,255,0.04)}.trade-target-label strong{color:#4ade80}.trade-items-list{max-height:320px;overflow-y:auto;padding:0.5rem 0}.trade-item-row{display:flex;align-items:center;gap:0.5rem;padding:0.45rem 1.2rem;transition:background 0.15s}.trade-item-row:hover{background:rgba(255,255,255,0.03)}.trade-item-icon{font-size:1.2rem;width:28px;text-align:center}.trade-item-name{flex:1;min-width:0;font-family:'Kanit',sans-serif;font-size:0.82rem;color:#e8dcc8;overflow:hidden;text-overflow:ellipsis}.trade-item-have{font-family:'Kanit',sans-serif;font-size:0.72rem;color:#6b6355;min-width:40px}.trade-item-qty{display:flex;align-items:center;gap:2px}.trade-qty-btn{width:26px;height:26px;border:1px solid rgba(212,168,50,0.2);background:rgba(212,168,50,0.06);color:#d4a832;border-radius:6px;cursor:pointer;font-size:0.9rem;font-weight:700;display:flex;align-items:center;justify-content:center}.trade-qty-btn:hover{background:rgba(212,168,50,0.15)}.trade-qty-input{width:38px;text-align:center;border:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.3);color:#e8dcc8;border-radius:4px;font-size:0.82rem;font-family:'Kanit',sans-serif;padding:2px 0;-moz-appearance:textfield}.trade-qty-input::-webkit-outer-spin-button,.trade-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.trade-empty{padding:2rem;text-align:center;color:#6b6355;font-family:'Kanit',sans-serif;font-size:0.85rem}.trade-modal-actions{display:flex;gap:0.5rem;padding:0.8rem 1.2rem;border-top:1px solid rgba(255,255,255,0.04)}.btn-trade-confirm{flex:1;padding:0.6rem;background:linear-gradient(135deg,rgba(74,222,128,0.15),rgba(74,222,128,0.08));border:1px solid rgba(74,222,128,0.3);color:#4ade80;border-radius:8px;font-family:'Kanit',sans-serif;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-trade-confirm:hover{background:linear-gradient(135deg,rgba(74,222,128,0.25),rgba(74,222,128,0.15));box-shadow:0 0 16px rgba(74,222,128,0.2)}.btn-trade-cancel{flex:1;padding:0.6rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);color:#a0937c;border-radius:8px;font-family:'Kanit',sans-serif;font-size:0.85rem;cursor:pointer;transition:all 0.2s}.btn-trade-cancel:hover{background:rgba(255,255,255,0.06)}.trade-receive-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.trade-receive-overlay.show{opacity:1;pointer-events:all}.trade-receive-modal{background:var(--card-bg,#1a1510);border:1px solid rgba(74,222,128,0.3);border-radius:16px;padding:1.5rem;max-width:360px;width:90%;text-align:center;box-shadow:0 0 40px rgba(74,222,128,0.1);transform:scale(0.9);transition:transform 0.3s ease}.trade-receive-overlay.show .trade-receive-modal{transform:scale(1)}.trade-receive-modal h3{color:#4ade80;font-family:'Kanit',sans-serif;font-size:1.1rem;margin:0 0 0.5rem}.trade-recv-from{font-family:'Kanit',sans-serif;font-size:0.85rem;color:#a0937c;margin:0 0 0.8rem}.trade-recv-items{display:flex;flex-wrap:wrap;gap:0.4rem;justify-content:center;margin-bottom:1rem}.trade-recv-item{background:rgba(74,222,128,0.08);border:1px solid rgba(74,222,128,0.15);border-radius:8px;padding:0.4rem 0.7rem;font-family:'Kanit',sans-serif;font-size:0.8rem;color:#4ade80}.trade-recv-actions{display:flex;gap:0.5rem}.trade-recv-btn{flex:1;padding:0.6rem;border-radius:8px;font-family:'Kanit',sans-serif;font-size:0.85rem;font-weight:600;cursor:pointer;border:1px solid;transition:all 0.2s}.trade-recv-btn.accept{background:rgba(74,222,128,0.12);border-color:rgba(74,222,128,0.3);color:#4ade80}.trade-recv-btn.accept:hover{background:rgba(74,222,128,0.25)}.trade-recv-btn.decline{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2);color:#ef4444}.trade-recv-btn.decline:hover{background:rgba(239,68,68,0.18)}.player-card-actions{padding:0.3rem 0 0}.trade-btn{width:100%;padding:0.35rem 0.5rem;background:linear-gradient(135deg,rgba(74,222,128,0.1),rgba(74,222,128,0.05));border:1px solid rgba(74,222,128,0.2);color:#4ade80;border-radius:6px;font-family:'Kanit',sans-serif;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s}.trade-btn:hover{background:linear-gradient(135deg,rgba(74,222,128,0.2),rgba(74,222,128,0.1));box-shadow:0 0 12px rgba(74,222,128,0.15)}.map-pin-ally-base .map-pin-marker{background:#4ade80 !important;box-shadow:0 0 12px rgba(74,222,128,0.5) !important}.location-ally-base{cursor:pointer}.location-ally-base .icon{font-size:1.1rem}.location-ally-base .name{color:#4ade80;font-size:0.6rem;font-weight:600}.location-ally-base .other-base-info{color:#4ade80;font-size:0.5rem;opacity:0.7}#game-hud{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 1.25rem;background:var(--gradient-hud);border-bottom:1px solid rgba(212,168,50,0.12);box-shadow:0 4px 24px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(212,168,50,0.06);position:relative;z-index:100;backdrop-filter:blur(8px)}#game-hud::after{content:'';position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.2),transparent)}.hud-left{display:flex;gap:0.75rem}.resource{display:flex;align-items:center;gap:0.5rem;padding:0.35rem 0.75rem;background:rgba(13,11,9,0.5);border-radius:var(--radius-md);border:1px solid rgba(212,168,50,0.08);transition:all var(--transition-normal);position:relative;overflow:hidden}.resource::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(212,168,50,0.04),transparent 70%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.resource:hover::after{opacity:1}.resource:hover{border-color:rgba(212,168,50,0.2);background:rgba(13,11,9,0.7);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.resource .icon{font-size:1.15rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.4));transition:transform var(--transition-fast)}.resource:hover .icon{transform:scale(1.15)}.resource .value{font-family:'Orbitron','Kanit',sans-serif;font-weight:700;color:var(--color-accent);font-size:0.95rem;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}.resource[data-resource="food"]{border-left:3px solid var(--color-food)}.resource[data-resource="water"]{border-left:3px solid var(--color-water)}.resource[data-resource="materials"]{border-left:3px solid var(--color-materials)}.resource[data-resource="health"]{border-left:3px solid var(--color-health)}.hud-center .game-title{font-family:'Orbitron','Kanit',sans-serif;font-size:0.95rem;font-weight:600;color:var(--color-text-dim);letter-spacing:0.08em}.supporter-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:0.25rem;vertical-align:middle;position:relative}.supporter-badge.tier-bronze{font-size:0.9rem;filter:drop-shadow(0 0 4px #cd7f32);animation:badge-bronze-pulse 3s ease-in-out infinite}@keyframes badge-bronze-pulse{0%,100%{filter:drop-shadow(0 0 4px #cd7f32)}50%{filter:drop-shadow(0 0 8px #cd7f32)}}.supporter-badge.tier-silver{font-size:1rem;filter:drop-shadow(0 0 6px #c0c0c0);animation:badge-silver-shine 2.5s ease-in-out infinite}@keyframes badge-silver-shine{0%,100%{filter:drop-shadow(0 0 6px #c0c0c0);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #e8e8e8) drop-shadow(0 0 4px #c0c0c0);transform:scale(1.1)}}.supporter-badge.tier-gold{font-size:1.1rem;filter:drop-shadow(0 0 8px #ffd700);animation:badge-gold-flame 2s ease-in-out infinite}@keyframes badge-gold-flame{0%{filter:drop-shadow(0 0 8px #ffd700);transform:scale(1) rotate(0deg)}25%{filter:drop-shadow(0 0 14px #ffaa00) drop-shadow(0 0 6px #ff8800);transform:scale(1.15) rotate(3deg)}50%{filter:drop-shadow(0 0 18px #ffd700) drop-shadow(0 0 8px #ffa500);transform:scale(1.2) rotate(0deg)}75%{filter:drop-shadow(0 0 14px #ffaa00) drop-shadow(0 0 6px #ff8800);transform:scale(1.15) rotate(-3deg)}100%{filter:drop-shadow(0 0 8px #ffd700);transform:scale(1) rotate(0deg)}}.supporter-badge.tier-diamond{font-size:1.2rem;filter:drop-shadow(0 0 10px #bf5af2);animation:badge-diamond-rainbow 3s linear infinite}@keyframes badge-diamond-rainbow{0%{filter:drop-shadow(0 0 10px #bf5af2) drop-shadow(0 0 20px rgba(191,90,242,0.3));transform:scale(1)}20%{filter:drop-shadow(0 0 14px #60a5fa) drop-shadow(0 0 20px rgba(96,165,250,0.3));transform:scale(1.15)}40%{filter:drop-shadow(0 0 14px #4ade80) drop-shadow(0 0 20px rgba(74,222,128,0.3));transform:scale(1.1)}60%{filter:drop-shadow(0 0 14px #facc15) drop-shadow(0 0 20px rgba(250,204,21,0.3));transform:scale(1.2)}80%{filter:drop-shadow(0 0 14px #f87171) drop-shadow(0 0 20px rgba(248,113,113,0.3));transform:scale(1.1)}100%{filter:drop-shadow(0 0 10px #bf5af2) drop-shadow(0 0 20px rgba(191,90,242,0.3));transform:scale(1)}}.tier-name-frame{display:inline-block;padding:0.15rem 0.5rem;border-radius:6px;font-weight:700;position:relative}.tier-name-frame.frame-bronze{border:1px solid rgba(205,127,50,0.4);background:linear-gradient(135deg,rgba(205,127,50,0.08),transparent);color:#cd7f32;text-shadow:0 0 6px rgba(205,127,50,0.3)}.tier-name-frame.frame-silver{border:1px solid rgba(192,192,192,0.5);background:linear-gradient(135deg,rgba(192,192,192,0.1),rgba(255,255,255,0.03));color:#e0e0e0;text-shadow:0 0 8px rgba(192,192,192,0.4);box-shadow:0 0 10px rgba(192,192,192,0.1)}.tier-name-frame.frame-gold{border:1.5px solid rgba(255,215,0,0.6);background:linear-gradient(135deg,rgba(255,215,0,0.12),rgba(255,170,0,0.05));color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,0.5);box-shadow:0 0 15px rgba(255,215,0,0.15),inset 0 0 15px rgba(255,215,0,0.05);animation:frame-gold-glow 2.5s ease-in-out infinite alternate}@keyframes frame-gold-glow{from{box-shadow:0 0 15px rgba(255,215,0,0.15),inset 0 0 15px rgba(255,215,0,0.05)}to{box-shadow:0 0 25px rgba(255,215,0,0.25),inset 0 0 20px rgba(255,215,0,0.08);border-color:rgba(255,215,0,0.8)}}.tier-name-frame.frame-diamond{border:2px solid rgba(191,90,242,0.6);background:linear-gradient(135deg,rgba(191,90,242,0.1),rgba(96,165,250,0.05),rgba(74,222,128,0.03));color:#e0b0ff;text-shadow:0 0 12px rgba(191,90,242,0.6);box-shadow:0 0 20px rgba(191,90,242,0.2),0 0 40px rgba(191,90,242,0.08),inset 0 0 20px rgba(191,90,242,0.06);animation:frame-diamond-shift 4s ease-in-out infinite}@keyframes frame-diamond-shift{0%{border-color:rgba(191,90,242,0.6);box-shadow:0 0 20px rgba(191,90,242,0.2),0 0 40px rgba(191,90,242,0.08)}33%{border-color:rgba(96,165,250,0.6);box-shadow:0 0 20px rgba(96,165,250,0.2),0 0 40px rgba(96,165,250,0.08)}66%{border-color:rgba(74,222,128,0.5);box-shadow:0 0 20px rgba(74,222,128,0.2),0 0 40px rgba(74,222,128,0.08)}100%{border-color:rgba(191,90,242,0.6);box-shadow:0 0 20px rgba(191,90,242,0.2),0 0 40px rgba(191,90,242,0.08)}}.tier-title{font-size:0.62rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;display:block;margin-top:0.1rem}.tier-title.title-bronze{color:#cd7f32}.tier-title.title-silver{color:#c0c0c0}.tier-title.title-gold{color:#ffd700;text-shadow:0 0 6px rgba(255,215,0,0.4)}.tier-title.title-diamond{color:#bf5af2;text-shadow:0 0 8px rgba(191,90,242,0.5);animation:title-diamond 3s ease-in-out infinite}@keyframes title-diamond{0%,100%{color:#bf5af2}33%{color:#60a5fa}66%{color:#4ade80}}.hud-tier-gold #game-hud{border-bottom:2px solid rgba(255,215,0,0.3) !important;box-shadow:0 2px 20px rgba(255,215,0,0.08)}.hud-tier-diamond #game-hud{border-bottom:2px solid rgba(191,90,242,0.3) !important;box-shadow:0 2px 25px rgba(191,90,242,0.1);background:linear-gradient(180deg,rgba(20,18,15,0.98),rgba(30,20,45,0.95)) !important}.chat-name.chat-tier-bronze{color:#cd7f32 !important}.chat-name.chat-tier-silver{color:#e0e0e0 !important;text-shadow:0 0 4px rgba(192,192,192,0.3)}.chat-name.chat-tier-gold{color:#ffd700 !important;text-shadow:0 0 8px rgba(255,215,0,0.5);font-weight:700}.chat-name.chat-tier-diamond{color:#bf5af2 !important;text-shadow:0 0 10px rgba(191,90,242,0.5);font-weight:700;animation:chat-diamond 3s linear infinite}@keyframes chat-diamond{0%,100%{color:#bf5af2}25%{color:#60a5fa}50%{color:#4ade80}75%{color:#facc15}}.danmaku-name.dname-bronze{color:#cd7f32 !important}.danmaku-name.dname-silver{color:#e0e0e0 !important}.danmaku-name.dname-gold{color:#ffd700 !important;text-shadow:0 0 8px rgba(255,215,0,0.6);font-size:0.85rem}.danmaku-name.dname-diamond{animation:chat-diamond 2s linear infinite;font-size:0.88rem;text-shadow:0 0 10px rgba(191,90,242,0.6)}.map-pin-wrapper.base-tier-gold .map-location{border:1.5px solid rgba(255,215,0,0.5) !important;box-shadow:0 0 15px rgba(255,215,0,0.2) !important}.map-pin-wrapper.base-tier-diamond .map-location{border:2px solid rgba(191,90,242,0.5) !important;box-shadow:0 0 20px rgba(191,90,242,0.25),0 0 40px rgba(191,90,242,0.1) !important;animation:map-diamond-glow 3s ease-in-out infinite}@keyframes map-diamond-glow{0%,100%{box-shadow:0 0 20px rgba(191,90,242,0.25)}50%{box-shadow:0 0 30px rgba(96,165,250,0.3),0 0 50px rgba(191,90,242,0.15)}}.player-card.card-tier-bronze{border-color:rgba(205,127,50,0.4)}.player-card.card-tier-silver{border-color:rgba(192,192,192,0.5);box-shadow:0 0 8px rgba(192,192,192,0.1)}.player-card.card-tier-gold{border:1.5px solid rgba(255,215,0,0.5);box-shadow:0 0 12px rgba(255,215,0,0.15),inset 0 0 15px rgba(255,215,0,0.03);background:linear-gradient(135deg,rgba(255,215,0,0.04),rgba(45,38,32,0.9))}.player-card.card-tier-diamond{border:2px solid rgba(191,90,242,0.5);box-shadow:0 0 18px rgba(191,90,242,0.2),inset 0 0 20px rgba(191,90,242,0.04);background:linear-gradient(135deg,rgba(191,90,242,0.05),rgba(96,165,250,0.03),rgba(45,38,32,0.9));animation:card-diamond 4s ease-in-out infinite}@keyframes card-diamond{0%,100%{border-color:rgba(191,90,242,0.5)}33%{border-color:rgba(96,165,250,0.5)}66%{border-color:rgba(74,222,128,0.4)}}.tier-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.tier-particle{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0;animation:particle-float 4s ease-in-out infinite}.tier-particle.p-gold{background:#ffd700;box-shadow:0 0 6px #ffd700}.tier-particle.p-diamond{background:#bf5af2;box-shadow:0 0 6px #bf5af2}@keyframes particle-float{0%{opacity:0;transform:translateY(0) scale(0.5)}20%{opacity:0.8}80%{opacity:0.3}100%{opacity:0;transform:translateY(-30px) scale(0)}}.game-clock{font-size:var(--font-size-sm);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.game-clock #game-time{color:var(--color-accent);font-weight:700}.day-counter{font-size:var(--font-size-sm);color:var(--color-text-dim);padding:0.25rem 0.6rem;background:rgba(13,11,9,0.5);border-radius:var(--radius-sm);border:1px solid rgba(212,168,50,0.08);transition:all var(--transition-normal)}.day-counter:hover{border-color:rgba(212,168,50,0.15)}.day-counter #day-number{font-family:'Orbitron','Kanit',sans-serif;color:var(--color-accent-bright);font-weight:700;text-shadow:0 0 12px rgba(240,200,72,0.2)}.hud-right{display:flex;align-items:center;gap:0.75rem}.hud-btn{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid rgba(212,168,50,0.12);background:rgba(13,11,9,0.5);color:var(--color-accent);font-size:1.15rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.hud-btn:hover{background:rgba(122,92,26,0.25);border-color:rgba(212,168,50,0.4);box-shadow:var(--shadow-glow-sm);transform:translateY(-1px)}.hud-btn:active{transform:translateY(0)}.game-mode-badge{font-size:var(--font-size-xs);padding:0.25rem 0.6rem;background:rgba(74,140,186,0.15);color:var(--color-info);border-radius:var(--radius-sm);border:1px solid rgba(74,140,186,0.2);font-weight:600}.game-mode-badge.hidden{display:none !important}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(6px);animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{position:relative;background:rgba(26,22,18,0.98);border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-lg);max-width:640px;width:100%;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-panel),0 0 80px rgba(0,0,0,0.5),0 0 20px rgba(212,168,50,0.04);animation:fadeInScale 0.3s cubic-bezier(0.16,1,0.3,1)}.modal-content::before{content:'';position:absolute;top:0;left:3%;right:3%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.5),transparent);z-index:1}.modal-content::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.15),transparent)}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(212,168,50,0.1);background:rgba(13,11,9,0.3)}.tutorial-header h2{font-size:1.25rem;color:var(--color-accent);text-shadow:0 0 20px rgba(212,168,50,0.15)}.modal-close{width:36px;height:36px;border:1px solid rgba(212,168,50,0.1);background:rgba(13,11,9,0.5);color:var(--color-text-dim);font-size:1.5rem;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(192,57,43,0.3);border-color:var(--color-danger);color:var(--color-text)}.tutorial-nav{display:flex;flex-wrap:wrap;gap:0.4rem;padding:0.75rem 1.25rem;background:rgba(13,11,9,0.3);border-bottom:1px solid rgba(212,168,50,0.06);overflow-x:auto}.tutorial-nav-btn{padding:0.45rem 0.75rem;background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:0.82rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-normal)}.tutorial-nav-btn:hover{color:var(--color-text);border-color:rgba(212,168,50,0.2);background:rgba(26,22,18,0.8)}.tutorial-nav-btn.active{background:rgba(122,92,26,0.2);color:var(--color-accent);border-color:rgba(212,168,50,0.3);box-shadow:0 0 8px rgba(212,168,50,0.1)}.tutorial-body{padding:1.5rem;overflow-y:auto;flex:1}.guide-panel{display:none}.guide-panel.active{display:block;animation:fadeInUp 0.3s ease}.guide-panel h3{font-size:1.15rem;color:var(--color-accent);margin-bottom:1rem;text-shadow:0 0 20px rgba(212,168,50,0.1)}.guide-panel p{color:var(--color-text);line-height:1.7;margin-bottom:0.75rem}.guide-panel ul{margin:0.75rem 0;padding-left:1.25rem}.guide-panel li{margin-bottom:0.5rem;line-height:1.6;color:var(--color-text-dim)}.guide-panel li strong{color:var(--color-text)}.guide-resource-list{display:flex;flex-direction:column;gap:0.75rem}.guide-resource-item{display:flex;align-items:flex-start;gap:1rem;padding:0.85rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-md);border:1px solid rgba(212,168,50,0.06);transition:all var(--transition-fast)}.guide-resource-item:hover{border-color:rgba(212,168,50,0.15);background:rgba(13,11,9,0.6)}.guide-resource-item .icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.guide-resource-item strong{color:var(--color-accent)}#game-tabs{display:flex;gap:0.35rem;padding:0.75rem 1rem;background:rgba(13,11,9,0.7);border-bottom:1px solid rgba(212,168,50,0.06);position:relative;overflow:visible;flex-wrap:wrap;scrollbar-width:none}#game-tabs::-webkit-scrollbar{display:none}#game-tabs::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.12),transparent)}.tab{padding:0.6rem 1.1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);white-space:nowrap;position:relative;overflow:visible}.tab::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(212,168,50,0.08),transparent);border-radius:50%;transition:width 0.5s,height 0.5s,top 0.5s,left 0.5s;transform:translate(-50%,-50%);z-index:0}.tab:hover::before{width:200%;height:200%}.tab:hover{color:var(--color-text-dim);background:rgba(37,32,25,0.5)}.tab.active{background:var(--gradient-tab-active);color:var(--color-accent);border-color:rgba(212,168,50,0.15);font-weight:600;box-shadow:0 0 12px rgba(212,168,50,0.06)}.tab.active::after{content:'';position:absolute;bottom:-1px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);border-radius:1px}.tab-menu-wrapper{position:relative;flex-shrink:0}.tab-menu-trigger{position:relative}.tab-menu-trigger.has-active{color:var(--color-accent);border-color:rgba(212,168,50,0.15)}.tab-dropdown{position:absolute;top:calc(100%+6px);right:0;min-width:160px;background:rgba(26,22,18,0.98);border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 16px rgba(0,0,0,0.3);z-index:9999;overflow:hidden;animation:dropdownFadeIn 0.2s ease}.tab-dropdown.hidden{display:none}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tab-dropdown-item{display:block;width:100%;padding:0.7rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(212,168,50,0.06);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-align:left;transition:all 0.15s ease;font-family:inherit;white-space:nowrap}.tab-dropdown-item:last-child{border-bottom:none}.tab-dropdown-item:hover{background:rgba(212,168,50,0.08);color:var(--color-text)}.tab-dropdown-item.active{background:rgba(212,168,50,0.12);color:var(--color-accent);font-weight:600}#game-main{padding:1.5rem 2rem;min-height:calc(100vh - 200px);position:relative}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeInUp 0.35s cubic-bezier(0.16,1,0.3,1)}.tab-panel h2{font-size:var(--font-size-xl);color:var(--color-accent);margin-bottom:0.6rem;text-shadow:0 0 24px rgba(212,168,50,0.12);position:relative;display:inline-flex;align-items:center;gap:0.4rem;letter-spacing:0.02em}.tab-panel h2::after{content:'';position:absolute;bottom:-4px;left:0;width:50px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);border-radius:1px}.tab-panel>p{color:var(--color-text-dim);margin-bottom:1.5rem;font-size:0.92rem;line-height:1.5}.player-char-card{margin-bottom:1.5rem;padding:1.25rem;background:var(--gradient-card);border:1px solid rgba(212,168,50,0.12);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:border-color var(--transition-normal)}.player-char-card:hover{border-color:rgba(212,168,50,0.22)}.player-char-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.3),transparent)}.player-char-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.1),transparent)}.player-char-info{font-size:1rem;color:var(--color-text);margin-bottom:0.5rem}.player-char-info strong{color:var(--color-accent);font-size:1.15rem;text-shadow:0 0 16px rgba(212,168,50,0.12)}.player-char-info .char-detail{font-size:var(--font-size-sm);color:var(--color-text-dim)}.player-char-stats{display:flex;gap:0.5rem;flex-wrap:wrap;font-size:var(--font-size-sm)}.player-char-stats span{padding:0.3rem 0.65rem;background:rgba(13,11,9,0.5);border-radius:var(--radius-sm);color:var(--color-accent);border:1px solid rgba(212,168,50,0.08);transition:all var(--transition-fast);font-weight:500}.player-char-stats span:hover{border-color:rgba(212,168,50,0.25);background:rgba(13,11,9,0.7);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.base-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.stat-card{padding:1.5rem;background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(212,168,50,0.08);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.3),transparent)}.stat-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,168,50,0.03) 0%,transparent 60%);opacity:0;transition:opacity 0.5s ease;pointer-events:none}.stat-card:hover::after{opacity:1}.stat-card:hover{border-color:rgba(212,168,50,0.25);transform:translateY(-3px);box-shadow:var(--shadow-card-hover),0 0 20px rgba(212,168,50,0.05)}.stat-card .stat-value{display:block;font-family:'Orbitron','Kanit',sans-serif;font-size:2.25rem;font-weight:700;color:var(--color-accent);text-shadow:0 0 24px rgba(212,168,50,0.18);line-height:1.1}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-top:0.35rem;text-transform:uppercase;letter-spacing:0.04em;font-weight:500}#farm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0.75rem}.farm-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:0.5rem;margin-bottom:0.75rem}.farm-summary-btns{display:flex;gap:0.5rem;flex-wrap:wrap}.farm-stat{display:flex;flex-direction:column;align-items:center;padding:0.5rem 0.3rem;background:linear-gradient(145deg,rgba(25,22,18,0.6),rgba(13,11,9,0.4));border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-md);gap:0.15rem}.farm-stat-icon{font-size:1.1rem}.farm-stat-label{font-size:0.65rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:0.03em}.farm-stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.farm-stat-growing .farm-stat-value{color:#66bb6a}.farm-stat-ready .farm-stat-value{color:#ffd54f}.farm-stat-empty .farm-stat-value{color:var(--color-text-muted)}.farm-harvest-all-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex:1;min-width:0;padding:0.65rem 1rem;margin-top:0.5rem;margin-bottom:0.5rem;background:linear-gradient(135deg,#2e7d32,#1b5e20);border:1px solid rgba(76,175,80,0.4);border-radius:var(--radius-md);color:#fff;font-size:0.95rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;text-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 2px 8px rgba(46,125,50,0.3)}.farm-harvest-all-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 16px rgba(46,125,50,0.4);transform:translateY(-1px)}.farm-harvest-all-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(46,125,50,0.3)}.fp-card{position:relative;border-radius:var(--radius-lg);padding:0.6rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all 0.25s ease;overflow:hidden;min-height:130px;justify-content:center;gap:0.25rem;border:2px solid transparent}.fp-soil{position:absolute;inset:0;z-index:0;border-radius:inherit;transition:all 0.3s ease}.fp-card>*:not(.fp-soil){position:relative;z-index:1}.fp-empty{background:linear-gradient(160deg,rgba(30,27,22,0.6),rgba(18,15,12,0.5));border:2px dashed rgba(255,255,255,0.06)}.fp-empty .fp-soil{background:repeating-linear-gradient( 45deg,transparent,transparent 6px,rgba(139,119,85,0.03) 6px,rgba(139,119,85,0.03) 7px )}.fp-empty:hover{border-color:rgba(76,175,80,0.3);background:linear-gradient(160deg,rgba(40,37,30,0.7),rgba(25,22,18,0.6));transform:translateY(-2px);box-shadow:0 4px 16px rgba(76,175,80,0.1)}.fp-empty-icon{opacity:0.3;font-size:1.8rem !important;transition:all 0.25s ease}.fp-empty:hover .fp-empty-icon{opacity:0.7;transform:scale(1.15)}.fp-seedling{background:linear-gradient(160deg,rgba(27,45,27,0.4),rgba(15,20,15,0.5));border-color:rgba(76,175,80,0.15)}.fp-seedling .fp-soil{background:linear-gradient(180deg,transparent 60%,rgba(76,175,80,0.04) 100%)}.fp-seedling .fp-progress-bar{background:linear-gradient(90deg,#4caf50,#66bb6a)}.fp-growing{background:linear-gradient(160deg,rgba(30,50,30,0.45),rgba(18,28,18,0.5));border-color:rgba(76,175,80,0.25)}.fp-growing .fp-soil{background:linear-gradient(180deg,transparent 40%,rgba(76,175,80,0.06) 100%)}.fp-growing .fp-progress-bar{background:linear-gradient(90deg,#43a047,#66bb6a)}.fp-mature{background:linear-gradient(160deg,rgba(35,55,30,0.5),rgba(20,32,18,0.5));border-color:rgba(129,199,132,0.3)}.fp-mature .fp-soil{background:linear-gradient(180deg,transparent 30%,rgba(129,199,132,0.06) 100%)}.fp-mature .fp-progress-bar{background:linear-gradient(90deg,#66bb6a,#a5d6a7)}.fp-ready{background:linear-gradient(160deg,rgba(50,60,25,0.5),rgba(30,38,15,0.5));border-color:rgba(255,213,79,0.5);animation:fpReadyPulse 2s ease-in-out infinite}.fp-ready .fp-soil{background:linear-gradient(180deg,rgba(255,213,79,0.03) 0%,rgba(255,213,79,0.08) 100%)}.fp-ready .fp-progress-bar{background:linear-gradient(90deg,#ffd54f,#ffb300);box-shadow:0 0 8px rgba(255,213,79,0.3)}@keyframes fpReadyPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,213,79,0.05)}50%{box-shadow:0 0 20px 2px rgba(255,213,79,0.15),inset 0 0 15px rgba(255,213,79,0.04)}}.fp-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.4)}.fp-ready:hover{border-color:rgba(255,213,79,0.8);box-shadow:0 6px 24px rgba(255,213,79,0.2)}.fp-plant-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.4));transition:transform 0.3s ease}.fp-card:hover .fp-plant-icon{transform:scale(1.15) rotate(-3deg)}.fp-ready .fp-plant-icon{animation:fpBounce 1.5s ease-in-out infinite}@keyframes fpBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.fp-info{text-align:center;line-height:1.2}.fp-crop-name{font-size:0.78rem;font-weight:700;color:var(--color-text);margin-bottom:0.1rem}.fp-stage-label{font-size:0.65rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:0.04em}.fp-ready .fp-stage-label{color:#ffd54f;font-weight:600}.fp-progress-wrap{width:100%;height:4px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;margin-top:0.2rem}.fp-progress-bar{height:100%;border-radius:2px;transition:width 0.5s ease}.fp-days{font-size:0.65rem;color:var(--color-text-dim);margin-top:0.1rem}.fp-ready .fp-days{color:#ffd54f;font-weight:600}.fp-harvest-badge{position:absolute;top:0.35rem;right:0.35rem;background:linear-gradient(135deg,#f9a825,#ff8f00);color:#1a1a1a;font-size:0.6rem;font-weight:800;padding:0.15rem 0.4rem;border-radius:4px;text-transform:uppercase;letter-spacing:0.04em;box-shadow:0 2px 6px rgba(249,168,37,0.3);animation:fpBadgePulse 1.8s ease-in-out infinite}@keyframes fpBadgePulse{0%,100%{opacity:1}50%{opacity:0.7}}.fp-dry{background:linear-gradient(160deg,rgba(60,35,20,0.6),rgba(40,22,12,0.55));border-color:rgba(239,83,80,0.45);animation:fpDryPulse 2s ease-in-out infinite}.fp-dry .fp-soil{background:linear-gradient(180deg,rgba(239,83,80,0.03) 0%,rgba(239,83,80,0.08) 100%)}.fp-dry .fp-progress-bar{background:linear-gradient(90deg,#bdbdbd,#9e9e9e)}.fp-dry .fp-plant-icon{filter:grayscale(0.6) drop-shadow(0 2px 6px rgba(0,0,0,0.4))}@keyframes fpDryPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,83,80,0.05)}50%{box-shadow:0 0 16px 2px rgba(239,83,80,0.12),inset 0 0 10px rgba(239,83,80,0.04)}}.fp-water-wrap{width:100%;display:flex;align-items:center;gap:4px;margin-top:0.15rem}.fp-water-icon{font-size:0.65rem;line-height:1}.fp-water-bar-bg{flex:1;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden}.fp-water-bar{height:100%;border-radius:2px;transition:width 0.5s ease,background 0.3s ease}.fp-water-pct{font-size:0.55rem;font-weight:700;min-width:24px;text-align:right}.fp-water-btn{margin-top:0.25rem;padding:0.2rem 0.5rem;font-size:0.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;border-radius:6px;cursor:pointer;transition:all 0.2s ease;z-index:2}.fp-water-btn:hover{background:linear-gradient(135deg,#42a5f5,#1e88e5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(30,136,229,0.4)}.fp-water-btn:active{transform:translateY(0)}.farm-water-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;flex:1;min-width:0;padding:0.65rem 1.2rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#1e88e5,#1565c0);color:white;font-weight:700;font-size:0.8rem;cursor:pointer;transition:all 0.25s ease;box-shadow:0 2px 8px rgba(30,136,229,0.3);margin-top:0.3rem}.farm-water-all-btn:hover{background:linear-gradient(135deg,#42a5f5,#1e88e5);box-shadow:0 4px 16px rgba(30,136,229,0.4);transform:translateY(-1px)}.farm-water-all-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(30,136,229,0.3)}.crop-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.crop-modal.hidden{display:none}.crop-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);opacity:0;transition:opacity 0.25s ease}.crop-modal-open .crop-modal-backdrop{opacity:1}.crop-modal-content{position:relative;background:linear-gradient(160deg,rgba(35,32,26,0.98),rgba(20,18,14,0.98));border:1px solid rgba(76,175,80,0.3);border-radius:var(--radius-xl,16px);max-width:520px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 30px rgba(76,175,80,0.08);transform:translateY(20px) scale(0.95);opacity:0;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}.crop-modal-open .crop-modal-content{transform:translateY(0) scale(1);opacity:1}.crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(76,175,80,0.15);background:linear-gradient(135deg,rgba(76,175,80,0.08),transparent)}.crop-modal-header h3{margin:0;font-size:1.05rem;color:var(--color-text);font-weight:700}.crop-modal-close{width:36px;height:36px;border:none;background:rgba(255,255,255,0.05);border-radius:50%;color:var(--color-text-dim);font-size:1.1rem;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.crop-modal-close:hover{background:rgba(244,67,54,0.2);color:#ef5350}.crop-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1}.crop-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem}.crop-card{background:linear-gradient(145deg,rgba(40,37,30,0.6),rgba(22,20,16,0.5));border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-lg,12px);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem;transition:all 0.25s ease;cursor:default}.crop-card:hover{border-color:rgba(76,175,80,0.35);background:linear-gradient(145deg,rgba(50,47,38,0.7),rgba(28,26,20,0.6));transform:translateY(-2px);box-shadow:0 4px 16px rgba(76,175,80,0.1)}.crop-card-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.4))}.crop-card-name{font-size:0.95rem;font-weight:700;color:var(--color-text)}.crop-card-stats{width:100%;display:flex;flex-direction:column;gap:0.3rem}.crop-stat-row{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--color-text-dim);padding:0.2rem 0;border-bottom:1px solid rgba(255,255,255,0.03)}.crop-stat-row:last-child{border-bottom:none}.crop-stat-val{font-weight:600;color:var(--color-text)}.crop-seed-count{color:#66bb6a}.crop-plant-btn{width:100%;padding:0.55rem 0.75rem;background:linear-gradient(135deg,#2e7d32,#1b5e20);border:1px solid rgba(76,175,80,0.3);border-radius:var(--radius-md);color:#fff;font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.crop-plant-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 3px 12px rgba(46,125,50,0.3);transform:translateY(-1px)}.crop-plant-btn:active{transform:translateY(0)}.crop-empty-state{text-align:center;padding:2rem 1rem}.crop-empty-icon{font-size:3rem;margin-bottom:0.75rem;opacity:0.5}.crop-empty-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:0.4rem}.crop-empty-desc{font-size:0.82rem;color:var(--color-text-dim);line-height:1.5}.farm-section{margin-bottom:2rem}.farm-section h3{font-size:1.05rem;color:var(--color-accent);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.farm-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:0.5rem;font-style:italic}.farm-workers-info{display:flex;flex-direction:column;gap:0.2rem;padding:0.7rem 0.9rem;background:linear-gradient(135deg,rgba(76,175,80,0.08),rgba(13,11,9,0.4));border:1px solid rgba(76,175,80,0.15);border-radius:var(--radius-md);margin-bottom:0.6rem}.fw-badge{font-weight:700;font-size:0.9rem;color:var(--color-text)}.fw-desc{font-size:0.78rem;color:var(--color-text-dim)}.fw-worker-list{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:0.5rem}.fw-available-title{font-size:0.82rem;color:var(--color-text-dim);margin-bottom:0.3rem;font-weight:600}.fw-worker-card{display:flex;align-items:center;gap:0.6rem;padding:0.55rem 0.8rem;background:rgba(76,175,80,0.06);border:1px solid rgba(76,175,80,0.15);border-radius:var(--radius-md);transition:all 0.2s ease}.fw-worker-card.fw-available{background:rgba(13,11,9,0.4);border-color:rgba(212,168,50,0.1)}.fw-worker-card.fw-worker-sick{background:rgba(255,152,0,0.08);border-color:rgba(255,152,0,0.2);opacity:0.75}.fw-worker-card.fw-worker-sick .fw-worker-status{color:#ffb74d}.fw-worker-icon{font-size:1.4rem}.fw-worker-info{flex:1;min-width:0}.fw-worker-name{font-weight:700;font-size:0.85rem;color:var(--color-text)}.fw-worker-status{font-size:0.72rem;color:#81c784}.fw-worker-card.fw-available .fw-worker-status{color:var(--color-text-dim)}.fw-btn{padding:0.3rem 0.6rem;font-size:0.78rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.fw-btn-assign{background:linear-gradient(135deg,rgba(76,175,80,0.3),rgba(56,142,60,0.2));color:#81c784;border:1px solid rgba(76,175,80,0.3)}.fw-btn-assign:hover{background:linear-gradient(135deg,rgba(76,175,80,0.5),rgba(56,142,60,0.35));box-shadow:0 0 6px rgba(76,175,80,0.2)}.fw-btn-remove{background:rgba(244,67,54,0.1);color:#ef9a9a;border:1px solid rgba(244,67,54,0.2)}.fw-btn-remove:hover{background:rgba(244,67,54,0.2);border-color:rgba(244,67,54,0.4)}.fw-empty{font-size:0.82rem;color:var(--color-text-dim);padding:0.6rem;text-align:center;background:rgba(13,11,9,0.3);border-radius:var(--radius-sm)}.ls-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem}.ls-title{display:flex;flex-direction:column}.ls-details{display:grid;grid-template-columns:1fr 1fr;gap:0.15rem 0.5rem;font-size:0.78rem;margin-bottom:0.4rem}.ls-row{display:flex;justify-content:space-between;color:var(--color-text-dim)}.ls-val{font-weight:700;color:var(--color-text)}.ls-breed-info{font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:var(--radius-xs);background:rgba(13,11,9,0.4);color:var(--color-text-dim);text-align:center;margin-bottom:0.3rem}.ls-breed-info.ls-breed-active{background:rgba(233,30,99,0.1);border:1px solid rgba(233,30,99,0.2);color:#f48fb1}#livestock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}.livestock-card{background:var(--gradient-card);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:0.3rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.livestock-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.15),transparent)}.livestock-card:hover{border-color:rgba(212,168,50,0.2);box-shadow:var(--shadow-card),0 0 12px rgba(212,168,50,0.04);transform:translateY(-2px)}.livestock-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));transition:transform var(--transition-fast)}.livestock-card:hover .livestock-icon{transform:scale(1.1)}.livestock-name{font-weight:700;color:var(--color-text)}.livestock-count{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:600}.livestock-detail{font-size:0.75rem;color:var(--color-text-dim)}.livestock-produce{font-size:var(--font-size-sm);color:var(--color-success)}.livestock-slaughter-btn{margin-top:0.3rem;padding:0.35rem 0.5rem;background:linear-gradient(135deg,rgba(183,28,28,0.3),rgba(127,0,0,0.25));border:1px solid rgba(244,67,54,0.35);border-radius:var(--radius-sm);color:#ef5350;font-size:0.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:center}.livestock-slaughter-btn:hover{background:linear-gradient(135deg,rgba(183,28,28,0.5),rgba(127,0,0,0.4));border-color:rgba(244,67,54,0.6);color:#ff7043;box-shadow:0 0 6px rgba(244,67,54,0.25)}.ls-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.35rem;margin-bottom:0.4rem}.ls-stat-box{display:flex;flex-direction:column;align-items:center;padding:0.35rem 0.2rem;border-radius:var(--radius-sm);background:rgba(13,11,9,0.4);border:1px solid rgba(255,255,255,0.04)}.ls-stat-symbol{font-size:1rem}.ls-stat-num{font-size:1.1rem;font-weight:700;color:var(--color-text)}.ls-stat-label{font-size:0.65rem;color:var(--color-muted)}.ls-stat-sub{font-size:0.6rem;color:var(--color-muted);opacity:0.7}.ls-stat-male{border-bottom:2px solid rgba(66,165,245,0.4)}.ls-stat-male .ls-stat-symbol{color:#42a5f5}.ls-stat-female{border-bottom:2px solid rgba(236,64,122,0.4)}.ls-stat-female .ls-stat-symbol{color:#ec407a}.ls-stat-mature{border-bottom:2px solid rgba(255,183,77,0.4)}.ls-stat-produce{border-bottom:2px solid rgba(76,175,80,0.4)}.ls-slaughter-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;margin-top:0.4rem;padding:0.5rem 0.75rem;background:linear-gradient(135deg,rgba(183,28,28,0.15),rgba(127,0,0,0.12));border:1px solid rgba(244,67,54,0.25);border-radius:var(--radius-md);color:#ef5350;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ls-slaughter-btn:hover{background:linear-gradient(135deg,rgba(183,28,28,0.35),rgba(127,0,0,0.25));border-color:rgba(244,67,54,0.5);box-shadow:0 0 10px rgba(244,67,54,0.15);transform:translateY(-1px)}.ls-slaughter-icon{font-size:1.1rem}.ls-slaughter-yield{font-size:0.72rem;opacity:0.7}.sl-modal-content{max-width:450px;padding:1.5rem}.sl-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.sl-header-icon{font-size:2.5rem}.sl-header h3{margin:0;font-size:1.1rem;color:var(--color-text)}.sl-subtitle{font-size:0.78rem;color:var(--color-muted);margin-top:0.2rem}.sl-options{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1rem}.sl-gender-card{background:rgba(13,11,9,0.5);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);padding:0.75rem;text-align:center;transition:all var(--transition-normal)}.sl-gender-card:hover:not(.sl-disabled){border-color:rgba(212,168,50,0.2)}.sl-disabled{opacity:0.35;pointer-events:none}.sl-gender-icon{font-size:1.8rem;margin-bottom:0.2rem}.sl-gender-male .sl-gender-icon{color:#42a5f5}.sl-gender-female .sl-gender-icon{color:#ec407a}.sl-gender-label{font-size:0.85rem;font-weight:600;color:var(--color-text)}.sl-gender-count{font-size:0.78rem;color:var(--color-muted)}.sl-gender-detail{font-size:0.7rem;color:var(--color-muted);opacity:0.7;margin-bottom:0.5rem}.sl-qty-row{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:0.3rem}.sl-qty-btn{width:32px;height:32px;border:1px solid rgba(212,168,50,0.2);border-radius:50%;background:rgba(212,168,50,0.08);color:var(--color-gold);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.sl-qty-btn:hover{background:rgba(212,168,50,0.2);border-color:rgba(212,168,50,0.4)}.sl-qty-val{font-size:1.3rem;font-weight:700;color:var(--color-text);min-width:2rem;text-align:center}.sl-preview{background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.1);border-radius:var(--radius-md);padding:0.6rem 0.75rem;margin-bottom:1rem}.sl-preview-row{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--color-text);padding:0.15rem 0}.sl-preview-total{font-weight:700;color:#ef5350}.sl-preview-meat{font-weight:700;color:#66bb6a}.sl-actions{display:flex;gap:0.75rem}.sl-btn{flex:1;padding:0.6rem;border-radius:var(--radius-md);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid}.sl-btn-cancel{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1);color:var(--color-muted)}.sl-btn-cancel:hover{background:rgba(255,255,255,0.08)}.sl-btn-confirm{background:linear-gradient(135deg,rgba(183,28,28,0.3),rgba(127,0,0,0.25));border-color:rgba(244,67,54,0.4);color:#ef5350}.sl-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,rgba(183,28,28,0.5),rgba(127,0,0,0.4));box-shadow:0 0 12px rgba(244,67,54,0.2)}.sl-btn-confirm:disabled{opacity:0.35;cursor:not-allowed}.npc2-gear-row{display:flex;align-items:center;gap:0.4rem;padding:0.35rem 0;border-top:1px solid rgba(255,255,255,0.04);margin-top:0.2rem}.npc2-gear-stats{display:flex;gap:0.3rem;font-size:0.72rem;color:var(--color-muted)}.npc2-gs{font-weight:600}.npc2-gear-slots{display:flex;gap:0.25rem;flex:1}.npc2-gear-slot{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.78rem;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,0.08);background:rgba(13,11,9,0.4);overflow:hidden}.npc2-gear-filled{border-color:rgba(76,175,80,0.3)}.npc2-gear-empty{opacity:0.35}.npc2-gear-dur{position:absolute;bottom:0;left:0;height:2px}.npc2-btn-gear{border-left:2px solid rgba(212,168,50,0.3);font-size:0.72rem !important;padding:0.2rem 0.4rem !important;min-height:auto !important;min-width:auto !important}.ng-modal-content{max-width:480px;max-height:90vh;padding:0;display:flex;flex-direction:column;overflow:hidden}.ng-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 1.25rem 1.5rem;overscroll-behavior:contain}.ng-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.ng-header-icon{font-size:2rem}.ng-header h3{margin:0;font-size:1.05rem;color:var(--color-text)}.ng-header-stats{display:flex;gap:0.75rem;font-size:0.82rem;color:var(--color-muted);margin-top:0.2rem}.ng-header-stats b{color:var(--color-gold)}.ng-slots{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}.ng-slot{background:rgba(13,11,9,0.5);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);padding:0.5rem 0.65rem}.ng-slot-filled{border-color:rgba(76,175,80,0.2)}.ng-slot-label{font-size:0.72rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.3rem}.ng-slot-item{display:flex;align-items:center;gap:0.5rem}.ng-slot-icon{font-size:1.5rem;flex-shrink:0}.ng-slot-info{flex:1;min-width:0}.ng-slot-name{font-size:0.88rem;font-weight:600;color:var(--color-text)}.ng-slot-stat{font-size:0.75rem;color:var(--color-muted);margin-left:0.3rem}.ng-dur-bar{width:100%;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;margin-top:0.2rem}.ng-dur-fill{height:100%;border-radius:2px;transition:width 0.3s}.ng-dur-text{font-size:0.68rem;color:var(--color-muted)}.ng-slot-placeholder{font-size:0.82rem;color:var(--color-muted);opacity:0.5;text-align:center;padding:0.3rem}.ng-btn{padding:0.3rem 0.55rem;border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-sm);background:rgba(212,168,50,0.08);color:var(--color-text);font-size:0.78rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.ng-btn:hover{background:rgba(212,168,50,0.18)}.ng-btn-unequip{color:#ef5350;border-color:rgba(244,67,54,0.2)}.ng-btn-equip{color:#66bb6a;border-color:rgba(76,175,80,0.25);font-weight:600}.ng-avail-title{font-size:0.9rem;color:var(--color-gold);margin:0.5rem 0;font-weight:600}.ng-avail-list{display:flex;flex-direction:column;gap:0.4rem;max-height:200px;overflow-y:auto}.ng-no-items{text-align:center;color:var(--color-muted);font-size:0.82rem;padding:1rem}.ng-avail-item{display:flex;align-items:center;gap:0.5rem;padding:0.45rem 0.55rem;background:rgba(13,11,9,0.4);border:1px solid rgba(255,255,255,0.04);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ng-avail-item:hover{border-color:rgba(212,168,50,0.15);background:rgba(212,168,50,0.04)}.ng-avail-icon{font-size:1.3rem;flex-shrink:0}.ng-avail-info{flex:1;min-width:0}.ng-avail-name{font-size:0.82rem;font-weight:600;color:var(--color-text)}.ng-avail-qty{color:var(--color-muted);font-weight:400;font-size:0.72rem}.ng-avail-stats{font-size:0.72rem;color:var(--color-muted)}.ng-slot-damaged{border-color:rgba(239,68,68,0.35) !important;box-shadow:inset 0 0 12px rgba(239,68,68,0.08),0 0 6px rgba(239,68,68,0.1);animation:ng-damage-pulse 2.5s ease-in-out infinite}@keyframes ng-damage-pulse{0%,100%{box-shadow:inset 0 0 12px rgba(239,68,68,0.08),0 0 6px rgba(239,68,68,0.1)}50%{box-shadow:inset 0 0 18px rgba(239,68,68,0.15),0 0 10px rgba(239,68,68,0.18)}}.ng-slot-actions{display:flex;gap:0.35rem;flex-shrink:0;align-items:center}.ng-btn-repair{padding:0.25rem 0.5rem;border:1px solid rgba(251,191,36,0.3);border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(251,191,36,0.12),rgba(245,158,11,0.08));color:#fbbf24;font-size:0.72rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:0.2rem;white-space:nowrap}.ng-btn-repair:hover{background:linear-gradient(135deg,rgba(251,191,36,0.25),rgba(245,158,11,0.18));box-shadow:0 0 8px rgba(251,191,36,0.2);transform:translateY(-1px)}.ng-btn-repair .rp-cost-badge{font-size:0.65rem;opacity:0.85}.ng-repair-all-bar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.6rem 0.75rem;margin:0.5rem 0;background:linear-gradient(135deg,rgba(251,191,36,0.06),rgba(245,158,11,0.03));border:1px solid rgba(251,191,36,0.15);border-radius:var(--radius-md)}.ng-btn-repair-all{padding:0.4rem 0.75rem;border:1px solid rgba(251,191,36,0.35);border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(251,191,36,0.15),rgba(245,158,11,0.1));color:#fbbf24;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:0.3rem}.ng-btn-repair-all:hover{background:linear-gradient(135deg,rgba(251,191,36,0.28),rgba(245,158,11,0.2));box-shadow:0 0 12px rgba(251,191,36,0.25);transform:translateY(-1px)}.ng-btn-repair-all:disabled{opacity:0.4;cursor:not-allowed;transform:none;box-shadow:none}.ng-repair-all-bar .ng-repair-cost{font-size:0.78rem;color:var(--color-muted);display:flex;align-items:center;gap:0.25rem}.ng-repair-all-bar .ng-scrap-avail{font-size:0.72rem;color:var(--color-muted);opacity:0.7}.gear-repair-overlay{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);backdrop-filter:blur(0px);transition:background 0.4s ease,backdrop-filter 0.4s ease;padding:1rem}.gear-repair-overlay.show{background:rgba(0,0,0,0.75);backdrop-filter:blur(6px)}.gear-repair-overlay.hiding{background:rgba(0,0,0,0);backdrop-filter:blur(0)}.gear-repair-modal{position:relative;width:100%;max-width:370px;background:linear-gradient(170deg,#1c1915 0%,#161310 100%);border:1px solid rgba(251,191,36,0.2);border-radius:1.1rem;padding:1.8rem 1.5rem 1.4rem;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(251,191,36,0.06),inset 0 1px 0 rgba(255,255,255,0.04);transform:scale(0.7) translateY(30px);opacity:0;transition:transform 0.45s cubic-bezier(0.34,1.56,0.64,1),opacity 0.35s ease;overflow:hidden}.gear-repair-overlay.show .gear-repair-modal{transform:scale(1) translateY(0);opacity:1}.gear-repair-overlay.hiding .gear-repair-modal{transform:scale(0.85) translateY(-20px);opacity:0}.rp-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(251,191,36,0.12),transparent 70%);pointer-events:none}.rp-header{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-bottom:1rem}.rp-header-icon{font-size:1.6rem;animation:rp-wrench-swing 2s ease-in-out infinite}@keyframes rp-wrench-swing{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.rp-title{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:none}.rp-npc-info{display:flex;align-items:center;justify-content:center;gap:0.4rem;font-size:0.85rem;color:var(--color-muted);margin-bottom:1rem}.rp-item-preview{display:flex;align-items:center;gap:0.8rem;padding:0.8rem;background:rgba(251,191,36,0.04);border:1px solid rgba(251,191,36,0.12);border-radius:var(--radius-md);margin-bottom:1rem}.rp-item-icon-wrap{position:relative;font-size:2.2rem;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-item-icon{position:relative;z-index:1}.rp-sparks{position:absolute;inset:0;pointer-events:none}.rp-spark{position:absolute;font-size:0.7rem;opacity:0;animation:rp-spark-fly 2.5s ease-out infinite}.rp-spark.s1{top:0;left:0;animation-delay:0s}.rp-spark.s2{bottom:0;right:0;animation-delay:0.8s}.rp-spark.s3{top:50%;right:-5px;animation-delay:1.6s}@keyframes rp-spark-fly{0%{opacity:0;transform:scale(0) translate(0,0)}20%{opacity:1;transform:scale(1) translate(-3px,-5px)}100%{opacity:0;transform:scale(0.5) translate(8px,-15px)}}.rp-item-details{flex:1;min-width:0}.rp-item-name{font-size:0.95rem;font-weight:700;color:var(--color-text);display:block}.rp-legendary{font-size:0.7rem;color:#c084fc;font-weight:600}.rp-stats{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.3rem}.rp-stat{font-size:0.72rem;color:var(--color-muted);background:rgba(255,255,255,0.04);padding:0.1rem 0.35rem;border-radius:4px}.rp-dur-section{margin-bottom:1rem}.rp-dur-label{display:flex;justify-content:space-between;font-size:0.78rem;color:var(--color-muted);margin-bottom:0.3rem}.rp-dur-val{font-weight:600}.rp-dur-track{position:relative;height:8px;background:rgba(255,255,255,0.06);border-radius:4px;overflow:hidden}.rp-dur-fill-bg{position:absolute;inset:0;background:rgba(255,255,255,0.02)}.rp-dur-fill-current{position:absolute;top:0;left:0;height:100%;border-radius:4px;transition:width 0.6s ease;z-index:2}.rp-dur-fill-preview{position:absolute;top:0;left:0;height:100%;border-radius:4px;z-index:1}.rp-dur-arrow{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:0.4rem;font-size:0.85rem;font-weight:600}.rp-arrow{color:var(--color-muted);font-size:1rem;animation:rp-arrow-pulse 1.5s ease-in-out infinite}@keyframes rp-arrow-pulse{0%,100%{opacity:0.5}50%{opacity:1}}.rp-cost-section{background:rgba(13,11,9,0.5);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);padding:0.7rem;margin-bottom:1rem}.rp-cost-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-muted);margin-bottom:0.4rem}.rp-cost-items{display:flex;gap:0.5rem;justify-content:center}.rp-cost-item{display:flex;align-items:center;gap:0.3rem;padding:0.3rem 0.6rem;background:rgba(251,191,36,0.06);border:1px solid rgba(251,191,36,0.15);border-radius:var(--radius-sm)}.rp-cost-insufficient{border-color:rgba(239,68,68,0.3) !important;background:rgba(239,68,68,0.06) !important}.rp-cost-insufficient .rp-cost-amount{color:#ef4444}.rp-cost-icon{font-size:1rem}.rp-cost-amount{font-size:0.9rem;font-weight:700;color:#fbbf24}.rp-cost-have{font-size:0.7rem;color:var(--color-muted)}.rp-buttons{display:flex;gap:0.6rem;justify-content:center}.rp-btn{padding:0.55rem 1.2rem;border-radius:var(--radius-md);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid}.rp-btn-repair{background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(245,158,11,0.15));border-color:rgba(251,191,36,0.4);color:#fbbf24}.rp-btn-repair:hover:not(:disabled){background:linear-gradient(135deg,rgba(251,191,36,0.35),rgba(245,158,11,0.25));box-shadow:0 0 20px rgba(251,191,36,0.2);transform:translateY(-2px)}.rp-btn-repair:disabled{opacity:0.4;cursor:not-allowed;transform:none}.rp-btn-cancel{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1);color:var(--color-muted)}.rp-btn-cancel:hover{background:rgba(255,255,255,0.08)}.rp-success{animation:rp-flash-success 0.5s ease}@keyframes rp-flash-success{0%{box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(251,191,36,0.06)}50%{box-shadow:0 0 60px rgba(74,222,128,0.4),0 0 100px rgba(74,222,128,0.15);border-color:rgba(74,222,128,0.5)}100%{box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(74,222,128,0.1)}}.rp-success .rp-dur-fill-current{width:100% !important;background:#4ade80 !important}#map-container{margin-bottom:1.5rem;position:relative}.map-compass{position:absolute;top:0.75rem;left:0.75rem;z-index:10;width:48px;height:48px;background:rgba(13,11,9,0.9);border:1px solid rgba(212,168,50,0.2);border-radius:50%;font-size:0.65rem;font-weight:700;color:var(--color-accent);backdrop-filter:blur(4px);box-shadow:var(--shadow-card)}.map-compass .compass-n{position:absolute;top:3px;left:50%;transform:translateX(-50%);color:var(--color-accent-bright)}.map-compass .compass-s{position:absolute;bottom:3px;left:50%;transform:translateX(-50%)}.map-compass .compass-e{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.map-compass .compass-w{position:absolute;left:5px;top:50%;transform:translateY(-50%)}.map-direction{display:block;font-size:0.75rem;color:var(--color-accent);margin-top:0.15rem}#map-zoom-controls{position:absolute;top:0.75rem;right:0.75rem;z-index:10;display:flex;flex-direction:column;gap:0.3rem}#map-zoom-controls button{width:38px;height:38px;border:1px solid rgba(212,168,50,0.15);background:rgba(13,11,9,0.9);color:var(--color-accent);font-size:1rem;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal);backdrop-filter:blur(4px);box-shadow:var(--shadow-card)}#map-zoom-controls button:hover{background:rgba(122,92,26,0.3);border-color:rgba(212,168,50,0.4);box-shadow:var(--shadow-glow-sm)}#map-canvas{position:relative;width:100%;height:clamp(500px,calc(100vh - 140px),1200px);border:2px solid rgba(212,168,50,0.15);border-radius:var(--radius-lg);overflow:hidden;cursor:grab;user-select:none;box-shadow:var(--shadow-card),inset 0 0 80px rgba(0,0,0,0.3)}#map-canvas.dragging{cursor:grabbing}.map-coords-display{position:absolute;bottom:10px;left:10px;padding:4px 10px;background:rgba(0,0,0,0.85);border-radius:var(--radius-sm);border:1px solid rgba(212,168,50,0.1);font-family:'Consolas','Courier New',monospace;font-size:0.78rem;color:#8ba;pointer-events:none;z-index:10;backdrop-filter:blur(4px)}#map-viewport{position:absolute;top:0;left:0;width:100%;height:100%;background:url('/r/map/map-bg.svg') center center / cover no-repeat,#0d1a24;transform-origin:50% 50%;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 100px rgba(0,0,0,0.5)}#map-canvas{--map-zoom:1}.map-pin-wrapper{position:absolute;transform:translate(-50%,-100%) scale(clamp(0.25,(var(--map-zoom,1) - 0.2) / 0.5,1));pointer-events:none;opacity:clamp(0.7,(var(--map-zoom,1) - 0.15) / 0.5,1);transition:opacity 0.2s ease,transform 0.2s ease;z-index:3}.map-pin-wrapper.map-pin-base{transform:translate(-50%,-100%) scale(clamp(0.2,(var(--map-zoom,1) - 0.2) / 0.6,0.9));z-index:10}.map-pin-wrapper.map-pin-event{z-index:5}.map-pin-wrapper.map-pin-quest{z-index:5}.map-pin-wrapper>*{pointer-events:auto}.map-pin-wrapper:hover{z-index:15 !important}#map-canvas.zoom-pins-hidden .map-pin-wrapper>*{pointer-events:none !important}#map-canvas.online-map .map-pin-wrapper{transform:translate(-50%,-100%) scale(clamp(0.12,(var(--map-zoom,1) - 0.3) / 2.5,0.75));opacity:clamp(0.35,var(--map-zoom,1) / 2,1)}#map-canvas.online-map .map-pin-wrapper.map-pin-base{transform:translate(-50%,-100%) scale(clamp(0.15,(var(--map-zoom,1) - 0.1) / 2,0.85));opacity:clamp(0.5,var(--map-zoom,1) / 1.5,1)}#map-canvas.online-map .map-pin-wrapper.map-pin-other-base{transform:translate(-50%,-100%) scale(clamp(0.1,(var(--map-zoom,1) - 0.3) / 2.5,0.7))}#map-canvas.online-map.zoom-detail-hidden .map-location .name,#map-canvas.online-map.zoom-detail-hidden .map-location .travel-time,#map-canvas.online-map.zoom-detail-hidden .map-cd-badge,#map-canvas.online-map.zoom-detail-hidden .map-direction{display:none !important}#map-canvas.online-map.zoom-detail-hidden .map-location{min-width:18px;max-width:28px;padding:0.1rem 0.15rem}#map-canvas.online-map.zoom-detail-hidden .map-location .icon{font-size:0.65rem}#map-canvas.online-map.zoom-detail-hidden .map-location.location-base{min-width:22px;max-width:32px}#map-canvas.online-map.zoom-detail-hidden .map-location.location-base .icon{font-size:0.75rem}.map-pin{position:relative}.map-pin-marker{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid rgba(13,11,9,0.95);filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.map-location.location-base .map-pin-marker{border-top-color:var(--color-accent-dim)}.map-location{position:relative;transform:translate(-50%,0);padding:0.2rem 0.3rem;padding-bottom:0.25rem;background:rgba(13,11,9,0.95);border:1.5px solid rgba(212,168,50,0.1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:center;min-width:38px;max-width:68px;box-shadow:0 3px 16px rgba(0,0,0,0.6),0 0 0 1px rgba(0,0,0,0.3);backdrop-filter:blur(4px)}.map-location:hover{transform:translate(-50%,0) scale(1.08);border-color:var(--color-accent);box-shadow:var(--shadow-glow),0 4px 20px rgba(0,0,0,0.5)}.map-location.location-base{border-color:var(--color-accent);background:rgba(122,92,26,0.3);animation:pulseGlow 3s ease-in-out infinite}.map-location.location-base .name{color:#fff;font-weight:900;font-size:0.7rem}.map-location.danger-low{border-left:3px solid var(--color-success)}.map-location.danger-mid{border-left:3px solid var(--color-warning)}.map-location.danger-high{border-left:3px solid var(--color-danger)}.map-location .icon{font-size:1.1rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5))}.map-location.location-base .icon{font-size:0.95rem}.map-pin-wrapper.map-pin-other-base{transform:translate(-50%,-100%) scale(clamp(0.2,(var(--map-zoom,1) - 0.2) / 0.6,0.85));z-index:5}.map-location.location-other-base{border-color:rgba(192,57,43,0.5);background:rgba(120,30,20,0.4);cursor:pointer;min-width:50px;max-width:85px;animation:otherBasePulse 4s ease-in-out infinite}.map-location.location-other-base:hover{border-color:#e74c3c;box-shadow:0 0 16px rgba(231,76,60,0.35),0 4px 20px rgba(0,0,0,0.5)}.map-location.location-other-base.dead{opacity:0.4;border-color:rgba(100,100,100,0.3);background:rgba(40,40,40,0.5);animation:none}.map-location.location-other-base .map-pin-marker{border-top-color:rgba(192,57,43,0.8)}.map-location.location-other-base .icon{font-size:1rem}.map-location.location-other-base .name{font-size:0.65rem;color:#ff8a80;font-weight:700}.map-location.location-other-base .other-base-info{font-size:0.58rem;color:rgba(255,255,255,0.6);display:block}@keyframes otherBasePulse{0%,100%{box-shadow:0 0 8px rgba(192,57,43,0.15)}50%{box-shadow:0 0 16px rgba(192,57,43,0.3)}}.map-location .name{font-size:0.62rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;text-shadow:0 0 6px rgba(0,0,0,1),0 1px 3px rgba(0,0,0,1);letter-spacing:0.03em}.map-location .travel-time{font-size:0.58rem;color:rgba(255,255,255,0.85);text-shadow:0 1px 3px rgba(0,0,0,0.8)}.report-type-btn.active{background:rgba(76,175,80,0.2) !important;border-color:rgba(76,175,80,0.5) !important;color:#4caf50 !important;box-shadow:0 0 8px rgba(76,175,80,0.15)}.report-type-btn{transition:all 0.2s ease}.report-type-btn:hover{border-color:rgba(212,168,50,0.4) !important}.map-location.locked{opacity:0.45;cursor:pointer;filter:grayscale(0.6) brightness(0.7);border-color:rgba(255,255,255,0.06) !important;border-left:4px solid rgba(150,150,150,0.3) !important}.map-location.locked:hover{transform:translate(-50%,0) scale(1.02);box-shadow:0 3px 16px rgba(0,0,0,0.6);opacity:0.65;filter:grayscale(0.4) brightness(0.8)}.map-location.locked .icon{filter:grayscale(0.8);opacity:0.7}.map-location.locked .name{color:rgba(255,255,255,0.5)}.map-location.locked .travel-time{color:rgba(255,200,100,0.6);font-size:0.65rem}.map-location.on-cooldown{opacity:0.55;filter:grayscale(0.3) brightness(0.85);border-color:rgba(255,152,0,0.2) !important;border-left:4px solid rgba(255,152,0,0.4) !important}.map-location.on-cooldown:hover{opacity:0.75;filter:grayscale(0.15) brightness(0.9)}.map-cd-badge{display:inline-block;font-size:0.6rem;font-weight:700;color:#ffb74d;background:rgba(255,152,0,0.15);border:1px solid rgba(255,152,0,0.25);border-radius:4px;padding:0.1rem 0.3rem;margin-top:0.1rem;animation:cdPulse 2s ease-in-out infinite}@keyframes cdPulse{0%,100%{opacity:1}50%{opacity:0.6}}#map-legend{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-dim);padding:0.75rem 0}.legend-item{display:flex;align-items:center;gap:0.4rem}.legend-icon{font-size:0.85rem}.map-raid-barrier-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.map-raid-barrier-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.map-raid-barrier-pulse-ring{animation:mapRaidBarrierPulse 2.8s ease-in-out infinite}@keyframes mapRaidBarrierPulse{0%,100%{opacity:0.35;stroke-width:3px}50%{opacity:0.85;stroke-width:5px}}.map-raid-barrier-label{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:3px 10px;font-size:0.68rem;font-weight:700;color:rgba(180,235,255,0.95);text-shadow:0 0 8px rgba(0,40,80,0.9);background:rgba(8,24,40,0.72);border:1px solid rgba(100,200,255,0.25);border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;z-index:3}.map-location.location-other-base-shielded{border-color:rgba(80,200,255,0.55);background:rgba(20,50,80,0.45);box-shadow:0 0 12px rgba(80,180,255,0.25)}.map-location.location-other-base-shielded .name{color:#a8e6ff}.map-travel-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none !important;z-index:1}.map-travel-line *{pointer-events:none !important}.map-travel-dot-svg{filter:drop-shadow(0 0 4px currentColor);animation:travelDotPulse 1.5s ease-in-out infinite}@keyframes travelDotPulse{0%,100%{opacity:1;r:4}50%{opacity:0.6;r:6}}.map-travel-marker{position:absolute;z-index:1;transform:translate(-50%,-100%);pointer-events:none;transition:transform 0.15s ease;animation:travelMarkerBounce 2s ease-in-out infinite}.map-travel-marker:hover{transform:translate(-50%,-100%) scale(1.1);z-index:12}@keyframes travelMarkerBounce{0%,100%{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 3px))}}.travel-marker-body{display:flex;align-items:center;gap:0.3rem;padding:0.25rem 0.45rem;background:rgba(13,11,9,0.95);border-radius:var(--radius-md);border:1.5px solid rgba(212,168,50,0.25);box-shadow:0 4px 16px rgba(0,0,0,0.7),0 0 0 1px rgba(0,0,0,0.3);backdrop-filter:blur(6px);min-width:60px;max-width:160px;position:relative;pointer-events:auto;cursor:pointer}.map-travel-marker.going .travel-marker-body{border-color:rgba(212,168,50,0.35)}.map-travel-marker.returning .travel-marker-body{border-color:rgba(76,175,80,0.4)}.travel-marker-body::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(13,11,9,0.95)}.travel-marker-icon{font-size:1.3rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5))}.travel-marker-info{display:flex;flex-direction:column;gap:0.05rem;min-width:0}.travel-marker-name{font-weight:700;font-size:0.72rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-marker-dest{font-size:0.65rem;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-travel-marker.going .travel-marker-dest{color:#d4a832}.map-travel-marker.returning .travel-marker-dest{color:#81c784}.travel-marker-time{font-size:0.62rem;color:rgba(255,255,255,0.7);white-space:nowrap}.travel-loot{display:block;font-size:0.6rem;color:#81c784;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;margin-top:0.1rem;padding-top:0.1rem;border-top:1px solid rgba(76,175,80,0.15)}.travel-progress-ring{position:relative;width:32px;height:32px;flex-shrink:0}.travel-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.travel-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.55rem;font-weight:800;color:#fff}.location-modal-body{padding:0;overflow-y:auto;max-height:calc(90vh - 60px);flex:1;min-height:0}.mw-wizard{display:flex;flex-direction:column;height:100%}.mw-step-bar{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;gap:0;background:rgba(13,11,9,0.5);border-bottom:1px solid rgba(212,168,50,0.08);flex-shrink:0}.mw-step-dot{display:flex;flex-direction:column;align-items:center;gap:0.2rem;position:relative;z-index:1;transition:all 0.3s ease}.mw-step-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(26,22,18,0.9);border:2px solid rgba(212,168,50,0.15);font-size:0.9rem;color:var(--color-text-dim);transition:all 0.3s ease}.mw-step-label{font-size:0.65rem;color:var(--color-text-dim);white-space:nowrap;transition:color 0.3s ease}.mw-step-line{flex:1;height:2px;background:rgba(212,168,50,0.1);margin:0 0.2rem;margin-bottom:1rem;min-width:20px;max-width:60px;transition:background 0.3s ease}.mw-step-dot.active .mw-step-icon{background:linear-gradient(135deg,rgba(212,168,50,0.35),rgba(184,139,48,0.25));border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px rgba(212,168,50,0.3);transform:scale(1.1)}.mw-step-dot.active .mw-step-label{color:var(--color-accent);font-weight:600}.mw-step-dot.done .mw-step-icon{background:linear-gradient(135deg,rgba(76,175,80,0.3),rgba(56,142,60,0.2));border-color:#4caf50;color:#81c784}.mw-step-dot.done .mw-step-label{color:#81c784}.mw-step-dot.done+.mw-step-line{background:rgba(76,175,80,0.3)}.mw-content{padding:1.2rem 1.5rem;overflow-y:auto;flex:1}.mw-content.mw-animate{animation:mwFadeIn 0.25s ease}@keyframes mwFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mw-section-title{font-size:1rem;font-weight:700;color:var(--color-accent);margin-bottom:0.8rem;text-shadow:0 0 20px rgba(212,168,50,0.1)}.mw-optional{font-size:0.75rem;color:var(--color-text-dim);font-weight:400}.mw-empty{text-align:center;padding:2rem;color:var(--color-text-dim);font-size:0.9rem;background:rgba(13,11,9,0.3);border-radius:var(--radius-md);border:1px dashed rgba(212,168,50,0.1)}.mw-location-info{display:flex;flex-direction:column;gap:0.8rem}.mw-loc-banner{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,rgba(13,11,9,0.6),rgba(26,22,18,0.4));border-radius:var(--radius-lg);border:1px solid rgba(212,168,50,0.1)}.mw-loc-icon-big{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}.mw-loc-name{font-size:1.15rem;font-weight:700;color:var(--color-text);margin-bottom:0.2rem}.mw-loc-desc{font-size:0.85rem;color:var(--color-text-dim);line-height:1.5}.mw-loc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem}.mw-loc-stat{display:flex;justify-content:space-between;padding:0.5rem 0.75rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-sm);border:1px solid rgba(212,168,50,0.05)}.mw-stat-label{font-size:0.8rem;color:var(--color-text-dim)}.mw-stat-val{font-size:0.85rem;font-weight:600;color:var(--color-text)}.mw-reward-grid{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.5rem}.mw-reward-chip{display:flex;align-items:center;gap:0.3rem;padding:0.35rem 0.6rem;background:rgba(13,11,9,0.5);border-radius:var(--radius-sm);border:1px solid rgba(212,168,50,0.08);font-size:0.8rem;transition:all 0.2s ease}.mw-reward-chip:hover{border-color:rgba(212,168,50,0.2);transform:translateY(-1px)}.mw-reward-icon{font-size:1rem}.mw-reward-val{font-weight:700;color:var(--color-accent)}.mw-reward-name{color:var(--color-text-dim);font-size:0.72rem}.mw-recruit-hint{padding:0.5rem 0.75rem;background:rgba(76,175,80,0.08);border:1px solid rgba(76,175,80,0.15);border-radius:var(--radius-sm);color:#81c784;font-size:0.85rem}.mw-cap-warn{color:#ff9800;font-size:0.85rem;margin-top:0.3rem}.mw-npc-list{display:flex;flex-direction:column;gap:0.6rem;max-height:60vh;overflow-y:auto;padding-right:0.3rem;scrollbar-width:thin;scrollbar-color:rgba(212,168,50,0.3) transparent}.mw-npc-list::-webkit-scrollbar{width:5px}.mw-npc-list::-webkit-scrollbar-track{background:transparent}.mw-npc-list::-webkit-scrollbar-thumb{background:rgba(212,168,50,0.3);border-radius:3px}.mw-npc-card{padding:0.85rem;background:var(--gradient-card);border:2px solid rgba(212,168,50,0.06);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s ease;position:relative;overflow:visible}.mw-npc-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background 0.2s}.mw-npc-card:hover{border-color:rgba(212,168,50,0.2);box-shadow:0 4px 16px rgba(0,0,0,0.2);transform:translateX(3px)}.mw-npc-card:hover::before{background:var(--color-accent)}.mw-npc-card.selected{border-color:rgba(212,168,50,0.5) !important;background:linear-gradient(135deg,rgba(122,92,26,0.15),rgba(26,22,18,0.6));box-shadow:0 0 16px rgba(212,168,50,0.15),inset 0 0 20px rgba(212,168,50,0.03)}.mw-npc-card.selected::before{background:var(--color-accent);width:4px}.mw-npc-header{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.5rem}.mw-npc-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:rgba(13,11,9,0.5);border-radius:50%;border:1px solid rgba(212,168,50,0.1);flex-shrink:0}.mw-npc-info{flex:1}.mw-npc-name{font-weight:700;font-size:0.95rem;color:var(--color-text)}.mw-npc-role{font-size:0.78rem;color:var(--color-text-dim)}.mw-npc-check{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(76,175,80,0.3),rgba(56,142,60,0.2));border:1px solid #4caf50;border-radius:50%;color:#81c784;font-weight:700;font-size:0.85rem;animation:mwCheckPop 0.3s ease}@keyframes mwCheckPop{from{transform:scale(0)}to{transform:scale(1)}}.mw-npc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0.25rem 0.6rem;margin-bottom:0.4rem}.mw-stat-bar-row{display:flex;align-items:center;gap:0.3rem;min-width:0}.mw-sb-label{font-size:0.75rem;width:1.2rem;text-align:center;flex-shrink:0}.mw-sb-track{flex:1;height:6px;background:rgba(13,11,9,0.6);border-radius:3px;overflow:hidden;min-width:0}.mw-sb-fill{height:100%;background:linear-gradient(90deg,rgba(212,168,50,0.4),rgba(212,168,50,0.7));border-radius:3px;transition:width 0.4s ease}.mw-sb-val{font-size:0.72rem;color:var(--color-accent);min-width:1.4rem;text-align:right;font-weight:600;flex-shrink:0}.mw-npc-est{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem;font-size:0.78rem;padding-top:0.3rem;border-top:1px solid rgba(212,168,50,0.05)}.mw-est-label{color:var(--color-text-dim)}.mw-est-rewards{color:var(--color-accent);font-weight:600}.mw-est-time{color:var(--color-text-dim)}.mw-comm-penalty{color:#ff9800}.mw-lang-tag{font-size:0.85rem;margin-left:0.2rem}.mw-lang-warn{color:#ff9800}.mw-lang-helped{color:#66bb6a}.mw-lang-ok{color:var(--color-text-dim)}.mw-pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.6rem;max-height:45vh;overflow-y:auto}.mw-pet-card{padding:0.8rem;background:var(--gradient-card);border:2px solid rgba(212,168,50,0.06);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s ease}.mw-pet-card:hover{border-color:rgba(212,168,50,0.2);box-shadow:0 4px 12px rgba(0,0,0,0.2);transform:translateY(-2px)}.mw-pet-card.selected{border-color:rgba(76,175,80,0.5) !important;background:linear-gradient(135deg,rgba(76,175,80,0.08),rgba(26,22,18,0.6));box-shadow:0 0 12px rgba(76,175,80,0.12)}.mw-pet-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem}.mw-pet-avatar{font-size:1.6rem}.mw-pet-name{font-weight:700;font-size:0.9rem}.mw-pet-type{font-size:0.75rem;color:var(--color-text-dim)}.mw-pet-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(76,175,80,0.3),rgba(56,142,60,0.2));border:1px solid #4caf50;border-radius:50%;color:#81c784;font-weight:700;font-size:0.75rem;margin-left:auto;animation:mwCheckPop 0.3s ease}.mw-pet-info{flex:1}.mw-pet-vitals{display:flex;flex-direction:column;gap:0.2rem;margin-bottom:0.3rem}.mw-pv-row{display:flex;align-items:center;gap:0.3rem}.mw-pv-icon{font-size:0.7rem;width:1rem;text-align:center;flex-shrink:0}.mw-pv-track{flex:1;height:5px;background:rgba(13,11,9,0.5);border-radius:3px;overflow:hidden}.mw-pv-fill{height:100%;border-radius:3px;transition:width 0.4s ease}.mw-pv-hp{background:linear-gradient(90deg,#e53935,#ef5350)}.mw-pv-food{background:linear-gradient(90deg,#7cb342,#8bc34a)}.mw-pv-water{background:linear-gradient(90deg,#1e88e5,#42a5f5)}.mw-pv-dur{background:linear-gradient(90deg,#f57c00,#ffa726)}.mw-pv-fuel{background:linear-gradient(90deg,#5e35b1,#7e57c2)}.mw-pv-val{font-size:0.65rem;color:var(--color-text-dim);width:2rem;text-align:right}.mw-pet-stats-row{display:flex;flex-wrap:wrap;gap:0.25rem}.mw-pet-stat{font-size:0.72rem;padding:0.15rem 0.35rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-xs);color:var(--color-text-dim)}.mw-veh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.6rem;max-height:45vh;overflow-y:auto}.mw-veh-card{padding:0.8rem;background:var(--gradient-card);border:2px solid rgba(33,150,243,0.08);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s ease}.mw-veh-card:hover{border-color:rgba(33,150,243,0.25);box-shadow:0 4px 12px rgba(0,0,0,0.2);transform:translateY(-2px)}.mw-veh-card.selected{border-color:rgba(33,150,243,0.5) !important;background:linear-gradient(135deg,rgba(33,150,243,0.08),rgba(26,22,18,0.6));box-shadow:0 0 12px rgba(33,150,243,0.12)}.mw-veh-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem}.mw-veh-avatar{font-size:1.6rem}.mw-veh-info{flex:1}.mw-veh-name{font-weight:700;font-size:0.9rem}.mw-veh-cond{font-size:0.75rem}.mw-veh-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(33,150,243,0.3),rgba(21,101,192,0.2));border:1px solid #42a5f5;border-radius:50%;color:#90caf9;font-weight:700;font-size:0.75rem;margin-left:auto;animation:mwCheckPop 0.3s ease}.mw-veh-bars{display:flex;flex-direction:column;gap:0.2rem;margin-bottom:0.3rem}.mw-veh-bonus{display:flex;flex-wrap:wrap;gap:0.3rem}.mw-vb-chip{font-size:0.72rem;padding:0.15rem 0.4rem;background:rgba(33,150,243,0.08);border:1px solid rgba(33,150,243,0.12);border-radius:var(--radius-xs);color:#90caf9}.mw-vb-cap{background:rgba(76,175,80,0.12);border-color:rgba(76,175,80,0.2);color:#a5d6a7;font-weight:700}.mw-walk-option{display:flex;align-items:center;gap:0.6rem;padding:0.7rem 0.9rem;margin-bottom:0.6rem;background:rgba(13,11,9,0.4);border:2px solid rgba(120,120,120,0.15);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s ease}.mw-walk-option:hover{background:rgba(33,150,243,0.06);border-color:rgba(33,150,243,0.2)}.mw-walk-option.selected{background:rgba(76,175,80,0.1);border-color:rgba(76,175,80,0.4);box-shadow:0 0 12px rgba(76,175,80,0.15)}.mw-walk-icon{font-size:1.5rem}.mw-walk-text{flex:1;font-size:0.9rem;color:var(--color-text)}.mw-walk-check{width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;background:#4caf50;color:#fff;border-radius:50%;font-size:0.75rem;font-weight:700}.mw-npc-counter{font-size:0.85rem;font-weight:600;color:#90caf9;margin-left:0.3rem}.mw-npc-card.mw-npc-full{opacity:0.4;pointer-events:none;filter:grayscale(0.5)}.mw-confirm-panel{display:flex;flex-direction:column;gap:0.8rem}.mw-confirm-header{padding:0.8rem;background:linear-gradient(135deg,rgba(13,11,9,0.6),rgba(26,22,18,0.4));border-radius:var(--radius-md);border:1px solid rgba(212,168,50,0.1)}.mw-confirm-dest{display:flex;align-items:center;gap:0.75rem}.mw-cd-icon{font-size:2rem}.mw-cd-name{font-size:1.05rem;font-weight:700}.mw-cd-sub{font-size:0.8rem;color:var(--color-text-dim)}.mw-confirm-crew{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:0.5rem}.mw-crew-slot{display:flex;flex-direction:column;align-items:center;gap:0.2rem;padding:0.8rem 0.5rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-md);border:1px solid rgba(212,168,50,0.08);transition:all 0.2s ease}.mw-crew-slot:not(.mw-crew-empty){border-color:rgba(212,168,50,0.15);background:linear-gradient(180deg,rgba(122,92,26,0.08),rgba(13,11,9,0.4))}.mw-crew-empty{opacity:0.4}.mw-crew-icon{font-size:1.8rem;margin-bottom:0.2rem}.mw-crew-name{font-size:0.82rem;font-weight:600;color:var(--color-text);text-align:center}.mw-crew-role{font-size:0.7rem;color:var(--color-text-dim)}.mw-confirm-rewards-title{font-size:0.85rem;color:var(--color-accent);font-weight:600}.mw-confirm-rewards{display:flex;flex-wrap:wrap;gap:0.4rem}.mw-confirm-reward{display:flex;align-items:center;gap:0.3rem;padding:0.3rem 0.6rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-sm);border:1px solid rgba(212,168,50,0.08);font-size:0.82rem}.mw-cr-val{font-weight:700;color:var(--color-accent)}.mw-crew-gear{font-size:0.65rem;color:var(--color-text-dim);margin-top:0.15rem}.mw-no-gear{color:rgba(255,255,255,0.25);font-style:italic;font-size:0.6rem}.mw-danger-panel{margin:0.8rem 0;padding:0.8rem;border-radius:var(--radius-md,12px);background:linear-gradient(135deg,rgba(13,11,9,0.6),rgba(30,25,18,0.5));border:1px solid rgba(255,255,255,0.08);position:relative;overflow:hidden}.mw-danger-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent,#d4a832),transparent);opacity:0.5}.mw-da-header{display:flex;align-items:center;gap:1rem}.mw-da-gauge{position:relative;width:100px;height:100px;flex-shrink:0}.mw-da-gauge-svg{width:100%;height:100%}.mw-da-gauge-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.mw-da-gauge-pct{font-size:1.4rem;font-weight:800;line-height:1;text-shadow:0 0 10px currentColor}.mw-da-gauge-label{font-size:0.6rem;color:var(--color-text-dim);margin-top:0.1rem}.mw-da-summary{flex:1;min-width:0}.mw-da-risk-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.7rem;border-radius:20px;border:1px solid;font-size:0.85rem;font-weight:700;margin-bottom:0.5rem}.mw-da-risk-icon{font-size:1rem}.mw-da-risk-text{letter-spacing:0.03em}.mw-da-stats-row{display:flex;gap:0.3rem;flex-wrap:wrap}.mw-da-stat{display:flex;flex-direction:column;align-items:center;padding:0.3rem 0.5rem;border-radius:var(--radius-sm,6px);background:rgba(255,255,255,0.04);min-width:55px;flex:1}.mw-da-stat-icon{font-size:0.9rem}.mw-da-stat-val{font-size:0.85rem;font-weight:700;color:var(--color-text)}.mw-da-stat-label{font-size:0.55rem;color:var(--color-text-dim);white-space:nowrap}.mw-da-stat.safe .mw-da-stat-val{color:#4caf50}.mw-da-stat.minor .mw-da-stat-val{color:#ff9800}.mw-da-stat.medium .mw-da-stat-val{color:#f44336}.mw-da-stat.severe .mw-da-stat-val{color:#b71c1c}.mw-da-base-risk{font-size:0.7rem;color:var(--color-text-dim);margin-top:0.4rem}.mw-da-factors-title{font-size:0.8rem;color:var(--color-accent);font-weight:600;margin:0.7rem 0 0.35rem;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06)}.mw-da-factors{display:flex;flex-direction:column;gap:0.3rem}.mw-da-factor{display:grid;grid-template-columns:90px 1fr 45px;align-items:center;gap:0.4rem;font-size:0.75rem}.mw-da-f-label{color:var(--color-text-dim);white-space:nowrap}.mw-da-f-bar{height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}.mw-da-f-fill{height:100%;border-radius:3px;transition:width 0.6s ease}.mw-da-f-val{color:#4caf50;font-weight:600;text-align:right;font-size:0.7rem}.mw-da-f-detail{grid-column:1 / -1;font-size:0.6rem;color:rgba(255,255,255,0.3);margin-top:-0.2rem;padding-left:94px}.mw-loc-stat.mw-loc-rad{grid-column:1 / -1}.mw-stat-val.mw-rad-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.2rem 0.5rem;border-radius:6px;font-size:0.8rem;font-weight:600;border-width:1px;border-style:solid}.mw-rad-details{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.4rem 0.5rem;background:rgba(0,0,0,0.2);border-radius:6px;font-size:0.72rem;grid-column:1 / -1;margin-top:0.25rem}.mw-rad-detail{color:var(--color-text-dim)}.mw-rad-analysis{margin:0.6rem 0;padding:0.7rem;border-radius:var(--radius-md,12px);background:linear-gradient(135deg,rgba(10,8,5,0.7),rgba(20,15,8,0.6));border:1px solid rgba(124,45,18,0.3);position:relative;overflow:hidden}.mw-rad-analysis::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(220,38,38,0.6),transparent)}.mw-rad-header{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.5rem}.mw-rad-icon{font-size:1.1rem}.mw-rad-title{font-size:0.85rem;font-weight:600}.mw-rad-stats{display:flex;flex-direction:column;gap:0.35rem}.mw-rad-stat{display:flex;align-items:center;gap:0.4rem;font-size:0.75rem}.mw-rad-stat-label{color:var(--color-text-dim);min-width:70px}.mw-rad-bar-wrap{flex:1;height:5px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}.mw-rad-bar{height:100%;border-radius:3px;transition:width 0.6s ease}.mw-rad-stat-val{min-width:40px;text-align:right;font-weight:600}.mw-rad-prot{font-size:0.72rem;color:#4ade80;padding-top:0.25rem}.mw-rad-warn{font-size:0.72rem;color:#fbbf24;padding-top:0.25rem}.map-pin-radioactive .map-pin-marker{box-shadow:0 0 8px rgba(220,38,38,0.6),0 0 16px rgba(220,38,38,0.3)}.map-rad-badge{position:absolute;top:-4px;right:-4px;font-size:0.6rem;line-height:1;background:rgba(124,45,18,0.9);border:1px solid rgba(220,38,38,0.5);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#fbbf24;animation:radPulse 2s ease-in-out infinite}@keyframes radPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.15)}}.arrival-popup-radiation{margin:0.5rem 0;padding:0.5rem 0.7rem;background:rgba(124,45,18,0.12);border:1px solid rgba(220,38,38,0.2);border-radius:8px}.arrival-rad-title{font-size:0.75rem;color:#fbbf24;font-weight:600;margin-bottom:0.35rem}.arrival-popup-rad{display:flex;align-items:center;gap:0.4rem;padding:0.2rem 0;font-size:0.72rem;flex-wrap:wrap}.arrival-popup-rad.rad-bad{color:#f87171}.arrival-popup-rad.rad-good{color:#4ade80}.arrival-popup-rad .rad-icon{font-size:0.8rem}.arrival-popup-rad .rad-name{font-weight:600;min-width:50px}.arrival-popup-rad .rad-level{font-weight:600}.arrival-popup-rad .rad-details{color:var(--color-text-dim)}.dr-tag-rad-bad{background:rgba(220,38,38,0.12);color:#f87171;border:1px solid rgba(220,38,38,0.2)}.dr-tag-rad-warn{background:rgba(251,191,36,0.1);color:#fbbf24;border:1px solid rgba(251,191,36,0.2)}.dr-tag-rad-good{background:rgba(74,222,128,0.1);color:#4ade80;border:1px solid rgba(74,222,128,0.2)}.mw-da-warn{margin-top:0.5rem;padding:0.4rem 0.6rem;background:rgba(244,67,54,0.1);border:1px solid rgba(244,67,54,0.25);border-radius:var(--radius-sm,6px);font-size:0.75rem;color:#ff8a80;text-align:center;animation:dangerPulse 2s ease-in-out infinite}@keyframes dangerPulse{0%,100%{opacity:0.8}50%{opacity:1}}.mw-actions{display:flex;gap:0.5rem;margin-top:1rem;padding-top:0.8rem;border-top:1px solid rgba(212,168,50,0.06);flex-wrap:wrap}.mw-btn{flex:1;min-width:0;padding:0.7rem 1rem;border-radius:var(--radius-md);font-size:0.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(212,168,50,0.15);transition:all 0.2s ease;text-align:center;white-space:nowrap}.mw-btn-next{background:linear-gradient(180deg,rgba(122,92,26,0.4),rgba(122,92,26,0.2));color:var(--color-accent);border-color:rgba(212,168,50,0.25)}.mw-btn-next:hover:not(.disabled){background:linear-gradient(180deg,rgba(212,168,50,0.5),rgba(122,92,26,0.3));box-shadow:0 0 12px rgba(212,168,50,0.15);border-color:var(--color-accent)}.mw-btn-back{background:rgba(13,11,9,0.5);color:var(--color-text-dim);flex:0.5}.mw-btn-back:hover{color:var(--color-text);background:rgba(26,22,18,0.7)}.mw-btn-skip{background:rgba(13,11,9,0.5);color:var(--color-text-dim);border-color:rgba(212,168,50,0.08);flex:0.4}.mw-btn-skip:hover{color:var(--color-text);background:rgba(26,22,18,0.5)}.mw-btn-send{background:linear-gradient(180deg,rgba(76,175,80,0.4),rgba(56,142,60,0.25));color:#81c784;border-color:rgba(76,175,80,0.3);flex:2;font-size:0.95rem;padding:0.85rem}.mw-btn-send:hover{background:linear-gradient(180deg,rgba(76,175,80,0.55),rgba(56,142,60,0.35));border-color:#4caf50;box-shadow:0 0 16px rgba(76,175,80,0.2);color:#a5d6a7}.mw-btn-recruit{background:linear-gradient(180deg,rgba(33,150,243,0.25),rgba(21,101,192,0.2));color:#90caf9;border-color:rgba(33,150,243,0.2)}.mw-btn-recruit:hover{background:linear-gradient(180deg,rgba(33,150,243,0.4),rgba(21,101,192,0.3));border-color:rgba(33,150,243,0.5);box-shadow:0 0 12px rgba(33,150,243,0.15)}.mw-btn.disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}.location-detail{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,168,50,0.06)}.location-detail p{margin-bottom:0.5rem;line-height:1.6}.location-rewards{display:flex;gap:0.75rem;margin:0.75rem 0;flex-wrap:wrap}.location-reward{padding:0.3rem 0.6rem;background:rgba(13,11,9,0.5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:1px solid rgba(212,168,50,0.06)}.npc-select-list{display:flex;flex-direction:column;gap:0.6rem}.npc-select-btn{padding:0.85rem 1.15rem;background:var(--gradient-card);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;transition:all var(--transition-normal);position:relative;overflow:hidden}.npc-select-btn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--transition-normal)}.npc-select-btn:hover:not(:disabled)::before{background:var(--color-accent)}.npc-select-btn:hover:not(:disabled){border-color:rgba(212,168,50,0.25);background:var(--gradient-card-hover);box-shadow:var(--shadow-card);transform:translateX(4px)}.npc-select-btn:disabled{opacity:0.4;cursor:not-allowed}.npc-select-name{font-weight:700;margin-bottom:0.3rem;color:var(--color-text)}.npc-select-stats{font-size:0.82rem;color:var(--color-accent);margin-bottom:0.25rem;letter-spacing:0.02em}.npc-select-estimate{font-size:0.78rem;color:var(--color-text-dim)}.craft-search-wrap{margin-bottom:0.75rem}.craft-search-input{width:100%;padding:0.6rem 1rem;background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.12);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:inherit;outline:none;transition:border-color var(--transition-normal)}.craft-search-input:focus{border-color:rgba(212,168,50,0.35);box-shadow:0 0 8px rgba(212,168,50,0.08)}.craft-search-input::placeholder{color:var(--color-text-muted)}.ct-recipe-count{font-size:0.75rem;color:var(--color-text-muted);margin-left:0.5rem;font-weight:400}#crafting-categories{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:1.5rem}.crafting-cat-btn{padding:0.5rem 1rem;background:rgba(13,11,9,0.4);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-md);color:var(--color-text-dim);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-normal);font-weight:500;position:relative;overflow:hidden}.crafting-cat-btn::after{content:'';position:absolute;bottom:0;left:30%;right:30%;height:2px;background:transparent;transition:all var(--transition-normal)}.crafting-cat-btn:hover{background:rgba(26,22,18,0.7);color:var(--color-text);border-color:rgba(212,168,50,0.15)}.crafting-cat-btn.active{background:rgba(122,92,26,0.2);color:var(--color-accent);border-color:rgba(212,168,50,0.3);box-shadow:0 0 10px rgba(212,168,50,0.08)}.crafting-cat-btn.active::after{background:var(--color-accent);left:15%;right:15%}#crafting-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.75rem}.crafting-card{padding:1.15rem;background:var(--gradient-card);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.crafting-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.15),transparent)}.crafting-card:not(.disabled):hover{border-color:rgba(212,168,50,0.22);box-shadow:var(--shadow-card),0 0 16px rgba(212,168,50,0.04);transform:translateY(-3px)}.crafting-card.disabled{opacity:0.5}.crafting-result{font-weight:700;color:var(--color-accent);margin-bottom:0.6rem;font-size:1.05rem;display:flex;align-items:center;gap:0.3rem}.crafting-ingredients{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-bottom:0.85rem;display:flex;flex-wrap:wrap;gap:0.4rem}.crafting-ingredients span{padding:0.18rem 0.45rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,0.03)}.crafting-ingredients .missing{color:var(--color-danger);background:rgba(192,57,43,0.1);border-color:rgba(192,57,43,0.15)}.crafting-btn{width:100%;padding:0.65rem;background:linear-gradient(180deg,rgba(122,92,26,0.4),rgba(122,92,26,0.2));border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-sm);color:var(--color-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-normal);letter-spacing:0.03em;text-transform:uppercase;position:relative;overflow:hidden}.crafting-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);transition:left 0.5s ease}.crafting-btn:hover:not(:disabled)::after{left:100%}.crafting-btn:hover:not(:disabled){background:linear-gradient(180deg,rgba(212,168,50,0.5),rgba(122,92,26,0.3));border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm)}.crafting-btn:disabled{opacity:0.35;cursor:not-allowed}.craft-cat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:0.3rem;background:rgba(76,175,80,0.25);color:#81c784;border-radius:9px;font-size:0.68rem;font-weight:700;vertical-align:middle}.craft-tier-badge{position:absolute;top:0.5rem;right:0.5rem;padding:0.15rem 0.4rem;border-radius:var(--radius-xs);font-size:0.62rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.04em;opacity:0.85}.craft-cat-label{font-size:0.68rem;color:var(--color-text-muted);margin-bottom:0.5rem;opacity:0.7}.craft-output-count{font-size:0.85rem;color:var(--color-text-dim);font-weight:400}.craft-ing-item{display:inline-flex;align-items:center;gap:0.2rem;padding:0.2rem 0.5rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,0.03);font-size:0.76rem}.craft-ing-item.ok{border-color:rgba(76,175,80,0.15)}.craft-ing-item.missing{color:var(--color-danger);background:rgba(192,57,43,0.1);border-color:rgba(192,57,43,0.15)}.craft-ing-name{font-size:0.68rem;color:var(--color-text-muted);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.craft-ing-count{font-weight:600;font-variant-numeric:tabular-nums}.craft-bottom-row{display:flex;align-items:center;gap:0.5rem;margin-top:0.6rem}.craft-max-count{font-size:0.72rem;color:#81c784;font-weight:500;flex:1}.craft-max-count.craft-max-zero{color:var(--color-text-muted)}.craft-bottom-row .crafting-btn{width:auto;min-width:80px;padding:0.5rem 0.8rem;font-size:0.75rem}.crafting-card.craftable{border-color:rgba(76,175,80,0.2)}.crafting-card.craftable::before{background:linear-gradient(90deg,transparent,rgba(76,175,80,0.15),transparent)}#pets-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}.pets-bulk-actions{grid-column:1 / -1;display:flex;gap:0.5rem;flex-wrap:wrap}.bulk-action-btn{flex:1;min-width:120px;padding:0.55rem 0.8rem;font-size:0.82rem;font-weight:600;border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(30,26,20,0.8),rgba(20,17,12,0.9));color:var(--color-accent);cursor:pointer;transition:all var(--transition-normal);font-family:inherit;position:relative;overflow:hidden}.bulk-action-btn:hover:not(:disabled){border-color:rgba(212,168,50,0.35);background:linear-gradient(135deg,rgba(40,35,28,0.9),rgba(30,26,20,0.95));box-shadow:0 0 12px rgba(212,168,50,0.08);transform:translateY(-1px)}.bulk-action-btn:disabled{opacity:0.4;cursor:not-allowed}.bulk-action-btn .bulk-count{font-size:0.7rem;color:var(--color-text-muted);margin-left:0.3rem}.pet-card{padding:1.15rem;background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(212,168,50,0.08);transition:all var(--transition-normal);position:relative;overflow:hidden}.pet-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,50,0.12),transparent)}.pet-card:hover{border-color:rgba(212,168,50,0.22);box-shadow:var(--shadow-card),0 0 16px rgba(212,168,50,0.04);transform:translateY(-2px)}.pet-card.pet-dog{border-left:4px solid #b88b30}.pet-card.pet-cat{border-left:4px solid #5a8ab5}.pet-header{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.5rem}.pet-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.pet-icon-sprite{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.pet-icon-sprite .pet-sprite-img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.pet-icon-sprite .pet-option-emoji{font-size:1.75rem;line-height:1}.mw-pet-avatar.pet-icon-sprite{width:36px;height:36px}.pet-name{font-weight:700;color:var(--color-text);font-size:1.05rem}.pet-gender-badge{font-size:1rem;font-weight:700;line-height:1}.pet-gender-badge.male{color:#5ba8f5}.pet-gender-badge.female{color:#f57cb3}.pet-rename-btn{padding:0.25rem 0.4rem;background:transparent;border:none;cursor:pointer;font-size:0.9rem;opacity:0.4;transition:opacity var(--transition-fast)}.pet-rename-btn:hover{opacity:1}.pet-type{font-size:var(--font-size-sm);color:var(--color-text-dim)}.pet-status{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-bottom:0.5rem;padding:0.3rem 0.6rem;background:rgba(13,11,9,0.3);border-radius:var(--radius-sm);display:inline-block}.pet-stats{display:flex;gap:0.4rem;flex-wrap:wrap}.pet-stat{font-size:0.82rem;padding:0.2rem 0.5rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-sm);color:var(--color-text-dim);border:1px solid rgba(212,168,50,0.05);transition:all var(--transition-fast)}.pet-stat:hover{color:var(--color-accent);border-color:rgba(212,168,50,0.15)}.pet-vitals{display:flex;flex-direction:column;gap:0.3rem;margin-bottom:0.5rem}.pet-vital-row{display:flex;align-items:center;gap:0.4rem}.pet-vital-icon{font-size:0.85rem;width:1.2rem;text-align:center;flex-shrink:0}.pet-vital-track{flex:1;height:8px;background:rgba(13,11,9,0.5);border-radius:4px;overflow:hidden;position:relative}.pet-vital-fill{height:100%;border-radius:4px;transition:width 0.5s ease}.pet-vital-val{font-size:0.7rem;color:var(--color-text-dim);width:1.8rem;text-align:right;font-weight:600}.pet-status-busy{color:#ff9800}.pet-status-foraging{color:#42a5f5}.pet-status-idle{color:var(--color-text-dim)}.pet-forage-progress{margin:0.3rem 0;position:relative}.pet-forage-bar{height:6px;background:rgba(13,11,9,0.5);border-radius:3px;overflow:hidden}.pet-forage-fill{height:100%;background:linear-gradient(90deg,#42a5f5,#66bb6a);border-radius:3px;transition:width 0.5s ease;animation:petForageShimmer 2s infinite}@keyframes petForageShimmer{0%,100%{opacity:1}50%{opacity:0.7}}.pet-forage-text{font-size:0.7rem;color:#42a5f5;display:block;text-align:center;margin-top:0.15rem}.pet-actions{display:flex;gap:0.4rem;margin-top:0.5rem;flex-wrap:wrap}.pet-action-btn{flex:1;min-width:0;padding:0.4rem 0.5rem;font-size:0.75rem;border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-sm);background:rgba(13,11,9,0.5);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.pet-action-btn:hover:not(:disabled){background:rgba(212,168,50,0.15);border-color:rgba(212,168,50,0.3);color:var(--color-accent)}.pet-action-btn:disabled{opacity:0.35;cursor:not-allowed}.pet-btn-feed{border-left:2px solid #8bc34a}.pet-btn-water{border-left:2px solid #42a5f5}.pet-btn-forage{border-left:2px solid #ff9800}.pet-btn-release{border-left:2px solid #f44336;color:#ef5350 !important}.pet-btn-release:hover:not(:disabled){background:rgba(244,67,54,0.15) !important}.pet-cap-bar{margin-bottom:0.5rem}.pet-header{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.35rem;flex-wrap:wrap}.pet-name-area{display:flex;align-items:center;gap:0.3rem;flex:1;min-width:0}.pet-star-area{display:flex;flex-direction:column;align-items:flex-end;gap:0.1rem}.pet-stars{font-size:0.85rem;letter-spacing:-1px;filter:drop-shadow(0 0 3px rgba(255,193,7,0.4));animation:petStarPulse 3s ease-in-out infinite}@keyframes petStarPulse{0%,100%{filter:drop-shadow(0 0 3px rgba(255,193,7,0.4))}50%{filter:drop-shadow(0 0 8px rgba(255,193,7,0.7))}}.pet-xp-section{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.5rem;padding:0.2rem 0}.pet-xp-track{flex:1;height:5px;background:rgba(13,11,9,0.6);border-radius:3px;overflow:hidden}.pet-xp-fill{height:100%;border-radius:3px;transition:width 0.6s ease;position:relative}.pet-xp-fill::after{content:'';position:absolute;top:0;right:0;width:6px;height:100%;background:rgba(255,255,255,0.4);border-radius:3px;animation:xpShine 2s ease-in-out infinite}@keyframes xpShine{0%,100%{opacity:0}50%{opacity:1}}.pet-xp-text{font-size:0.65rem;color:var(--color-text-dim);white-space:nowrap;font-weight:600;min-width:60px;text-align:right}.pet-abilities{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.4rem;margin-bottom:0.3rem}.pet-ability-badge{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.7rem;padding:0.2rem 0.5rem;background:linear-gradient(135deg,rgba(76,175,80,0.15),rgba(76,175,80,0.05));border:1px solid rgba(76,175,80,0.2);border-radius:var(--radius-sm);color:#81c784;transition:all var(--transition-fast)}.pet-ability-badge:hover{background:linear-gradient(135deg,rgba(76,175,80,0.25),rgba(76,175,80,0.1));border-color:rgba(76,175,80,0.4);transform:translateY(-1px)}.pet-ability-icon{font-size:0.8rem}.pet-ability-locked{background:rgba(13,11,9,0.4);border-color:rgba(100,100,100,0.2);color:rgba(150,150,150,0.4);font-style:italic}.pet-release-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background 0.4s ease;backdrop-filter:blur(0px)}.pet-release-overlay.show{background:rgba(0,0,0,0.7);backdrop-filter:blur(6px)}.pet-release-overlay.hiding{background:rgba(0,0,0,0);backdrop-filter:blur(0px)}.pet-release-modal{position:relative;background:linear-gradient(145deg,#1a1510 0%,#0d0b09 50%,#1a1510 100%);border:2px solid rgba(212,168,50,0.25);border-radius:16px;padding:2rem 2.5rem;max-width:420px;width:90%;text-align:center;transform:scale(0.5) translateY(40px);opacity:0;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(212,168,50,0.08),inset 0 1px 0 rgba(212,168,50,0.1);overflow:hidden}.pet-release-overlay.show .pet-release-modal{transform:scale(1) translateY(0);opacity:1}.pet-release-overlay.hiding .pet-release-modal{transform:scale(0.8) translateY(20px);opacity:0}.pet-release-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(212,168,50,0.06) 0%,transparent 60%);animation:releaseGlow 4s ease-in-out infinite;pointer-events:none}@keyframes releaseGlow{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.pet-release-icon-wrap{position:relative;display:inline-block;margin-bottom:0.8rem;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.pet-release-icon{font-size:4rem;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.4))}.pet-release-bounce{animation:releaseBounce 2s ease-in-out infinite}@keyframes releaseBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.pet-release-sparkles{position:absolute;inset:-20px;pointer-events:none}.sparkle{position:absolute;font-size:0.8rem;color:#ffc107;opacity:0;animation:sparkleFloat 3s ease-in-out infinite}.sparkle.s1{top:0;left:10%;animation-delay:0s}.sparkle.s2{top:20%;right:5%;animation-delay:0.5s}.sparkle.s3{bottom:10%;left:5%;animation-delay:1s}.sparkle.s4{bottom:0;right:15%;animation-delay:1.5s}.sparkle.s5{top:40%;left:-5%;animation-delay:2s}.sparkle.s6{top:10%;right:-5%;animation-delay:2.5s}@keyframes sparkleFloat{0%,100%{opacity:0;transform:translateY(0) scale(0.5)}50%{opacity:1;transform:translateY(-10px) scale(1.2)}}.pet-release-title{font-size:1.3rem;font-weight:700;color:var(--color-accent);margin:0 0 0.3rem 0;text-shadow:0 2px 8px rgba(212,168,50,0.3)}.pet-release-stars{font-size:1.1rem;letter-spacing:-1px;margin-bottom:0.6rem;filter:drop-shadow(0 0 5px rgba(255,193,7,0.5))}.pet-release-desc{font-size:0.85rem;color:var(--color-text-dim);line-height:1.5;margin-bottom:1rem}.pet-release-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem;text-align:left}.release-info-col h4{font-size:0.75rem;color:var(--color-accent);margin:0 0 0.4rem 0;padding-bottom:0.3rem;border-bottom:1px solid rgba(212,168,50,0.1)}.release-stat{font-size:0.75rem;color:var(--color-text-dim);padding:0.15rem 0}.release-stat strong{color:var(--color-text)}.release-ability{font-size:0.75rem;color:#81c784;padding:0.15rem 0}.pet-release-buttons{display:flex;gap:0.8rem}.pet-release-btn{flex:1;padding:0.7rem 1rem;font-size:0.9rem;font-weight:700;border:2px solid;border-radius:10px;cursor:pointer;transition:all 0.25s ease}.pet-release-cancel{background:rgba(13,11,9,0.6);border-color:rgba(150,150,150,0.3);color:var(--color-text-dim)}.pet-release-cancel:hover{background:rgba(150,150,150,0.15);border-color:rgba(150,150,150,0.5);color:var(--color-text);transform:translateY(-2px)}.pet-release-confirm{background:linear-gradient(135deg,rgba(244,67,54,0.2),rgba(244,67,54,0.05));border-color:rgba(244,67,54,0.4);color:#ef5350}.pet-release-confirm:hover{background:linear-gradient(135deg,rgba(244,67,54,0.35),rgba(244,67,54,0.15));border-color:rgba(244,67,54,0.7);box-shadow:0 4px 20px rgba(244,67,54,0.2);transform:translateY(-2px)}.pet-release-farewell{animation:farewellFade 0.8s ease forwards}@keyframes farewellFade{0%{opacity:1}100%{opacity:0.3}}.pet-release-walkaway{animation:walkAway 0.8s ease forwards !important}@keyframes walkAway{0%{transform:translateX(0) scale(1);opacity:1}60%{transform:translateX(80px) scale(0.8);opacity:0.6}100%{transform:translateX(150px) scale(0.5);opacity:0}}.attack-alert-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background 0.3s ease}.attack-alert-overlay.show{background:rgba(80,0,0,0.55);backdrop-filter:blur(4px)}.attack-alert-overlay.hiding{background:rgba(0,0,0,0)}.attack-alert-modal{position:relative;background:linear-gradient(145deg,#1a0505 0%,#0d0202 50%,#1a0505 100%);border:2px solid rgba(244,67,54,0.6);border-radius:16px;padding:1.8rem 2rem;max-width:440px;width:92%;text-align:center;transform:scale(0.3) translateY(30px);opacity:0;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 0 60px rgba(244,67,54,0.3),0 0 120px rgba(244,67,54,0.1),inset 0 0 30px rgba(244,67,54,0.05);overflow:hidden;animation:attackModalPulse 2s ease-in-out infinite}.attack-alert-overlay.show .attack-alert-modal{transform:scale(1) translateY(0);opacity:1}.attack-alert-overlay.hiding .attack-alert-modal{transform:scale(0.8) translateY(20px);opacity:0}@keyframes attackModalPulse{0%,100%{box-shadow:0 0 60px rgba(244,67,54,0.3),0 0 120px rgba(244,67,54,0.1),inset 0 0 30px rgba(244,67,54,0.05);border-color:rgba(244,67,54,0.6)}50%{box-shadow:0 0 80px rgba(244,67,54,0.5),0 0 160px rgba(244,67,54,0.15),inset 0 0 40px rgba(244,67,54,0.08);border-color:rgba(244,67,54,0.9)}}.attack-alert-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(244,67,54,0.12) 0%,transparent 70%);animation:attackFlash 1.5s ease-in-out infinite;pointer-events:none}@keyframes attackFlash{0%,100%{opacity:0.3}50%{opacity:1}}.attack-alert-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(244,67,54,0.03) 2px,rgba(244,67,54,0.03) 4px);pointer-events:none;animation:scanlineMove 4s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}100%{transform:translateY(4px)}}.attack-alert-header{display:flex;align-items:center;justify-content:center;gap:0.8rem;margin-bottom:0.6rem}.attack-alert-siren{font-size:1.8rem;animation:sirenBlink 0.6s ease-in-out infinite alternate}@keyframes sirenBlink{0%{opacity:0.3;transform:scale(0.9);filter:brightness(0.5)}100%{opacity:1;transform:scale(1.1);filter:brightness(1.5)}}.attack-alert-title{font-size:1.4rem;font-weight:800;color:#f44336;margin:0;text-shadow:0 0 20px rgba(244,67,54,0.6),0 2px 8px rgba(0,0,0,0.5);animation:titleShake 0.5s ease-in-out 3;letter-spacing:2px}@keyframes titleShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}.attack-alert-enemy{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:0.5rem 0}.attack-alert-enemy-icon{font-size:2.5rem;animation:enemyBounce 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(244,67,54,0.5))}@keyframes enemyBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.attack-alert-enemy-name{font-size:1.15rem;font-weight:700;color:#ff8a80;text-shadow:0 0 8px rgba(244,67,54,0.3)}.attack-alert-desc{font-size:0.82rem;color:rgba(255,200,200,0.7);margin:0.3rem 0 0.6rem;line-height:1.4}.attack-alert-timer{display:inline-block;font-size:0.85rem;font-weight:700;color:#ffc107;background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.25);border-radius:6px;padding:0.3rem 0.8rem;margin-bottom:0.7rem;animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,100%{opacity:1}50%{opacity:0.6}}.attack-alert-damage{background:rgba(244,67,54,0.08);border:1px solid rgba(244,67,54,0.2);border-radius:8px;padding:0.6rem 0.8rem;margin-bottom:0.7rem;text-align:left}.attack-alert-damage h4{font-size:0.78rem;color:#ef5350;margin:0 0 0.4rem 0}.atk-damage-row{display:flex;justify-content:space-between;font-size:0.8rem;padding:0.15rem 0;color:rgba(255,200,200,0.8)}.atk-loss{color:#f44336;font-weight:700}.attack-alert-defense{margin-bottom:0.8rem}.atk-def-item{font-size:0.8rem;color:rgba(200,230,200,0.8);padding:0.15rem 0}.atk-def-item strong{color:#66bb6a}.attack-alert-buttons{display:flex;gap:0.5rem;flex-wrap:wrap}.atk-btn{flex:1;min-width:80px;padding:0.65rem 0.8rem;font-size:0.85rem;font-weight:700;border:2px solid;border-radius:10px;cursor:pointer;transition:all 0.25s ease;position:relative;overflow:hidden}.atk-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 60%);opacity:0;transition:opacity 0.3s}.atk-btn:hover::before{opacity:1}.atk-btn-defend{background:linear-gradient(135deg,rgba(76,175,80,0.3),rgba(76,175,80,0.1));border-color:rgba(76,175,80,0.6);color:#66bb6a;animation:defendBtnGlow 1.5s ease-in-out infinite}@keyframes defendBtnGlow{0%,100%{box-shadow:0 0 10px rgba(76,175,80,0.2)}50%{box-shadow:0 0 25px rgba(76,175,80,0.4)}}.atk-btn-defend:hover{background:linear-gradient(135deg,rgba(76,175,80,0.5),rgba(76,175,80,0.2));border-color:rgba(76,175,80,0.9);transform:translateY(-2px);box-shadow:0 4px 20px rgba(76,175,80,0.3)}.atk-btn-map{background:rgba(33,150,243,0.1);border-color:rgba(33,150,243,0.4);color:#42a5f5}.atk-btn-map:hover{background:rgba(33,150,243,0.2);border-color:rgba(33,150,243,0.7);transform:translateY(-2px)}.atk-btn-dismiss{background:rgba(100,100,100,0.1);border-color:rgba(150,150,150,0.3);color:rgba(200,200,200,0.6);flex:0 0 auto;min-width:50px}.atk-btn-dismiss:hover{background:rgba(150,150,150,0.15);color:rgba(200,200,200,0.9)}.pet-adopt-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background 0.4s ease}.pet-adopt-overlay.show{background:rgba(0,0,0,0.7);backdrop-filter:blur(6px)}.pet-adopt-overlay.hiding{background:rgba(0,0,0,0);backdrop-filter:blur(0px)}.pet-adopt-modal{position:relative;background:linear-gradient(145deg,#15130e 0%,#0d0b09 50%,#15130e 100%);border:2px solid rgba(255,193,7,0.35);border-radius:18px;padding:1.8rem 2rem 1.5rem;max-width:400px;width:90%;text-align:center;transform:scale(0.4) translateY(50px);opacity:0;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 50px rgba(255,193,7,0.08),inset 0 1px 0 rgba(255,193,7,0.12);overflow:hidden}.pet-adopt-overlay.show .pet-adopt-modal{transform:scale(1) translateY(0);opacity:1}.pet-adopt-overlay.hiding .pet-adopt-modal{transform:scale(0.8) translateY(30px);opacity:0}.pet-adopt-glow{position:absolute;top:-60%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at 50% 80%,rgba(255,193,7,0.08) 0%,transparent 55%);animation:adoptGlow 3s ease-in-out infinite;pointer-events:none}@keyframes adoptGlow{0%,100%{opacity:0.6}50%{opacity:1}}.pet-adopt-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#ff9800,#f44336);color:#fff;font-size:0.65rem;font-weight:800;padding:0.2rem 0.6rem;border-radius:20px;letter-spacing:1px;box-shadow:0 2px 10px rgba(255,152,0,0.4);animation:badgePulse 1.5s ease-in-out infinite;z-index:2}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.pet-adopt-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;font-size:1rem;opacity:0;animation:confettiFall 3s ease-in-out infinite}.confetti.c1{left:10%;animation-delay:0s}.confetti.c2{left:25%;animation-delay:0.4s}.confetti.c3{left:50%;animation-delay:0.8s}.confetti.c4{left:70%;animation-delay:1.2s}.confetti.c5{left:85%;animation-delay:1.6s}.confetti.c6{left:40%;animation-delay:2s}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(0deg) scale(0.5)}20%{opacity:1}100%{opacity:0;transform:translateY(100px) rotate(360deg) scale(0.3)}}.pet-adopt-icon-wrap{position:relative;display:inline-block;margin-bottom:0.5rem}.pet-adopt-icon{font-size:4.5rem;display:block;filter:drop-shadow(0 4px 16px rgba(255,193,7,0.3));animation:adoptBounce 1.5s ease-in-out infinite}@keyframes adoptBounce{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-5px) rotate(3deg)}}.pet-adopt-hearts{position:absolute;inset:-15px;pointer-events:none}.adopt-heart{position:absolute;font-size:0.9rem;opacity:0;animation:heartFloat 2.5s ease-in-out infinite}.adopt-heart.h1{top:0;left:0;animation-delay:0s}.adopt-heart.h2{top:10%;right:-5%;animation-delay:0.8s}.adopt-heart.h3{bottom:10%;left:-5%;animation-delay:1.6s}@keyframes heartFloat{0%{opacity:0;transform:translateY(5px) scale(0.5)}40%{opacity:1;transform:translateY(-12px) scale(1.1)}100%{opacity:0;transform:translateY(-25px) scale(0.4)}}.pet-adopt-title{font-size:1.35rem;font-weight:800;color:var(--color-accent);margin:0 0 0.2rem;text-shadow:0 2px 10px rgba(212,168,50,0.3)}.pet-adopt-subtitle{font-size:0.82rem;color:var(--color-text-dim);margin:0 0 0.5rem}.pet-adopt-gender{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.82rem;color:var(--color-text-dim);margin-bottom:0.3rem}.pet-adopt-stars{font-size:0.8rem;color:#ffc107;margin-bottom:0.6rem;filter:drop-shadow(0 0 4px rgba(255,193,7,0.3))}.pet-adopt-stats{background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.1);border-radius:10px;padding:0.5rem 0.8rem;margin-bottom:0.8rem;text-align:left}.pet-adopt-stats h4{font-size:0.72rem;color:var(--color-accent);margin:0 0 0.3rem;padding-bottom:0.25rem;border-bottom:1px solid rgba(212,168,50,0.08)}.adopt-stat{font-size:0.75rem;color:var(--color-text-dim);padding:0.12rem 0}.adopt-stat strong{color:var(--color-text)}.pet-adopt-name-section{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1rem;align-items:center}.pet-adopt-label{font-size:0.85rem;font-weight:700;color:var(--color-accent)}.pet-adopt-input{width:80%;max-width:250px;padding:0.6rem 0.9rem;font-size:1rem;font-weight:700;text-align:center;border:2px solid rgba(212,168,50,0.3);border-radius:10px;background:rgba(13,11,9,0.6);color:var(--color-text);outline:none;transition:all 0.3s ease;font-family:inherit}.pet-adopt-input:focus{border-color:rgba(212,168,50,0.6);box-shadow:0 0 20px rgba(212,168,50,0.1);background:rgba(13,11,9,0.8)}.pet-adopt-random-btn{position:absolute;right:calc(10%+5px);bottom:calc(1rem+0.6rem+44px+0.4rem+0.6rem+3px);background:transparent;border:none;font-size:1.2rem;cursor:pointer;opacity:0.5;transition:all 0.2s;padding:0.3rem}.pet-adopt-random-btn:hover{opacity:1;transform:rotate(90deg) scale(1.2)}.pet-adopt-name-section{position:relative}.pet-adopt-buttons{display:flex;gap:0.6rem}.pet-adopt-btn{flex:1;padding:0.7rem 1rem;font-size:0.9rem;font-weight:700;border:2px solid;border-radius:12px;cursor:pointer;transition:all 0.25s ease;font-family:inherit}.pet-adopt-confirm{background:linear-gradient(135deg,rgba(76,175,80,0.25),rgba(76,175,80,0.08));border-color:rgba(76,175,80,0.5);color:#66bb6a;animation:adoptConfirmGlow 2s ease-in-out infinite}@keyframes adoptConfirmGlow{0%,100%{box-shadow:0 0 8px rgba(76,175,80,0.15)}50%{box-shadow:0 0 25px rgba(76,175,80,0.35)}}.pet-adopt-confirm:hover{background:linear-gradient(135deg,rgba(76,175,80,0.4),rgba(76,175,80,0.15));border-color:rgba(76,175,80,0.8);transform:translateY(-2px);box-shadow:0 4px 25px rgba(76,175,80,0.25)}.pet-adopt-cancel{background:rgba(13,11,9,0.5);border-color:rgba(150,150,150,0.25);color:var(--color-text-dim)}.pet-adopt-cancel:hover{background:rgba(150,150,150,0.12);border-color:rgba(150,150,150,0.45);color:var(--color-text);transform:translateY(-2px)}.pet-adopt-celebrate{animation:adoptCelebrate 0.6s ease forwards}@keyframes adoptCelebrate{0%{transform:scale(1)}30%{transform:scale(1.08)}100%{transform:scale(0.9);opacity:0}}.npc2-actions{display:flex;gap:0.4rem;margin-top:0.5rem}.npc2-action-btn{flex:1;padding:0.4rem 0.6rem;font-size:0.75rem;border:1px solid rgba(212,168,50,0.12);border-radius:var(--radius-sm);background:rgba(13,11,9,0.4);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.npc2-action-btn:hover{background:rgba(212,168,50,0.15);border-color:rgba(212,168,50,0.3);color:var(--color-accent)}.npc2-btn-feed{border-left:2px solid #8bc34a}.npc2-btn-water{border-left:2px solid #42a5f5}.npc2-btn-dismiss{border-left:2px solid #f44336;color:#ef9a9a !important}.npc2-btn-dismiss:hover{background:rgba(244,67,54,0.15) !important;border-color:rgba(244,67,54,0.4) !important;color:#f44336 !important}.npc2-btn-dismiss:disabled{opacity:0.4;cursor:not-allowed}.npc-select-item{display:flex;flex-direction:column;gap:0.25rem}.npc-select-pet{padding:0.45rem 0.85rem;background:rgba(13,11,9,0.4);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-sm);color:var(--color-accent);font-size:0.82rem;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.npc-select-pet:hover{border-color:rgba(212,168,50,0.3);background:rgba(122,92,26,0.15)}.npc-select-vehicle{padding:0.45rem 0.85rem;background:rgba(33,150,243,0.08);border:1px solid rgba(33,150,243,0.15);border-radius:var(--radius-sm);color:#90caf9;font-size:0.82rem;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.npc-select-vehicle:hover{border-color:rgba(33,150,243,0.4);background:rgba(33,150,243,0.15);color:#64b5f6}.location-recruit-desc{font-size:var(--font-size-sm);color:var(--color-text-dim);margin:0.5rem 0}.recruit-btn{margin-top:0.5rem}#npc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0.8rem}.npc-cap-bar,.npc-bulk-actions{grid-column:1 / -1}.npc2-card{background:linear-gradient(145deg,rgba(28,25,20,0.95),rgba(18,16,12,0.98));border-radius:var(--radius-lg);border:1px solid rgba(212,168,50,0.08);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.npc2-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-dim);transition:width 0.3s ease}.npc2-card:hover::before{width:4px}.npc2-stars-2::before{background:#4caf50}.npc2-stars-3::before{background:#2196f3}.npc2-stars-4::before{background:#ff9800}.npc2-stars-5::before{background:linear-gradient(180deg,#f44336,#ff9800)}.npc2-card:hover{border-color:rgba(212,168,50,0.22);box-shadow:0 6px 28px rgba(0,0,0,0.45),0 0 0 1px rgba(212,168,50,0.08);transform:translateY(-2px)}.npc2-top{display:flex;gap:0.75rem;padding:0.85rem 1rem 0.6rem;align-items:flex-start}.npc2-avatar{display:flex;flex-direction:column;align-items:center;gap:0.2rem;min-width:48px}.npc2-avatar-icon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(212,168,50,0.08);border-radius:var(--radius-md);border:1px solid rgba(212,168,50,0.12)}.npc2-avatar-icon .si-icon{width:32px;height:32px}.npc2-avatar-icon .si-img{width:32px;height:32px}.npc2-stars{font-size:0.65rem;letter-spacing:0px;line-height:1}.npc2-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.25rem}.npc2-name-row{display:flex;align-items:center;gap:0.35rem;flex-wrap:wrap}.npc2-name{font-weight:800;font-size:1rem;color:#fff;letter-spacing:0.01em}.npc2-lang-badge{font-size:0.72rem;padding:0.1rem 0.35rem;border-radius:var(--radius-sm);background:rgba(255,255,255,0.06);white-space:nowrap}.npc2-lang-diff{background:rgba(255,152,0,0.12);color:#ffb74d;border:1px solid rgba(255,152,0,0.2)}.npc2-lang-ok{opacity:0.7}.npc2-status{font-size:0.7rem;padding:0.12rem 0.45rem;border-radius:10px;font-weight:600;white-space:nowrap;margin-left:auto}.npc2-status-idle{background:rgba(76,175,80,0.12);color:#81c784}.npc2-status-busy{background:rgba(33,150,243,0.12);color:#64b5f6}.npc2-status-sick{background:rgba(244,67,54,0.12);color:#ef9a9a}.npc2-status-bad{background:rgba(255,87,34,0.12);color:#ff8a65}.npc2-prof-row{display:flex;align-items:center;gap:0.4rem}.npc2-prof{font-size:0.78rem;color:var(--color-text-dim)}.npc2-prof .si-icon,.npc2-prof .si-img{width:14px;height:14px}.npc2-prof-icon{font-size:14px}.npc2-sick-badge{font-size:0.68rem;padding:0.05rem 0.3rem;background:rgba(244,67,54,0.12);color:#ef9a9a;border-radius:8px;border:1px solid rgba(244,67,54,0.2)}.npc2-gauge-row{display:flex;gap:0.6rem;margin-top:0.15rem}.npc2-gauge{display:flex;align-items:center;gap:0.2rem;flex:1;min-width:0}.npc2-gauge-icon{font-size:0.75rem;flex-shrink:0}.npc2-gauge-track{flex:1;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;min-width:20px}.npc2-gauge-fill{height:100%;border-radius:2px;transition:width 0.4s ease}.npc2-gauge-val{font-size:0.62rem;font-weight:700;min-width:16px;text-align:right}.npc2-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.25rem 0.8rem;padding:0.5rem 1rem 0.4rem;background:rgba(0,0,0,0.15);border-top:1px solid rgba(212,168,50,0.04)}.npc2-stat{display:flex;align-items:center;gap:0.25rem;font-size:0.75rem}.npc2-stat-icon{font-size:0.85rem;width:18px;text-align:center;flex-shrink:0}.npc2-stat-icon .si-icon,.npc2-stat-icon .si-img{width:16px;height:16px}.npc2-stat-name{color:var(--color-text-dim);min-width:42px;white-space:nowrap;font-size:0.72rem}.npc2-stat-track{flex:1;height:5px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;position:relative;min-width:30px}.npc2-stat-fill{height:100%;border-radius:3px;transition:width 0.4s ease}.npc2-stat-xp{position:absolute;bottom:0;left:0;height:1.5px;background:rgba(100,200,255,0.5);border-radius:1px;transition:width 0.3s ease}.npc2-stat-val{font-weight:700;color:var(--color-accent);min-width:16px;text-align:right;font-size:0.78rem}.npc2-xp-row{display:flex;align-items:center;gap:0.4rem;padding:0.35rem 1rem 0.6rem}.npc2-xp-label{font-size:0.68rem;color:var(--color-text-dim);white-space:nowrap}.npc2-xp-track{flex:1;height:4px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden}.npc2-xp-fill{height:100%;border-radius:2px;transition:width 0.5s ease}.npc2-xp-val{font-size:0.65rem;color:var(--color-text-dim);min-width:40px;text-align:right}.beginner-event-banner{background:linear-gradient(135deg,rgba(33,150,243,0.15),rgba(76,175,80,0.1));border:1px solid rgba(33,150,243,0.3);border-radius:var(--radius-lg);padding:1rem 1.2rem;margin-bottom:1rem;animation:fadeInUp 0.5s ease}.beginner-event-banner h3{color:#64b5f6;margin-bottom:0.3rem;font-size:1rem}.beginner-event-banner p{font-size:0.85rem;color:var(--color-text-dim);margin-bottom:0.5rem}.beginner-quest-list{display:flex;flex-direction:column;gap:0.4rem}.beginner-quest-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.7rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-sm);font-size:0.85rem}.beginner-quest-item.completed{opacity:0.6;text-decoration:line-through}.beginner-quest-check{font-size:1rem}.beginner-quest-info{flex:1;display:flex;flex-direction:column;gap:0.15rem}.beginner-quest-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:0.9rem}.beginner-quest-loc{font-size:0.75rem;color:var(--color-text-dim);font-weight:400}.beginner-quest-npc{font-size:0.82rem;display:flex;align-items:center;gap:0.3rem;flex-wrap:wrap}.beginner-quest-prof{color:var(--color-text-dim);font-size:0.78rem}.beginner-quest-desc{font-size:0.78rem;color:var(--color-text-dim);font-style:italic}.beginner-quest-reward{font-size:0.8rem;color:var(--color-accent)}.beginner-quest-status{font-size:0.78rem;color:#64b5f6}.beginner-rescue-btn{margin-top:0.3rem;padding:0.35rem 0.7rem;font-size:0.82rem;background:linear-gradient(135deg,#4caf50,#388e3c);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-fast)}.beginner-rescue-btn:hover{transform:scale(1.03);box-shadow:0 2px 8px rgba(76,175,80,0.3)}.beginner-progress{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-size:0.82rem}.beginner-progress-bar-wrap{flex:1;height:6px;background:rgba(13,11,9,0.5);border-radius:3px;overflow:hidden}.beginner-progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:3px;transition:width 0.5s ease}.map-pin-quest .map-pin{border-color:rgba(76,175,80,0.4)}.location-quest{background:rgba(76,175,80,0.15) !important;border:1px solid rgba(76,175,80,0.4) !important;animation:questPulse 2s infinite}.location-quest.quest-active{background:rgba(255,152,0,0.15) !important;border-color:rgba(255,152,0,0.4) !important;animation:none;opacity:0.7}@keyframes questPulse{0%,100%{box-shadow:0 0 4px rgba(76,175,80,0.3)}50%{box-shadow:0 0 12px rgba(76,175,80,0.6)}}#mission-list{display:flex;flex-direction:column;gap:0.6rem}.mission-card{padding:1.15rem;background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid rgba(212,168,50,0.08);transition:all var(--transition-normal);position:relative;overflow:hidden}.mission-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-accent),var(--color-accent-dim));transition:width 0.3s ease}.mission-card:hover::before{width:4px}.mission-card:hover{border-color:rgba(212,168,50,0.18);box-shadow:var(--shadow-card),0 0 16px rgba(212,168,50,0.04);transform:translateY(-2px)}.mission-card h3{font-size:1.05rem;color:var(--color-accent);margin-bottom:0.5rem;display:flex;align-items:center;gap:0.3rem}.mission-card p{font-size:0.92rem;color:var(--color-text-dim);line-height:1.5}#inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:0.6rem}.inventory-slot{aspect-ratio:1;background:linear-gradient(145deg,rgba(37,32,25,0.6),rgba(13,11,9,0.5));border:2px solid rgba(212,168,50,0.08);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.4rem;transition:all var(--transition-normal);position:relative;overflow:hidden;cursor:default;gap:0.15rem}.inventory-slot::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent)}.inventory-slot:hover{border-color:rgba(212,168,50,0.3);background:linear-gradient(145deg,rgba(46,40,32,0.8),rgba(26,22,18,0.7));transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.4),0 0 12px rgba(212,168,50,0.06)}.inventory-slot.inv-slot-glow{border-color:rgba(212,168,50,0.2);animation:borderGlow 3s ease-in-out infinite}.inventory-slot .icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));transition:transform var(--transition-fast)}.inventory-slot:hover .icon{transform:scale(1.2) rotate(-5deg)}.inv-name{font-size:0.58rem;color:var(--color-text-dim);text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-slot .count{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:700;background:rgba(13,11,9,0.6);padding:0.1rem 0.4rem;border-radius:var(--radius-xs);font-variant-numeric:tabular-nums}.inventory-slot .count.inv-uncommon{color:#81d4fa;background:rgba(33,150,243,0.12)}.inventory-slot .count.inv-rare{color:#ce93d8;background:rgba(156,39,176,0.12)}.inv-empty{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--color-text-muted);font-size:0.9rem;border:2px dashed rgba(212,168,50,0.08);border-radius:var(--radius-md)}.inv-tab-bar{display:flex;gap:0.3rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(212,168,50,0.08)}.inv-tab-btn{padding:0.4rem 0.7rem;background:rgba(13,11,9,0.4);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;font-size:0.72rem;font-family:inherit;transition:all var(--transition-normal);white-space:nowrap}.inv-tab-btn:hover{background:rgba(26,22,18,0.7);color:var(--color-text);border-color:rgba(212,168,50,0.15)}.inv-tab-btn.active{background:rgba(122,92,26,0.2);color:var(--color-accent);border-color:rgba(212,168,50,0.3)}.inv-tab-count{font-size:0.62rem;color:var(--color-text-muted);margin-left:0.2rem;font-weight:600}.inv-tab-btn.active .inv-tab-count{color:var(--color-accent)}.inv-category-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.6rem;margin-top:0.3rem;font-size:0.8rem;font-weight:600;color:var(--color-accent);border-bottom:1px solid rgba(212,168,50,0.1)}.inv-category-header:first-child{margin-top:0}.inv-cat-count{font-size:0.68rem;color:var(--color-text-muted);font-weight:400}.inv-stat-hint{font-size:0.55rem;color:var(--color-text-muted);line-height:1}.inventory-slot.inv-legendary{border-color:rgba(212,168,50,0.3);animation:borderGlow 2s ease-in-out infinite}#game-footer{position:fixed;bottom:0;left:0;right:0;padding:0.75rem 2rem;pointer-events:none;z-index:200}.notifications{display:flex;flex-direction:column;gap:0.5rem;align-items:center}.notification{padding:0.55rem 1.2rem;background:rgba(26,22,18,0.97);border-radius:var(--radius-lg);border:1px solid rgba(212,168,50,0.2);font-size:var(--font-size-sm);color:var(--color-text);min-width:240px;max-width:380px;display:flex;align-items:center;gap:0.55rem;animation:notifSlideIn 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,0.1);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:opacity 0.35s,transform 0.35s}.notification.notification-exit{opacity:0;transform:translateY(-20px) scale(0.95);pointer-events:none}.notif-icon{font-size:1.15rem;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.3))}.notif-text{flex:1;line-height:1.35}.notif-progress{position:absolute;bottom:0;left:0;height:2.5px;background:linear-gradient(90deg,var(--color-accent),rgba(212,168,50,0.4));border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:width linear;z-index:2}.notification::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:shimmer 2s linear;opacity:0.4}.notification-info{border-left:3px solid var(--color-accent)}.notification-success{border-left:3px solid var(--color-success)}.notification-success .notif-progress{background:linear-gradient(90deg,var(--color-success),rgba(76,175,80,0.4))}.notification-warning{border-left:3px solid var(--color-warning)}.notification-warning .notif-progress{background:linear-gradient(90deg,var(--color-warning),rgba(255,152,0,0.4))}.notification-danger{border-left:3px solid var(--color-danger)}.notification-danger .notif-progress{background:linear-gradient(90deg,var(--color-danger),rgba(244,67,54,0.4))}.tab-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:0.65rem;font-weight:700;line-height:18px;text-align:center;background:#ef4444;color:#fff;box-shadow:0 0 6px rgba(239,68,68,0.5);animation:badge-pulse 2s infinite;pointer-events:none;z-index:50;box-sizing:border-box;white-space:nowrap;overflow:visible}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.disasm-mat{display:flex;align-items:center;gap:0.4rem;padding:0.25rem 0;font-size:0.8rem;border-bottom:1px solid rgba(255,255,255,0.03)}.disasm-mat:last-child{border-bottom:none}.disasm-qty{color:#4ade80;font-weight:700;margin-left:auto}.disasm-open-btn{display:block;width:100%;padding:0.5rem;margin-top:0.3rem;border:1px solid rgba(251,191,36,0.25);border-radius:0.4rem;cursor:pointer;background:linear-gradient(135deg,rgba(251,191,36,0.08),rgba(184,134,11,0.05));color:#fbbf24;font-size:0.82rem;font-weight:600;transition:all 0.2s}.disasm-open-btn:hover{background:rgba(251,191,36,0.15);box-shadow:0 0 10px rgba(251,191,36,0.1)}.disasm-qty-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,0.12);border-radius:6px;background:rgba(255,255,255,0.04);color:#fff;cursor:pointer;font-size:1rem;transition:background 0.2s;display:flex;align-items:center;justify-content:center}.disasm-qty-btn:hover{background:rgba(255,255,255,0.1)}.dr-overlay{position:fixed;inset:0;z-index:18000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);backdrop-filter:blur(0px);transition:background 0.4s,backdrop-filter 0.4s;padding:1rem}.dr-overlay.show{background:rgba(0,0,0,0.7);backdrop-filter:blur(5px)}.dr-overlay.hiding{background:rgba(0,0,0,0);backdrop-filter:blur(0)}.dr-modal{position:relative;width:100%;max-width:420px;max-height:85vh;background:linear-gradient(170deg,#1a1714 0%,#13110e 100%);border:1px solid rgba(212,168,50,0.2);border-radius:1rem;padding:1.5rem 1.2rem 1.2rem;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.7),0 0 30px rgba(212,168,50,0.05);transform:scale(0.7) translateY(30px);opacity:0;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),opacity 0.35s}.dr-overlay.show .dr-modal{transform:scale(1) translateY(0);opacity:1}.dr-overlay.hiding .dr-modal{transform:scale(0.9) translateY(-15px);opacity:0}.dr-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(212,168,50,0.1),transparent 70%);pointer-events:none}.dr-close{position:absolute;top:0.6rem;right:0.6rem;background:none;border:none;color:var(--color-muted);font-size:1.3rem;cursor:pointer;padding:0.2rem 0.4rem;transition:color 0.2s}.dr-close:hover{color:#fff}.dr-header{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.8rem}.dr-header-icon{font-size:1.8rem}.dr-title{font-size:1.1rem;font-weight:700;margin:0;background:linear-gradient(135deg,#d4a832,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dr-day{font-size:0.75rem;color:var(--color-muted)}.dr-resources{display:flex;gap:0.5rem;margin-bottom:0.7rem;padding:0.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:0.5rem}.dr-res-item{flex:1;display:flex;align-items:center;justify-content:center;gap:0.25rem;font-size:0.82rem}.dr-res-val{font-weight:700;color:var(--color-text)}.dr-res-delta{font-size:0.72rem;font-weight:600}.dr-res-label{font-size:0.65rem;color:var(--color-muted)}.dr-loot-bar{display:flex;flex-wrap:wrap;align-items:center;gap:0.3rem;padding:0.4rem 0.5rem;margin-bottom:0.7rem;background:rgba(76,175,80,0.04);border:1px solid rgba(76,175,80,0.12);border-radius:0.5rem}.dr-loot-label{font-size:0.72rem;color:var(--color-muted);margin-right:0.2rem}.dr-loot-chip{display:inline-flex;align-items:center;gap:0.15rem;padding:0.15rem 0.35rem;background:rgba(76,175,80,0.08);border:1px solid rgba(76,175,80,0.18);border-radius:5px;font-size:0.75rem}.dr-loot-chip b{color:#66bb6a;font-weight:700}.dr-body{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.8rem}.dr-section{background:rgba(13,11,9,0.5);border:1px solid rgba(255,255,255,0.04);border-radius:0.5rem;overflow:hidden}.dr-sec-head{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:0.35rem 0.6rem;color:rgba(212,168,50,0.8);background:rgba(212,168,50,0.04);border-bottom:1px solid rgba(255,255,255,0.04)}.dr-row{display:flex;align-items:flex-start;gap:0.4rem;padding:0.3rem 0.6rem;font-size:0.78rem;border-bottom:1px solid rgba(255,255,255,0.02)}.dr-row:last-child{border-bottom:none}.dr-row-icon{flex-shrink:0;width:1.2em;text-align:center}.dr-row-msg{color:var(--color-text);flex:1;line-height:1.4}.dr-tag{display:inline-block;font-size:0.65rem;padding:0.05rem 0.3rem;border-radius:4px;margin-left:0.2rem;vertical-align:middle}.dr-tag-bad{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.2)}.dr-tag-warn{background:rgba(251,191,36,0.1);color:#fbbf24;border:1px solid rgba(251,191,36,0.2)}.dr-tag-good{background:rgba(74,222,128,0.1);color:#4ade80;border:1px solid rgba(74,222,128,0.2)}.dr-btn-ok{display:block;width:100%;padding:0.55rem;border:1px solid rgba(212,168,50,0.3);border-radius:0.5rem;background:linear-gradient(135deg,rgba(212,168,50,0.12),rgba(184,134,11,0.08));color:#d4a832;font-size:0.9rem;font-weight:700;cursor:pointer;transition:all 0.2s}.dr-btn-ok:hover{background:linear-gradient(135deg,rgba(212,168,50,0.22),rgba(184,134,11,0.15));box-shadow:0 0 15px rgba(212,168,50,0.15)}#arrival-popup-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center}.arrival-popup{pointer-events:auto;background:linear-gradient(145deg,rgba(30,26,20,0.97),rgba(18,15,10,0.99));border:1px solid rgba(212,168,50,0.35);border-radius:var(--radius-xl,16px);padding:1.5rem 2rem;min-width:320px;max-width:420px;box-shadow:0 0 60px rgba(212,168,50,0.15),0 20px 60px rgba(0,0,0,0.7),inset 0 1px 0 rgba(212,168,50,0.15);animation:popupBounceIn 0.5s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}.arrival-popup::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:shimmer 2s ease-in-out infinite}.arrival-popup.popup-exit{animation:popupFadeOut 0.4s ease-in forwards}.arrival-popup-header{display:flex;align-items:center;gap:0.8rem;margin-bottom:1rem;padding-bottom:0.7rem;border-bottom:1px solid rgba(212,168,50,0.15)}.arrival-popup-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,rgba(212,168,50,0.2),rgba(212,168,50,0.05));border:2px solid rgba(212,168,50,0.3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.arrival-popup-title{flex:1}.arrival-popup-title h3{margin:0;font-size:1rem;color:var(--color-accent);font-weight:700}.arrival-popup-title p{margin:0.15rem 0 0;font-size:0.8rem;color:var(--color-text-dim)}.arrival-popup-close{position:absolute;top:0.6rem;right:0.8rem;background:none;border:none;color:var(--color-text-dim);cursor:pointer;font-size:1.2rem;padding:0.2rem;opacity:0.6;transition:opacity 0.2s}.arrival-popup-close:hover{opacity:1;color:var(--color-text)}.arrival-popup-loot{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:0.5rem;margin-bottom:0.8rem}.arrival-loot-item{display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0.6rem;background:rgba(212,168,50,0.06);border:1px solid rgba(212,168,50,0.12);border-radius:var(--radius-sm,8px);font-size:0.85rem}.arrival-loot-item .loot-icon{font-size:1.1rem}.arrival-loot-item .loot-count{color:var(--color-accent);font-weight:700}.arrival-loot-item .loot-name{color:var(--color-text-dim);font-size:0.75rem}.arrival-popup-xp{font-size:0.8rem;color:var(--color-text-dim);text-align:center;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.05)}.arrival-popup-injury{display:flex;align-items:center;gap:0.5rem;padding:0.45rem 0.7rem;border-radius:var(--radius-sm,6px);margin-bottom:0.5rem;font-size:0.82rem;font-weight:600}.arrival-popup-injury.safe{background:rgba(76,175,80,0.12);border:1px solid rgba(76,175,80,0.3);color:#81c784}.arrival-popup-injury.injured{background:rgba(244,67,54,0.12);border:1px solid rgba(244,67,54,0.3);color:#ef9a9a;animation:injuryFlash 1s ease-in-out}.arrival-injury-icon{font-size:1.1rem}.arrival-injury-text{flex:1}@keyframes injuryFlash{0%,100%{background:rgba(244,67,54,0.12)}50%{background:rgba(244,67,54,0.25)}}.arrival-popup-timer{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(212,168,50,0.15)}.arrival-popup-timer-bar{height:100%;background:var(--color-accent);animation:popupTimerShrink 8s linear forwards}.event-urgent{color:var(--color-danger,#e74c3c) !important;font-weight:700;animation:urgentPulse 1s ease-in-out infinite}@keyframes popupBounceIn{0%{opacity:0;transform:scale(0.7) translateY(30px)}60%{transform:scale(1.03) translateY(-5px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes popupFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0.9) translateY(20px)}}@keyframes popupTimerShrink{0%{width:100%}100%{width:0%}}@keyframes urgentPulse{0%,100%{opacity:1}50%{opacity:0.5}}.base-upgrade-panel,.water-pump-panel{background:linear-gradient(135deg,rgba(30,26,20,0.9),rgba(20,17,12,0.95));border:1px solid rgba(212,168,50,0.15);border-radius:var(--radius-lg);padding:1rem 1.2rem;margin:0.8rem 0;position:relative;overflow:hidden}.base-upgrade-panel::before,.water-pump-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.water-pump-panel{border-color:rgba(52,152,219,0.2)}.water-pump-panel::before{background:linear-gradient(90deg,transparent,#3498db,transparent)}.upgrade-header{display:flex;align-items:center;gap:0.8rem;margin-bottom:0.6rem}.upgrade-icon{font-size:2rem}.upgrade-title-wrap{flex:1}.upgrade-title{font-size:1.1rem;font-weight:700;color:var(--color-accent);margin:0}.upgrade-level{font-size:0.85rem;color:var(--color-text-dim);font-weight:400}.upgrade-desc{font-size:0.82rem;color:var(--color-text-dim);margin:0.15rem 0 0}.upgrade-dots{display:flex;gap:0.35rem;justify-content:center;margin:0.6rem 0}.upgrade-dot{width:20px;height:6px;border-radius:3px;background:rgba(255,255,255,0.1);transition:all 0.3s ease}.upgrade-dot.filled{background:linear-gradient(90deg,var(--color-accent-dim),var(--color-accent));box-shadow:0 0 4px rgba(212,168,50,0.3)}.upgrade-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin:0.6rem 0}.upgrade-info-item{text-align:center;padding:0.4rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-sm)}.upgrade-info-label{display:block;font-size:0.72rem;color:var(--color-text-dim);margin-bottom:0.15rem}.upgrade-info-value{font-size:0.85rem;color:var(--color-text)}.upgrade-info-value strong{color:#4caf50}.upgrade-cost-section{margin-top:0.6rem;padding-top:0.5rem;border-top:1px solid rgba(212,168,50,0.08)}.upgrade-cost-title{font-size:0.85rem;margin-bottom:0.4rem;color:var(--color-text-dim)}.upgrade-cost-title strong{color:var(--color-accent)}.upgrade-cost-grid{display:flex;flex-wrap:wrap;gap:0.3rem;margin-bottom:0.6rem}.upgrade-cost-item{font-size:0.78rem;padding:0.2rem 0.5rem;border-radius:var(--radius-sm);background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.05)}.upgrade-cost-item.ok{color:#4caf50;border-color:rgba(76,175,80,0.2)}.upgrade-cost-item.missing{color:#f44336;border-color:rgba(244,67,54,0.2)}.upgrade-btn{width:100%;padding:0.6rem;font-size:0.95rem;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#4caf50,#388e3c);color:white;transition:all 0.3s ease;letter-spacing:0.5px}.upgrade-btn:hover:not(.disabled){transform:scale(1.02);box-shadow:0 4px 16px rgba(76,175,80,0.3)}.upgrade-btn.disabled{background:rgba(100,100,100,0.3);color:var(--color-text-dim);cursor:not-allowed}.upgrade-max-badge{text-align:center;padding:0.8rem;font-size:1rem;font-weight:700;color:var(--color-accent);background:rgba(212,168,50,0.08);border-radius:var(--radius-sm);margin-top:0.5rem;animation:fadeInUp 0.5s ease}.npc-cap-bar{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.8rem;background:rgba(13,11,9,0.4);border-radius:var(--radius-sm);margin-bottom:0.6rem;font-size:0.82rem}.npc-cap-text{white-space:nowrap;color:var(--color-text-dim)}.npc-cap-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden}.npc-cap-bar-fill{height:100%;border-radius:3px;transition:width 0.4s ease}.npc-cap-full{color:#f44336;font-size:0.75rem;white-space:nowrap}.stat-sub{display:block;font-size:0.7rem;color:var(--color-text-dim);margin-top:0.1rem}.location-event{border:2px solid #ff9800 !important;background:rgba(255,152,0,0.15) !important;animation:event-glow 2s ease-in-out infinite;min-width:48px;max-width:75px;padding:0.3rem 0.25rem 0.35rem;font-size:0.75rem}.location-event.event-danger{border-color:#f44336 !important;background:rgba(244,67,54,0.15) !important;animation:event-danger-glow 1.5s ease-in-out infinite}.event-icon-pulse{animation:event-pulse 1.5s ease-in-out infinite;display:inline-block}@keyframes event-glow{0%,100%{box-shadow:0 0 6px rgba(255,152,0,0.4)}50%{box-shadow:0 0 16px rgba(255,152,0,0.7)}}@keyframes event-danger-glow{0%,100%{box-shadow:0 0 6px rgba(244,67,54,0.4)}50%{box-shadow:0 0 18px rgba(244,67,54,0.8)}}@keyframes event-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.event-modal-content{display:flex;flex-direction:column;gap:0.6rem}.event-desc{font-size:1rem;color:var(--color-text);margin-bottom:0.3rem}.event-expire{font-size:0.85rem;color:var(--color-warning,#ff9800);padding:0.3rem 0.6rem;background:rgba(255,152,0,0.1);border-radius:var(--radius-sm,4px)}.event-detail-box{background:rgba(13,11,9,0.4);padding:0.7rem;border-radius:var(--radius-sm,8px);border-left:3px solid var(--color-accent,#d4a44a)}.event-detail-box.event-detail-danger{border-left-color:#f44336;background:rgba(244,67,54,0.08)}.event-detail-box.event-detail-warning{border-left-color:#ff9800;background:rgba(255,152,0,0.08)}.event-actions{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.4rem}.event-actions-col{flex-direction:column}.event-btn{flex:1;min-width:140px;padding:0.6rem 0.8rem;font-size:0.9rem;font-weight:700;border:none;border-radius:var(--radius-sm,8px);cursor:pointer;transition:all 0.2s;color:#fff}.event-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.15)}.event-btn:disabled{opacity:0.5;cursor:not-allowed}.event-btn-success{background:linear-gradient(135deg,#4caf50,#388e3c)}.event-btn-danger{background:linear-gradient(135deg,#f44336,#c62828)}.event-btn-muted{background:linear-gradient(135deg,#616161,#424242)}.event-btn-trade{background:linear-gradient(135deg,#ff9800,#e65100);flex:unset;width:100%}.td-head{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.6rem;margin-bottom:0.5rem;background:linear-gradient(135deg,rgba(255,152,0,0.08),rgba(230,81,0,0.04));border:1px solid rgba(255,152,0,0.15);border-radius:var(--radius-md)}.td-av{font-size:1.6rem;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;background:rgba(255,152,0,0.1);border-radius:50%;border:2px solid rgba(255,152,0,0.25);flex-shrink:0}.td-nm{font-size:0.95rem;font-weight:700;color:#ff9800}.td-tag{font-size:0.72rem;color:var(--color-muted);margin-left:auto}.td-list{display:flex;flex-direction:column;gap:0.45rem}.td-row{display:flex;align-items:center;gap:0.4rem;padding:0.55rem 0.65rem;background:rgba(30,27,22,0.9);border:1px solid rgba(255,152,0,0.12);border-radius:0.6rem;cursor:pointer;transition:all 0.25s ease;width:100%;text-align:left;color:inherit;font-family:inherit;font-size:inherit;position:relative}.td-row::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,152,0,0.25),transparent)}.td-row:hover:not(:disabled){border-color:rgba(255,152,0,0.35);background:rgba(255,152,0,0.06);box-shadow:0 2px 12px rgba(255,152,0,0.1);transform:translateY(-1px)}.td-row:active:not(:disabled){transform:scale(0.98)}.td-row-off{opacity:0.45;filter:saturate(0.3);cursor:not-allowed}.td-give,.td-get{display:flex;flex-wrap:wrap;gap:0.25rem;flex:1;min-width:0}.td-arrow{color:#ff9800;font-size:1rem;flex-shrink:0;opacity:0.7;margin:0 0.15rem}.td-go{font-size:1.1rem;flex-shrink:0;width:2rem;text-align:center}.td-chip{display:inline-flex;align-items:center;gap:0.2rem;padding:0.2rem 0.4rem;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.18);border-radius:6px;font-size:0.78rem;white-space:nowrap}.td-chip b{color:#ef5350;font-weight:700;font-size:0.8rem}.td-chip small{font-size:0.6rem;color:var(--color-muted);background:rgba(255,255,255,0.06);padding:0 0.25rem;border-radius:3px;margin-left:0.1rem}.td-chip-lack{border-color:rgba(239,68,68,0.4);background:rgba(239,68,68,0.12)}.td-chip-lack b{color:#f87171}.td-chip-lack small{color:#f87171;background:rgba(239,68,68,0.15)}.td-chip-get{background:rgba(76,175,80,0.08);border-color:rgba(76,175,80,0.2)}.td-chip-get b{color:#66bb6a}.td-chip-get small{background:rgba(76,175,80,0.1)}.scout-modal-content{display:flex;flex-direction:column;gap:0.8rem;padding:1rem}.scout-radar-section{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;background:linear-gradient(135deg,rgba(0,40,20,0.5),rgba(0,60,30,0.3));border:1px solid rgba(0,255,100,0.12);border-radius:12px;position:relative;overflow:hidden}.scout-radar-section::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent,transparent 3px,rgba(0,255,100,0.015) 3px,rgba(0,255,100,0.015) 4px );pointer-events:none}.scout-radar{position:relative;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(0,30,15,0.9) 0%,rgba(0,20,10,0.95) 100%);border:2px solid rgba(0,255,100,0.25);flex-shrink:0;overflow:hidden}.scout-radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,255,100,0.12);top:50%;left:50%;transform:translate(-50%,-50%)}.scout-radar-ring-1{width:30%;height:30%}.scout-radar-ring-2{width:60%;height:60%}.scout-radar-ring-3{width:90%;height:90%}.scout-radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(0,255,100,0.6),transparent);animation:radarSweep 2.5s linear infinite}.scout-radar-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#00ff64;box-shadow:0 0 8px #00ff64,0 0 16px rgba(0,255,100,0.4);top:28%;left:62%;animation:radarBlink 1.2s ease-in-out infinite}@keyframes radarSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes radarBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.6)}}.scout-radar-text{flex:1;min-width:0}.scout-radar-title{font-size:1rem;font-weight:800;color:#66ffaa;margin-bottom:0.35rem;text-shadow:0 0 10px rgba(0,255,100,0.3)}.scout-radar-sub{font-size:0.78rem;color:rgba(150,220,180,0.7);line-height:1.5}.scout-time-bar{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.8rem;background:rgba(255,152,0,0.08);border:1px solid rgba(255,152,0,0.15);border-radius:8px;font-size:0.85rem;color:#ffb74d}.scout-time-bar.scout-time-urgent{background:rgba(244,67,54,0.1);border-color:rgba(244,67,54,0.25);color:#ef9a9a;animation:scoutUrgentPulse 1.5s ease-in-out infinite}@keyframes scoutUrgentPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 12px rgba(244,67,54,0.2)}}.scout-time-icon{font-size:1rem}.scout-time-text{flex:1}.scout-time-warn{font-size:0.75rem;font-weight:700;animation:scoutWarnBlink 0.8s ease-in-out infinite}@keyframes scoutWarnBlink{0%,100%{opacity:1}50%{opacity:0.4}}.scout-section-label{font-size:0.82rem;font-weight:700;color:var(--color-text-dim,#a09880);padding-bottom:0.2rem;border-bottom:1px solid rgba(212,168,50,0.08);display:flex;align-items:center;gap:0.3rem}.scout-count{font-weight:400;font-size:0.72rem;color:rgba(160,152,128,0.6);margin-left:auto}.scout-card{display:flex;align-items:center;gap:0.7rem;padding:0.65rem 0.9rem;border-radius:10px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;position:relative;overflow:hidden}.scout-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.03),transparent 60%);pointer-events:none}.scout-card:hover{transform:translateY(-2px);filter:brightness(1.1)}.scout-card:active{transform:translateY(0);filter:brightness(0.95)}.scout-card-player{background:linear-gradient(135deg,rgba(212,168,50,0.12),rgba(212,168,50,0.04));border-color:rgba(212,168,50,0.2)}.scout-card-player:hover{border-color:rgba(212,168,50,0.45);box-shadow:0 4px 16px rgba(212,168,50,0.12)}.scout-card-npc{background:linear-gradient(135deg,rgba(76,175,80,0.08),rgba(56,142,60,0.03));border-color:rgba(76,175,80,0.12)}.scout-card-npc:hover{border-color:rgba(76,175,80,0.4);box-shadow:0 4px 16px rgba(76,175,80,0.1)}.scout-card-avatar{font-size:1.8rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.25);border-radius:50%;flex-shrink:0}.scout-card-info{flex:1;min-width:0}.scout-card-name{font-weight:700;font-size:0.88rem;color:var(--color-text,#e8e0d0);display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap}.scout-card-tag{font-size:0.62rem;font-weight:600;padding:0.1rem 0.4rem;border-radius:4px;background:rgba(212,168,50,0.2);color:#d4a832}.scout-card-stars{font-size:0.65rem;letter-spacing:0.5px}.scout-card-prof{font-size:0.72rem;color:var(--color-text-dim,#a09880);margin-top:0.1rem}.scout-card-stats{display:flex;gap:0.6rem;margin-top:0.2rem}.scout-stat{font-size:0.72rem;padding:0.12rem 0.45rem;border-radius:4px;background:rgba(100,200,255,0.08);color:#81d4fa;font-weight:600}.scout-card-go{font-size:0.75rem;font-weight:700;color:rgba(255,255,255,0.5);white-space:nowrap;transition:color 0.2s;flex-shrink:0}.scout-card:hover .scout-card-go{color:#fff}.scout-card-player:hover .scout-card-go{color:#d4a832}.scout-card-npc:hover .scout-card-go{color:#81c784}.scout-npc-grid{display:flex;flex-direction:column;gap:0.4rem;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(212,168,50,0.2) transparent}.scout-empty-npc{text-align:center;padding:1.2rem;color:var(--color-text-dim,#a09880);font-size:0.9rem;background:rgba(13,11,9,0.3);border-radius:8px;border:1px dashed rgba(160,152,128,0.15)}.vehicle-panel{margin-top:1rem}.vehicle-panel-title{margin-bottom:0.6rem;color:var(--color-accent,#d4a44a)}.vehicle-empty{text-align:center;padding:1rem;color:var(--color-text-dim);font-size:0.9rem}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0.6rem}.vehicle-card{background:rgba(13,11,9,0.5);border:1px solid var(--color-border,#3a3520);border-radius:var(--radius-md,10px);padding:0.7rem;transition:all 0.2s}.vehicle-card:hover{border-color:var(--color-accent,#d4a44a)}.vehicle-card.vehicle-active{border-color:#4caf50;box-shadow:0 0 8px rgba(76,175,80,0.3)}.vehicle-card.vehicle-broken{border-color:#f44336;opacity:0.8}.vehicle-header{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.5rem;flex-wrap:wrap}.vehicle-icon{font-size:1.5rem}.vehicle-condition{font-size:0.8rem;font-weight:700}.vehicle-badge-active{background:#4caf50;color:#fff;padding:0.1rem 0.4rem;border-radius:var(--radius-xs,4px);font-size:0.7rem;font-weight:700;margin-left:auto}.vehicle-bars{margin-bottom:0.4rem}.vehicle-bar-row{display:flex;align-items:center;gap:0.3rem;margin-bottom:0.25rem;font-size:0.8rem}.vehicle-bar-row>span:first-child{min-width:55px}.vehicle-bar-row>span:last-child{min-width:40px;text-align:right;font-weight:600}.vehicle-bar{flex:1;height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}.vehicle-bar-fill{height:100%;border-radius:4px;transition:width 0.3s}.vehicle-info{display:flex;gap:0.6rem;font-size:0.8rem;color:var(--color-text-dim);margin-bottom:0.4rem}.vehicle-actions{margin-top:0.3rem}.vehicle-action-btn{width:100%;padding:0.45rem;font-size:0.85rem;font-weight:700;border:none;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all 0.2s;color:#fff}.vehicle-action-btn:hover:not(:disabled){filter:brightness(1.15)}.vehicle-action-btn:disabled,.vehicle-action-btn.disabled{opacity:0.5;cursor:not-allowed}.vehicle-use-btn{background:linear-gradient(135deg,#4caf50,#388e3c)}.vehicle-unset-btn{background:linear-gradient(135deg,#616161,#424242)}.vehicle-repair-btn{background:linear-gradient(135deg,#ff9800,#e65100)}.vehicle-scrap-btn{background:linear-gradient(135deg,#78909c,#546e7a)}.vehicle-scrap-btn:hover:not(:disabled){background:linear-gradient(135deg,#90a4ae,#607d8b)}.vehicle-refuel-btn{background:linear-gradient(135deg,#2196f3,#1565c0)}.vehicle-refuel-btn:hover:not(:disabled){background:linear-gradient(135deg,#42a5f5,#1976d2);box-shadow:0 0 8px rgba(33,150,243,0.3)}.vp-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity 0.25s ease}.vp-overlay.vp-show{opacity:1}.vp-popup{background:linear-gradient(145deg,#1a1810 0%,#0d0b09 100%);border:2px solid var(--color-accent,#d4a44a);border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,0.8),0 0 30px rgba(212,164,74,0.15),inset 0 1px 0 rgba(255,255,255,0.05);transform:scale(0.9) translateY(20px);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden}.vp-show .vp-popup{transform:scale(1) translateY(0)}.vp-header{display:flex;align-items:center;gap:0.6rem;padding:1rem 1.2rem;background:linear-gradient(135deg,rgba(212,164,74,0.15) 0%,rgba(212,164,74,0.05) 100%);border-bottom:1px solid rgba(212,164,74,0.2)}.vp-header-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5))}.vp-title{flex:1;margin:0;font-size:1.1rem;color:var(--color-accent,#d4a44a);text-shadow:0 1px 3px rgba(0,0,0,0.5)}.vp-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0.25rem;line-height:1;transition:color 0.2s,transform 0.2s;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.vp-close:hover{color:#f44336;transform:scale(1.2)}.vp-body{padding:1rem 1.2rem}.vp-rows{display:flex;flex-direction:column;gap:0.5rem}.vp-row{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.7rem;background:rgba(255,255,255,0.03);border-radius:8px;border:1px solid rgba(255,255,255,0.05)}.vp-row-highlight{background:rgba(76,175,80,0.1);border-color:rgba(76,175,80,0.2)}.vp-row-warning{background:rgba(255,152,0,0.1);border-color:rgba(255,152,0,0.2)}.vp-row-label{font-size:0.85rem;color:var(--color-text-dim,#a09880);min-width:80px}.vp-row-value{font-size:0.9rem;font-weight:600;color:#e8dcc8;text-align:right;flex:1}.vp-row-bar-wrap{display:flex;align-items:center;gap:0.5rem;flex:1;justify-content:flex-end}.vp-row-bar{width:80px;height:8px;background:rgba(255,255,255,0.08);border-radius:4px;overflow:hidden}.vp-row-bar-fill{height:100%;border-radius:4px;transition:width 0.4s ease}.vp-row-val{font-size:0.85rem;font-weight:600;min-width:70px;text-align:right}.vp-parts-section{margin-top:0.8rem;padding:0.8rem;background:rgba(76,175,80,0.08);border:1px solid rgba(76,175,80,0.2);border-radius:10px}.vp-parts-label{font-size:0.9rem;font-weight:700;color:#4caf50;margin-bottom:0.5rem}.vp-parts-grid{display:flex;flex-wrap:wrap;gap:0.4rem}.vp-part-item{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);padding:0.3rem 0.6rem;border-radius:6px;font-size:0.85rem;font-weight:600;color:#e8dcc8}.vp-warning-box{margin-top:0.6rem;padding:0.6rem 0.8rem;background:rgba(244,67,54,0.1);border:1px solid rgba(244,67,54,0.3);border-radius:8px;color:#ef5350;font-size:0.85rem;font-weight:600;text-align:center}.vp-footer{display:flex;gap:0.6rem;padding:0.8rem 1.2rem 1rem;border-top:1px solid rgba(255,255,255,0.05)}.vp-btn{flex:1;padding:0.7rem 1rem;font-size:0.95rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all 0.2s;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.vp-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.vp-btn:active{transform:translateY(0)}.vp-btn-cancel{background:linear-gradient(135deg,#424242,#303030);color:#ccc}.vp-btn-cancel:hover{background:linear-gradient(135deg,#555,#424242)}.vp-btn-refuel{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;box-shadow:0 4px 12px rgba(33,150,243,0.3)}.vp-btn-refuel:hover{box-shadow:0 6px 20px rgba(33,150,243,0.4)}.vp-btn-scrap{background:linear-gradient(135deg,#ff9800,#e65100);color:#fff;box-shadow:0 4px 12px rgba(255,152,0,0.3)}.vp-btn-scrap:hover{box-shadow:0 6px 20px rgba(255,152,0,0.4)}.mw-veh-card.mw-veh-nofuel{opacity:0.5;border-color:rgba(244,67,54,0.25) !important;cursor:not-allowed;filter:grayscale(0.4)}.mw-veh-card.mw-veh-nofuel:hover{transform:none;box-shadow:none}.mw-veh-nofuel-warn{font-size:0.75rem;color:#ef5350;background:rgba(244,67,54,0.1);border:1px solid rgba(244,67,54,0.2);border-radius:var(--radius-xs);padding:0.2rem 0.5rem;margin-bottom:0.3rem;text-align:center;font-weight:600}.npc-moral-row{display:flex;flex-direction:column;gap:0.2rem;margin:0.4rem 0;padding:0.3rem 0.5rem;background:rgba(13,11,9,0.3);border-radius:var(--radius-xs,4px)}.npc-moral-item{display:flex;align-items:center;gap:0.3rem;font-size:0.75rem}.npc-moral-item>span:first-child{min-width:65px;white-space:nowrap}.npc-moral-item>span:last-child{min-width:22px;text-align:right;font-weight:700;font-size:0.7rem}.npc-moral-bar{flex:1;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}.npc-moral-bar-fill{height:100%;border-radius:3px;transition:width 0.3s}.event-fog{border:2px dashed #666 !important;background:rgba(100,100,100,0.2) !important;opacity:0.75}.event-fog .icon{filter:grayscale(1)}.event-log-list{display:flex;flex-direction:column;gap:0.5rem}.event-log-section-title{margin:0.6rem 0 0.3rem;font-size:0.95rem;color:var(--color-accent,#d4a44a);border-bottom:1px solid var(--color-border,#3a3520);padding-bottom:0.2rem}.event-log-card{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.7rem;background:rgba(13,11,9,0.4);border:1px solid var(--color-border,#3a3520);border-radius:var(--radius-sm,6px);transition:all 0.2s}.event-log-card:hover{border-color:var(--color-accent,#d4a44a)}.event-log-internal{border-left:3px solid #ff9800}.event-log-fog{opacity:0.6;border-left:3px dashed #666}.event-log-history{opacity:0.7;font-size:0.9rem}.event-log-icon{font-size:1.3rem;min-width:30px;text-align:center}.event-log-info{flex:1;display:flex;flex-direction:column;gap:0.1rem}.event-log-info strong{font-size:0.9rem}.event-log-desc{font-size:0.8rem;color:var(--color-text-dim)}.event-log-time{font-size:0.7rem;color:var(--color-text-dim);opacity:0.7}.event-log-status{font-size:0.75rem;white-space:nowrap}.event-log-action-btn{padding:0.3rem 0.6rem !important;min-width:unset !important;font-size:0.8rem !important;flex:unset !important}.party-panel{margin-top:1rem}.party-card{background:linear-gradient(135deg,rgba(26,22,18,0.85),rgba(45,35,20,0.6));border:1px solid rgba(212,168,50,0.12);border-radius:var(--radius-lg,12px);overflow:hidden;transition:border-color 0.2s ease}.party-card:hover{border-color:rgba(212,168,50,0.25)}.party-header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background:rgba(13,11,9,0.4);border-bottom:1px solid rgba(212,168,50,0.08)}.party-title{font-size:1rem;font-weight:700;color:var(--color-accent,#d4a832)}.party-mood{font-size:0.82rem;padding:0.2rem 0.6rem;border-radius:20px;font-weight:600}.party-mood.mood-happy{background:rgba(76,175,80,0.15);color:#81c784}.party-mood.mood-normal{background:rgba(33,150,243,0.12);color:#90caf9}.party-mood.mood-sad{background:rgba(255,152,0,0.12);color:#ffb74d}.party-mood.mood-bad{background:rgba(244,67,54,0.12);color:#ef9a9a}.party-body{padding:0.85rem 1rem;display:flex;flex-direction:column;gap:0.6rem}.party-desc{font-size:0.82rem;color:var(--color-text-dim,#a09882);line-height:1.5;margin:0}.party-stats-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.2rem}.party-stat{display:inline-flex;align-items:center;gap:0.25rem;padding:0.3rem 0.6rem;background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-sm,6px);font-size:0.82rem;font-weight:600;color:var(--color-text,#e0d6c2)}.party-stat small{font-weight:400;color:var(--color-text-dim);font-size:0.72rem}.party-stat-lack{border-color:rgba(244,67,54,0.3);color:#ef9a9a}.party-unhappy-hint{font-size:0.8rem;color:#ffb74d;padding:0.4rem 0.6rem;background:rgba(255,152,0,0.08);border:1px solid rgba(255,152,0,0.12);border-radius:var(--radius-sm,6px)}.party-action{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap}.party-btn{padding:0.65rem 1.5rem;font-size:0.9rem;font-weight:700;font-family:inherit;border:none;border-radius:var(--radius-md,10px);cursor:pointer;background:linear-gradient(135deg,#d4a832,#b8892e);color:#1a1612;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(212,168,50,0.2);white-space:nowrap}.party-btn:hover:not(.disabled){background:linear-gradient(135deg,#e0b840,#d4a832);box-shadow:0 4px 16px rgba(212,168,50,0.35);transform:translateY(-1px)}.party-btn.disabled{opacity:0.4;cursor:not-allowed;filter:grayscale(0.5)}.party-disabled-reason{font-size:0.78rem;color:var(--color-text-dim,#a09882);font-style:italic}.farm-section h3,.tab-panel h3{font-size:1.05rem;color:var(--color-accent);margin-bottom:0.8rem;display:flex;align-items:center;gap:0.5rem;position:relative;padding-bottom:0.4rem}.farm-section h3::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);border-radius:1px}[title]{position:relative}button,.btn,[role="button"]{font-family:inherit}.npc2-card.selected,.pet-card.selected,.crafting-card.selected{border-color:rgba(212,168,50,0.4) !important;box-shadow:0 0 20px rgba(212,168,50,0.1),0 4px 16px rgba(0,0,0,0.3) !important}.resource.low-resource{animation:urgentPulse 2s ease-in-out infinite}.resource.low-resource .value{color:var(--color-danger)}.stat-value,.resource .value,.vital-value{transition:color 0.3s ease}.game-flavor{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;padding:0.5rem 0;border-top:1px solid rgba(212,168,50,0.06);margin-top:1rem}.medical-panel{margin-top:1.5rem}.medical-panel-title{font-size:1.15rem;margin-bottom:0.3rem;color:var(--color-accent)}.medical-panel-desc{font-size:0.85rem;color:var(--color-text-muted);margin-bottom:0.75rem}.medical-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.5rem;margin-bottom:1rem}.medical-info-item{background:rgba(0,0,0,0.25);border:1px solid rgba(212,168,50,0.10);border-radius:8px;padding:0.5rem 0.7rem;display:flex;flex-direction:column;gap:0.15rem}.medical-info-label{font-size:0.78rem;color:var(--color-text-muted)}.medical-info-value{font-size:1rem;font-weight:700;color:var(--color-accent)}.medical-section{margin-bottom:1rem;padding:0.75rem;background:rgba(0,0,0,0.18);border:1px solid rgba(212,168,50,0.08);border-radius:10px}.medical-section h4{font-size:0.95rem;margin-bottom:0.5rem;color:#e0d4b0}.medical-medic-list,.medical-patient-list,.medical-sick-list{display:flex;flex-direction:column;gap:0.4rem}.medical-medic-card{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,0.2);border:1px solid rgba(76,175,80,0.2);border-radius:8px;padding:0.4rem 0.6rem;font-size:0.88rem}.medical-assign-area{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.5rem}.medical-patient-card{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;background:rgba(33,150,243,0.08);border:1px solid rgba(33,150,243,0.18);border-radius:8px;padding:0.5rem 0.7rem}.medical-patient-info{display:flex;align-items:center;gap:0.4rem;font-size:0.88rem}.medical-patient-icon{font-size:1.3rem}.medical-patient-status{display:flex;gap:0.7rem;font-size:0.78rem;color:var(--color-text-muted)}.medical-sick-card{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;background:rgba(255,152,0,0.08);border:1px solid rgba(255,152,0,0.18);border-radius:8px;padding:0.5rem 0.7rem}.medical-sick-info{display:flex;flex-direction:column;gap:0.15rem;font-size:0.88rem}.medical-sick-need{font-size:0.78rem;color:var(--color-text-muted)}.medical-empty{font-size:0.85rem;color:var(--color-text-muted);font-style:italic;padding:0.3rem 0}.medical-btn{border:none;border-radius:6px;padding:0.35rem 0.75rem;font-size:0.82rem;cursor:pointer;transition:all 0.2s;font-family:inherit;white-space:nowrap}.medical-btn:hover:not(.disabled){filter:brightness(1.2);transform:translateY(-1px)}.medical-btn.disabled{opacity:0.45;cursor:not-allowed}.medical-btn-assign{background:rgba(76,175,80,0.25);color:#66bb6a;border:1px solid rgba(76,175,80,0.3)}.medical-btn-remove{background:rgba(244,67,54,0.2);color:#ef5350;border:1px solid rgba(244,67,54,0.25);font-size:0.78rem;padding:0.25rem 0.5rem}.medical-btn-admit{background:rgba(33,150,243,0.25);color:#42a5f5;border:1px solid rgba(33,150,243,0.3)}.medical-btn-upgrade{background:linear-gradient(135deg,rgba(212,168,50,0.3),rgba(212,168,50,0.15));color:var(--color-accent);border:1px solid rgba(212,168,50,0.4);padding:0.5rem 1.2rem;font-size:0.9rem;font-weight:600;margin-top:0.5rem}.medical-upgrade-section{margin-top:1rem;padding:0.75rem;background:rgba(212,168,50,0.05);border:1px solid rgba(212,168,50,0.15);border-radius:10px}.medical-upgrade-section h4{font-size:0.95rem;color:var(--color-accent);margin-bottom:0.3rem}.medical-upgrade-desc{font-size:0.82rem;color:var(--color-text-muted);margin-bottom:0.5rem}.medical-upgrade-preview{display:flex;gap:1.2rem;font-size:0.85rem;margin-bottom:0.5rem;color:#ccc}.medical-upgrade-preview strong{color:#4caf50}.medical-upgrade-cost{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.5rem}.medical-upgrade-cost .upgrade-cost-item{background:rgba(0,0,0,0.25);padding:0.2rem 0.5rem;border-radius:4px;font-size:0.8rem;color:#aaa}.medical-upgrade-cost .upgrade-cost-item.cost-missing{color:#f44336;border:1px solid rgba(244,67,54,0.3)}.crafting-table-badge{background:rgba(122,92,26,0.15);border:1px solid rgba(212,168,50,0.2);border-radius:8px;padding:0.5rem 0.75rem;margin-bottom:0;font-size:0.9rem;color:var(--color-accent);transition:background 0.2s;user-select:none}.crafting-table-badge:hover{background:rgba(122,92,26,0.25)}.ct-expand-hint{font-size:0.78rem;color:var(--color-text-muted);margin-left:0.5rem}.ct-inline-upgrade{display:none;background:rgba(0,0,0,0.25);border:1px solid rgba(212,168,50,0.15);border-top:none;border-radius:0 0 8px 8px;padding:0.75rem;margin-bottom:0.75rem;animation:ctSlideDown 0.25s ease}.ct-inline-upgrade.open{display:block}@keyframes ctSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ct-inline-header{font-size:0.9rem;color:var(--color-accent);margin-bottom:0.5rem}.ct-inline-btn{width:100%;margin-top:0.5rem;font-size:0.85rem}.ct-unlocks-preview{display:flex;flex-wrap:wrap;gap:0.35rem;align-items:center;margin-bottom:0.5rem;margin-top:0.5rem}.ct-unlocks-label{font-size:0.82rem;color:var(--color-text-muted);margin-right:0.3rem}.ct-unlock-tag{background:rgba(76,175,80,0.12);border:1px solid rgba(76,175,80,0.2);border-radius:4px;padding:0.15rem 0.45rem;font-size:0.78rem;color:#66bb6a}.ct-unlock-tag.ct-unlock-more{background:rgba(255,255,255,0.05);color:var(--color-text-muted);border-color:rgba(255,255,255,0.1)}.crafting-card.crafting-locked{opacity:0.5;position:relative;cursor:pointer}.crafting-card.crafting-locked:hover{opacity:0.7}.crafting-card.crafting-locked::after{content:'🔒';position:absolute;top:0.5rem;right:0.5rem;font-size:1.2rem}.crafting-lock-info{font-size:0.78rem;color:var(--color-text-muted);font-style:italic;margin-top:0.3rem}.crafting-lock-hint{font-size:0.75rem;color:var(--color-text-muted);margin-top:0.25rem}.ct-goto-upgrade{color:var(--color-accent);cursor:pointer;text-decoration:underline;font-weight:600}.ct-goto-upgrade:hover{color:#e6c74c}.upgrade-menu{margin-top:1.5rem;background:rgba(0,0,0,0.2);border:1px solid rgba(212,168,50,0.12);border-radius:12px;overflow:hidden}.upgrade-menu-title{padding:0.75rem 1rem;margin:0;font-size:1rem;color:var(--color-accent);background:rgba(122,92,26,0.15);border-bottom:1px solid rgba(212,168,50,0.12)}.upgrade-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid rgba(212,168,50,0.12)}.upgrade-tabs::-webkit-scrollbar{display:none}.upgrade-tab-btn{flex:1;min-width:0;padding:0.6rem 0.5rem;background:transparent;border:none;color:var(--color-text-muted);font-size:0.78rem;cursor:pointer;white-space:nowrap;transition:all 0.2s;border-bottom:2px solid transparent}.upgrade-tab-btn:hover{color:var(--color-text);background:rgba(212,168,50,0.05)}.upgrade-tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:rgba(212,168,50,0.08)}.upgrade-panel-content{display:none;padding:1rem}.upgrade-panel-content.active{display:block}.inv-clickable{cursor:pointer;position:relative;transition:transform 0.15s,box-shadow 0.15s}.inv-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,168,50,0.15)}.inv-source-hint{position:absolute;top:3px;right:3px;font-size:0.6rem;opacity:0;transition:opacity 0.2s}.inv-clickable:hover .inv-source-hint{opacity:0.7}.item-source-content{max-width:520px;max-height:80vh;overflow-y:auto;padding:1.25rem}.item-source-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(212,168,50,0.15)}.item-source-icon{font-size:2.5rem;background:rgba(0,0,0,0.3);border-radius:10px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,168,50,0.2)}.item-source-meta h3{margin:0;font-size:1.1rem;color:var(--color-accent)}.item-source-cat{font-size:0.78rem;color:var(--color-text-muted);display:block}.item-source-have{font-size:0.85rem;color:var(--color-text)}.item-source-section{margin-bottom:1rem}.item-source-section h4{margin:0 0 0.5rem;font-size:0.9rem;color:var(--color-accent);border-bottom:1px solid rgba(212,168,50,0.1);padding-bottom:0.35rem}.item-source-loot-list{display:flex;flex-direction:column;gap:0.35rem}.item-source-loot-card{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.6rem;background:rgba(76,175,80,0.06);border:1px solid rgba(76,175,80,0.15);border-radius:6px;font-size:0.82rem}.item-source-loot-card.source-out-range{opacity:0.45;background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.08)}.source-loc-icon{font-size:1.2rem}.source-loc-info{flex:1;display:flex;flex-direction:column;gap:0.1rem}.source-loc-name{font-weight:600}.source-loc-detail{font-size:0.72rem;color:var(--color-text-muted)}.source-tag{font-size:0.68rem;padding:0.1rem 0.4rem;border-radius:4px;white-space:nowrap}.source-tag.source-ok{background:rgba(76,175,80,0.15);color:#66bb6a}.source-tag.source-locked{background:rgba(244,67,54,0.12);color:#ef5350}.item-source-craft-list{display:flex;flex-direction:column;gap:0.4rem}.item-source-craft-card{padding:0.5rem 0.65rem;background:rgba(33,150,243,0.06);border:1px solid rgba(33,150,243,0.15);border-radius:6px}.item-source-craft-card.source-craft-locked{opacity:0.5;border-color:rgba(255,255,255,0.08);background:rgba(255,255,255,0.02)}.source-craft-header{font-size:0.85rem;font-weight:600;margin-bottom:0.25rem;display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap}.source-craft-ings{display:flex;flex-wrap:wrap;gap:0.3rem;font-size:0.78rem}.source-ing-ok{color:#66bb6a}.source-ing-miss{color:#ef5350}.item-source-used-list{display:flex;flex-wrap:wrap;gap:0.3rem}.item-source-used-chip{font-size:0.78rem;padding:0.2rem 0.45rem;background:rgba(255,152,0,0.08);border:1px solid rgba(255,152,0,0.15);border-radius:4px;color:var(--color-text)}#eq-summary{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;padding:0.75rem;background:rgba(13,11,9,0.6);border:1px solid rgba(212,168,50,0.12);border-radius:var(--radius-md)}.eq-stat{display:flex;align-items:center;gap:0.35rem;padding:0.3rem 0.65rem;background:rgba(212,168,50,0.06);border-radius:var(--radius-sm);font-size:0.85rem;color:var(--color-text)}.eq-stat b{color:var(--color-gold);font-weight:600}.eq-stat-icon{font-size:1rem}#eq-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem;margin-bottom:1rem}.eq-slot{background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.1);border-radius:var(--radius-md);padding:0.75rem;text-align:center;transition:all var(--transition-normal)}.eq-slot:hover{border-color:rgba(212,168,50,0.25);box-shadow:0 0 12px rgba(212,168,50,0.08)}.eq-slot-filled{border-color:rgba(76,175,80,0.25)}.eq-slot-empty{opacity:0.65}.eq-slot-label{font-size:0.78rem;color:var(--color-muted);margin-bottom:0.4rem;text-transform:uppercase;letter-spacing:0.5px}.eq-slot-icon{font-size:2rem;margin:0.3rem 0}.eq-empty-icon{opacity:0.3;font-size:1.5rem}.eq-slot-name{font-size:0.9rem;font-weight:600;color:var(--color-text);margin-bottom:0.4rem}.eq-empty-name{color:var(--color-muted);font-weight:400}.eq-dur-bar{width:100%;height:6px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden;margin:0.3rem 0 0.15rem}.eq-dur-fill{height:100%;border-radius:3px;transition:width 0.4s ease,background 0.4s ease}.eq-dur-text{font-size:0.7rem;color:var(--color-muted);margin-bottom:0.35rem}.eq-ammo-info{font-size:0.8rem;color:#ffb74d;margin:0.2rem 0}.eq-ammo-reserve{color:var(--color-muted);font-size:0.72rem}.eq-btn{padding:0.3rem 0.6rem;border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-sm);background:rgba(212,168,50,0.08);color:var(--color-text);font-size:0.78rem;cursor:pointer;transition:all var(--transition-fast)}.eq-btn:hover:not(:disabled){background:rgba(212,168,50,0.18);border-color:rgba(212,168,50,0.35)}.eq-btn:disabled{opacity:0.4;cursor:not-allowed}.eq-btn-reload{border-color:rgba(255,183,77,0.25);color:#ffb74d}.eq-btn-repair{border-color:rgba(76,175,80,0.25);color:#66bb6a}.eq-btn-unequip{border-color:rgba(239,83,80,0.25);color:#ef5350}.eq-btn-equip{padding:0.35rem 0.75rem;background:rgba(76,175,80,0.12);border-color:rgba(76,175,80,0.3);color:#66bb6a;font-weight:600}.eq-btn-equip:hover{background:rgba(76,175,80,0.22)}.eq-slot-actions{display:flex;gap:0.4rem;justify-content:center;margin-top:0.4rem}#eq-ammo-panel{margin-bottom:1rem;padding:0.65rem;background:rgba(13,11,9,0.4);border:1px solid rgba(255,183,77,0.1);border-radius:var(--radius-md)}.eq-ammo-title{font-size:0.85rem;font-weight:600;color:#ffb74d;margin-bottom:0.5rem}.eq-ammo-grid{display:flex;flex-wrap:wrap;gap:0.5rem}.eq-ammo-item{display:flex;align-items:center;gap:0.35rem;padding:0.3rem 0.6rem;background:rgba(255,183,77,0.06);border:1px solid rgba(255,183,77,0.12);border-radius:var(--radius-sm);font-size:0.82rem;color:var(--color-text)}.eq-ammo-count{color:#ffb74d;font-weight:600}#eq-available{display:flex;flex-direction:column;gap:0.5rem}.eq-no-items{text-align:center;color:var(--color-muted);font-size:0.85rem;padding:1.5rem}.eq-avail-item{display:flex;align-items:center;gap:0.65rem;padding:0.6rem 0.75rem;background:rgba(13,11,9,0.45);border:1px solid rgba(212,168,50,0.08);border-radius:var(--radius-md);transition:all var(--transition-normal)}.eq-avail-item:hover{background:rgba(212,168,50,0.06);border-color:rgba(212,168,50,0.2)}.eq-item-legendary{border-color:rgba(255,215,0,0.3) !important;box-shadow:0 0 8px rgba(255,215,0,0.08)}.eq-avail-icon{font-size:1.5rem;flex-shrink:0}.eq-avail-info{flex:1;min-width:0}.eq-avail-name{font-size:0.88rem;font-weight:600;color:var(--color-text)}.eq-avail-qty{color:var(--color-muted);font-weight:400;font-size:0.78rem}.eq-avail-stats{font-size:0.75rem;color:var(--color-muted);margin-top:0.15rem}.eq-inv-title{font-size:0.95rem;color:var(--color-gold);margin:0.75rem 0 0.5rem;font-weight:600}.tab-dropdown-divider{border:none;border-top:1px solid rgba(212,168,50,0.15);margin:0.3rem 0.5rem}.tdd-categories{}.tdd-cat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:0.75rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(212,168,50,0.06);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-align:left;transition:all 0.15s ease;font-family:inherit}.tdd-cat-btn:hover{background:rgba(212,168,50,0.1);color:var(--color-text)}.tdd-cat-icon{font-size:1.15rem}.tdd-cat-label{flex:1}.tdd-cat-arrow{color:var(--color-text-dim);font-size:1.2rem;opacity:0.5;transition:opacity 0.15s}.tdd-cat-btn:hover .tdd-cat-arrow{opacity:1;color:var(--color-accent)}.tdd-sub{animation:tddSlideIn 0.2s ease}@keyframes tddSlideIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.tdd-back-btn{display:block;width:100%;padding:0.55rem 1rem;background:rgba(212,168,50,0.06);border:none;border-bottom:1px solid rgba(212,168,50,0.1);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-align:left;font-family:inherit;transition:background 0.15s}.tdd-back-btn:hover{background:rgba(212,168,50,0.12)}.tdd-sub-title{padding:0.4rem 1rem 0.25rem;font-size:0.65rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.5px;opacity:0.7;user-select:none}.tdd-group-label{padding:0.45rem 1rem 0.25rem;font-size:0.65rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.5px;opacity:0.7;border-top:1px solid rgba(212,168,50,0.08);margin-top:2px;user-select:none}.tdd-group-label:first-child{border-top:none;margin-top:0;padding-top:0.35rem}.tab-dropdown{max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(212,168,50,0.3) transparent}.tab-dropdown::-webkit-scrollbar{width:4px}.tab-dropdown::-webkit-scrollbar-thumb{background:rgba(212,168,50,0.3);border-radius:2px}.settings-modal-content{max-width:420px;padding:1.5rem;max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(212,168,50,0.3) rgba(13,11,9,0.3)}.settings-modal-content::-webkit-scrollbar{width:6px}.settings-modal-content::-webkit-scrollbar-track{background:rgba(13,11,9,0.3);border-radius:3px}.settings-modal-content::-webkit-scrollbar-thumb{background:rgba(212,168,50,0.3);border-radius:3px}.settings-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(212,168,50,0.5)}.settings-modal-content h2{margin:0 0 1rem;font-size:1.2rem;color:var(--color-gold)}.settings-body{display:flex;flex-direction:column;gap:1rem}.settings-section{padding:0.75rem;background:rgba(13,11,9,0.5);border:1px solid rgba(212,168,50,0.1);border-radius:var(--radius-md)}.settings-section h3{font-size:0.9rem;margin:0 0 0.5rem;color:var(--color-text)}.settings-danger{border-color:rgba(244,67,54,0.2);background:rgba(244,67,54,0.04)}.settings-danger h3{color:#ef5350}.settings-danger p{font-size:0.8rem;color:var(--color-muted);margin:0 0 0.75rem}.settings-char-info{display:flex;flex-direction:column;gap:0.35rem}.settings-info-row{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--color-text)}.settings-info-row span{color:var(--color-muted)}.settings-info-row strong{color:var(--color-gold)}.settings-btn{width:100%;padding:0.6rem 1rem;border:1px solid rgba(212,168,50,0.2);border-radius:var(--radius-md);background:rgba(212,168,50,0.08);color:var(--color-text);font-size:0.85rem;cursor:pointer;transition:all var(--transition-normal)}.settings-btn:hover{background:rgba(212,168,50,0.18)}.settings-btn-delete{border-color:rgba(244,67,54,0.35);background:rgba(244,67,54,0.08);color:#ef5350;font-weight:600}.settings-btn-delete:hover{background:rgba(244,67,54,0.2);box-shadow:0 0 12px rgba(244,67,54,0.15)}.kitchen-title{font-size:1.1rem;margin:0 0 0.3rem;color:var(--color-gold,#d4a832)}.kitchen-desc{font-size:0.82rem;color:var(--color-muted,#999);margin:0 0 0.75rem}.kitchen-section{margin-bottom:1rem;padding:0.75rem;background:rgba(13,11,9,0.4);border:1px solid rgba(212,168,50,0.1);border-radius:var(--radius-md,8px)}.kitchen-section h4{font-size:0.9rem;margin:0 0 0.5rem;color:var(--color-text,#e8dcc8)}.kitchen-buff-list{display:flex;flex-direction:column;gap:0.35rem}.kitchen-buff-card{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.6rem;background:rgba(76,175,80,0.08);border:1px solid rgba(76,175,80,0.2);border-radius:8px;font-size:0.82rem}.kitchen-buff-icon{font-size:1.2rem}.kitchen-buff-name{font-weight:600;color:var(--color-gold,#d4a832)}.kitchen-buff-effect{flex:1;color:#81c784;font-size:0.78rem}.kitchen-buff-time{color:var(--color-muted,#999);font-size:0.75rem}.kitchen-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0.6rem}.kitchen-recipe-card{padding:0.65rem;background:rgba(255,255,255,0.02);border:1px solid rgba(212,168,50,0.1);border-radius:10px;transition:border-color 0.2s}.kitchen-recipe-card:hover{border-color:rgba(212,168,50,0.3)}.kitchen-recipe-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem}.kitchen-recipe-icon{font-size:1.5rem}.kitchen-recipe-info{flex:1}.kitchen-recipe-name{display:block;font-weight:600;font-size:0.88rem;color:var(--color-text,#e8dcc8)}.kitchen-recipe-desc{font-size:0.72rem;color:var(--color-muted,#999)}.kitchen-recipe-bag{font-size:0.75rem;padding:0.15rem 0.4rem;background:rgba(212,168,50,0.12);border-radius:6px;color:var(--color-gold,#d4a832);font-weight:600}.kitchen-recipe-effect{font-size:0.75rem;color:#81c784;padding:0.25rem 0;border-bottom:1px solid rgba(255,255,255,0.04);margin-bottom:0.3rem}.kitchen-recipe-ingredients{display:flex;flex-wrap:wrap;gap:0.25rem;margin-bottom:0.4rem}.kitchen-ingred{font-size:0.72rem;padding:0.15rem 0.35rem;background:rgba(76,175,80,0.08);border-radius:4px;color:#a5d6a7}.kitchen-ingred.cost-missing{background:rgba(244,67,54,0.08);color:#ef9a9a}.kitchen-recipe-actions{display:flex;gap:0.35rem;flex-wrap:wrap}.kitchen-btn{padding:0.4rem 0.75rem;border:1px solid rgba(212,168,50,0.25);border-radius:8px;background:rgba(212,168,50,0.08);color:var(--color-gold,#d4a832);font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit;min-height:36px}.kitchen-btn:hover:not(.disabled){background:rgba(212,168,50,0.2);box-shadow:0 0 8px rgba(212,168,50,0.15)}.kitchen-btn.disabled{opacity:0.4;cursor:not-allowed}.kitchen-btn-cook{background:rgba(255,152,0,0.1);border-color:rgba(255,152,0,0.3);color:#ffb74d}.kitchen-btn-use{background:rgba(76,175,80,0.1);border-color:rgba(76,175,80,0.3);color:#81c784}.kitchen-btn-upgrade{width:100%;min-height:42px;margin-top:0.5rem}.kitchen-locked-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0.35rem}.kitchen-locked-card{display:flex;align-items:center;gap:0.35rem;padding:0.4rem 0.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:8px;opacity:0.5}.kitchen-locked-icon{font-size:1.1rem}.kitchen-locked-name{flex:1;font-size:0.75rem;color:var(--color-muted,#999)}.kitchen-locked-level{font-size:0.68rem;color:#ef9a9a}.kitchen-upgrade-section{margin-top:0.75rem;padding:0.75rem;background:rgba(212,168,50,0.04);border:1px solid rgba(212,168,50,0.15);border-radius:10px}.kitchen-upgrade-section h4{font-size:0.9rem;margin:0 0 0.3rem;color:var(--color-gold,#d4a832)}.kitchen-upgrade-desc{font-size:0.78rem;color:var(--color-muted,#999);margin:0 0 0.5rem}.kitchen-upgrade-cost{display:flex;flex-wrap:wrap;gap:0.3rem;margin-bottom:0.5rem}.meal-actions-section{margin-top:0.5rem}.meal-effect-preview{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.3);border-radius:8px;padding:0.5rem 0.7rem;margin-bottom:0.5rem}.meal-effect-label{font-weight:bold;color:var(--accent-gold,#ffc107)}.meal-effect-value{flex:1;color:var(--text-primary,#eee)}.meal-effect-dur{font-size:0.8rem;color:var(--text-muted,#aaa)}.meal-action-btns{display:flex;gap:0.5rem;margin-bottom:0.5rem}.meal-use-self-btn{flex:1;padding:0.6rem 1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;font-size:0.95rem;font-weight:bold;cursor:pointer;transition:all 0.2s}.meal-use-self-btn:hover{background:linear-gradient(135deg,#66bb6a,#43a047);transform:translateY(-1px)}.meal-use-self-btn.meal-btn-active{background:linear-gradient(135deg,#ff9800,#f57c00)}.meal-npc-section h5{margin:0.3rem 0;color:var(--text-secondary,#ccc);font-size:0.9rem}.meal-npc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0.4rem;max-height:200px;overflow-y:auto}.meal-npc-btn{display:flex;flex-direction:column;align-items:center;gap:0.15rem;padding:0.5rem 0.3rem;border:1px solid rgba(255,255,255,0.15);border-radius:8px;background:rgba(255,255,255,0.05);color:var(--text-primary,#eee);font-size:0.82rem;cursor:pointer;transition:all 0.2s}.meal-npc-btn:hover{background:rgba(76,175,80,0.2);border-color:#4caf50}.meal-npc-btn.meal-btn-active{background:rgba(255,152,0,0.15);border-color:#ff9800}.meal-npc-icon{font-size:1.3rem}.meal-npc-name{font-weight:bold;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.meal-npc-buffs{font-size:0.75rem}.meal-npc-tag{font-size:0.7rem;color:#ff9800;font-style:italic}.meal-no-npc{font-size:0.85rem;color:var(--text-muted,#aaa);opacity:0.7;margin:0.3rem 0}.npc2-meal-buffs{display:flex;gap:0.2rem;flex-wrap:wrap;margin-top:0.15rem}.npc2-meal-buff{font-size:0.85rem;background:rgba(255,193,7,0.15);border:1px solid rgba(255,193,7,0.3);border-radius:4px;padding:0.05rem 0.25rem;cursor:help;animation:mealBuffGlow 2s ease-in-out infinite alternate}@keyframes mealBuffGlow{from{border-color:rgba(255,193,7,0.3)}to{border-color:rgba(255,193,7,0.7)}}.mobile-nav{display:none}.settings-sound{display:flex;flex-direction:column;gap:0.6rem}.settings-slider-row{display:flex;align-items:center;gap:0.6rem}.settings-slider-label{flex:0 0 90px;font-size:0.82rem;color:var(--color-text,#e8dcc8)}.settings-slider{flex:1;-webkit-appearance:none;appearance:none;height:8px;background:rgba(212,168,50,0.15);border-radius:4px;outline:none;cursor:pointer;min-height:44px;padding:0;margin:0}.settings-slider::-webkit-slider-runnable-track{height:8px;background:rgba(212,168,50,0.15);border-radius:4px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-accent,#d4a832);cursor:pointer;box-shadow:0 0 8px rgba(212,168,50,0.4);margin-top:-8px}.settings-slider::-moz-range-thumb{width:24px;height:24px;border:none;border-radius:50%;background:var(--color-accent,#d4a832);cursor:pointer}.settings-slider::-moz-range-track{height:8px;background:rgba(212,168,50,0.15);border-radius:4px;border:none}.settings-slider-value{flex:0 0 40px;text-align:right;font-size:0.8rem;color:var(--color-accent,#d4a832);font-weight:600}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:0.25rem 0;font-size:0.82rem;color:var(--color-text,#e8dcc8)}.settings-toggle-btn{padding:0.3rem 0.75rem;border:1px solid rgba(212,168,50,0.25);border-radius:var(--radius-md,8px);background:rgba(212,168,50,0.08);color:var(--color-accent,#d4a832);font-size:0.78rem;font-weight:600;cursor:pointer;min-height:40px;min-width:60px;text-align:center;transition:all 0.2s;font-family:inherit}.settings-toggle-btn:hover{background:rgba(212,168,50,0.18)}.settings-toggle-btn.muted{background:rgba(244,67,54,0.1);border-color:rgba(244,67,54,0.3)}.support-tier{transition:all 0.2s ease}.support-tier:hover{background:rgba(212,168,50,0.06) !important;transform:translateX(2px)}.support-tier[data-tier="3000"]:hover{background:rgba(138,43,226,0.08) !important;box-shadow:inset 0 0 20px rgba(138,43,226,0.06)}.support-tier[data-tier="1000"]:hover{background:rgba(255,215,0,0.06) !important;box-shadow:inset 0 0 16px rgba(255,215,0,0.04);color:#ef5350}.chat-drag-handle{font-size:16px;color:rgba(200,168,78,0.4);cursor:grab;user-select:none;-webkit-user-select:none;line-height:1;padding:0 2px}.chat-drag-handle:active{cursor:grabbing}#chat-box.chat-dragging{transition:none !important;user-select:none;-webkit-user-select:none}.mnav-more-panel{display:none}#xp-bar-container{display:flex;align-items:center;gap:8px;padding:2px 16px;background:rgba(13,11,9,0.85);border-bottom:1px solid rgba(212,168,50,0.1)}.player-level{font-family:'Orbitron',monospace;font-size:0.7rem;font-weight:700;color:var(--color-accent);white-space:nowrap;min-width:42px}.xp-bar-track{flex:1;height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#d4a832,#f0c848);border-radius:3px;transition:width 0.5s ease;box-shadow:0 0 6px rgba(240,200,72,0.4)}.xp-bar-text{font-size:0.65rem;color:var(--color-text-dim);white-space:nowrap;min-width:55px;text-align:right;font-family:'Orbitron',monospace}.daynight-phase{font-size:0.72rem;padding:2px 8px;border-radius:10px;background:rgba(255,255,255,0.06);white-space:nowrap}.daynight-phase.phase-dawn{color:#fbbf24;background:rgba(251,191,36,0.1)}.daynight-phase.phase-morning{color:#fde68a;background:rgba(253,230,138,0.08)}.daynight-phase.phase-afternoon{color:#f0c848;background:rgba(240,200,72,0.08)}.daynight-phase.phase-evening{color:#fb923c;background:rgba(251,146,60,0.1)}.daynight-phase.phase-night{color:#93c5fd;background:rgba(147,197,253,0.1)}.daynight-phase.phase-midnight{color:#818cf8;background:rgba(129,140,248,0.12)}body.phase-night #game-main,body.phase-midnight #game-main{filter:brightness(0.92)}body.phase-dawn #game-main{filter:brightness(0.98) sepia(0.03)}body.phase-evening #game-main{filter:brightness(0.96) sepia(0.02)}#achievement-popup-container{position:fixed;top:60px;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.achievement-popup{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#1a1510,#252019);border:1px solid rgba(212,168,50,0.4);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.6),0 0 20px rgba(212,168,50,0.15);animation:ach-slide-in 0.5s cubic-bezier(0.16,1,0.3,1) forwards;min-width:280px;max-width:400px;position:relative;overflow:hidden}.ach-popup-glow{position:absolute;top:0;left:0;right:0;height:2px;opacity:0.8}.ach-popup-icon{font-size:2rem;flex-shrink:0}.ach-popup-content{flex:1}.ach-popup-label{font-size:0.65rem;color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:1px}.ach-popup-name{font-size:1.1rem;font-weight:700;color:var(--color-text)}.ach-popup-desc{font-size:0.75rem;color:var(--color-text-dim)}.ach-popup-cat{font-size:0.65rem;margin-top:2px}.ach-popup-xp{font-family:'Orbitron',monospace;font-size:0.75rem;color:var(--color-accent);font-weight:700;white-space:nowrap}@keyframes ach-slide-in{from{opacity:0;transform:translateY(-20px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ach-popup-exit{animation:ach-slide-out 0.5s ease forwards}@keyframes ach-slide-out{to{opacity:0;transform:translateY(-20px) scale(0.9)}}#levelup-popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;pointer-events:none}.levelup-popup{display:flex;align-items:center;gap:16px;padding:24px 36px;background:linear-gradient(135deg,#1e1810,#2a2218);border:2px solid rgba(240,200,72,0.5);border-radius:16px;box-shadow:0 0 60px rgba(240,200,72,0.2),0 16px 48px rgba(0,0,0,0.7);animation:lvup-in 0.6s cubic-bezier(0.16,1,0.3,1) forwards;position:relative;overflow:hidden}.lvup-glow{position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(135deg,rgba(240,200,72,0.1),transparent 50%,rgba(240,200,72,0.1));animation:lvup-glow-spin 3s linear infinite}@keyframes lvup-glow-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.lvup-icon{font-size:3rem;position:relative;z-index:1;animation:lvup-bounce 0.6s ease}@keyframes lvup-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.lvup-content{position:relative;z-index:1}.lvup-label{font-family:'Orbitron',monospace;font-size:0.8rem;color:var(--color-accent);font-weight:700;letter-spacing:3px}.lvup-level{font-family:'Orbitron',monospace;font-size:2rem;font-weight:900;color:var(--color-text);text-shadow:0 0 20px rgba(240,200,72,0.4)}.lvup-perk{font-size:0.85rem;color:#4ade80;margin-top:4px;animation:lvup-perk-flash 1s ease infinite}@keyframes lvup-perk-flash{0%,100%{opacity:1}50%{opacity:0.6}}@keyframes lvup-in{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}.lvup-exit{animation:lvup-out 0.6s ease forwards}@keyframes lvup-out{to{opacity:0;transform:scale(0.7) translateY(-30px)}}.ach-progress-bar{margin-bottom:16px}.ach-prog-info{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--color-text-dim);margin-bottom:4px}.ach-prog-track{height:8px;background:rgba(255,255,255,0.06);border-radius:4px;overflow:hidden}.ach-prog-fill{height:100%;background:linear-gradient(90deg,#d4a832,#f0c848);border-radius:4px;transition:width 0.5s ease}.ach-category-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ach-cat-btn{padding:4px 10px;font-size:0.72rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--color-text-dim);border-radius:16px;cursor:pointer;transition:all 0.2s}.ach-cat-btn:hover{background:rgba(255,255,255,0.08);color:var(--color-text)}.ach-cat-btn.active{background:rgba(212,168,50,0.15);border-color:rgba(212,168,50,0.3);color:var(--color-accent)}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.ach-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;transition:all 0.2s}.ach-card.ach-unlocked{background:rgba(212,168,50,0.06);border-color:rgba(212,168,50,0.2)}.ach-card.ach-locked{opacity:0.5}.ach-card-icon{font-size:1.5rem;flex-shrink:0;width:36px;text-align:center}.ach-card-info{flex:1;min-width:0}.ach-card-name{font-weight:700;font-size:0.85rem;color:var(--color-text)}.ach-card-desc{font-size:0.72rem;color:var(--color-text-dim)}.ach-card-cat{font-size:0.65rem;margin-top:2px}.ach-card-check{font-size:1rem;flex-shrink:0}.perks-header{margin-bottom:20px}.perks-level-display{text-align:center}.perks-level-num{font-family:'Orbitron',monospace;font-size:2rem;font-weight:900;color:var(--color-accent);text-shadow:0 0 20px rgba(240,200,72,0.3)}.perks-xp-info{max-width:400px;margin:8px auto}.perks-xp-track{height:10px;background:rgba(255,255,255,0.06);border-radius:5px;overflow:hidden}.perks-xp-fill{height:100%;background:linear-gradient(90deg,#d4a832,#f0c848);border-radius:5px;transition:width 0.5s ease}.perks-xp-text{font-size:0.8rem;color:var(--color-text-dim);display:block;margin-top:4px}.perks-total-xp{font-size:0.75rem;color:var(--color-text-muted)}.perks-points{font-size:0.9rem;color:var(--color-text);margin-top:8px}.perks-points b{color:#4ade80;font-size:1.1rem}.perks-grid{display:flex;flex-direction:column;gap:16px}.perks-level-group{background:rgba(255,255,255,0.02);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,0.04)}.perks-level-label{font-family:'Orbitron',monospace;font-size:0.75rem;font-weight:700;color:var(--color-accent-dim);margin-bottom:8px;letter-spacing:1px}.perks-level-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.perk-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;transition:all 0.2s;position:relative}.perk-card.perk-available{cursor:pointer;border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.05)}.perk-card.perk-available:hover{background:rgba(74,222,128,0.1);border-color:rgba(74,222,128,0.5);transform:translateY(-1px)}.perk-card.perk-selected{background:rgba(212,168,50,0.08);border-color:rgba(212,168,50,0.3)}.perk-card.perk-locked{opacity:0.4}.perk-icon{font-size:1.5rem;flex-shrink:0;width:36px;text-align:center}.perk-info{flex:1;min-width:0}.perk-name{font-weight:700;font-size:0.85rem;color:var(--color-text)}.perk-desc{font-size:0.72rem;color:var(--color-text-dim)}.perk-check,.perk-lock{font-size:1rem;flex-shrink:0}.weather-badge{font-size:0.7rem;padding:2px 8px;border-radius:20px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);white-space:nowrap}.weather-badge.season-spring{background:rgba(134,239,172,0.15);border-color:rgba(134,239,172,0.3)}.weather-badge.season-summer{background:rgba(251,191,36,0.15);border-color:rgba(251,191,36,0.3)}.weather-badge.season-autumn{background:rgba(251,146,60,0.15);border-color:rgba(251,146,60,0.3)}.weather-badge.season-winter{background:rgba(147,197,253,0.15);border-color:rgba(147,197,253,0.3)}.quest-complete-banner{text-align:center;font-size:1.2rem;padding:24px;background:linear-gradient(135deg,rgba(250,204,21,0.12),rgba(234,179,8,0.06));border:1px solid rgba(250,204,21,0.3);border-radius:12px;margin:12px 0}.quest-main-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin:8px 0}.quest-main-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.quest-main-icon{font-size:1.8rem}.quest-main-title{font-size:1.05rem;font-weight:700;color:var(--color-accent)}.quest-dialogue{font-style:italic;font-size:0.82rem;color:var(--color-text-dim);padding:8px 12px;background:rgba(255,255,255,0.03);border-left:3px solid var(--color-accent);border-radius:0 8px 8px 0;margin:8px 0}.quest-desc{font-size:0.85rem;color:var(--color-text-dim);margin:6px 0}.quest-progress-bar{position:relative;height:20px;background:rgba(255,255,255,0.06);border-radius:10px;overflow:hidden;margin:10px 0}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#fbbf24);border-radius:10px;transition:width 0.5s ease}.quest-progress-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:0.7rem;font-weight:700}.quest-objectives{display:flex;flex-direction:column;gap:4px;margin:8px 0}.quest-obj{display:flex;align-items:center;gap:6px;font-size:0.82rem;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,0.02)}.quest-obj-done{opacity:0.6;text-decoration:line-through}.quest-obj-check{flex-shrink:0}.quest-rewards{font-size:0.8rem;padding:6px 10px;background:rgba(74,222,128,0.08);border-radius:8px;margin-top:8px}.quest-side-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px;margin:8px 0}.quest-side-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.quest-side-title{font-weight:600;font-size:0.92rem;flex:1}.quest-side-timer{font-size:0.72rem;color:#fbbf24;white-space:nowrap}.quest-stats{margin-top:16px;padding:10px 14px;background:rgba(255,255,255,0.03);border-radius:10px;font-size:0.82rem}.quest-stat-row{padding:3px 0}.weather-display-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin:8px 0}.weather-season-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.weather-season-icon{font-size:2rem}.weather-season-name{font-size:1.1rem;font-weight:700}.weather-season-days{font-size:0.78rem;color:var(--color-text-dim)}.weather-current-row{display:flex;align-items:center;gap:14px}.weather-icon-big{font-size:2.8rem}.weather-current-name{font-size:1.15rem;font-weight:700}.weather-current-desc{font-size:0.82rem;color:var(--color-text-dim);margin-top:4px}.weather-effect-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:0.85rem;margin:3px 0}.weather-good{background:rgba(74,222,128,0.08)}.weather-bad{background:rgba(239,68,68,0.08)}.weather-effect-val{margin-left:auto;font-weight:700}.weather-good .weather-effect-val{color:#4ade80}.weather-bad .weather-effect-val{color:#ef4444}.weather-no-effect{text-align:center;padding:16px;opacity:0.5;font-size:0.9rem}.weather-forecast{display:flex;gap:12px;flex-wrap:wrap}.weather-forecast-day{flex:1;min-width:90px;text-align:center;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.forecast-day-num{font-size:0.72rem;color:var(--color-text-dim);margin-bottom:4px}.forecast-icon{font-size:2rem}.forecast-name{font-size:0.82rem;margin-top:4px}.def-summary-grid{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 16px}.def-stat{flex:1;min-width:90px;text-align:center;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.def-stat-val{display:block;font-size:1.4rem;font-weight:800;color:var(--color-accent)}.def-stat-label{font-size:0.72rem;color:var(--color-text-dim)}.def-struct-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px;margin:6px 0}.def-struct-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.def-struct-name{font-weight:600;flex:1}.def-struct-def{font-size:0.78rem;color:#4ade80;font-weight:700}.def-hp-bar{position:relative;height:16px;background:rgba(255,255,255,0.06);border-radius:8px;overflow:hidden;margin:6px 0}.def-hp-fill{height:100%;border-radius:8px;transition:width 0.3s ease}.def-hp-text{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:0.65rem;font-weight:700}.def-struct-actions{display:flex;gap:8px;margin-top:6px}.def-btn{padding:4px 12px;border:none;border-radius:6px;cursor:pointer;font-size:0.78rem;background:rgba(255,255,255,0.08);color:var(--color-text);transition:background 0.2s}.def-btn:hover{background:rgba(255,255,255,0.15)}.def-btn:disabled{opacity:0.3;cursor:default}.def-btn-build{background:rgba(74,222,128,0.15);color:#4ade80;font-weight:600;width:100%;padding:8px;margin-top:8px}.def-btn-build:hover{background:rgba(74,222,128,0.25)}.def-build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.def-build-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px}.def-build-locked{opacity:0.45}.def-build-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:600}.def-build-tier{margin-left:auto;font-size:0.7rem;padding:1px 6px;border-radius:4px;background:rgba(139,92,246,0.2);color:#a78bfa}.def-build-desc{font-size:0.78rem;color:var(--color-text-dim);margin:4px 0}.def-build-stats{font-size:0.78rem;color:#4ade80;margin:4px 0}.def-build-cost{font-size:0.72rem;display:flex;flex-wrap:wrap;gap:4px 8px;margin:6px 0}.def-cost-ok{color:#4ade80}.def-cost-lack{color:#ef4444}.def-build-lock{text-align:center;padding:6px;font-size:0.78rem;color:var(--color-text-dim)}.def-guards-section{margin:8px 0}.def-guard-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.def-guard-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.def-guard-card span:last-of-type{flex:1}.def-guard-available{margin-top:8px}.def-guard-label{font-size:0.82rem;margin-bottom:6px;color:var(--color-text-dim)}.def-btn-assign{margin:3px 4px;padding:6px 12px}.def-raid-log-entry{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:0.82rem;margin:3px 0}.def-raid-win{background:rgba(74,222,128,0.08)}.def-raid-lose{background:rgba(239,68,68,0.08)}.def-raid-day{font-size:0.7rem;color:var(--color-text-dim);min-width:50px}.def-raid-power{margin-left:auto;font-size:0.72rem;color:var(--color-text-dim)}.td-unlock-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;text-align:center}.td-unlock-card.td-locked{opacity:0.5}.td-lock-msg{color:var(--color-text-dim);margin-top:10px}.td-cost{font-size:0.8rem;margin:10px 0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.td-cost-ok{color:#4ade80}.td-cost-lack{color:#ef4444}.td-btn{padding:6px 14px;border:none;border-radius:8px;cursor:pointer;font-size:0.82rem;background:rgba(255,255,255,0.08);color:var(--color-text);transition:background 0.2s}.td-btn:hover{background:rgba(255,255,255,0.15)}.td-btn:disabled{opacity:0.3;cursor:default}.td-btn-build,.td-btn-upgrade{background:rgba(74,222,128,0.15);color:#4ade80;font-weight:600;width:100%;padding:10px;margin-top:10px}.td-btn-build:hover,.td-btn-upgrade:hover{background:rgba(74,222,128,0.25)}.td-summary{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.td-stat{flex:1;min-width:80px;text-align:center;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.td-stat-val{display:block;font-size:1.1rem;font-weight:700}.td-stat-label{font-size:0.72rem;color:var(--color-text-dim)}.td-trader-card{background:var(--color-surface);border:1px solid rgba(251,191,36,0.3);border-radius:10px;padding:12px;margin:8px 0}.td-trader-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600}.td-trader-icon{font-size:1.5rem}.td-trader-timer{margin-left:auto;font-size:0.72rem;color:#fbbf24}.td-stock-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,0.02);margin:3px 0;font-size:0.82rem}.td-stock-row span:first-child{flex:1}.td-grid{display:flex;flex-direction:column;gap:4px}.td-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,0.02);font-size:0.82rem}.td-item-info{flex:1}.td-item-info small{opacity:0.5}.td-item-prices{display:flex;gap:6px}.td-btn-buy{background:rgba(96,165,250,0.15);color:#60a5fa}.td-btn-sell{background:rgba(251,146,60,0.15);color:#fb923c}.rs-current-card{background:var(--color-surface);border:1px solid rgba(96,165,250,0.3);border-radius:12px;padding:16px;margin:8px 0}.rs-current-header{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700}.rs-current-desc{font-size:0.82rem;color:var(--color-text-dim);margin-top:6px}.rs-progress-bar{position:relative;height:18px;background:rgba(255,255,255,0.06);border-radius:9px;overflow:hidden;margin:10px 0}.rs-progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#818cf8);border-radius:9px;transition:width 0.5s ease}.rs-progress-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:0.68rem;font-weight:700}.rs-team{margin:8px 0}.rs-researcher{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin:4px 0}.rs-researcher span:nth-child(2){flex:1}.rs-assign-label{font-size:0.82rem;color:var(--color-text-dim);margin:8px 0 4px}.rs-btn{padding:4px 12px;border:none;border-radius:6px;cursor:pointer;font-size:0.78rem;background:rgba(255,255,255,0.08);color:var(--color-text);margin:2px}.rs-btn:hover{background:rgba(255,255,255,0.15)}.rs-btn-start{background:rgba(96,165,250,0.15);color:#60a5fa;font-weight:600;width:100%;padding:8px;margin-top:6px}.rs-btn-start:hover{background:rgba(96,165,250,0.25)}.rs-path{margin:14px 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px;overflow:hidden}.rs-path-header{display:flex;align-items:center;gap:8px;font-weight:700;padding-bottom:8px;margin-bottom:10px;border-bottom:2px solid}.rs-path-desc{font-size:0.72rem;color:var(--color-text-dim);font-weight:400;margin-left:auto}.rs-path-techs{display:flex;flex-direction:column;gap:8px}.rs-tech-card{padding:12px;border-radius:10px;border:1px solid var(--color-border);background:rgba(255,255,255,0.02);transition:border-color 0.2s}.rs-completed{border-color:rgba(74,222,128,0.4);background:rgba(74,222,128,0.05)}.rs-researching{border-color:rgba(96,165,250,0.4);background:rgba(96,165,250,0.05);animation:rs-pulse 2s infinite}@keyframes rs-pulse{0%,100%{opacity:1}50%{opacity:.7}}.rs-available{border-color:rgba(251,191,36,0.3)}.rs-locked{opacity:0.4}.rs-tech-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.rs-tech-icon{font-size:1.3rem}.rs-tech-name{font-weight:600;flex:1}.rs-tech-tier{font-size:0.68rem;padding:1px 6px;border-radius:4px;background:rgba(139,92,246,0.2);color:#a78bfa}.rs-tech-desc{font-size:0.78rem;color:var(--color-text-dim)}.rs-tech-info{font-size:0.72rem;color:var(--color-text-dim);margin:4px 0}.rs-tech-cost{font-size:0.72rem;display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.rs-cost-ok{color:#4ade80}.rs-cost-lack{color:#ef4444}.rs-tech-done{text-align:center;color:#4ade80;font-weight:600}.rs-tech-prog{text-align:center;color:#60a5fa;font-weight:600}.rs-tech-lock{text-align:center;opacity:0.5}.dp-locked-msg{text-align:center;padding:24px;opacity:0.5;font-size:1rem}.dp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px;margin:10px 0}.dp-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.dp-icon{font-size:2rem}.dp-name-block{flex:1}.dp-name{font-weight:700;font-size:1rem}.dp-desc{font-size:0.78rem;color:var(--color-text-dim)}.dp-relation-badge{font-size:0.72rem;padding:3px 10px;border-radius:20px;border:1px solid;font-weight:600;white-space:nowrap}.dp-relation-bar{position:relative;height:14px;background:rgba(255,255,255,0.06);border-radius:7px;overflow:hidden;margin:6px 0}.dp-relation-fill{height:100%;border-radius:7px;transition:width 0.3s}.dp-relation-text{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:0.6rem;font-weight:700}.dp-stats{font-size:0.78rem;color:var(--color-text-dim);margin:6px 0}.dp-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dp-btn{padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-size:0.78rem;background:rgba(255,255,255,0.08);color:var(--color-text);transition:background 0.2s}.dp-btn:hover{background:rgba(255,255,255,0.15)}.dp-btn:disabled{opacity:0.3;cursor:default}.dp-btn-diplomat{background:rgba(96,165,250,0.15);color:#60a5fa}.dp-btn-aid{background:rgba(74,222,128,0.15);color:#4ade80}.dp-btn-trade{background:rgba(251,191,36,0.15);color:#fbbf24}.dp-btn-threaten{background:rgba(239,68,68,0.15);color:#ef4444}.dp-bonus{padding:10px 14px;background:rgba(96,165,250,0.08);border-radius:10px;margin:8px 0;font-size:0.85rem}.dp-log-entry{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:0.82rem;border-radius:6px;margin:3px 0;background:rgba(255,255,255,0.02)}.dp-log-day{font-size:0.7rem;color:var(--color-text-dim);min-width:45px}.pc-notice{padding:14px;background:rgba(255,193,7,0.08);border-radius:10px;text-align:center}.pc-stat-bar{display:flex;gap:18px;padding:10px 14px;background:rgba(96,165,250,0.08);border-radius:10px;margin:8px 0;font-size:0.85rem}.pc-building{background:var(--color-surface);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:14px;margin:10px 0}.pc-building-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.pc-building-icon{font-size:1.4rem}.pc-building-name{font-weight:600;font-size:1rem}.pc-building-lv{font-size:0.78rem;color:var(--color-text-dim);margin-left:auto}.pc-workers{font-size:0.82rem;margin:6px 0}.pc-constructing{padding:8px;background:rgba(255,193,7,0.1);border-radius:8px;font-size:0.85rem}.pc-queue{display:flex;align-items:center;gap:8px;margin:6px 0}.pc-prog-bar{flex:1;height:18px;background:rgba(255,255,255,0.06);border-radius:9px;position:relative;overflow:hidden}.pc-prog-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:9px;transition:width .4s}.pc-prog-text{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:0.7rem;line-height:18px}.pc-idle{font-size:0.82rem;color:var(--color-text-dim)}.pc-buffer{font-size:0.82rem;margin:6px 0;padding:6px 10px;background:rgba(76,175,80,0.08);border-radius:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pc-recipes{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.pc-assign{margin:6px 0}.pc-select{background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 10px;font-size:0.82rem;width:100%}.pc-btn{padding:6px 12px;border:none;border-radius:8px;font-size:0.78rem;cursor:pointer;transition:all .2s}.pc-btn-recipe{background:rgba(96,165,250,0.12);color:var(--color-text)}.pc-btn-recipe:hover{background:rgba(96,165,250,0.25)}.pc-btn-collect{background:rgba(76,175,80,0.15);color:#4caf50}.pc-btn-upgrade{background:rgba(255,193,7,0.12);color:#ffc107;margin-top:8px}.pc-btn-demolish{background:transparent;color:var(--color-text-dim);font-size:0.9rem;padding:4px;margin-left:auto}.pc-btn-remove-worker{background:transparent;border:none;cursor:pointer;font-size:0.7rem;padding:2px}.pc-build-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-surface);border:1px solid rgba(255,255,255,0.06);border-radius:10px;margin:8px 0}.pc-build-option.pc-locked{opacity:0.5}.pc-build-icon{font-size:1.6rem}.pc-build-info{flex:1;font-size:0.82rem}.pc-btn-build{padding:8px 14px;background:rgba(76,175,80,0.15);color:#4caf50;border:none;border-radius:8px;cursor:pointer;font-size:0.82rem;white-space:nowrap}.pc-btn-build:disabled{opacity:0.5;cursor:not-allowed}.nr-notice{padding:14px;background:rgba(255,193,7,0.08);border-radius:10px;text-align:center}.nr-stats{display:flex;gap:18px;padding:10px 14px;background:rgba(96,165,250,0.08);border-radius:10px;margin:8px 0;font-size:0.85rem}.nr-bond-card{background:var(--color-surface);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:10px 14px;margin:6px 0}.nr-bond-names{font-weight:600;display:flex;align-items:center;gap:6px}.nr-bond-icon{font-size:1.2rem}.nr-bond-type{font-size:0.78rem;margin:4px 0}.nr-bond-bar{height:14px;background:rgba(255,255,255,0.06);border-radius:7px;position:relative;overflow:hidden;margin:4px 0}.nr-bond-fill{height:100%;border-radius:7px;transition:width .4s}.nr-bond-bar span{position:absolute;top:0;right:6px;font-size:0.65rem;line-height:14px}.nr-mentor-badge{background:rgba(255,193,7,0.15);color:#ffc107;padding:2px 8px;border-radius:12px;font-size:0.72rem;margin-top:4px;display:inline-block}.nr-mentor-pair{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-surface);border-radius:8px;margin:6px 0;font-size:0.85rem}.nr-mentor-form{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;align-items:center}.nr-select{background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 10px;font-size:0.82rem}.nr-btn{padding:6px 14px;border:none;border-radius:8px;font-size:0.82rem;cursor:pointer;transition:all .2s}.nr-btn-mentor{background:rgba(76,175,80,0.15);color:#4caf50}.nr-btn-stop{background:rgba(244,67,54,0.12);color:#f44336}.nr-btn-quest{background:rgba(96,165,250,0.15);color:#60a5fa}.nr-btn-quest:disabled{opacity:0.5;cursor:not-allowed}.nr-quest-card{background:var(--color-surface);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:12px;margin:8px 0}.nr-quest-done{opacity:0.6}.nr-quest-title{font-weight:600;margin-bottom:4px}.nr-quest-desc{font-size:0.82rem;color:var(--color-text-dim);margin:4px 0}.nr-quest-req{font-size:0.82rem;margin:4px 0}.op-notice{padding:14px;background:rgba(255,193,7,0.08);border-radius:10px;text-align:center}.op-stat-bar{display:flex;gap:18px;padding:10px 14px;background:rgba(96,165,250,0.08);border-radius:10px;margin:8px 0;font-size:0.85rem}.op-card{background:var(--color-surface);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:14px;margin:10px 0}.op-card.op-constructing{opacity:0.7}.op-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.op-loc{font-size:0.78rem;color:var(--color-text-dim);margin-left:auto}.op-garrison{font-size:0.82rem;margin:6px 0}.op-garrison-npc{display:inline-flex;align-items:center;gap:4px;background:rgba(96,165,250,0.08);padding:3px 8px;border-radius:12px;margin:2px;font-size:0.78rem}.op-supply{display:flex;align-items:center;gap:10px;font-size:0.85rem;margin:6px 0;padding:8px 12px;background:rgba(255,255,255,0.02);border-radius:8px}.op-buffer{font-size:0.82rem;margin:6px 0;padding:6px 10px;background:rgba(76,175,80,0.08);border-radius:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-select{background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 10px;font-size:0.82rem;width:100%;margin:4px 0}.op-btn{padding:6px 12px;border:none;border-radius:8px;font-size:0.78rem;cursor:pointer;transition:all .2s}.op-btn-collect{background:rgba(76,175,80,0.15);color:#4caf50}.op-btn-supply{background:rgba(96,165,250,0.12);color:#60a5fa}.op-btn-upgrade{background:rgba(255,193,7,0.12);color:#ffc107;margin-top:8px;display:inline-block}.op-btn-abandon{background:transparent;color:var(--color-text-dim);font-size:0.9rem;padding:4px;margin-left:auto}.op-btn-remove-npc{background:transparent;border:none;cursor:pointer;font-size:0.7rem;padding:2px}.op-supply{flex-wrap:wrap}.op-supply-form{display:flex;align-items:center;gap:6px;margin-top:4px}.op-supply-form label{display:flex;align-items:center;gap:3px;font-size:0.82rem}.op-supply-input{width:58px;background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,0.12);border-radius:6px;padding:4px 6px;font-size:0.82rem;text-align:center}.op-supply-input:focus{border-color:#60a5fa;outline:none}.gc-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.gc-overlay.gc-show{opacity:1}.gc-dialog{background:var(--color-bg,#1a1a2e);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:24px 28px;max-width:380px;width:90%;text-align:center;transform:scale(0.92);transition:transform .2s}.gc-show .gc-dialog{transform:scale(1)}.gc-title{font-size:1.1rem;font-weight:700;margin-bottom:10px}.gc-msg{font-size:0.92rem;color:var(--color-text-dim,#aaa);margin-bottom:18px;line-height:1.5;white-space:pre-line}.gc-btns{display:flex;gap:10px;justify-content:center}.gc-btn{padding:8px 22px;border:none;border-radius:10px;font-size:0.88rem;cursor:pointer;transition:all .2s;font-weight:600}.gc-no{background:rgba(255,255,255,0.08);color:var(--color-text,#eee)}.gc-no:hover{background:rgba(255,255,255,0.15)}.gc-yes{background:rgba(76,175,80,0.2);color:#4caf50}.gc-yes:hover{background:rgba(76,175,80,0.35)}.gc-yes.gc-danger{background:rgba(244,67,54,0.2);color:#f44336}.gc-yes.gc-danger:hover{background:rgba(244,67,54,0.35)}.op-btn-build{padding:8px 14px;background:rgba(76,175,80,0.15);color:#4caf50;border:none;border-radius:8px;cursor:pointer;font-size:0.85rem}.op-build-section{margin:16px 0;padding:14px;background:rgba(255,255,255,0.02);border-radius:12px}.op-build-section h4{margin:0 0 8px}.sys-game-tab .sys-tab-title{font-size:1.35rem;letter-spacing:0.02em;margin-bottom:0.75rem;background:linear-gradient(90deg,#f8fafc,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(212,168,50,0.15)}.sys-morale-hero{padding:1rem 0 0.5rem;text-align:center}.sys-morale-ring{--p:50;--c:#eab308;width:168px;height:168px;margin:0 auto 0.75rem;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 1%),rgba(255,255,255,0.06) 0);padding:6px;box-shadow:0 0 40px rgba(0,0,0,0.35),inset 0 0 20px rgba(255,255,255,0.03)}.sys-morale-ring-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(40,40,55,0.95),rgba(12,12,18,0.98));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sys-morale-emoji{font-size:2.25rem;line-height:1}.sys-morale-num{font-size:1.65rem;font-weight:800}.sys-morale-lbl{font-size:0.78rem;color:var(--color-muted,#889);max-width:90%}.sys-morale-bar{height:8px;border-radius:6px;background:rgba(255,255,255,0.06);overflow:hidden;margin-top:0.5rem}.sys-morale-bar-fill{height:100%;border-radius:6px;transition:width 0.45s ease}.sys-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;margin-top:0.5rem}.sys-stat-card{padding:0.65rem 0.5rem;border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,0.06);background:linear-gradient(145deg,rgba(255,255,255,0.04),rgba(0,0,0,0.15))}.sys-stat-gold{box-shadow:0 0 20px rgba(212,168,50,0.08)}.sys-stat-warn{box-shadow:0 0 20px rgba(244,63,94,0.06)}.sys-stat-ok{box-shadow:0 0 20px rgba(34,197,94,0.06)}.sys-stat-val{display:block;font-size:1.15rem;font-weight:700}.sys-stat-lbl{font-size:0.72rem;color:var(--color-muted)}.sys-history{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.05)}.sys-history-row{display:flex;justify-content:space-between;align-items:center;padding:0.45rem 0.65rem;font-size:0.82rem;border-bottom:1px solid rgba(255,255,255,0.04)}.sys-history-row:last-child{border-bottom:none}.sys-history-val{font-weight:600;color:#94a3b8}.sys-empty{color:var(--color-muted);padding:0.75rem;font-size:0.85rem;text-align:center}.sys-power-hero{padding:1rem 1rem 1.1rem;border-radius:14px;border:1px solid rgba(96,165,250,0.15);background:linear-gradient(160deg,rgba(59,130,246,0.08),rgba(15,23,42,0.5));text-align:center}.sys-power-blackout{border-color:rgba(244,63,94,0.35);background:linear-gradient(160deg,rgba(244,63,94,0.12),rgba(15,23,42,0.6));animation:sys-flicker 1.2s ease-in-out infinite alternate}@keyframes sys-flicker{from{filter:brightness(0.95)}to{filter:brightness(1.05)}}.sys-power-icon{font-size:2.5rem;margin-bottom:0.35rem}.sys-power-readout{font-size:1.35rem;font-weight:800;letter-spacing:0.02em}.sys-power-watts{}.sys-power-sep{opacity:0.4;margin:0 0.15rem}.sys-power-demand{color:#94a3b8}.sys-power-msg{font-size:0.82rem;color:var(--color-muted);margin:0.5rem 0 0.35rem}.sys-power-meta{font-size:0.75rem;color:var(--color-muted);margin-bottom:0.5rem}.sys-power-bar{height:10px;border-radius:6px;background:rgba(0,0,0,0.35);overflow:hidden}.sys-power-bar-fill{height:100%;border-radius:6px;transition:width 0.4s ease}.sys-gen-list{display:flex;flex-direction:column;gap:0.45rem}.sys-gen-card{display:flex;align-items:center;gap:0.65rem;padding:0.65rem 0.75rem;border-radius:11px;border:1px solid rgba(255,255,255,0.07);background:rgba(0,0,0,0.22)}.sys-gen-ico{font-size:1.5rem}.sys-gen-name{font-weight:600;font-size:0.88rem}.sys-gen-sub{font-size:0.72rem;color:var(--color-muted)}.sys-build-card{display:flex;align-items:center;gap:0.6rem;padding:0.65rem 0.75rem;margin-bottom:0.45rem;border-radius:11px;border:1px solid rgba(255,255,255,0.06);background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(0,0,0,0.12))}.sys-build-locked{opacity:0.48;pointer-events:none}.sys-build-ico{font-size:1.45rem}.sys-build-name{font-weight:600;font-size:0.86rem}.sys-build-out{opacity:0.75;font-size:0.8rem}.sys-build-sub{font-size:0.7rem;color:var(--color-muted);margin-top:2px}.sys-idle-hint{padding:1rem;text-align:center;color:var(--color-muted);border:1px dashed rgba(212,168,50,0.25);border-radius:12px;background:rgba(212,168,50,0.04)}.sys-dungeon-run{padding:1rem;border-radius:14px;border:1px solid rgba(212,168,50,0.22);background:linear-gradient(165deg,rgba(212,168,50,0.07),rgba(15,23,42,0.45));margin-bottom:0.75rem}.sys-dungeon-head{display:flex;align-items:flex-start;gap:0.65rem;margin-bottom:0.5rem}.sys-dungeon-ico{font-size:2rem}.sys-dungeon-title{margin:0;font-size:1.05rem}.sys-dungeon-sub{margin:0.15rem 0 0;font-size:0.78rem;color:var(--color-muted)}.sys-dungeon-progress{height:6px;border-radius:4px;background:rgba(0,0,0,0.35);overflow:hidden;margin-bottom:0.75rem}.sys-dungeon-progress>div{height:100%;background:linear-gradient(90deg,#d4a832,#f59e0b);border-radius:4px;transition:width 0.35s ease}.sys-encounter{padding:0.85rem;border-radius:10px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.06)}.sys-encounter-type{font-size:0.75rem;font-weight:700;letter-spacing:0.06em;color:#d4a832;margin-bottom:0.35rem}.sys-encounter-desc{margin:0 0 0.65rem;font-size:0.88rem;line-height:1.45}.sys-encounter-btns{display:flex;flex-wrap:wrap;gap:0.4rem}.sys-dungeon-log{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.5rem;font-size:0.72rem;color:var(--color-muted)}.sys-dungeon-log-i{padding:0.15rem 0.4rem;background:rgba(0,0,0,0.25);border-radius:6px}.sys-dungeon-done{text-align:center;padding:1.1rem;border-radius:14px;border:1px solid rgba(74,222,128,0.25);background:linear-gradient(165deg,rgba(34,197,94,0.1),rgba(15,23,42,0.4))}.sys-dungeon-retreat{border-color:rgba(251,191,36,0.3);background:linear-gradient(165deg,rgba(251,191,36,0.08),rgba(15,23,42,0.4))}.sys-dungeon-sum{font-size:0.88rem}.sys-dungeon-loot{font-size:0.8rem;color:var(--color-muted);margin:0.5rem 0 0.75rem}.sys-dungeon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.65rem}.sys-dungeon-card{padding:0.85rem;border-radius:12px;border:1px solid rgba(255,255,255,0.07);background:rgba(0,0,0,0.2);display:flex;flex-direction:column;gap:0.5rem}.sys-dungeon-card.locked{opacity:0.5}.sys-dungeon-card-head{display:flex;gap:0.5rem;align-items:flex-start}.sys-dungeon-card-ico{font-size:1.75rem}.sys-dungeon-card-head p{margin:0.2rem 0 0;font-size:0.75rem;color:var(--color-muted)}.sys-dungeon-meta{list-style:none;margin:0;padding:0;font-size:0.72rem;color:var(--color-muted)}.sys-dungeon-meta li{margin-bottom:0.2rem}.sys-dungeon-go{width:100%;margin-top:auto}.expedition-party-modal{max-width:420px;width:92%}.expedition-party-hint{font-size:0.82rem;color:var(--color-muted);margin:0 0 0.5rem}.expedition-party-body{max-height:42vh;overflow-y:auto;display:flex;flex-direction:column;gap:0.35rem}.ex-npc-pick{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.6rem;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.2);cursor:pointer}.ex-npc-pick:has(input:checked){border-color:rgba(212,168,50,0.45);background:rgba(212,168,50,0.08)}.ex-npc-pick-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ex-npc-name{font-weight:600;font-size:0.88rem}.ex-npc-stats{font-size:0.72rem;color:var(--color-muted)}.expedition-party-actions{display:flex;gap:0.5rem;justify-content:flex-end;margin-top:0.75rem}.sys-endgame-lock{text-align:center;padding:1.5rem 1rem;border-radius:14px;border:1px solid rgba(148,163,184,0.2);background:radial-gradient(ellipse at top,rgba(59,130,246,0.08),rgba(15,23,42,0.5))}.sys-endgame-lock-icon{font-size:3rem;margin-bottom:0.35rem}.sys-endgame-lock h3{margin:0 0 0.35rem}.sys-endgame-lock p{font-size:0.85rem;color:var(--color-muted);line-height:1.5;margin:0 0 0.75rem}.sys-endgame-qbar{height:8px;border-radius:6px;background:rgba(255,255,255,0.06);overflow:hidden;margin-bottom:0.5rem}.sys-endgame-qbar>div{height:100%;background:linear-gradient(90deg,#3b82f6,#d4a832);border-radius:6px;transition:width 0.4s}.sys-endgame-qmeta{font-size:0.78rem;color:var(--color-muted);margin:0}.sys-endgame-hero{padding:1rem;border-radius:14px;text-align:center;border:1px solid rgba(212,168,50,0.22);background:linear-gradient(155deg,rgba(212,168,50,0.1),rgba(59,130,246,0.06))}.sys-endgame-badge{display:inline-block;font-size:0.65rem;font-weight:800;letter-spacing:0.12em;padding:0.2rem 0.5rem;border-radius:6px;background:rgba(212,168,50,0.2);color:#d4a832;margin-bottom:0.35rem}.sys-endgame-sub{font-size:0.82rem;color:var(--color-muted);margin:0.35rem 0 0.75rem}.sys-endgame-horde{display:flex;align-items:center;gap:0.65rem;padding:0.65rem 0.85rem;border-radius:10px;text-align:left;background:rgba(0,0,0,0.25);border:1px solid rgba(239,68,68,0.15)}.sys-endgame-horde.urgent{border-color:rgba(239,68,68,0.45);animation:sys-pulse 1.2s ease-in-out infinite}@keyframes sys-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 16px rgba(239,68,68,0.25)}}.sys-endgame-horde-ico{font-size:1.75rem}.sys-endgame-horde strong{display:block;font-size:0.9rem}.sys-endgame-horde span{font-size:0.78rem;color:var(--color-muted)}.sys-endgame-horde em{font-style:normal;color:#f87171;font-weight:700}.sys-endgame-obj{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.06)}.sys-endgame-obj-row{display:flex;gap:0.5rem;padding:0.55rem 0.65rem;border-bottom:1px solid rgba(255,255,255,0.04);align-items:flex-start}.sys-endgame-obj-row:last-child{border-bottom:none}.sys-endgame-obj-row.done{opacity:0.65}.sys-endgame-obj-ico{flex-shrink:0}.sys-endgame-obj-title{font-weight:600;font-size:0.85rem}.sys-endgame-obj-desc{font-size:0.72rem;color:var(--color-muted);margin-top:0.15rem}.sys-endgame-prestige{padding:0.75rem 0}.sys-endgame-prestige p{font-size:0.82rem;color:var(--color-muted);margin-bottom:0.5rem}.sys-prestige-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:0.65rem}.sys-prestige-tag{display:inline-block;padding:0.25rem 0.5rem;font-size:0.75rem;border-radius:8px;background:rgba(212,168,50,0.12);border:1px solid rgba(212,168,50,0.22)}#mp-panel{position:fixed;right:0;top:60px;bottom:0;width:280px;max-width:min(280px,92vw);background:linear-gradient(180deg,rgba(20,18,15,0.97),rgba(30,25,20,0.95));border-left:1px solid var(--accent-gold,#c8a84e);z-index:100;display:flex;flex-direction:column;transition:transform 0.32s cubic-bezier(0.16,1,0.3,1);box-shadow:-4px 0 20px rgba(0,0,0,0.5);overflow:hidden;transform:translateX(100%);pointer-events:none}#mp-panel.hidden{display:none !important}#mp-panel.mp-panel-open{transform:translateX(0);pointer-events:auto}#mp-panel-toggle.mp-panel-toggle-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);width:44px;height:72px;padding:0;background:linear-gradient(135deg,var(--accent-gold,#c8a84e),#8b6914);color:#1a1510;border:none;border-radius:10px 0 0 10px;cursor:pointer;font-size:18px;font-weight:bold;z-index:101;display:flex;align-items:center;justify-content:center;transition:right 0.32s cubic-bezier(0.16,1,0.3,1),background 0.2s;min-width:44px;min-height:64px;box-shadow:-2px 0 12px rgba(0,0,0,0.35)}#mp-panel-toggle.mp-panel-toggle-btn:hover{background:linear-gradient(135deg,#e0c060,#c8a84e)}#mp-panel.mp-panel-open~#mp-panel-toggle{right:280px}#mp-panel-toggle.mp-panel-toggle-btn.hidden{display:none !important}.mp-panel-header{padding:10px 12px;background:linear-gradient(135deg,rgba(200,168,78,0.2),rgba(139,105,20,0.15));border-bottom:1px solid rgba(200,168,78,0.3);display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0;flex-wrap:wrap}.mp-panel-header h3{font-family:'Orbitron',sans-serif;font-size:11px;color:var(--accent-gold,#c8a84e);margin:0;text-transform:uppercase;letter-spacing:1px}#online-count-badge{font-family:'Orbitron',sans-serif;font-size:11px;color:#4ade80;background:rgba(74,222,128,0.1);padding:2px 8px;border-radius:10px;border:1px solid rgba(74,222,128,0.3)}.connection-status{font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap}.status-connected{color:#4ade80}.status-connecting{color:#facc15;animation:pulse-text 1.5s infinite}.status-disconnected{color:#f87171}.status-failed{color:#ef4444}@keyframes pulse-text{0%,100%{opacity:1}50%{opacity:0.4}}#online-players-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:5px;-webkit-overflow-scrolling:touch;min-height:0}#online-players-list::-webkit-scrollbar{width:4px}#online-players-list::-webkit-scrollbar-thumb{background:rgba(200,168,78,0.3);border-radius:2px}.player-card{background:linear-gradient(135deg,rgba(45,38,32,0.9),rgba(60,50,40,0.8));border:1px solid rgba(200,168,78,0.2);border-radius:10px;padding:10px;transition:all 0.2s}.player-card:hover{border-color:rgba(200,168,78,0.5);box-shadow:0 0 10px rgba(200,168,78,0.15)}.player-card-me{border-color:rgba(74,222,128,0.4);background:linear-gradient(135deg,rgba(74,222,128,0.08),rgba(45,38,32,0.9))}.player-card.player-dead{opacity:0.5;filter:grayscale(0.5)}.player-card.player-ally{border-color:rgba(76,175,80,0.3);background:linear-gradient(145deg,rgba(76,175,80,0.05),rgba(13,11,9,0.8))}.player-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:4px}.player-name-mp{font-size:0.82rem;font-weight:600;color:#e8dcc8;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-prof{font-size:14px}.player-kd{font-size:0.68rem;color:#a89880;white-space:nowrap}.player-hp-bar{position:relative;height:18px;background:rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;margin-bottom:6px}.player-hp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:6px;transition:width 0.5s ease}.player-hp-fill.hp-mid{background:linear-gradient(90deg,#eab308,#facc15)}.player-hp-fill.hp-low{background:linear-gradient(90deg,#dc2626,#f87171)}.player-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.65rem;font-family:'Orbitron',sans-serif;color:white;text-shadow:0 1px 3px rgba(0,0,0,0.9)}.player-card-stats{display:flex;justify-content:space-between;font-size:0.68rem;color:#8a7d6b;margin-bottom:6px;flex-wrap:wrap;gap:2px}.player-card-actions{display:flex;gap:5px;flex-wrap:wrap}.btn-attack-player,.btn-raid-player{flex:1;padding:8px 10px;font-size:0.78rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:white;border:1px solid rgba(239,68,68,0.5);border-radius:8px;cursor:pointer;transition:all 0.2s;font-family:'Kanit',sans-serif;min-height:40px;display:flex;align-items:center;justify-content:center;gap:4px}.btn-attack-player:hover,.btn-raid-player:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 12px rgba(239,68,68,0.4)}.btn-attack-player:active,.btn-raid-player:active{transform:scale(0.95)}.btn-raid-player:disabled,.btn-raid-player.disabled{opacity:0.45;cursor:not-allowed;filter:grayscale(0.35);box-shadow:none}.btn-raid-player:disabled:hover,.btn-raid-player.disabled:hover{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:none}.btn-trade-player{flex:1;padding:8px 10px;font-size:0.78rem;background:linear-gradient(135deg,rgba(76,175,80,0.2),rgba(76,175,80,0.1));color:#66bb6a;border:1px solid rgba(76,175,80,0.3);border-radius:8px;cursor:pointer;transition:all 0.2s;font-family:'Kanit',sans-serif;min-height:40px;display:flex;align-items:center;justify-content:center;gap:4px}.btn-trade-player:hover{background:rgba(76,175,80,0.25)}.dead-label{font-size:14px;text-align:center;width:100%;display:block;padding:4px 0}.no-players{text-align:center;color:#6b5e4f;font-size:0.82rem;padding:20px 10px}.pvp-actions{padding:8px;border-top:1px solid rgba(200,168,78,0.2);display:flex;gap:6px;flex-shrink:0}.pvp-actions button{flex:1;padding:8px;font-size:0.78rem;border-radius:8px;border:1px solid rgba(200,168,78,0.3);cursor:pointer;font-family:'Kanit',sans-serif;min-height:40px;transition:all 0.2s}.combat-log-section{max-height:130px;border-top:1px solid rgba(200,168,78,0.2);flex-shrink:0}.combat-log-header{padding:6px 10px;font-size:0.65rem;font-family:'Orbitron',sans-serif;color:var(--accent-gold,#c8a84e);text-transform:uppercase;letter-spacing:1px;background:rgba(200,168,78,0.05)}#combat-log{max-height:100px;overflow-y:auto;padding:4px 8px;-webkit-overflow-scrolling:touch}#combat-log::-webkit-scrollbar{width:3px}#combat-log::-webkit-scrollbar-thumb{background:rgba(200,168,78,0.2)}.combat-log-entry{font-size:0.68rem;padding:3px 0;border-bottom:1px solid rgba(255,255,255,0.03);color:#8a7d6b;word-break:break-word}.log-time{color:#5a5040;margin-right:4px}.log-attack{color:#f59e0b}.log-kill{color:#ef4444;font-weight:bold}.log-loot{color:#22c55e}.log-miss{color:#6b7280;font-style:italic}.log-damaged{color:#f87171}.log-death{color:#dc2626;font-weight:bold}.log-dodged{color:#60a5fa}.log-heal{color:#4ade80}.log-respawn{color:#a78bfa}.log-error{color:#f87171;font-style:italic}.log-lost{color:#fb923c}#chat-box{position:fixed;left:10px;bottom:50px;width:320px;max-height:320px;background:linear-gradient(180deg,rgba(20,18,15,0.95),rgba(30,25,20,0.92));border:1px solid rgba(200,168,78,0.3);border-radius:12px;z-index:100;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.5);transition:all 0.3s ease;overflow:hidden}#chat-box.hidden{display:none !important}#chat-box.chat-hidden{transform:translateY(calc(100% - 40px));max-height:40px;overflow:hidden}#chat-box.chat-dragging{transition:none;opacity:0.9}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(200,168,78,0.1);border-bottom:1px solid rgba(200,168,78,0.2);border-radius:12px 12px 0 0;cursor:pointer;min-height:40px;flex-shrink:0;gap:8px}.chat-header h4{margin:0;font-size:0.75rem;font-family:'Orbitron',sans-serif;color:var(--accent-gold,#c8a84e);letter-spacing:1px;white-space:nowrap}.chat-drag-handle{cursor:grab;color:rgba(200,168,78,0.4);font-size:14px;user-select:none}#chat-toggle{background:none;border:none;color:var(--accent-gold,#c8a84e);cursor:pointer;font-size:18px;padding:4px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}#chat-messages{flex:1;max-height:220px;overflow-y:auto;padding:8px 10px;-webkit-overflow-scrolling:touch}#chat-messages::-webkit-scrollbar{width:3px}#chat-messages::-webkit-scrollbar-thumb{background:rgba(200,168,78,0.2)}.chat-msg{font-size:0.78rem;padding:4px 0;line-height:1.5;word-break:break-word}.chat-time{font-size:0.62rem;color:#5a5040;margin-right:4px}.chat-player{color:#e8dcc8}.chat-player .chat-name{color:var(--accent-gold,#c8a84e)}.chat-combat{color:#f59e0b;font-style:italic;font-size:0.72rem}.chat-system{color:#60a5fa;font-size:0.72rem}.chat-input-row{display:flex;gap:6px;padding:8px 10px;border-top:1px solid rgba(200,168,78,0.15);flex-shrink:0}#chat-input{flex:1;background:rgba(0,0,0,0.3);border:1px solid rgba(200,168,78,0.2);border-radius:8px;padding:8px 12px;color:#e8dcc8;font-size:0.82rem;font-family:'Kanit',sans-serif;outline:none;transition:border-color 0.2s;min-height:38px}#chat-input::placeholder{color:#5a5040}#chat-input:focus{border-color:var(--accent-gold,#c8a84e)}#chat-send{padding:8px 16px;background:linear-gradient(135deg,var(--accent-gold,#c8a84e),#8b6914);color:#1a1510;border:none;border-radius:8px;cursor:pointer;font-weight:bold;font-size:0.82rem;transition:all 0.2s;min-height:38px;min-width:50px;white-space:nowrap}#chat-send:hover{background:linear-gradient(135deg,#e0c060,#c8a84e)}.combat-effect-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:48px;font-family:'Orbitron',sans-serif;font-weight:bold;pointer-events:none;z-index:9999;opacity:0;transition:all 0.3s ease;text-shadow:0 0 30px currentColor,0 4px 8px rgba(0,0,0,0.5);white-space:nowrap}.combat-effect-overlay.active{transform:translate(-50%,-50%) scale(1);opacity:1;animation:combat-effect-anim 1.5s ease-out forwards}@keyframes combat-effect-anim{0%{transform:translate(-50%,-50%) scale(0.5);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1}50%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-60%) scale(0.8);opacity:0}}.effect-hit{color:#f59e0b}.effect-critical{color:#ef4444;font-size:56px}.effect-miss{color:#6b7280;font-size:36px}.effect-kill{color:#dc2626;font-size:64px}.effect-dodge{color:#3b82f6}.effect-damaged{color:#f87171}.effect-critical-hit{color:#dc2626;font-size:56px}.effect-death{color:#7f1d1d;font-size:72px}.screen-shake{animation:shake 0.4s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-8px) rotate(-0.5deg)}20%{transform:translateX(8px) rotate(0.5deg)}30%{transform:translateX(-6px)}40%{transform:translateX(6px)}50%{transform:translateX(-3px)}}#death-screen{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(127,29,29,0.9),rgba(0,0,0,0.95));z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:2rem;animation:death-fade-in 1s ease}#death-screen.hidden{display:none}@keyframes death-fade-in{0%{opacity:0}100%{opacity:1}}.death-icon{font-size:80px;animation:death-pulse 2s infinite}@keyframes death-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.7}}.death-title{font-family:'Orbitron',sans-serif;font-size:42px;color:#dc2626;text-shadow:0 0 40px rgba(220,38,38,0.5);letter-spacing:6px;text-transform:uppercase;text-align:center}.death-subtitle{font-size:1rem;color:#a89880;text-align:center}.death-stats{font-size:0.85rem;color:#8a7d6b;text-align:center}#respawn-timer{font-size:0.9rem;color:#f59e0b;font-family:'Orbitron',sans-serif}#btn-respawn{padding:14px 40px;font-size:1rem;font-family:'Orbitron',sans-serif;background:linear-gradient(135deg,#16a34a,#15803d);color:white;border:2px solid rgba(34,197,94,0.5);border-radius:12px;cursor:pointer;transition:all 0.3s;text-transform:uppercase;letter-spacing:2px;min-height:48px}#btn-respawn:disabled{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;cursor:not-allowed;color:#6b7280}#btn-respawn:not(:disabled):hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 30px rgba(34,197,94,0.4)}.trade-modal-content{max-width:420px;width:95%}.trade-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0.8rem 1rem;border-bottom:1px solid rgba(212,168,50,0.15)}.trade-items-list{max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem}.trade-item-row{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,0.04);min-width:0}.trade-item-icon{font-size:1.3rem;flex-shrink:0}.trade-item-name{flex:1;min-width:0;font-size:0.82rem;color:#e8dcc8;overflow:hidden;text-overflow:ellipsis}.trade-item-have{font-size:0.72rem;color:#6b6355;white-space:nowrap}.trade-qty-controls{display:flex;align-items:center;gap:3px}.trade-qty-btn{width:36px;height:36px;border:1px solid rgba(212,168,50,0.2);background:rgba(212,168,50,0.06);color:#d4a832;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.trade-qty-input{width:40px;text-align:center;border:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.3);color:#e8dcc8;border-radius:6px;font-size:0.82rem;padding:4px;min-height:32px}.trade-modal-actions{display:flex;gap:8px;padding:0.8rem;border-top:1px solid rgba(212,168,50,0.1)}.btn-trade-confirm,.btn-trade-cancel{flex:1;padding:10px;border-radius:10px;font-size:0.85rem;font-family:'Kanit',sans-serif;cursor:pointer;border:none;min-height:44px;font-weight:600}.btn-trade-confirm{background:linear-gradient(135deg,#16a34a,#15803d);color:white}.btn-trade-cancel{background:rgba(255,255,255,0.05);color:#a89880;border:1px solid rgba(255,255,255,0.1)}#game-screen.multiplayer-active:has(#mp-panel.mp-panel-open){margin-right:280px}#game-screen.multiplayer-active:not(:has(#mp-panel.mp-panel-open)){margin-right:0}.chat-danmaku{position:fixed;top:80px;left:0;right:0;height:30vh;pointer-events:none;z-index:500;overflow:hidden}.chat-danmaku:empty{display:none}.danmaku-msg{position:absolute;white-space:nowrap;font-size:0.85rem;font-weight:600;font-family:'Kanit',sans-serif;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.8),0 0 8px rgba(0,0,0,0.5);padding:0.15rem 0.5rem;border-radius:4px;background:rgba(0,0,0,0.2);animation:danmakuScroll linear forwards;will-change:transform;pointer-events:none}.danmaku-msg .danmaku-name{color:#d4a832;margin-right:0.25rem;font-size:0.75rem}@keyframes danmakuScroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}@media (max-width:768px){#mp-panel{width:260px;max-width:min(260px,90vw);z-index:9992;bottom:calc(56px+env(safe-area-inset-bottom,0px))}#mp-panel.mp-panel-open~#mp-panel-toggle{right:260px}#game-screen.multiplayer-active:has(#mp-panel.mp-panel-open){margin-right:0}#chat-box{display:none !important}#chat-box.mobile-chat-open{display:flex !important;position:fixed;left:0.5rem;right:0.5rem;bottom:calc(58px+env(safe-area-inset-bottom,0px));top:auto;width:auto;max-height:55vh;z-index:9992;border-radius:14px;box-shadow:0 -4px 30px rgba(0,0,0,0.6);transform:none}#chat-box.mobile-chat-open #chat-messages{max-height:38vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#chat-box.mobile-chat-open .chat-input-row{padding:0.5rem;gap:0.4rem}#chat-box.mobile-chat-open #chat-input{font-size:16px;min-height:44px;border-radius:10px}#chat-box.mobile-chat-open #chat-send{min-height:44px;min-width:64px;border-radius:10px;font-size:0.88rem}#chat-box.mobile-chat-open .chat-header{border-radius:14px 14px 0 0;min-height:44px}#chat-box.mobile-chat-open #chat-toggle{min-width:44px;min-height:44px}.btn-attack-player,.btn-raid-player,.btn-trade-player{min-height:44px;font-size:0.82rem;padding:10px;border-radius:10px}.pvp-actions button{min-height:44px;font-size:0.82rem}.player-card{padding:10px}.player-hp-bar{height:20px}.combat-log-entry{font-size:0.72rem;padding:4px 0}.trade-qty-btn{width:44px;height:44px}.trade-modal-actions{flex-direction:column}.death-title{font-size:32px;letter-spacing:3px}.death-icon{font-size:64px}#btn-respawn{padding:12px 30px;font-size:0.9rem;min-height:48px}.combat-effect-overlay{font-size:32px}.effect-critical,.effect-critical-hit{font-size:40px}.effect-kill{font-size:48px}.effect-death{font-size:56px}}@media (max-width:480px){#mp-panel{width:85vw;max-width:300px;bottom:calc(56px+env(safe-area-inset-bottom,0px))}#mp-panel.mp-panel-open~#mp-panel-toggle{right:min(85vw,300px)}.mp-panel-header{padding:8px 10px;gap:4px}.mp-panel-header h3{font-size:0.65rem}#online-count-badge{font-size:0.62rem}.player-card{padding:8px}.player-name-mp{font-size:0.78rem;max-width:100px}.player-card-stats{font-size:0.65rem;flex-direction:column;gap:1px}.player-card-actions{flex-direction:column;gap:4px}.btn-attack-player,.btn-raid-player,.btn-trade-player{width:100%;min-height:44px}.combat-log-section{max-height:100px}#combat-log{max-height:70px}.combat-log-entry{font-size:0.65rem}#chat-box.mobile-chat-open{max-height:50vh;left:0.3rem;right:0.3rem}.trade-modal-content{max-width:100%}.trade-item-row{padding:6px;gap:6px}.trade-qty-btn{width:44px;height:44px;font-size:1.1rem}.death-title{font-size:1.5rem;letter-spacing:2px}.death-icon{font-size:50px}#respawn-timer{font-size:0.82rem}#btn-respawn{padding:10px 24px;font-size:0.85rem}}@media (max-width:360px){#mp-panel{width:90vw}#mp-panel.mp-panel-open~#mp-panel-toggle{right:90vw}.player-name-mp{max-width:80px;font-size:0.72rem}.player-card-actions{gap:3px}.death-title{font-size:1.2rem}}.ac-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(20,18,15,0.98),rgba(0,0,0,1));z-index:99999;display:flex;align-items:center;justify-content:center;animation:ac-fade-in 0.5s ease;padding:1rem}.ac-overlay.hidden{display:none}@keyframes ac-fade-in{from{opacity:0}to{opacity:1}}.ac-screen{text-align:center;padding:2rem;max-width:480px}.ac-icon{font-size:64px;margin-bottom:16px;animation:ac-pulse 2s infinite}@keyframes ac-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.ac-title{font-family:'Orbitron',sans-serif;font-size:1.5rem;color:#f59e0b;text-shadow:0 0 30px rgba(245,158,11,0.4);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.ac-title-ban{color:#dc2626;text-shadow:0 0 30px rgba(220,38,38,0.5)}.ac-message{font-size:0.95rem;color:#e8dcc8;margin-bottom:10px;line-height:1.6;word-break:break-word}.ac-submsg{font-size:0.82rem;color:#6b5e4f;font-style:italic}.ac-btn{margin-top:20px;padding:12px 32px;font-size:0.95rem;font-family:'Orbitron',sans-serif;background:linear-gradient(135deg,var(--accent-gold,#c8a84e),#8b6914);color:#1a1510;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s;text-transform:uppercase;letter-spacing:1px;min-height:48px}.ac-btn:hover{background:linear-gradient(135deg,#e0c060,#c8a84e);box-shadow:0 0 20px rgba(200,168,78,0.4)}.ac-warning-toast{position:fixed;top:70px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(245,158,11,0.95),rgba(217,119,6,0.95));color:#1a1510;padding:10px 20px;border-radius:10px;font-size:0.85rem;font-weight:600;z-index:99998;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px rgba(245,158,11,0.4);animation:ac-toast-in 0.3s ease;max-width:90vw;word-break:break-word}.ac-warning-toast.hidden{display:none}@keyframes ac-toast-in{from{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.ac-warning-icon{font-size:18px;flex-shrink:0}.ac-warning-text{font-family:'Kanit',sans-serif}@media (max-width:480px){.ac-screen{padding:1.5rem}.ac-title{font-size:1.2rem;letter-spacing:1px}.ac-icon{font-size:48px}.ac-message{font-size:0.85rem}.ac-btn{padding:10px 24px;min-height:48px;font-size:0.85rem}.ac-warning-toast{padding:8px 14px;font-size:0.78rem}}.trade-receive-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;padding:1rem}.mp-offline-section{padding:8px 10px;border-top:1px solid rgba(200,168,78,0.25);flex-shrink:0;max-height:180px;overflow-y:auto}.mp-offline-header{font-size:0.72rem;color:#c8a84e;font-weight:600;margin-bottom:4px}.mp-offline-count{font-size:0.68rem;color:#a8a090;margin:0 0 6px 0}.offline-global-list{font-size:0.68rem;color:#d4cfc4;line-height:1.4}.offline-global-row{padding:1px 0}.offline-global-empty{color:#6a6560;font-size:0.65rem}*{-webkit-tap-highlight-color:transparent}@media (pointer:coarse){button,[role="button"],.tab,.event-btn,.fw-btn,.pet-action-btn,.npc2-action-btn,.crafting-cat-btn,.livestock-slaughter-btn,.vehicle-action-btn,.upgrade-btn,.scout-card,.mw-btn,.modal-close,.arrival-popup-close,.beginner-rescue-btn,.event-log-action-btn,.music-btn,.medical-btn,.ct-upgrade-btn,.upgrade-tab-btn,.settings-btn,.settings-toggle-btn,.settings-btn-delete,.vp-btn,.vp-close,.ng-btn,.ng-close,.ng-repair-btn,.disasm-qty-btn,.disasm-open-btn,.sl-close,.gear-repair-btn,.atk-btn,.npc2-btn-heal,#chat-send,#map-zoom-controls button{min-height:44px;min-width:44px}#chat-input{min-height:44px}}@media (max-width:768px){#game-container{max-width:100%;padding:0}#story-screen,#character-screen,#pet-select-screen,#mode-select-screen{padding:1rem;align-items:flex-start;padding-top:max(1rem,env(safe-area-inset-top))}.story-content{padding:1.5rem;max-height:90vh;overflow-y:auto}.mode-select-content{max-height:none;overflow-y:auto;padding-bottom:2rem}.story-nav{flex-wrap:wrap}.story-title{font-size:1.5rem}.story-subtitle{font-size:0.9rem;letter-spacing:0.1em}.story-paragraph{font-size:0.95rem}#profession-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}#age-range-grid{grid-template-columns:repeat(2,1fr)}.char-physical-row{grid-template-columns:1fr}.profession-btn .icon-img{width:32px;height:32px}.profession-btn .icon,.profession-btn .icon-fallback{font-size:1.25rem}#pet-select-options{flex-direction:column}.pet-option{min-width:100%}#game-hud{flex-wrap:wrap;padding:0.5rem 0.75rem;gap:0.4rem}.hud-left{gap:0.4rem;flex-wrap:wrap}.hud-center{order:3;width:100%;text-align:center}.hud-center .game-title{font-size:0.82rem}.resource{padding:0.25rem 0.5rem}.resource .icon{font-size:1rem}.resource .value{font-size:0.85rem}#game-tabs{display:none !important}.mobile-nav{display:flex !important;position:fixed;bottom:0;left:0;right:0;z-index:9990;background:rgba(18,15,12,0.97);border-top:1px solid rgba(212,168,50,0.15);padding:0;padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -4px 24px rgba(0,0,0,0.5);justify-content:space-around;align-items:stretch;gap:0}.mnav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.15rem;flex:1;padding:0.45rem 0.2rem 0.35rem;background:transparent;border:none;color:rgba(255,255,255,0.45);cursor:pointer;transition:all 0.2s ease;position:relative;font-family:inherit;min-height:50px;-webkit-tap-highlight-color:transparent;overflow:visible}.mnav-btn::before{content:'';position:absolute;top:0;left:15%;right:15%;height:2.5px;background:transparent;border-radius:0 0 2px 2px;transition:background 0.2s ease}.mnav-btn.active{color:var(--color-accent,#d4a832)}.mnav-btn.active::before{background:var(--color-accent,#d4a832);box-shadow:0 0 8px rgba(212,168,50,0.4)}.mnav-icon{font-size:1.3rem;line-height:1;transition:transform 0.2s ease}.mnav-btn.active .mnav-icon{transform:scale(1.15)}.mnav-label{font-size:0.6rem;font-weight:500;letter-spacing:0.02em;line-height:1}.mnav-btn.active .mnav-label{font-weight:700;color:var(--color-accent,#d4a832)}.mnav-more-trigger .mnav-icon{width:26px;height:26px;background:rgba(212,168,50,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.95rem;border:1px solid rgba(212,168,50,0.2)}.mnav-more-trigger.active .mnav-icon{background:rgba(212,168,50,0.25)}.mnav-more-panel{display:block !important;position:fixed;bottom:0;left:0;right:0;top:0;z-index:9995;pointer-events:none}.mnav-more-panel.hidden{pointer-events:none}.mnav-more-panel:not(.hidden){pointer-events:auto}.mnav-more-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);opacity:0;transition:opacity 0.3s ease}.mnav-more-panel:not(.hidden) .mnav-more-overlay{opacity:1}.mnav-more-content{position:absolute;bottom:0;left:0;right:0;background:rgba(22,18,14,0.98);border-top:1px solid rgba(212,168,50,0.2);border-radius:20px 20px 0 0;padding:0.6rem 1rem;padding-bottom:calc(0.6rem+env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);max-height:70vh;overflow-y:auto}.mnav-more-panel:not(.hidden) .mnav-more-content{transform:translateY(0)}.mnav-more-header{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.2rem;font-size:0.95rem;font-weight:700;color:var(--color-accent,#d4a832);border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:0.6rem}.mnav-more-close{width:36px;height:36px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:none;border-radius:50%;color:var(--color-text-dim,#aaa);font-size:1.1rem;cursor:pointer;font-family:inherit}.mnav-more-sections{max-height:55vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(212,168,50,0.3) transparent;padding-right:2px}.mnav-more-sections::-webkit-scrollbar{width:4px}.mnav-more-sections::-webkit-scrollbar-thumb{background:rgba(212,168,50,0.3);border-radius:2px}.mnav-more-group-label{font-size:0.68rem;font-weight:700;color:var(--color-accent,#d4a832);padding:0.4rem 0.2rem 0.2rem;opacity:0.75;letter-spacing:0.3px;border-top:1px solid rgba(255,255,255,0.04);margin-top:0.3rem}.mnav-more-group-label:first-child{border-top:none;margin-top:0;padding-top:0}.mnav-more-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0.35rem;margin-bottom:0.3rem}.mnav-more-btn{display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.6rem 0.3rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;color:var(--color-text-dim,#aaa);cursor:pointer;font-family:inherit;font-size:0.68rem;font-weight:500;transition:all 0.2s ease;min-height:55px}.mnav-more-btn.active{background:rgba(212,168,50,0.1);border-color:rgba(212,168,50,0.3);color:var(--color-accent,#d4a832);font-weight:700}.mnav-more-icon{font-size:1.35rem;line-height:1}.mnav-more-actions{display:flex;gap:0.5rem;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06)}.mnav-more-action{flex:1;padding:0.55rem 0.5rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:var(--color-text-dim,#aaa);font-size:0.78rem;font-weight:500;cursor:pointer;font-family:inherit;text-align:center;min-height:44px}.mnav-cat-btn{display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.6rem 0.3rem;background:rgba(212,168,50,0.06);border:1px solid rgba(212,168,50,0.15);border-radius:12px;color:var(--color-accent,#d4a832);cursor:pointer;font-family:inherit;font-size:0.68rem;font-weight:600;transition:all 0.2s ease;min-height:55px}.mnav-cat-btn:active{background:rgba(212,168,50,0.18);transform:scale(0.96)}.mnav-sub-view{padding:0.5rem 0;animation:mnavSubSlideIn 0.2s ease}@keyframes mnavSubSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.mnav-sub-back{display:block;width:100%;padding:0.6rem 1rem;background:rgba(212,168,50,0.06);border:none;border-bottom:1px solid rgba(212,168,50,0.1);border-radius:10px 10px 0 0;color:var(--color-accent,#d4a832);font-size:0.85rem;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;margin-bottom:0.5rem}.mnav-sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;padding:0 0.25rem}#game-main{padding-bottom:calc(60px+env(safe-area-inset-bottom,0px))}#game-footer{margin-bottom:calc(50px+env(safe-area-inset-bottom,0px))}.tab{padding:0.5rem 0.75rem;font-size:0.8rem;flex-shrink:0}#game-main{padding:1rem;min-height:auto}.tab-panel h2{font-size:1.25rem}#farm-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem}.fp-card{min-height:110px;padding:0.5rem}.farm-summary{grid-template-columns:repeat(4,1fr);gap:0.4rem}.crop-modal-content{max-width:90vw}.crop-card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}#livestock-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}#map-canvas{height:clamp(400px,calc(100vh - 140px),900px);touch-action:none}#map-viewport{will-change:transform;contain:layout style;-webkit-backface-visibility:hidden;backface-visibility:hidden}.map-location{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 2px 8px rgba(0,0,0,0.5) !important;transition:none !important}.map-location:hover{box-shadow:0 2px 8px rgba(0,0,0,0.5) !important;transform:translate(-50%,0) !important}.map-location.location-base{animation:none !important}.map-pin-wrapper{transition:none !important;contain:layout style}.map-cd-badge{animation:none !important}.event-icon-pulse{animation:none !important}.map-travel-dot-svg{animation:none !important}.map-travel-marker{animation:none !important;transition:none !important}.location-event.event-danger{animation:none !important}.location-event.event-normal{animation:none !important}.map-location.location-other-base{animation:none !important}.travel-marker-body{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 2px 8px rgba(0,0,0,0.5) !important}.travel-progress-ring{display:none !important}.map-compass{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}#map-zoom-controls button{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.map-coords-display{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.map-location{min-width:65px;padding:0.4rem 0.55rem}.map-location .icon{font-size:1.3rem}.map-location .name{font-size:0.78rem}#crafting-list{grid-template-columns:1fr}#inventory-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.base-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{padding:1rem 1.25rem}.stat-card .stat-value{font-size:1.5rem}.modal{padding:0.75rem;padding-bottom:calc(0.75rem+56px+env(safe-area-inset-bottom,0px));align-items:center;justify-content:center}.modal-content{max-height:calc(85vh - 56px - env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg)}.tutorial-nav{padding:0.6rem;gap:0.3rem}.tutorial-nav-btn{font-size:0.75rem;padding:0.35rem 0.55rem}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vehicle-action-btn{min-height:44px}.upgrade-info-grid{grid-template-columns:repeat(2,1fr)}.arrival-popup{min-width:unset;max-width:90vw}.event-btn{min-height:44px}#game-footer{padding:0.5rem 1rem;padding-bottom:max(0.5rem,env(safe-area-inset-bottom))}.notification{min-width:auto;max-width:95vw;font-size:0.82rem;padding:0.5rem 0.9rem;gap:0.4rem}.notif-icon{font-size:1rem}.inv-name{font-size:0.52rem}.logo h1{font-size:2rem}.loading-bar{width:100%;max-width:280px}}@media (max-width:480px){#story-screen,#character-screen,#pet-select-screen,#mode-select-screen{padding:0.75rem}.story-content{padding:1rem;overflow-y:auto}.story-title{font-size:1.25rem}.story-btn{padding:0.875rem 1rem;font-size:1rem}#mode-select-screen{padding:0.5rem;overflow-y:auto}.mode-select-content{max-height:none;overflow-y:visible;padding:0.8rem;padding-bottom:2rem}.mode-card{padding:1.2rem 0.8rem}.mode-card-icon{font-size:2rem;margin-bottom:0.4rem}.mode-card-title{font-size:1.1rem}.mode-card-features li{padding:0.25rem 0;font-size:0.8rem}.mode-actions{margin-top:0.8rem}.mode-select-header{flex-wrap:wrap;gap:0.3rem}#game-hud{padding:0.4rem 0.5rem;gap:0.3rem}.hud-center{display:none}.hud-right{gap:0.3rem}.day-counter{font-size:0.75rem}.hud-btn{width:44px;height:44px;font-size:1.2rem}.tab{padding:0.6rem 0.85rem;min-height:44px}#farm-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.fp-card{min-height:100px;padding:0.45rem}.fp-plant-icon{font-size:1.6rem}.fp-crop-name{font-size:0.72rem}.fp-stage-label{font-size:0.6rem}.fp-days{font-size:0.6rem}.fp-harvest-badge{font-size:0.55rem;padding:0.1rem 0.3rem}.farm-summary{grid-template-columns:repeat(2,1fr);gap:0.35rem}.farm-stat{padding:0.4rem 0.2rem}.farm-stat-icon{font-size:0.9rem}.farm-stat-value{font-size:0.95rem}.farm-harvest-all-btn{min-height:44px;font-size:0.85rem}.farm-water-all-btn{min-height:44px;font-size:0.8rem}.farm-summary-btns{flex-direction:column}.fp-water-wrap{gap:3px}.fp-water-icon{font-size:0.55rem}.fp-water-pct{font-size:0.5rem}.fp-water-btn{font-size:0.55rem;padding:0.2rem 0.4rem;min-height:28px}.crop-modal{align-items:center;justify-content:center;padding:0.75rem}.crop-modal-content{max-width:95vw;max-height:80vh;border-radius:var(--radius-lg)}.crop-card-grid{grid-template-columns:1fr}.crop-card{flex-direction:column;align-items:center;justify-content:flex-start;padding:0.85rem 0.75rem;gap:0.45rem}.crop-card-icon{font-size:2.35rem;line-height:1;flex-shrink:0}.crop-card-name{font-size:0.9rem;font-weight:700;text-align:center;width:100%;line-height:1.25}.crop-card-stats{width:100%;flex:none;margin-top:0.15rem}.crop-stat-row{font-size:0.72rem;padding:0.18rem 0}.crop-plant-btn{width:100%;min-height:44px;margin-top:0.25rem;align-self:stretch}#map-canvas{height:clamp(350px,calc(100vh - 140px),700px)}.map-location{min-width:55px !important;max-width:72px !important;padding:0.25rem 0.35rem !important}.map-location .name{font-size:0.68rem !important;max-width:68px}.map-location .travel-time{font-size:0.6rem !important}.map-location .icon{font-size:1.1rem !important}.travel-marker-body{max-width:120px !important;padding:0.2rem 0.35rem !important}.travel-marker-icon{font-size:1rem !important}.travel-marker-name{font-size:0.65rem !important}.travel-marker-dest,.travel-marker-time{font-size:0.58rem !important}.travel-loot{display:none !important}#map-zoom-controls button{width:44px;height:44px}.modal-close{width:44px;height:44px}.npc-select-btn,.crafting-btn,.recruit-btn,.mw-btn{min-height:44px}.mw-step-bar{padding:0.6rem 0.8rem}.mw-step-icon{width:28px;height:28px;font-size:0.75rem}.mw-step-label{font-size:0.55rem}.mw-step-line{min-width:12px}.mw-content{padding:0.8rem 1rem}.mw-loc-banner{flex-direction:column;text-align:center;padding:0.8rem}.mw-loc-icon-big{font-size:2rem}.mw-loc-stats{grid-template-columns:1fr 1fr;gap:0.35rem}.mw-npc-stats{grid-template-columns:1fr}.mw-npc-list{max-height:55vh}.mw-confirm-crew{grid-template-columns:1fr;gap:0.4rem}.mw-crew-slot{flex-direction:row;gap:0.5rem;padding:0.5rem 0.8rem}.mw-crew-icon{font-size:1.3rem;margin-bottom:0}.mw-pet-grid,.mw-veh-grid{grid-template-columns:1fr}.mw-actions{flex-wrap:wrap}.mw-btn{font-size:0.78rem;padding:0.6rem 0.6rem;flex-basis:auto}.mw-da-header{flex-direction:column;align-items:center;text-align:center}.mw-da-gauge{width:80px;height:80px}.mw-da-gauge-pct{font-size:1.1rem}.mw-da-stats-row{justify-content:center}.mw-da-stat{min-width:48px;padding:0.2rem 0.35rem}.mw-da-factor{grid-template-columns:75px 1fr 40px;font-size:0.7rem}.mw-da-f-detail{padding-left:79px}.tab-dropdown{right:0;left:auto}.party-header{flex-direction:column;gap:0.3rem;align-items:flex-start}.party-stats-row{gap:0.35rem}.party-stat{font-size:0.78rem;padding:0.25rem 0.5rem}.party-btn{width:100%;text-align:center}.base-stats{gap:0.5rem}.stat-card{min-width:100px;padding:0.75rem 1rem}.stat-card .stat-value{font-size:1.25rem}}@media (max-height:500px) and (orientation:landscape){#story-screen,#character-screen,#pet-select-screen,#mode-select-screen{align-items:flex-start;padding-top:0.5rem;overflow-y:auto}.story-content{max-height:90vh;overflow-y:auto}.story-text{margin-bottom:1rem}.story-paragraph{margin-bottom:0.75rem}}@media (max-width:768px){.character-form input,.pet-name-input input{font-size:16px !important}}@supports (padding:env(safe-area-inset-top)){#game-hud{padding-top:max(0.6rem,env(safe-area-inset-top))}#game-footer{padding-bottom:max(0.5rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}#game-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (min-width:1200px){#game-container{max-width:1280px;box-shadow:0 0 80px rgba(0,0,0,0.4),inset 1px 0 0 rgba(212,168,50,0.04),inset -1px 0 0 rgba(212,168,50,0.04)}}@media (min-width:1600px){#game-main{padding:2rem 3rem}.base-stats{grid-template-columns:repeat(4,1fr)}#crafting-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}#inventory-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.npc-cap-bar,.beginner-event-banner,.npc-bulk-actions{grid-column:1 / -1}}@media (max-width:480px){.npc2-top{padding:0.65rem 0.75rem 0.45rem;gap:0.5rem}.npc2-avatar-icon{width:40px;height:40px;font-size:1.5rem}.npc2-avatar-icon .si-icon,.npc2-avatar-icon .si-img{width:26px;height:26px}.npc2-name{font-size:0.9rem}.npc2-name-row{gap:0.25rem}.npc2-status{font-size:0.62rem;padding:0.1rem 0.3rem}.npc2-gauge-row{gap:0.35rem}.npc2-stats-grid{grid-template-columns:1fr;gap:0.2rem 0;padding:0.4rem 0.75rem}.travel-marker-body{padding:0.25rem 0.4rem;max-width:160px}.travel-marker-icon{font-size:1rem}.travel-marker-name{font-size:0.65rem}.travel-marker-dest{font-size:0.58rem}.travel-marker-time{font-size:0.55rem}.travel-loot{font-size:0.55rem;max-width:95px}.travel-progress-ring{width:26px;height:26px}.travel-pct{font-size:0.48rem}.scout-radar-section{flex-direction:column;gap:0.7rem;padding:0.8rem;text-align:center}.scout-radar{width:70px;height:70px}.scout-radar-title{font-size:0.88rem}.scout-radar-sub{font-size:0.72rem}.scout-card{padding:0.5rem 0.7rem;gap:0.5rem}.scout-card-avatar{width:36px;height:36px;font-size:1.4rem}.scout-card-name{font-size:0.82rem}.scout-npc-grid{max-height:180px}.scout-modal-content{padding:0.7rem;gap:0.6rem}.vehicle-grid{grid-template-columns:1fr;gap:0.5rem}.vehicle-card{padding:0.6rem}.vehicle-header{flex-wrap:wrap;gap:0.3rem}.vehicle-header .vehicle-icon{font-size:1.3rem}.vehicle-info{flex-direction:column;gap:0.3rem}.vehicle-action-btn{padding:0.5rem 0.7rem;font-size:0.78rem;min-height:44px}.vehicle-bar-row{gap:0.3rem}.vehicle-bar-row .label{min-width:45px;font-size:0.7rem}.medical-info-grid{grid-template-columns:repeat(2,1fr);gap:0.4rem}.medical-patient-card{flex-direction:column;align-items:flex-start}.medical-sick-card{flex-direction:column;align-items:flex-start;gap:0.4rem}.medical-btn{min-height:44px}.medical-upgrade-preview{flex-direction:column;gap:0.3rem}.crafting-table-panel .upgrade-info-grid{grid-template-columns:1fr 1fr;gap:0.4rem}.crafting-table-badge{flex-direction:column;gap:0.3rem;text-align:center;padding:0.6rem}.ct-unlocks-preview{flex-wrap:wrap;gap:0.25rem;justify-content:center}.ct-unlock-tag{font-size:0.68rem;padding:0.15rem 0.35rem}.crafting-card.crafting-locked{padding:0.5rem}.crafting-lock-info{font-size:0.68rem}.upgrade-info-grid{grid-template-columns:1fr 1fr;gap:0.4rem}.upgrade-header{gap:0.5rem}.upgrade-header .upgrade-icon{font-size:1.5rem}.upgrade-btn{min-height:48px;font-size:0.85rem;padding:0.6rem 1rem}.upgrade-cost-grid{gap:0.25rem}.upgrade-cost-item{font-size:0.72rem;padding:0.25rem 0.4rem}.upgrade-dots{gap:2px;justify-content:center;flex-wrap:wrap}.upgrade-dots .dot{width:16px;height:16px}.event-btn{min-width:unset;width:100%;min-height:44px;font-size:0.85rem}.event-actions{flex-direction:column;gap:0.4rem}.event-desc{font-size:0.88rem}.event-detail-box{padding:0.6rem;font-size:0.85rem}.event-expire{font-size:0.78rem}#arrival-popup-container{padding-bottom:calc(60px+env(safe-area-inset-bottom,0px))}.arrival-popup{min-width:unset;width:calc(100vw - 2rem);max-width:360px;padding:1rem 1.2rem}.arrival-popup-header{flex-wrap:wrap;gap:0.4rem}.arrival-popup-icon{width:40px;height:40px;font-size:1.5rem}.arrival-popup-close{width:36px;height:36px;min-height:44px;min-width:44px;font-size:1.2rem}.arrival-popup-loot{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:0.3rem}.arrival-popup-xp{font-size:0.78rem}.pet-action-btn{padding:0.45rem 0.55rem;min-height:44px;font-size:0.75rem}.pet-actions{gap:0.3rem}.pet-header .pet-icon{font-size:1.5rem}.pet-header .pet-name{font-size:0.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-forage-text{font-size:0.68rem}.pet-rename-btn{min-height:44px;min-width:44px}.pet-abilities{gap:0.2rem}.pet-ability-badge{font-size:0.65rem;padding:0.15rem 0.4rem}.pet-stars{font-size:0.75rem}.pet-xp-text{font-size:0.6rem;min-width:50px}.pet-release-modal{padding:1.5rem;max-width:340px}.pet-release-icon{font-size:3rem}.pet-release-title{font-size:1.1rem}.pet-release-info{gap:0.5rem}.pet-release-btn{padding:0.6rem 0.8rem;font-size:0.82rem}.npc2-action-btn{padding:0.45rem 0.55rem;min-height:40px;font-size:0.72rem}.npc2-actions{gap:0.25rem;flex-wrap:wrap}.npc2-btn-dismiss{min-height:40px}.fw-btn{padding:0.4rem 0.6rem;min-height:40px;font-size:0.72rem}.fw-worker-card{padding:0.5rem 0.65rem;gap:0.45rem}.fw-worker-icon{font-size:1.2rem}.fw-worker-name{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fw-workers-info{flex-wrap:wrap;gap:0.2rem}.fw-badge{font-size:0.78rem}.fw-desc{font-size:0.68rem}.livestock-slaughter-btn{min-height:40px;padding:0.4rem 0.5rem}.ls-details{grid-template-columns:1fr;gap:0.2rem}.ls-breed-info{font-size:0.72rem;word-break:break-word}.attack-alert-modal{padding:1.3rem 1.2rem;max-width:340px}.attack-alert-title{font-size:1.15rem;letter-spacing:1px}.attack-alert-enemy-icon{font-size:2rem}.attack-alert-enemy-name{font-size:1rem}.attack-alert-siren{font-size:1.4rem}.atk-btn{padding:0.55rem 0.6rem;font-size:0.78rem;min-height:44px}.attack-alert-buttons{gap:0.35rem}.pet-adopt-modal{padding:1.3rem 1.2rem;max-width:340px}.pet-adopt-icon{font-size:3.5rem}.pet-adopt-title{font-size:1.15rem}.pet-adopt-input{font-size:16px;padding:0.55rem 0.7rem;width:85%}.pet-adopt-btn{padding:0.6rem 0.8rem;font-size:0.82rem;min-height:44px}.pet-adopt-random-btn{font-size:1rem}.crafting-cat-btn{padding:0.5rem 0.75rem;min-height:44px;font-size:0.78rem}#crafting-categories{gap:0.3rem}.craft-search-input{font-size:16px;padding:0.6rem 0.8rem}.craft-ing-name{max-width:50px;font-size:0.62rem}.craft-bottom-row{flex-wrap:wrap}.craft-bottom-row .crafting-btn{width:100%;min-width:unset}.inv-tab-bar{gap:0.25rem}.inv-tab-btn{padding:0.35rem 0.55rem;font-size:0.68rem;min-height:36px}.upgrade-tabs{gap:0}.upgrade-tab-btn{padding:0.5rem 0.35rem;font-size:0.68rem;min-height:44px}.upgrade-panel-content{padding:0.6rem}.upgrade-menu-title{font-size:0.88rem;padding:0.5rem 0.75rem}.item-source-content{padding:0.8rem;max-height:85vh}.item-source-icon{width:44px;height:44px;font-size:1.8rem}.item-source-loot-card{flex-wrap:wrap;font-size:0.75rem}.source-craft-ings{font-size:0.72rem}.item-source-used-chip{font-size:0.72rem}.crafting-card{padding:0.8rem}.crafting-ingredients{flex-wrap:wrap;gap:0.3rem}#chat-send{padding:0.5rem 0.8rem;min-height:44px;font-size:0.85rem}#chat-input{padding:0.5rem 0.6rem;min-height:44px;font-size:16px}.chat-header{padding:0.5rem 0.75rem;min-height:44px}#chat-toggle{min-width:44px;min-height:44px}#map-legend{gap:0.5rem 0.75rem;font-size:0.68rem;padding:0.4rem 0.6rem}.legend-item{gap:0.2rem}.beginner-rescue-btn{min-height:44px;padding:0.5rem 0.7rem}.beginner-event-banner{padding:0.75rem 0.8rem}.beginner-quest-header{flex-wrap:wrap;gap:0.3rem}.beginner-quest-item{padding:0.45rem 0.6rem;font-size:0.78rem}.death-title{font-size:1.4rem}.death-icon{width:64px;height:64px;font-size:2.5rem}#btn-respawn{padding:0.75rem 1.5rem;font-size:0.9rem;min-height:48px}#respawn-timer{font-size:0.85rem}.death-stats{font-size:0.78rem}.ac-screen{padding:1.5rem}.ac-title{font-size:1.2rem}.ac-icon{font-size:3rem;width:60px;height:60px}.ac-message{font-size:0.85rem;max-width:90vw;word-break:break-word}.ac-btn{padding:0.6rem 1.5rem;min-height:48px;font-size:0.85rem}.ac-warning-toast{padding:0.5rem 1rem;font-size:0.78rem;max-width:90vw}.music-control{bottom:8px;left:8px}.music-btn{width:44px;height:44px;font-size:1.1rem}.music-slider-wrap{display:none}.music-control.music-expanded .music-slider-wrap{display:flex}.login-title{font-size:1.1rem}.login-content{padding:1rem}.login-user-info{flex-wrap:wrap;gap:0.4rem}.guest-btn{min-height:48px;font-size:0.85rem}.mode-card-title{font-size:1.1rem}.mode-cards{grid-template-columns:1fr}.mode-new-btn{min-height:44px}.mode-select-header{flex-wrap:wrap;gap:0.3rem}.btn-attack-player{padding:0.4rem 0.6rem;min-height:40px;font-size:0.72rem}.player-card-actions{flex-wrap:wrap;gap:0.25rem}#mp-panel-toggle{width:44px;min-width:44px}.pvp-actions button{padding:0.4rem 0.6rem;min-height:40px}.event-log-card{padding:0.5rem 0.65rem;gap:0.4rem}.event-log-action-btn{min-height:40px;padding:0.4rem 0.55rem}.event-log-section-title{font-size:0.82rem}.mission-card{padding:0.75rem}.mission-card h3{font-size:0.9rem}.mission-card p{font-size:0.82rem}#pets-list{grid-template-columns:1fr}#npc-list{grid-template-columns:1fr}.bulk-action-btn{min-width:0;min-height:44px}.kitchen-recipe-grid{grid-template-columns:1fr}.kitchen-locked-grid{grid-template-columns:repeat(2,1fr)}.kitchen-btn{min-height:44px}.kitchen-recipe-actions{flex-direction:column}.kitchen-buff-card{flex-wrap:wrap}.meal-npc-grid{grid-template-columns:repeat(2,1fr)}.meal-use-self-btn{min-height:44px}.meal-npc-btn{min-height:44px}.meal-action-btns{flex-direction:column}}@media (pointer:coarse){.music-slider-wrap{opacity:0;max-width:0;overflow:hidden;transition:all 0.3s ease}.music-control.music-expanded .music-slider-wrap{opacity:1;max-width:120px;padding:0 0.3rem}}@media (max-width:360px){.resource{padding:0.2rem 0.35rem}.resource .value{font-size:0.78rem}.resource .icon{font-size:0.85rem}.hud-center .game-title{display:none}#game-main{padding:0.5rem;padding-bottom:calc(70px+env(safe-area-inset-bottom,0px))}.modal-content{padding:0}.tab-panel h2{font-size:1rem}#farm-grid{grid-template-columns:repeat(2,1fr);gap:0.3rem}.fp-card{min-height:90px}.fp-plant-icon{font-size:1.4rem}.farm-summary{grid-template-columns:repeat(2,1fr)}.scout-radar{width:55px;height:55px}.arrival-popup{padding:0.8rem}.upgrade-info-grid{grid-template-columns:1fr}.crafting-table-panel .upgrade-info-grid{grid-template-columns:1fr}.mnav-more-grid{grid-template-columns:repeat(4,1fr)}.mnav-more-btn{font-size:0.62rem;padding:0.5rem 0.2rem}.mnav-more-icon{font-size:1.2rem}}@media (max-width:768px){#eq-slots{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0.5rem}#eq-summary{gap:0.35rem;flex-wrap:wrap}.eq-stat{font-size:0.78rem;padding:0.25rem 0.5rem}.eq-avail-item{padding:0.6rem;gap:0.5rem}.eq-btn{min-height:40px;min-width:44px}}@media (max-width:480px){#eq-slots{grid-template-columns:1fr;gap:0.5rem}.eq-slot{padding:0.7rem;display:flex;flex-direction:row;align-items:center;gap:0.6rem;text-align:left}.eq-slot-label{font-size:0.72rem;margin-bottom:0;white-space:nowrap}.eq-slot-icon{font-size:1.8rem;flex-shrink:0;margin:0}.eq-slot-name{font-size:0.85rem;margin-bottom:0}.eq-empty-icon{font-size:1.3rem}.eq-dur-bar{margin:0.15rem 0}.eq-dur-text{font-size:0.68rem;margin-bottom:0.1rem}.eq-ammo-info{font-size:0.72rem}.eq-btn{font-size:0.78rem;padding:0.45rem 0.65rem;min-height:44px;min-width:44px;border-radius:8px}.eq-slot-actions{flex-wrap:nowrap;gap:0.35rem;margin-top:0.3rem}.eq-avail-item{padding:0.65rem;gap:0.6rem;flex-wrap:nowrap}.eq-avail-icon{font-size:1.5rem}.eq-avail-name{font-size:0.85rem}.eq-avail-stats{font-size:0.72rem;word-break:break-word}.eq-avail-info{flex:1;min-width:0;overflow:hidden}.eq-btn-equip{min-height:44px;padding:0.5rem 0.8rem;font-size:0.82rem;white-space:nowrap;flex-shrink:0}#eq-summary{flex-direction:column;gap:0.25rem}.eq-ammo-grid{grid-template-columns:repeat(2,1fr);gap:0.4rem}.eq-ammo-item{font-size:0.78rem;padding:0.4rem}.eq-no-items{font-size:0.82rem;padding:1rem}.eq-inv-title{font-size:0.9rem}}@media (max-width:360px){.eq-slot{flex-direction:column;text-align:center}.eq-slot-actions{flex-wrap:wrap;justify-content:center}.eq-btn{width:100%}}@media (max-width:480px){.sl-modal-content{padding:1rem}.ng-modal-content{max-width:95vw;max-height:85vh;border-radius:14px}.ng-body{padding:0.8rem;max-height:none}.ng-btn{min-height:44px;min-width:44px;font-size:0.78rem;padding:0.4rem 0.6rem;border-radius:8px}.ng-btn-equip{min-height:44px;padding:0.5rem 0.8rem}.ng-avail-item{padding:0.6rem;min-height:48px;gap:0.5rem}.ng-avail-list{max-height:none}.ng-slot-actions{gap:0.3rem}.ng-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;position:absolute;top:0.5rem;right:0.5rem;z-index:2}.sl-options{gap:0.5rem}.sl-gender-icon{font-size:1.4rem}.sl-qty-btn{width:36px;height:36px}.ls-stats-grid{grid-template-columns:repeat(2,1fr)}.ng-avail-list{max-height:160px}.gear-repair-modal{max-width:95vw;padding:1.3rem 1rem 1rem}.td-head{padding:0.4rem 0.5rem}.td-av{font-size:1.3rem;width:2rem;height:2rem}.td-chip{font-size:0.72rem;padding:0.15rem 0.3rem}.td-row{padding:0.45rem 0.5rem;gap:0.3rem}.td-tag{display:none}.rp-item-preview{flex-direction:column;text-align:center;gap:0.5rem}.rp-item-details{text-align:center}.rp-stats{justify-content:center}.rp-buttons{flex-direction:column}.rp-btn{width:100%;text-align:center;justify-content:center}.ng-repair-all-bar{flex-direction:column;gap:0.4rem;text-align:center}.dr-overlay{padding:0.4rem}.dr-modal{max-width:100%;max-height:90vh;padding:1.2rem 0.8rem 0.8rem;border-radius:0.8rem}.dr-header-icon{font-size:1.4rem}.dr-title{font-size:0.95rem}.dr-resources{flex-direction:column;gap:0.3rem}.dr-res-item{justify-content:flex-start;padding:0.2rem 0}.dr-loot-bar{flex-wrap:wrap}.dr-row{font-size:0.73rem}.dr-sec-head{font-size:0.68rem}.vp-popup{width:95%;max-width:360px}.vp-header{padding:0.7rem 0.9rem;gap:0.4rem}.vp-header-icon{font-size:1.5rem}.vp-title{font-size:0.95rem}.vp-close{font-size:1.2rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.vp-body{padding:0.7rem 0.9rem}.vp-row{padding:0.4rem 0.5rem}.vp-row-label{font-size:0.78rem;min-width:65px}.vp-row-value{font-size:0.82rem}.vp-row-val{font-size:0.78rem;min-width:55px}.vp-row-bar{width:60px}.vp-footer{padding:0.6rem 0.9rem 0.8rem;gap:0.5rem}.vp-btn{padding:0.6rem 0.7rem;font-size:0.85rem;min-height:44px}.vp-parts-grid{gap:0.3rem}.vp-part-item{font-size:0.78rem;padding:0.2rem 0.4rem}.vp-warning-box{font-size:0.78rem;padding:0.5rem 0.6rem}.disasm-mat{font-size:0.75rem;gap:0.3rem}.disasm-open-btn{min-height:44px;font-size:0.8rem;padding:0.55rem}.disasm-qty-btn{width:44px;height:44px;font-size:1rem}.settings-modal-content{max-width:95vw;padding:1rem}.settings-modal-content h2{font-size:1.05rem}.settings-section{padding:0.6rem}.settings-section h3{font-size:0.82rem}.settings-info-row{font-size:0.78rem}.settings-btn{min-height:44px;font-size:0.82rem;padding:0.55rem 0.8rem}.settings-btn-delete{min-height:44px}.settings-slider-label{flex:0 0 70px;font-size:0.75rem}.settings-slider-value{flex:0 0 32px;font-size:0.75rem}.settings-toggle-btn{min-height:44px;min-width:55px;font-size:0.75rem}.settings-toggle-row{font-size:0.78rem}.settings-danger p{font-size:0.75rem}.ng-header{padding:0.7rem 0.9rem;gap:0.4rem}.ng-header-icon{font-size:1.4rem}.ng-header h3{font-size:0.95rem}.ng-header-stats{flex-wrap:wrap;gap:0.4rem;font-size:0.75rem}.ng-slot{padding:0.6rem}.ng-slot-icon{font-size:1.3rem}.ng-slot-name{font-size:0.82rem}.ng-avail-icon{font-size:1.2rem}.ng-avail-name{font-size:0.82rem}.ng-avail-stats{font-size:0.7rem}.ng-repair-btn{min-height:44px}.gear-repair-modal{padding:1rem 0.8rem 0.8rem}.gear-repair-title{font-size:0.95rem}.gear-repair-item{gap:0.4rem;padding:0.5rem}.gear-repair-icon{font-size:1.3rem}.gear-repair-name{font-size:0.82rem}.gear-repair-cost{font-size:0.72rem}.gear-repair-btn{min-height:44px;font-size:0.78rem}.sl-modal-content{max-width:95vw;padding:1rem}.sl-header-icon{font-size:1.8rem}.sl-header-title{font-size:0.95rem}.sl-close{min-width:44px;min-height:44px}.npc-moral-row{padding:0.2rem 0.35rem;gap:0.15rem}.npc-moral-label{font-size:0.68rem}.npc-moral-val{font-size:0.68rem}.arrival-popup{min-width:unset}}@media (max-width:360px){.vp-popup{width:100%;border-radius:12px}.vp-row-bar{width:50px}.vp-row-label{min-width:55px;font-size:0.72rem}.vp-footer{flex-direction:column}.settings-slider-label{flex:0 0 55px;font-size:0.7rem}.settings-slider-value{flex:0 0 28px}.ng-modal-content{max-width:100vw;border-radius:12px 12px 0 0}.ng-body{padding:0.6rem}.ng-slot{flex-direction:column;align-items:stretch}.ng-btn{width:100%}.arrival-popup{min-width:unset;width:calc(100vw - 1.5rem)}}@media (max-width:480px){.news-modal{max-width:100%;border-radius:12px}.news-banner-wrap{height:140px}.news-content{padding:1rem}.news-title{font-size:1rem}.news-body{font-size:0.78rem}.event-loot-badge{font-size:0.6rem;padding:3px 7px;right:0.5rem}}@media (max-width:768px){.gi{width:1.7em;height:1.7em}.gi-sm{width:1.3em;height:1.3em}.gi-md{width:2em;height:2em}.gi-lg{width:2.6em;height:2.6em}.gi-xl{width:3.4em;height:3.4em}.mnav-icon .gi{width:1.8em;height:1.8em}.mnav-more-icon .gi{width:1.8em;height:1.8em}.mnav-more-btn .gi{width:1.8em;height:1.8em}.mnav-cat-btn .gi{width:1.8em;height:1.8em}.resource .gi{width:1.6em;height:1.6em}.inv-item .gi{width:2.2em;height:2.2em}.map-location .gi{width:1.8em;height:1.8em}}@media (max-width:480px){.gi{width:1.6em;height:1.6em}.gi-sm{width:1.2em;height:1.2em}.gi-md{width:1.9em;height:1.9em}.gi-lg{width:2.4em;height:2.4em}.gi-xl{width:3em;height:3em}.resource .gi{width:1.5em;height:1.5em}.inv-item .gi{width:2em;height:2em}.npc-card .gi,.npc2-stats-grid .gi{width:1.4em;height:1.4em}.crafting-card .gi{width:1.8em;height:1.8em}.map-location .gi{width:1.6em;height:1.6em}.notification .gi{width:1.5em;height:1.5em}.mnav-icon .gi{width:1.6em;height:1.6em}.modal-content .gi{width:1.6em;height:1.6em}.eq-slot .gi{width:1.8em;height:1.8em}}@media (max-width:360px){.gi{width:1.5em;height:1.5em}.gi-sm{width:1.1em;height:1.1em}.resource .gi{width:1.4em;height:1.4em}.inv-item .gi{width:1.8em;height:1.8em}}@media (max-width:768px){.tab-panel,.modal-content,#game-main{overflow-wrap:break-word;word-break:break-word}.inv-item{min-width:0;overflow:hidden}.inv-name{font-size:0.6rem;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-qty{font-size:0.65rem}.npc2-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.event-actions{flex-wrap:wrap}.event-btn{flex:1 1 calc(50% - 0.25rem);min-width:120px}.craft-ing-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-icon .gi,.mission-card .gi{width:2em;height:2em}.dr-modal{max-height:85vh;overflow-y:auto}.settings-modal-content{max-height:90vh;overflow-y:auto}.tab-panel,.modal-content,.mnav-more-sections,.settings-modal-content,.dr-modal{scrollbar-width:thin;scrollbar-color:rgba(212,168,50,0.3) transparent}.tab-panel::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:4px}.tab-panel::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:rgba(212,168,50,0.3);border-radius:2px}}@media (min-width:769px) and (max-width:1024px){#game-main{padding:1.2rem 1.5rem}#farm-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}#inventory-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}#crafting-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}#npc-list{grid-template-columns:repeat(2,1fr)}#pets-list{grid-template-columns:repeat(2,1fr)}.base-stats{grid-template-columns:repeat(3,1fr)}#livestock-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-width:85vw;max-height:85vh}#map-canvas{height:clamp(450px,calc(100vh - 120px),800px)}.gi{width:1.8em;height:1.8em}.inv-item .gi{width:2.2em;height:2.2em}.map-location .gi{width:1.9em;height:1.9em}.crafting-cat-btn{min-height:44px;padding:0.5rem 0.8rem}.inv-tab-btn{min-height:40px}}@media (max-height:500px) and (orientation:landscape){.mobile-nav{padding:0}.mnav-btn{min-height:40px;padding:0.25rem 0.2rem 0.2rem}.mnav-icon{font-size:1.1rem}.mnav-label{font-size:0.5rem}#game-main{padding-bottom:calc(45px+env(safe-area-inset-bottom,0px))}.modal{align-items:center}.modal-content{max-height:90vh;border-radius:var(--radius-md)}}@media (max-width:768px){.trade-qty-btn{width:36px;height:36px;font-size:1rem}.trade-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-item-row{min-width:0}}@media (pointer:coarse){.trade-qty-btn{min-width:44px;min-height:44px;width:44px;height:44px}}@media (max-width:480px){.npc2-action-btn,.npc2-btn-dismiss{min-height:44px}.btn-attack-player,.pvp-actions button{min-height:44px}.inv-tab-btn{min-height:40px}.fp-water-btn{min-height:36px}}@media (max-width:768px){#chat-box{z-index:9992}#mp-panel{z-index:9992}#mp-panel-toggle{z-index:9993}.modal{z-index:9994}}@media (max-width:480px){.trade-modal-content{max-width:95vw;overflow-x:hidden}.trade-items-list{max-height:50vh;overflow-y:auto}.location-modal-body{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.tutorial-body{max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-body{max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content{padding:0.5rem}.modal-content>h2{padding:0 0.25rem}}@media (max-width:360px){.arrival-popup{min-width:unset;width:calc(100vw - 1rem);max-width:100%}.modal-content{padding:0.4rem}}@media (max-width:360px){.hud-left{max-width:55%;overflow:hidden}.hud-right{max-width:45%;overflow:hidden;flex-wrap:wrap}.resource .value{max-width:45px;overflow:hidden;text-overflow:ellipsis}}@media (max-width:480px){#xp-bar-container{padding:0 0.5rem;gap:0.3rem}.player-level{font-size:0.7rem;white-space:nowrap}.xp-bar-text{font-size:0.6rem;white-space:nowrap;min-width:40px;text-align:right}}@media (max-width:480px){#quest-main,#quest-side{overflow-x:hidden}.quest-obj{word-break:break-word}#research-tree{overflow-x:auto;-webkit-overflow-scrolling:touch}#diplo-list{overflow-x:hidden}.diplo-card{min-width:0;overflow:hidden}#out-list,#prod-buildings,#prod-build-new{overflow-x:hidden}.outpost-card,.prod-building-card{min-width:0;overflow:hidden;word-break:break-word}#rel-bonds,#rel-mentor,#rel-quests{overflow-x:hidden}.rel-bond-card{min-width:0;overflow:hidden}}@media (max-height:450px) and (orientation:landscape){.mobile-nav{padding:0}.mnav-btn{min-height:36px;padding:0.15rem 0.15rem}.mnav-icon{font-size:1rem}.mnav-label{display:none}#game-main{padding-bottom:calc(40px+env(safe-area-inset-bottom,0px))}}@media (max-width:768px){.arrival-popup::before{animation:none !important}.map-pin-wrapper{transition:none !important}.map-location{transition:none !important}.arrival-popup{box-shadow:0 4px 16px rgba(0,0,0,0.6) !important}.modal-overlay{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.event-icon-pulse{animation:none !important}.notification{transition:opacity 0.2s ease !important}.arrival-popup{will-change:transform,opacity;contain:layout style}.map-travel-layer{will-change:contents;contain:layout}.map-travel-marker{contain:layout style}.tab-panel{contain:style}.npc2-card,.pet-card{contain:layout style}.crafting-card{contain:layout style}.inv-item{contain:layout style}#game-hud{contain:layout style}.fp-card{contain:layout style}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media print{body{display:none}}#credits-modal{position:fixed;inset:0;z-index:10050;overflow:hidden;font-family:'Orbitron','Kanit',sans-serif}#credits-modal.hidden{display:none !important}.credits-modal-bg{position:absolute;inset:0;z-index:0;cursor:pointer;pointer-events:auto;background:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(212,168,50,0.12),transparent 55%),radial-gradient(ellipse 80% 50% at 20% 30%,rgba(191,90,242,0.08),transparent 45%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(96,165,250,0.06),transparent 40%),linear-gradient(180deg,#030308 0%,#0a0a14 40%,#050508 100%);animation:creditsBgPulse 8s ease-in-out infinite alternate}@keyframes creditsBgPulse{0%{filter:brightness(0.95)}100%{filter:brightness(1.08)}}.credits-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,0.7),transparent),radial-gradient(1.5px 1.5px at 70% 15%,rgba(212,168,50,0.9),transparent),radial-gradient(1px 1px at 85% 45%,rgba(255,255,255,0.5),transparent),radial-gradient(1px 1px at 50% 80%,rgba(191,90,242,0.6),transparent);background-size:100% 100%;opacity:0.65;animation:creditsTwinkle 5s ease-in-out infinite alternate;pointer-events:none}@keyframes creditsTwinkle{0%{opacity:0.45;transform:scale(1)}100%{opacity:0.85;transform:scale(1.02)}}.credits-vignette{position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 120px rgba(0,0,0,0.85);pointer-events:none}.credits-scanlines{position:absolute;inset:0;z-index:3;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,0,0,0.12) 2px,rgba(0,0,0,0.12) 4px );opacity:0.35;pointer-events:none;mix-blend-mode:overlay}.credits-close{position:absolute;top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px));z-index:10052;pointer-events:auto;width:48px;height:48px;border-radius:50%;border:1px solid rgba(212,168,50,0.45);background:rgba(10,8,6,0.75);color:#e8dcc8;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s,box-shadow 0.2s,background 0.2s;backdrop-filter:blur(8px)}.credits-close:hover{transform:scale(1.08) rotate(90deg);box-shadow:0 0 24px rgba(212,168,50,0.35);background:rgba(212,168,50,0.15)}.credits-viewport{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;mask-image:linear-gradient( 180deg,transparent 0%,black 12%,black 88%,transparent 100% );-webkit-mask-image:linear-gradient( 180deg,transparent 0%,black 12%,black 88%,transparent 100% )}.credits-track{position:relative;width:100%;max-width:900px;margin:0 auto;padding:0 1rem 4rem;text-align:center;will-change:transform}.credits-track.credits-track--animate{animation:creditsScroll 95s linear forwards}@keyframes creditsScroll{from{transform:translateY(100vh)}to{transform:translateY(calc(-100% - 100vh))}}@media (prefers-reduced-motion:reduce){.credits-track.credits-track--animate{animation:creditsScroll 140s linear forwards}}.credits-head{margin-bottom:2rem}.credits-logo-wrap{display:block;margin:0 auto 0;line-height:0;max-width:min(96vw,720px)}.credits-logo-img{display:block;width:min(94vw,680px);max-width:100%;height:auto;margin:0 auto;object-fit:contain;filter:drop-shadow(0 0 28px rgba(212,168,50,0.55)) drop-shadow(0 0 60px rgba(212,168,50,0.2)) drop-shadow(0 8px 32px rgba(0,0,0,0.75));animation:creditsLogoPulse 3.5s ease-in-out infinite alternate}@keyframes creditsLogoPulse{0%{transform:scale(0.985)}100%{transform:scale(1.02)}}.credits-studio-title{margin:clamp(-1.25rem,-3vw,-0.35rem) 0 0.12rem;font-size:clamp(1.35rem,4.5vw,2rem);font-weight:800;letter-spacing:0.35em;text-transform:uppercase;background:linear-gradient(135deg,#fff8e8 0%,#d4a832 45%,#f0e6d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(212,168,50,0.3);filter:drop-shadow(0 2px 8px rgba(0,0,0,0.9))}.credits-tag{font-size:clamp(0.72rem,2vw,0.88rem);color:rgba(200,190,170,0.75);letter-spacing:0.12em;margin:0.2rem 0 0}.credits-echo{margin-top:0.45rem;font-size:0.7rem;letter-spacing:0.5em;color:rgba(212,168,50,0.5);animation:creditsEcho 2.5s ease-in-out infinite}@keyframes creditsEcho{0%,100%{opacity:0.5;letter-spacing:0.45em}50%{opacity:1;letter-spacing:0.55em}}.credits-body{display:flex;flex-direction:column;gap:1.35rem}.credit-line{display:flex;flex-direction:column;align-items:center;gap:0.35rem;padding:0.65rem 0.5rem;border-radius:12px;background:linear-gradient( 90deg,transparent,rgba(212,168,50,0.06) 50%,transparent );border:1px solid rgba(255,255,255,0.04);animation:creditLineGlow 4s ease-in-out infinite;animation-delay:calc(var(--i,0) * 0.15s)}.credit-line:nth-child(odd){transform:translateX(-4px)}.credit-line:nth-child(even){transform:translateX(4px)}@keyframes creditLineGlow{0%,100%{box-shadow:0 0 0 transparent;border-color:rgba(255,255,255,0.04)}50%{box-shadow:0 0 20px rgba(212,168,50,0.08);border-color:rgba(212,168,50,0.12)}}.credit-role{font-size:clamp(0.68rem,2.2vw,0.82rem);color:rgba(180,170,155,0.85);letter-spacing:0.06em;text-transform:uppercase}.credit-name{font-size:clamp(0.95rem,3.2vw,1.15rem);font-weight:700;color:#f5edd8;letter-spacing:0.08em;text-shadow:0 0 20px rgba(212,168,50,0.35),0 2px 4px rgba(0,0,0,0.8)}.credits-foot{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(212,168,50,0.2)}.credits-thanks{font-size:clamp(1rem,3vw,1.25rem);color:rgba(212,168,50,0.9);margin:0 0 0.75rem;text-shadow:0 0 24px rgba(212,168,50,0.35)}.credits-tek{font-size:0.78rem;letter-spacing:0.25em;color:rgba(150,145,135,0.7);margin:0}#guided-tour-root{position:fixed;inset:0;z-index:101000;pointer-events:none;font-family:'Kanit',sans-serif}#guided-tour-root.active{pointer-events:auto}.gt-dim{position:fixed;background:rgba(12,10,8,0.42);pointer-events:auto;transition:opacity 0.22s ease}#guided-tour-root.active .gt-dim{backdrop-filter:blur(0.6px)}.gt-tooltip{position:fixed;max-width:min(92vw,400px);background:linear-gradient(165deg,rgba(52,46,38,0.98),rgba(32,28,22,0.98));border:1px solid rgba(212,168,78,0.55);border-radius:14px;padding:1rem 1.15rem 1.1rem;box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 0 1px rgba(255,230,180,0.12) inset;z-index:101002;pointer-events:auto;animation:gt-tooltip-in 0.28s ease-out}@keyframes gt-tooltip-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.gt-tooltip{animation:none}.gt-spotlight-ring{animation:none !important}}.gt-tooltip h3{margin:0 0 0.45rem;font-size:1.08rem;font-weight:600;color:#f5e6c8;letter-spacing:0.02em}.gt-tooltip p{margin:0;font-size:0.88rem;line-height:1.58;color:#ece8dd}.gt-progress-wrap{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:0.55rem}.gt-phase{font-size:0.68rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#c4a86a}.gt-progress-track{height:5px;border-radius:6px;background:rgba(0,0,0,0.35);overflow:hidden;border:1px solid rgba(212,168,78,0.15)}.gt-progress-fill{height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,#8b6914,#d4a84e,#f0d090);transition:width 0.35s ease}.gt-progress{font-size:0.72rem;color:#9a948c;align-self:flex-end}.gt-tip{margin:0.5rem 0 0;padding:0.45rem 0.55rem;font-size:0.78rem;line-height:1.45;color:#c8b898;background:rgba(212,168,78,0.08);border-radius:8px;border-left:3px solid rgba(212,168,78,0.45)}.gt-tip.hidden{display:none}.gt-actions{display:flex;flex-wrap:wrap;gap:0.45rem;margin-top:0.85rem;align-items:center}.gt-actions button{flex:1;min-width:100px;padding:0.48rem 0.65rem;border-radius:9px;border:1px solid rgba(212,168,78,0.35);background:rgba(60,52,40,0.92);color:#e8e4dc;font-size:0.82rem;cursor:pointer;font-family:inherit}.gt-actions button:hover{background:rgba(80,70,52,0.95)}#gt-btn-next{background:linear-gradient(180deg,rgba(130,98,52,0.98),rgba(72,56,28,0.99));border-color:rgba(212,168,78,0.55);font-weight:600}#gt-btn-next:disabled{opacity:0.45;cursor:not-allowed;filter:grayscale(0.35)}.gt-hint{margin:0.55rem 0 0;font-size:0.74rem;color:#c4b8a0}.gt-spotlight-ring{position:fixed;border:2px solid rgba(255,220,140,0.98);border-radius:12px;box-shadow:0 0 0 3px rgba(255,200,80,0.22),0 0 28px rgba(255,210,120,0.28),inset 0 0 12px rgba(255,240,200,0.08);z-index:101001;pointer-events:none;transition:top 0.2s ease,left 0.2s ease,width 0.2s ease,height 0.2s ease;animation:gt-pulse 2.2s ease-in-out infinite}@keyframes gt-pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,200,80,0.12),0 0 20px rgba(255,200,100,0.12)}50%{box-shadow:0 0 0 5px rgba(255,200,80,0.2),0 0 28px rgba(255,210,120,0.22)}}.gt-wait-pulse .gt-tooltip{border-color:rgba(120,180,255,0.35)}#guided-tour-root.gt-compact .gt-dim{background:rgba(6,5,4,0.2)}#guided-tour-root.gt-compact.active .gt-dim{backdrop-filter:none;-webkit-backdrop-filter:none}#guided-tour-root.gt-compact .gt-spotlight-ring{border-width:2px;box-shadow:0 0 0 2px rgba(255,200,80,0.35),0 0 16px rgba(255,210,120,0.22);animation:none}#guided-tour-root.gt-compact .gt-tooltip{max-width:none;width:calc(100vw - 16px);padding:0.7rem 0.8rem 0.85rem;-webkit-overflow-scrolling:touch;touch-action:pan-y}#guided-tour-root.gt-compact .gt-tooltip h3{font-size:0.95rem}#guided-tour-root.gt-compact .gt-tooltip p,#guided-tour-root.gt-compact .gt-hint{font-size:0.8rem;line-height:1.45}#guided-tour-root.gt-compact .gt-actions{gap:0.35rem;margin-top:0.65rem}#guided-tour-root.gt-compact .gt-actions button{min-width:0;flex:1 1 0;padding:0.5rem 0.35rem;font-size:0.72rem}#guided-tour-root.gt-compact #gt-btn-skip{flex:1.15}@media (max-width:768px){#guided-tour-root .gt-dim{background:rgba(6,5,4,0.2)}#guided-tour-root.active .gt-dim{backdrop-filter:none;-webkit-backdrop-filter:none}}