.random-crosshair-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 26px;padding:34px clamp(24px,5vw,56px);border:1px solid #493733;border-radius:12px;background:radial-gradient(circle at 88% 20%,rgba(255,130,91,.16),transparent 30%),linear-gradient(135deg,rgba(34,24,22,.96),rgba(13,14,18,.98))}
.random-crosshair-heading .eyebrow{color:#ff9875}.random-crosshair-heading h1{margin:0;color:#fff4ed;font:650 clamp(34px,5vw,56px)/1.05 var(--display);letter-spacing:-.055em}.random-crosshair-heading .form-intro{max-width:620px;margin:14px 0 0;color:#c1b4ae;font-size:16px}.random-crosshair-mark{display:grid;place-items:center;flex:none;width:92px;height:92px;border:1px solid rgba(255,130,91,.4);border-radius:50%;color:#ff825b;font-size:48px;box-shadow:0 0 44px rgba(255,130,91,.13)}
.random-crosshair-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);gap:18px;align-items:stretch}.random-crosshair-controls,.random-crosshair-result{padding:24px}.random-crosshair-controls{display:flex;flex-direction:column;align-items:stretch}.random-crosshair-controls .eyebrow,.random-crosshair-result .eyebrow{color:#ff9875;margin-bottom:8px}.random-crosshair-controls h2,.random-crosshair-result h2{margin:0;font:650 22px/1.25 var(--display);letter-spacing:-.025em}.random-crosshair-field{display:grid;gap:8px;margin:24px 0 16px;color:var(--muted);font-size:13px;font-weight:600}.random-crosshair-field select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #59443d;border-radius:7px;background:#15110f;color:var(--text)}.random-crosshair-generate{width:100%;min-height:50px}.random-crosshair-feedback{min-height:48px;margin:16px 0 0;color:#bdc8c8;font-size:13px}.random-crosshair-result-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.random-crosshair-color-label{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #4b3b36;border-radius:99px;color:var(--muted);font-size:12px}.random-crosshair-color-label:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--generated-color,#fff);box-shadow:0 0 10px var(--generated-color,#fff)}.random-crosshair-scene{position:relative;display:grid;place-items:center;min-height:300px;margin:18px 0 16px;overflow:hidden;border:1px solid #393331;border-radius:8px;background:radial-gradient(ellipse at center,#17191b 0,#090a0b 68%)}.random-crosshair-scene:before,.random-crosshair-scene:after{content:"";position:absolute;background:rgba(255,255,255,.08)}.random-crosshair-scene:before{width:1px;height:100%}.random-crosshair-scene:after{height:1px;width:100%}.random-crosshair-shape{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1}.random-crosshair-line{position:absolute;display:block;background:var(--crosshair-color);box-shadow:var(--crosshair-outline);border-radius:1px;opacity:var(--line-opacity,1)}.random-crosshair-line.is-top{width:var(--line-thickness);height:var(--line-length);left:calc(var(--line-thickness) / -2);top:calc(var(--line-offset) * -1 - var(--line-length))}.random-crosshair-line.is-bottom{width:var(--line-thickness);height:var(--line-length);left:calc(var(--line-thickness) / -2);top:var(--line-offset)}.random-crosshair-line.is-left{height:var(--line-thickness);width:var(--line-length);top:calc(var(--line-thickness) / -2);left:calc(var(--line-offset) * -1 - var(--line-length))}.random-crosshair-line.is-right{height:var(--line-thickness);width:var(--line-length);top:calc(var(--line-thickness) / -2);left:var(--line-offset)}.random-crosshair-dot{position:absolute;width:var(--dot-size);height:var(--dot-size);left:calc(var(--dot-size) / -2);top:calc(var(--dot-size) / -2);border-radius:50%;background:var(--crosshair-color);box-shadow:var(--crosshair-outline)}.random-crosshair-scene-hint{position:absolute;bottom:13px;color:#788080;font-size:11px;letter-spacing:.04em}.random-crosshair-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0}.random-crosshair-stats div{min-width:0;padding:12px;border:1px solid #423631;border-radius:7px;background:rgba(18,15,14,.64)}.random-crosshair-stats dt{color:var(--muted);font-size:11px}.random-crosshair-stats dd{margin:5px 0 0;color:#fff0e8;font:650 18px var(--display);font-variant-numeric:tabular-nums}.random-crosshair-result-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.random-crosshair-result-actions .button:disabled{opacity:.55;cursor:not-allowed}.random-crosshair-note{color:var(--muted);font-size:11px;line-height:1.5}.random-crosshair-json{max-height:220px;overflow:auto;margin:14px 0 0;padding:14px;border:1px solid #423631;border-radius:7px;background:#080909;color:#d9e8e5;font:12px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap}
html[data-site-theme="arena"] .random-crosshair-heading{background:radial-gradient(circle at 88% 20%,rgba(138,96,255,.18),transparent 30%),linear-gradient(135deg,rgba(20,20,47,.97),rgba(10,12,26,.98));border-color:#403b70}html[data-site-theme="arena"] .random-crosshair-mark{color:#a58cff;border-color:rgba(165,140,255,.5)}html[data-site-theme="arena"] .random-crosshair-heading .eyebrow,html[data-site-theme="arena"] .random-crosshair-controls .eyebrow,html[data-site-theme="arena"] .random-crosshair-result .eyebrow{color:#b7a7ff}
@media(max-width:800px){.random-crosshair-layout{grid-template-columns:1fr}.random-crosshair-heading{padding:26px}.random-crosshair-scene{min-height:260px}}
@media(max-width:520px){.random-crosshair-heading{align-items:flex-start}.random-crosshair-mark{width:54px;height:54px;font-size:28px}.random-crosshair-heading .form-intro{font-size:14px}.random-crosshair-controls,.random-crosshair-result{padding:17px}.random-crosshair-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.random-crosshair-result-actions{align-items:flex-start;flex-direction:column}}

.random-crosshair-pool-note{margin:-2px 0 14px;color:var(--muted);font-size:12px;line-height:1.55}.random-crosshair-pool-position{margin:5px 0 0;color:#ff9875;font-size:12px;font-weight:700;letter-spacing:.04em}.random-crosshair-pool-position[hidden]{display:none}

