.gear-header{display:flex;align-items:center;justify-content:space-between;padding-block:22px;gap:25px}.gear-header nav{display:flex;gap:28px;font-size:12px;font-weight:700}.gear-header .selected{color:var(--orange,#ff6637)}.vault-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#23404a88,transparent 50%),linear-gradient(110deg,#161e27,#10141b);border-block:1px solid #35424e}.vault-hero>.wrap{position:relative;padding-block:58px 22px}.vault-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(46px,6vw,82px);line-height:1;margin:20px 0;color:#eef1f5;position:relative;z-index:1}.vault-hero h1 span{display:block;font-size:clamp(17px,2vw,25px);color:#ff794a;letter-spacing:2px;margin-top:16px}.vault-hero p{font-size:13px;color:#a1afbb;max-width:540px;line-height:1.8}.vault-mark{position:absolute;right:9%;top:18px;font-size:190px;color:#87dfe9;opacity:.17;transform:rotate(-15deg);text-shadow:0 0 45px #70e6ff}.vault-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8e9ba9;border-top:1px solid #ffffff16;margin-top:42px;padding-top:18px}.vault-bottom b{color:#75e8ee}.catalog{padding-block:45px 65px;min-height:500px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.catalog-heading h2{font-family:'Barlow Condensed',sans-serif;font-size:34px;margin:8px 0 0}.catalog-heading p{font-size:12px;color:#95a5b5}.gear-controls{display:grid;grid-template-columns:1fr 210px 190px;gap:16px;background:#171e27;padding:22px;border:1px solid #303d4a}.gear-controls label{display:block;font-size:10px;color:#a6b2c1;margin-bottom:9px}.gear-controls input,.gear-controls select{width:100%;background:#0c1118;color:#e5ebf2;border:1px solid #394553;padding:13px;font:inherit;font-size:12px;border-radius:0}.gear-controls input:focus,.gear-controls select:focus{outline:1px solid #75e8ee}.gear-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.gear-tabs button{border:1px solid #36414f;background:#171e27;padding:12px 22px;color:#a8b7c7;font-size:11px;font-weight:700}.gear-tabs [aria-pressed=true]{background:#ff6637;border-color:#ff6637;color:#111820}.source-note{font-size:11px;line-height:1.8;color:#8997a8;padding-left:13px;border-left:2px solid #647686;margin-bottom:26px}.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gear-card{display:block;background:#171e27;border:1px solid #32404d;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.gear-card:hover{transform:translateY(-5px);border-color:#73dce4}.gear-visual{height:190px;display:grid;place-items:center;background:linear-gradient(#6688990a 1px,transparent 1px),linear-gradient(90deg,#6688990a 1px,transparent 1px),radial-gradient(ellipse,#253641,#11171e);background-size:24px 24px,24px 24px,auto;position:relative;border-bottom:1px solid #303e4d}.gear-visual img{max-width:85%;max-height:165px;object-fit:contain;filter:drop-shadow(0 8px 20px #0008)}.gear-placeholder{font-size:72px;color:#81b7c6;opacity:.55}.visual-caption{position:absolute;bottom:12px;left:16px;font-size:8px;color:#8a9ba9;letter-spacing:1px}.gear-tag{position:absolute;top:12px;left:14px;font-size:9px;color:#75e8ee;border:1px solid #45616a;background:#0c151acc;padding:5px 8px}.gear-copy{padding:21px}.gear-copy h3{font-size:19px;margin:0 0 8px}.gear-copy small{color:#7e90a3;font-size:10px}.gear-copy p{font-size:12px;color:#a0adba;line-height:1.8;min-height:44px;margin:14px 0 22px}.gear-card-foot{border-top:1px solid #303b49;padding-top:14px;display:flex;justify-content:space-between;font-size:10px}.gear-card-foot span:last-child{color:#ff865d}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:32px;font-size:12px;color:#9baabd}.pagination button{padding:10px 20px;font-size:11px}.pagination button:disabled{opacity:.35;cursor:default}.empty-gear{text-align:center;padding:60px 20px;border:1px dashed #344451;color:#98a9ba}.empty-gear>span{font-size:50px}.empty-gear p{font-size:12px}.detail-back{display:inline-block;font-size:12px;color:#91bbc7;margin-bottom:28px}.detail-hero{display:grid;grid-template-columns:330px 1fr;gap:36px;padding-bottom:32px;border-bottom:1px solid #35414f}.detail-hero .gear-visual{height:300px;border:1px solid #35414f}.detail-hero .gear-visual img{max-height:260px}.detail-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:48px;margin:12px 0 8px}.detail-hero p{font-size:13px;line-height:1.9;color:#aab6c4}.original-name{color:#8197ac;font-size:13px}.detail-badge{display:inline-block;font-size:10px;background:#75e8ee19;border:1px solid #75e8ee55;color:#75e8ee;padding:7px 10px}.detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.detail-actions a,.detail-actions button{font-size:11px;padding:12px 16px}.detail-layout{display:grid;grid-template-columns:1fr 310px;gap:26px;margin-top:28px}.detail-panel{background:#151d26;border:1px solid #303e4c;padding:25px;margin-bottom:22px}.detail-panel h2{font-size:17px;margin:0 0 20px;color:#edf2f6}.detail-panel p{font-size:12px;color:#a8b7c7;line-height:1.9;white-space:pre-wrap}.detail-panel .unknown{color:#7f94a5}.stats-lines{display:flex;flex-wrap:wrap;gap:10px}.stats-lines span{padding:12px 16px;background:#0e161f;border-left:2px solid #75e8ee;color:#c3e9ee;font-size:13px}.move-table{width:100%;border-collapse:collapse;font-size:12px}.move-table th{text-align:left;font-size:10px;color:#7e98ad;padding:12px 10px;border-bottom:1px solid #3c4c5a}.move-table td{padding:16px 10px;border-bottom:1px solid #2b3845;color:#b9c7d4;line-height:1.8;vertical-align:top}.move-table td:first-child{color:#ff9067;white-space:nowrap;font-weight:700}.moves-scroll{overflow-x:auto}.video-frame{width:100%;aspect-ratio:16/9;border:0;background:#0a1017}.detail-related{margin-top:25px}.detail-related h2{font-family:'Barlow Condensed',sans-serif;font-size:28px}.gear-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:28px;border-top:1px solid #2e3a48;font-size:10px;color:#8091a2}.gear-footer a{color:#c1ccd8}button:focus-visible,a:focus-visible{outline:2px solid #75e8ee;outline-offset:5px}[hidden]{display:none!important}@media(max-width:900px){.gear-header .brand-copy{display:none}.gear-controls{grid-template-columns:1fr 1fr}.searchbox{grid-column:1/-1}.gear-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:260px 1fr;gap:22px}.detail-layout{grid-template-columns:1fr}.detail-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vault-mark{right:3%}}@media(max-width:600px){.gear-header{padding-block:15px;gap:12px}.gear-header .brand img{width:110px}.gear-header nav{gap:14px;font-size:10px}.gear-header nav a:last-child{display:none}.vault-hero>.wrap{padding-top:35px}.vault-mark{font-size:150px;top:45px;right:-20px}.vault-bottom{font-size:8px;letter-spacing:1px}.vault-bottom>span:last-child{display:none}.catalog{padding-top:30px}.catalog-heading h2{font-size:29px}.gear-controls{padding:16px;gap:12px}.gear-tabs{gap:6px}.gear-tabs button{font-size:9px;padding:11px 12px}.gear-grid{grid-template-columns:1fr}.gear-visual{height:210px}.gear-copy p{min-height:0}.detail-hero{grid-template-columns:1fr}.detail-hero .gear-visual{height:240px}.detail-hero h1{font-size:40px}.detail-layout aside{display:block}.detail-panel{padding:20px}.move-table{min-width:420px}.gear-footer{display:block;line-height:1.8}.gear-footer span{display:block;margin-top:15px}}@media(prefers-reduced-motion:reduce){.gear-card{transition:none}.gear-card:hover{transform:none}}

/* Armory interaction and mobile navigation */
.gear-card:focus-visible{border-color:#75e8ee;box-shadow:0 0 0 2px #75e8ee,0 12px 35px #0005}.gear-card::after{content:"";position:absolute;right:0;top:0;width:26px;height:3px;background:#ff794a;box-shadow:0 0 12px #ff794a88;transition:width .2s}.gear-card:hover::after,.gear-card:focus-visible::after{width:100%}.gear-tabs button{min-height:44px;cursor:pointer}.gear-tabs button:hover{border-color:#75e8ee}.gear-tabs [aria-pressed=true]{box-shadow:inset 0 -3px 0 #b73b1c}.gear-controls select{cursor:pointer}.gear-copy h3,.detail-hero h1,.original-name{overflow-wrap:anywhere}.gear-controls>*{min-width:0}.gear-header nav a{min-height:44px;display:inline-flex;align-items:center}.gear-card-foot{gap:12px}.detail-actions button,.detail-actions a,.pagination button{min-height:44px}
@media(max-width:600px){.gear-header{flex-wrap:wrap}.gear-header nav{width:100%;justify-content:space-between;border-top:1px solid #303e4d;padding-top:6px;gap:8px;font-size:12px}.gear-header nav a:last-child{display:inline-flex}.gear-controls input,.gear-controls select{font-size:16px;min-height:48px}.catalog-heading{align-items:start;flex-wrap:wrap;gap:8px}.catalog-heading p{margin:0 0 4px}.gear-tabs button{flex:1 0 auto;font-size:11px}.gear-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.detail-actions{align-items:stretch}.detail-actions button,.detail-actions a{flex:1 1 180px;text-align:center}.detail-hero h1{font-size:clamp(30px,9vw,40px)}}
@media(prefers-reduced-motion:reduce){.gear-card::after{transition:none}}

.catalog-quality{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:#9bafbf}.catalog-quality select{background:#111b25;color:#e9f2f8;border:1px solid #405366;padding:12px;font:inherit;min-height:44px}.catalog-quality span{flex:1 1 240px;font-size:11px;line-height:1.7}.record-level{font-size:9px;letter-spacing:1px;color:#80d8df;margin-top:12px}.brand img{object-fit:contain}

.pagination{flex-wrap:wrap}.page-jump{display:flex;gap:8px;align-items:center}.page-jump input{width:72px;min-height:44px;background:#101923;color:#e5edf4;border:1px solid #3b4e60;padding:8px;font:inherit}

.gear-tile{min-width:0;display:flex;flex-direction:column}.gear-tile>.gear-card{flex:1}.quick-video{width:100%;min-height:46px;background:#132832;border:1px solid #416672;color:#98e9ed;cursor:pointer;font:inherit;font-size:12px;padding:12px}.quick-video:hover{background:#203e49}.video-dialog{width:min(900px,94vw);max-height:92vh;overflow:auto;background:#121d27;color:#e5edf4;border:1px solid #507783;padding:22px}.video-dialog::backdrop{background:#03080de6}.video-dialog h2{font-size:22px}.video-frame{min-height:200px}.skin-library .vault-hero{background:radial-gradient(ellipse at 80% 40%,#573b7688,transparent 50%),linear-gradient(110deg,#161e27,#10141b)}.skin-library .vault-hero h1 span,.skin-library .selected{color:#c8a6ff}.skin-library .vault-mark{color:#d3b5ff}.skin-visual{height:260px;background:radial-gradient(ellipse,#393047,#11171e)}.skin-visual img{max-height:235px}.skin-library .gear-card:hover{border-color:#c8a6ff}.skin-library .quick-video{color:#dbc3ff;background:#281f38;border-color:#58446b}.skin-library .detail-hero .skin-visual img{max-height:280px}@media(max-width:600px){.gear-header nav{flex-wrap:wrap}.video-dialog{padding:12px}.skin-visual{height:280px}}