/* Siktir */
.target-arena { width: min(520px, 100%); height: 300px; border: 1px solid var(--line); border-radius: 18px; position: relative; overflow: hidden; background: rgba(255,255,255,.03); }
.siktir-target { position: absolute; width: 96px; height: 52px; border: 0; border-radius: 999px; background: #ff3b30; color: white; font-weight: 900; box-shadow: 0 10px 30px rgba(255,59,48,.3); transition: left .08s, top .08s; }
.arena-count { position: absolute; right: 12px; top: 8px; font-family: var(--f-mono); font-size: 12px; color: var(--muted); pointer-events: none; }
.whack { width: min(330px, 100%); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hole {
  aspect-ratio: 1; padding: 0; border: 0; border-radius: 50%; color: #fff; font-weight: 900; font-size: clamp(11px, 3.2vw, 14px);
  background: radial-gradient(circle at 50% 62%, #070d19 0 52%, #1c2a45 53%); transition: transform .08s;
}
.hole.up { transform: scale(1.05); animation: pop2 .12s; }
.hole.red { background: radial-gradient(circle at 40% 35%, #ff7a70, #ff3b30 60%, #c3261d); box-shadow: 0 8px 22px rgba(255,59,48,.4); }
.hole.safe { background: radial-gradient(circle at 40% 35%, #7ae6a6, #2fbf71 60%, #1f8a50); font-size: 26px; }
.react {
  width: min(460px, 100%); min-height: 200px; padding: 16px; border: 0; border-radius: 22px;
  background: #2a2d35; color: #fff; font-family: var(--f-display); font-size: clamp(20px, 6vw, 28px); transition: background .08s;
}
.react.wait { background: #3b3f4a; }
.react.go { background: #ff3b30; box-shadow: 0 12px 40px rgba(255,59,48,.45); }
.react.early { background: #7a4a14; }