.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;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;padding:8px 20px;display:flex}.stat-box{flex-direction:column;align-items:center;display:flex}.stat-box.clickable{cursor:pointer;opacity:.4;transition:opacity .2s,transform .2s}.stat-box.clickable:hover{opacity:.8;transform:translateY(-1px)}.stat-box.clickable.active{opacity:1}.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{align-items:center;gap:16px;display:flex}.premium-search-box{align-items:center;width:260px;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}.achievement-filters{gap:8px;display:flex}.filter-btn{color:#fff6;font-family:var(--font-mono);cursor:pointer;letter-spacing:.5px;background:#0006;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.65rem;font-weight:700;transition:all .2s;display:flex}.filter-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.filter-btn.active{border-color:var(--accent);color:var(--accent);background:#ff6a001a;box-shadow:0 0 10px #ff6a0033}.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}.achievement-card:hover{z-index:100;border-color:#ff6a0066;transform:translateY(-2px);box-shadow:0 4px 12px #ff6a0026}.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}.achievement-hover-tooltip{color:#ffffffe6;z-index:1000;font-size:.75rem;font-family:var(--font-sans);text-align:center;white-space:normal;pointer-events:none;opacity:0;z-index:50;background:#080a0c;border:1px solid #ff6a004d;border-radius:4px;width:max-content;max-width:200px;padding:8px 12px;transition:all .2s;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)translateY(-5px);box-shadow:0 4px 15px #000c}.achievement-hover-tooltip:after{content:"";border:5px solid #0000;border-bottom-color:#ff6a004d;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.achievement-card:hover .achievement-hover-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.achievement-stats{opacity:0;transition:opacity .2s}.achievement-card:hover .achievement-stats{opacity:1}.view-btn{color:#fff6;cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.view-btn:hover{color:#fff;background:#ffffff0d}.view-btn.active{color:var(--accent);background:#ff6a0026;border-color:#ff6a004d}.achievements-list-wrapper{background:#04050699;border:1px solid #ffffff14;border-radius:4px;width:100%;margin-bottom:2rem;overflow-x:auto}.achievements-list-table{border-collapse:collapse;text-align:left;width:100%;font-family:var(--font-sans);color:#c8c8c8;font-size:.85rem}.achievements-list-table th{color:#fff;background:#ffffff05;border-bottom:1px solid #ffffff14;padding:12px 16px;font-weight:600}.list-row{cursor:pointer;border-bottom:1px solid #ffffff0a;transition:background .2s}.list-row:hover{background:#ffffff08}.list-row.completed{background:#4ade800a}.list-row.completed:hover{background:#4ade8012}.achievements-list-table td{vertical-align:middle;padding:12px 16px}.check-cell{text-align:center}.list-checkbox{cursor:pointer;justify-content:center;align-items:center;padding:4px;display:flex}.list-checkbox:hover svg{transform:scale(1.1)}.list-checkbox:hover svg[color="rgba(255,255,255,0.2)"]{stroke:#ffffff80}.icon-cell{text-align:center}.icon-cell img{object-fit:contain;filter:drop-shadow(0 2px 5px #00000080);width:48px;height:48px}.list-row.completed .icon-cell img{filter:drop-shadow(0 0 8px #4ade8066)}.name-cell{color:#fff;font-size:.9rem;font-weight:600}.desc-cell{color:#fff9;font-size:.8rem;line-height:1.4}.reward-cell{color:#fff6}.hidden-cell{font-weight:600}@media (max-width:1024px){.hero-stats-bar{display:none}.achievements-grid{grid-template-columns:repeat(3,1fr)}.hero-command-center{padding:0 2rem}.hero-search-area{width:min(100%,520px);min-width:0}}@media (max-width:900px){.hero-search-area{display:none}}@media (max-width:768px){.achievements-grid{grid-template-columns:repeat(2,1fr)}.achievements-content-area{padding:1.5rem}.hero-search-area{display:none}}