.achievements-viewport{background:var(--bg0);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.achievements-hero-premium{background:#080a0c;border-bottom:1px solid #ff6a0026;flex-shrink:0;align-items:center;height:100px;padding:0 4rem;display:flex;position:relative;overflow:hidden}.hero-bg-visuals{z-index:1;position:absolute;inset:0}.hero-bg-image{filter:brightness(.28)saturate(1.1)contrast(1.05);opacity:1;background:url(/assets/header_achievements.png) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;transform:scale(1.02)}@keyframes hero-drift{0%{background-position:0%}to{background-position:100%}}.hero-scanlines{z-index:2;pointer-events:none;background:linear-gradient(#0000 50%,#00000080 50%) 0 0/100% 4px;position:absolute;inset:0}.hero-vignette{z-index:3;background:radial-gradient(circle,#0000 20%,#000c 100%);position:absolute;inset:0}.hero-particles{background-image:radial-gradient(circle, var(--accent-glow) 1px, transparent 1px);opacity:.3;z-index:2;background-size:32px 32px;position:absolute;inset:0}.hero-content-wrapper{z-index:10;justify-content:space-between;align-items:center;gap:30px;width:100%;display:flex;position:relative}.hero-title-group{flex-shrink:0}.hero-top-intel{align-items:center;gap:12px;margin-bottom:4px;display:flex}.intel-item{font-family:var(--font-mono);color:var(--accent);letter-spacing:2px;align-items:center;gap:6px;font-size:.6rem;font-weight:800;display:flex}.intel-separator{background:#ffffff1a;width:1px;height:8px}.glitch-text{font-family:var(--font-condensed);color:#fff;letter-spacing:-1px;text-transform:uppercase;margin:0;font-size:2rem;font-weight:900;line-height:1;position:relative}.hero-tagline{font-family:var(--font-body);color:#ffffff61;letter-spacing:.03em;margin:6px 0 0;font-size:.72rem;line-height:1.4}.hero-stats-bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:25px;padding:8px 20px;display:flex}.stat-box{flex-direction:column;align-items:center;display:flex}.stat-val{font-family:var(--font-display);color:var(--accent);font-size:1.1rem;font-weight:800;line-height:1}.stat-label{font-family:var(--font-mono);color:#fff6;letter-spacing:1px;margin-top:2px;font-size:.5rem}.stat-divider{background:#ffffff1a;width:1px;height:15px}.hero-search-area{width:100%;max-width:320px}.premium-search-box{align-items:center;display:flex;position:relative}.search-icon-fixed{color:var(--accent);opacity:.7;z-index:5;pointer-events:none;transition:opacity .3s;position:absolute;left:14px}.premium-search-box:focus-within .search-icon-fixed{opacity:1}.premium-search-input{color:#fff;width:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff12;border-bottom:2px solid #ff6a004d;border-radius:4px 4px 2px 2px;outline:none;padding:11px 18px 11px 42px;font-size:.72rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff0a,0 4px 20px #0006}.premium-search-input::placeholder{color:#ffffff40;letter-spacing:.1em}.premium-search-input:focus{border-color:#ff6a0040;border-bottom-color:var(--accent);background:#ff6a000f;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ff6a0026,0 8px 30px #00000080,0 0 20px #ff6a0014}.achievements-content-area{background:linear-gradient(#040506cc,#040506e6),url(/assets/achievements_bg.png) 50%/cover no-repeat fixed;flex:1;padding:1.5rem 4rem;position:relative;overflow-y:auto}.achievements-grid{z-index:10;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:100%;display:grid;position:relative}.achievement-card.tactical-unit-card{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 L50 50 L100 0 Z' fill='none' stroke='white' stroke-width='0.5' opacity='0.03'/%3E%3C/svg%3E") 0 0/50px 50px,#0b0c0f linear-gradient(135deg,#1e222a66 0%,#0c0e12cc 50%,#050608 100%) 0 0/100% 100%;border:1px solid #ffffff0d;border-radius:6px;height:160px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.achievement-card:hover{border-color:var(--accent);z-index:20;transform:translateY(-2px);box-shadow:0 4px 20px #00000080}.achievement-card-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.achievement-icon-wrapper{z-index:5;width:60px;height:60px;margin-bottom:10px;position:relative}.achievement-icon{object-fit:contain;filter:drop-shadow(0 0 10px #00000080);width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.achievement-card:hover .achievement-icon{transform:scale(1.1)}.achievement-name{font-family:var(--font-condensed);color:#fff;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:800;line-height:1.15}.achievement-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.achievement-modal{border:1px solid #ff6a0066;border-top:3px solid var(--accent);text-align:center;background:linear-gradient(#0a0c0fd9,#040506f2),url(/assets/popup_bg.png) 50%/cover no-repeat;border-radius:8px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) modal-slide-up;display:flex;position:relative;box-shadow:0 0 40px #ff6a0033}.modal-close-btn{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;transition:opacity .2s;position:absolute;top:15px;right:15px}.modal-close-btn:hover{opacity:1;color:var(--accent)}.modal-icon-wrapper{width:120px;height:120px;margin-bottom:20px}.modal-icon-wrapper img{object-fit:contain;filter:drop-shadow(0 0 15px #ff6a0080);width:100%;height:100%}.modal-title{font-family:var(--font-condensed);color:#fff;text-transform:uppercase;text-shadow:0 2px 4px #00000080;margin-bottom:10px;font-size:1.8rem}.modal-desc{color:#aaa;margin-bottom:25px;font-size:.95rem;line-height:1.5}.modal-stats{gap:15px;margin-bottom:30px;display:flex}.modal-stats .rarity-tag{font-family:var(--font-mono);background:#ffffff0d;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;display:flex}.modal-info-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:28px;display:grid}.modal-info-card{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .2s;display:flex}.modal-info-card:hover{background:#ffffff0f}.modal-info-label{font-family:var(--font-mono);color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:5px;font-size:.6rem;font-weight:700;display:flex}.modal-info-value{font-family:var(--font-condensed);letter-spacing:.04em;font-size:1.15rem;font-weight:800;line-height:1}.modal-info-sub{color:#fff6;font-size:.72rem;line-height:1.4}.modal-action-btn{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-condensed);text-transform:uppercase;cursor:pointer;background:#ff6a001a;border-radius:4px;align-items:center;gap:8px;padding:12px 30px;font-size:1.1rem;transition:all .3s;display:flex}.modal-action-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 20px #ff6a0066}.modal-action-btn.completed-state{color:gold;background:#ffd7001a;border-color:gold}.modal-action-btn.completed-state:hover{color:#000;background:gold;box-shadow:0 0 20px #ffd70066}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.achievement-card{cursor:pointer}.achievement-card.completed{background:linear-gradient(135deg, var(--bg1) 0%, #ffd7000d 100%);border-color:gold;box-shadow:0 0 15px #ffd70026}.achievement-card.completed .achievement-icon{filter:drop-shadow(0 0 10px #ffd70099)}.achievement-card.completed .achievement-name{color:gold}.achievement-check-btn{color:#0000;cursor:pointer;z-index:25;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .18s;display:flex;position:absolute;top:10px;right:10px}.achievement-card:hover .achievement-check-btn{border-color:#ffffff4d}.achievement-check-btn:hover{color:#ffd70066;border-color:gold;transform:scale(1.05)}.achievement-check-btn.active{color:#000;background:gold;border-color:gold;box-shadow:0 0 12px #ffd70073}.achievement-check-btn svg{width:12px;height:12px}@media (max-width:1024px){.hero-stats-bar{display:none}.achievements-grid{grid-template-columns:repeat(3,1fr)}.hero-command-center{padding:0 2rem}}@media (max-width:768px){.achievements-grid{grid-template-columns:repeat(2,1fr)}.achievements-content-area{padding:1.5rem}.hero-search-area{display:none}}