.tactical-viewport{flex-direction:column;flex:1;min-height:calc(100vh - 100px);display:flex}.skills-container{color:#fff;min-height:100vh;font-family:var(--font-primary,"Inter", sans-serif);background-color:#030405}.hero-command-center{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-overlay{filter:brightness(.35)saturate(.9);opacity:1;background:url(/images/tactical_skills_hero.png) 50%/cover no-repeat;position:absolute;inset:0}.scanlines{pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#00000080 50%) 0 0/100% 4px;position:absolute;inset:0}.grid-overlay{z-index:1;background-image:radial-gradient(circle,#ff6a000d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.hero-content{z-index:10;flex-direction:column;gap:.25rem;width:100%;animation:.6s ease-out fadeInDown;display:flex;position:relative}.hero-subtitle{color:var(--accent,#fbbf24);font-family:var(--font-mono,monospace);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;font-size:.65rem;font-weight:700;display:flex}.hero-title-group h1{color:#fff;letter-spacing:-1px;font-size:2rem;font-weight:900;line-height:1;font-family:var(--font-condensed,"Bebas Neue", "Outfit", sans-serif);margin:0}.hero-desc{display:none}.skills-selector-bar{z-index:50;background:#07090b;border-bottom:1px solid #ffffff08;justify-content:center;gap:.5rem;padding:.75rem 4rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000080}.category-select-btn{color:#ffffff80;font-family:var(--font-heading,"Outfit", sans-serif);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.category-select-btn:before{content:"";background:var(--cat-color);opacity:0;z-index:0;transition:opacity .2s;position:absolute;inset:0}.category-select-btn>*{z-index:1;position:relative}.category-select-btn:hover{color:#fff;border-color:#fff3}.category-select-btn.active{color:#fff;border-color:var(--cat-color);background:#00000080}.category-select-btn.active:before{opacity:.1}.cat-btn-icon{opacity:.7}.category-select-btn.active .cat-btn-icon{opacity:1;color:var(--cat-color)}.skills-content-area{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 4rem 4rem;display:flex}.skill-category{flex-direction:column;justify-content:center;display:flex}.category-header{text-align:center;border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.category-title{font-size:1.25rem;font-weight:800;font-family:var(--font-heading,"Outfit", sans-serif);text-transform:uppercase;letter-spacing:1px;margin:0}.category-desc{color:#fff6;margin:0;font-size:.85rem}.skills-grid-container{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.skill-icon-card{cursor:pointer;background:#0a0c0f;border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;width:170px;height:auto;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.skill-icon-card:after{content:"";border:1px solid var(--cat-color);opacity:0;pointer-events:none;z-index:10;transition:opacity .2s;position:absolute;inset:0}.skill-icon-card:hover{background:#0d1014;transform:translateY(-2px);box-shadow:0 10px 20px #0009}.skill-icon-card:hover:after{opacity:.5}.skill-image-wrapper{background-color:#050505;width:100%;height:90px;position:relative;overflow:hidden}.fallback-icon-container{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skill-icon-image{z-index:1;object-fit:cover;filter:grayscale(.2)contrast(1.1);opacity:.8;width:100%;height:100%;transition:transform .4s,filter .2s,opacity .3s;position:relative}.skill-icon-card:hover .skill-icon-image{filter:grayscale(0)contrast(1.2);opacity:1;transform:scale(1.05)}.skill-card-overlay{z-index:2;background:linear-gradient(#0000 20%,#0a0c0f 95%);position:absolute;inset:0}.skill-card-content{z-index:3;background:#0a0c0f;flex-direction:column;flex:1;padding:.75rem;display:flex;position:relative}.skill-icon-title{text-transform:uppercase;color:#fff;letter-spacing:-.5px;font-size:.95rem;font-weight:800;font-family:var(--font-heading,"Outfit", sans-serif);margin:0 0 .5rem;line-height:1.1}.skill-focus-type{color:#fff6;text-transform:uppercase;align-items:center;gap:.4rem;margin-top:auto;font-size:.65rem;display:flex}.skill-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#000000e6;justify-content:center;align-items:center;padding:2rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.skill-modal-content{background-color:#050608;border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:1100px;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000c,inset 0 0 0 1px #ffffff05}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.skill-modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-end;gap:2rem;min-height:200px;padding:3rem;display:flex;position:relative;overflow:hidden}.modal-header-bg{opacity:.3;filter:grayscale(.5);z-index:0;background-position:50% 20%;background-size:cover;position:absolute;inset:0}.modal-header-gradient{z-index:1;background:linear-gradient(90deg,#050608 30%,#0000 100%),linear-gradient(#0000 0%,#050608 100%);position:absolute;inset:0}.skill-modal-title-group{z-index:2;flex-direction:column;gap:.5rem;display:flex;position:relative}.modal-category-label{font-family:var(--font-mono,monospace);color:var(--cat-color);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.skill-name-modal{text-transform:uppercase;letter-spacing:-1px;font-size:3.5rem;font-weight:900;font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;text-shadow:0 4px 10px #00000080;margin:0;line-height:1}.skill-modal-close{color:#ffffffb3;cursor:pointer;z-index:10;background:#00000080;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.skill-modal-close:hover{color:#fff;background-color:#ffffff1a;border-color:#ffffff4d}.skill-modal-body{z-index:2;background:#050608;grid-template-columns:1fr 1fr;gap:4rem;padding:3rem;display:grid;position:relative;overflow-y:auto}.dossier-section{flex-direction:column;gap:1.5rem;display:flex}.dossier-title{color:#fff6;text-transform:uppercase;letter-spacing:.15em;font-size:.85rem;font-weight:800;font-family:var(--font-mono,monospace);border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem;display:flex}.dossier-title svg{color:var(--cat-color)}.dossier-desc{color:#fffc;border-left:2px solid #ffffff1a;padding-left:1rem;font-size:1.05rem;line-height:1.6}.dossier-list{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.dossier-list li{color:#ffffffb3;background:#ffffff05;border:1px solid #ffffff0d;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.95rem;line-height:1.5;display:flex}.dossier-list li:before{content:">";color:var(--cat-color);font-family:monospace;font-weight:700}.dossier-elite-box{background:linear-gradient(135deg,#fbbf241a 0%,#fbbf2405 100%);border:1px solid #fbbf244d;padding:1.5rem;position:relative;overflow:hidden}.dossier-elite-box:after{content:"";background:linear-gradient(225deg,#fbbf2433 50%,#0000 50%);width:50px;height:50px;position:absolute;top:0;right:0}.elite-text{color:#fbbf24;flex-direction:column;gap:.5rem;font-weight:600;display:flex}.elite-text span{align-items:center;gap:.5rem;display:flex}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1400px){.hero-command-center{padding:0 2rem}.skills-selector-bar{flex-wrap:wrap;padding:1rem 2rem}.skills-content-area{padding:2rem}}@media (max-width:900px){.skill-modal-body{grid-template-columns:1fr;gap:2rem;padding:2rem}.skill-modal-header{padding:2rem}.skill-name-modal{font-size:2.5rem}}