.similar-crosshairs{flex-direction:column;gap:24px;width:100%;display:flex}.similar-crosshairs__title{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;letter-spacing:.02em;text-transform:uppercase;font-size:20px;font-weight:600}.similar-crosshairs__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media not (min-width:1024px){.similar-crosshairs__grid{grid-template-columns:repeat(2,1fr)}}@media not (min-width:768px){.similar-crosshairs__grid{grid-template-columns:1fr}}
.crosshair-backgrounds{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:100%;display:grid}.crosshair-backgrounds__tile{border:2px solid var(--border-default);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-width:0;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.crosshair-backgrounds__tile:hover{border-color:var(--border-strong)}.crosshair-backgrounds__tile--active{box-shadow:0 0 12px #e423134d}@media not (min-width:550px){.crosshair-backgrounds__tile{aspect-ratio:1}}.crosshair-backgrounds__canvas{height:100%;image-rendering:pixelated;-o-object-fit:cover;object-fit:cover;width:100%;display:block}
.crosshair-code{flex-direction:column;gap:12px;display:flex}.crosshair-code__label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600}.crosshair-code__row{align-items:center;gap:12px;display:flex}.crosshair-code__value{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);cursor:default;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;min-width:0;padding:10px 14px;font-family:monospace;font-size:13px;overflow:hidden}.crosshair-code__copy-btn{flex-shrink:0;min-width:90px;min-height:100%}
.crosshair-preview-large{border:1px solid var(--border-strong);height:320px;image-rendering:pixelated;-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;display:block;overflow:hidden}@media not (min-width:768px){.crosshair-preview-large{display:none}}
.crosshair-stats{flex-direction:column;gap:0;display:flex}.crosshair-stats__row{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.crosshair-stats__row:last-child{border-bottom:none}.crosshair-stats__label{color:var(--text-secondary);font-size:13px}.crosshair-stats__value{color:var(--text-primary);font-size:13px;font-weight:500}
.crosshair-detail-page{background:radial-gradient(ellipse 120% 80% at 50% 0%,#e423130a,transparent 60%),radial-gradient(ellipse 80% 60% at 50% 100%,#e4231308,transparent 50%),var(--bg-elevated);align-items:center;padding:48px 64px;position:relative}.crosshair-detail-page:before{content:"";opacity:.4;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0}[dir=ltr] .crosshair-detail-page:before{background-image:repeating-linear-gradient(0deg,#ffffff03 0,#0000 1px 2px,#ffffff03 3px),repeating-linear-gradient(90deg,#ffffff03 0,#0000 1px 2px,#ffffff03 3px);left:0}[dir=rtl] .crosshair-detail-page:before{background-image:repeating-linear-gradient(0deg,#ffffff03 0,#0000 1px 2px,#ffffff03 3px),repeating-linear-gradient(-90deg,#ffffff03 0,#0000 1px 2px,#ffffff03 3px);right:0}.crosshair-detail__content{flex-direction:column;gap:48px;width:100%;max-width:1480px;margin:0 auto;display:flex;overflow:hidden}.crosshair-detail-page>*{z-index:1;width:100%;position:relative}.detail__header{flex-direction:column;gap:8px;display:flex}.detail__title{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;letter-spacing:.02em;text-transform:uppercase;font-size:32px;font-weight:700}.detail__subtitle{color:var(--text-secondary);font-size:14px}.detail__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;display:grid}.detail__left{min-width:0;min-height:0;display:flex;overflow:hidden}.detail__right{min-width:0;overflow:hidden}.detail__loading{color:var(--text-secondary);justify-content:center;align-items:center;min-height:400px;font-size:14px;display:flex}@media not (min-width:1024px){.crosshair-detail-page{gap:32px;padding:32px 24px}}@media not (min-width:768px){.crosshair-detail-page{gap:24px;padding:24px 16px}.detail__body{grid-template-columns:1fr;gap:32px}.detail__title{font-size:24px}.detail__right .crosshair-preview-large{display:none}}