.page-crosshair-codes .filter-section{background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:2px;flex-wrap:wrap;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem 1.25rem;display:flex}.page-crosshair-codes .filters{flex-wrap:wrap;gap:.5rem;display:flex}.page-crosshair-codes .search-input{background:var(--bg3);min-width:200px;color:var(--text);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);border-radius:0;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.page-crosshair-codes .search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .15);outline:none}.page-crosshair-codes .crosshair-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin:2rem 0;display:grid}.page-crosshair-codes .crosshair-card{background:var(--bg2);border:1px solid var(--border);border-radius:2px;flex-direction:column;transition:border-color .12s,transform .12s;display:flex;position:relative;overflow:hidden}.page-crosshair-codes .crosshair-card:before{content:"";background:var(--accent);z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.page-crosshair-codes .crosshair-card:hover{border-color:var(--accent);transform:translateY(-2px)}.page-crosshair-codes .crosshair-card.hidden{display:none}.page-crosshair-codes .crosshair-preview{background:radial-gradient(ellipse 60% 55% at 50% 50%, rgba(var(--accent-rgb), .05), transparent 75%), var(--bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:120px;padding:1.5rem;display:flex}.page-crosshair-codes .crosshair-container{border:1px solid var(--border);background:#00000080;border-radius:0;width:80px;height:80px;position:relative}.page-crosshair-codes .card-content{flex-direction:column;flex:1;gap:.75rem;padding:1.15rem 1.25rem 1.25rem;display:flex}.page-crosshair-codes .player-info{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.page-crosshair-codes .player-info h3{color:var(--text);flex:1;margin:0;font-size:1.2rem;font-style:italic}.page-crosshair-codes .player-info h3 a{color:inherit;text-decoration:none}.page-crosshair-codes .player-info h3 a:hover{color:var(--accent)}.page-crosshair-codes .team{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text2);opacity:.8;text-align:right;font-size:.74rem;font-weight:600}.page-crosshair-codes .role-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);border-radius:0;width:fit-content;padding:.25rem .6rem;font-size:.74rem;font-weight:700;display:inline-block;transform:skew(-10deg)}.page-crosshair-codes .role-badge[data-role-badge=Rifler]{color:#ef5350;background:#ef53501a;border-color:#ef5350}.page-crosshair-codes .role-badge[data-role-badge=AWPer]{background:rgba(var(--accent-rgb), .1);color:var(--accent2);border-color:var(--accent2)}.page-crosshair-codes .role-badge[data-role-badge=IGL]{color:#42a5f5;background:#42a5f51a;border-color:#42a5f5}.page-crosshair-codes .role-badge[data-role-badge=Entry]{color:#ab47bc;background:#ab47bc1a;border-color:#ab47bc}.page-crosshair-codes .role-badge[data-role-badge=Support]{color:#26a69a;background:#26a69a1a;border-color:#26a69a}.page-crosshair-codes .code-section{align-items:stretch;gap:.5rem;display:flex}.page-crosshair-codes .crosshair-code{background:var(--bg);color:var(--accent);border:1px solid var(--border);border-left:3px solid var(--accent);text-overflow:ellipsis;white-space:nowrap;border-radius:0;flex:1;align-items:center;padding:.5rem .75rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.page-crosshair-codes .copy-btn{background:var(--accent);color:#0b0d12;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;border:none;border-radius:0;align-items:center;gap:.3rem;padding:.5rem .85rem;font-size:.78rem;font-weight:800;transition:background .15s,transform .15s;display:flex;transform:skew(-10deg)}.page-crosshair-codes .copy-btn:hover{background:var(--accent2);transform:skew(-10deg)translateY(-2px)}.page-crosshair-codes .copy-btn:active{transform:skew(-10deg)translateY(0)}.page-crosshair-codes .copy-btn.copied{background:var(--green)}.page-crosshair-codes .copy-icon{font-size:.85em}.page-crosshair-codes .settings{border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding-top:.75rem;display:flex}.page-crosshair-codes .setting-item{color:var(--text2);align-items:center;gap:.3rem;font-size:.8rem;display:flex}.page-crosshair-codes .setting-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text);font-size:.74rem;font-weight:600}.page-crosshair-codes .setting-value{color:var(--accent);font-weight:600}.page-crosshair-codes .setting-badge{background:var(--accent);color:#0b0d12;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:0;padding:.12rem .45rem;font-size:.7rem;font-weight:800;display:inline-block;transform:skew(-10deg)}@media (max-width:768px){.page-crosshair-codes .filter-section{flex-direction:column;align-items:stretch}.page-crosshair-codes .filters{width:100%}.page-crosshair-codes .search-input{width:100%;min-width:unset}.page-crosshair-codes .crosshair-grid{grid-template-columns:1fr}}.xc-steps{color:var(--text-dim,#a0a0b0);margin:1rem 0 1.5rem;padding-left:1.4rem;line-height:1.7}.xc-steps li{margin:.35rem 0}