/* Place an aiming point directly on the opponent's pen before the carrom flick. */
.target-marker{position:absolute;z-index:9;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--red);cursor:grab;touch-action:none;transform:translate(-50%,-50%);filter:drop-shadow(1px 2px 0 rgba(0,0,0,.36))}.target-marker:before{content:"";position:absolute;inset:2px;border:2px solid #fffdf5;border-radius:50%;box-shadow:0 0 0 2px var(--red),0 0 0 3px rgba(21,20,19,.78);animation:target-pulse 1.4s ease-in-out infinite}.target-marker span{display:grid;place-items:center;width:100%;height:100%;font:25px Fredoka,sans-serif;line-height:1;color:var(--yellow);text-shadow:1px 1px 0 var(--ink)}.target-marker b{position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:2px 3px;border:1px solid var(--ink);background:var(--yellow);color:var(--ink);font:700 6px "DM Mono",monospace;letter-spacing:.4px}.target-marker.dragging{cursor:grabbing;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.42)) scale(1.1)}.target-marker.dragging:before{animation-duration:.35s;border-color:var(--yellow)}@keyframes target-pulse{50%{transform:scale(1.12);opacity:.72}}
.arena-pen{z-index:6;cursor:default}.arena-pen.direct-dragging{cursor:grabbing;transition:none!important;filter:drop-shadow(0 0 9px var(--yellow)) drop-shadow(4px 8px 5px rgba(0,0,0,.5))!important}
.target-picker{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:8px 0 3px;border-top:1px dashed rgba(21,20,19,.38)}.target-picker>span,.target-picker small{font:700 8px "DM Mono",monospace;letter-spacing:.5px}.target-picker small{opacity:.72}.target-picker button{min-height:28px;border:1.5px solid var(--ink);background:#fffdf5;box-shadow:1px 1px 0 var(--ink);padding:4px 7px;font:700 8px "DM Mono",monospace;cursor:pointer}.target-picker button.active,.target-picker button:hover{background:var(--yellow)}
@media(min-width:701px){#touchControls{grid-template-columns:160px 1fr 160px}.target-picker{border-top:0;border-left:1px dashed rgba(21,20,19,.38);border-right:1px dashed rgba(21,20,19,.38);padding:0 10px}.target-picker>span,.target-picker small{width:100%;text-align:center}}
@media(max-width:700px){.target-marker{width:28px;height:28px}.target-marker span{font-size:23px}.target-picker{margin-top:3px}.target-picker button{min-height:31px}.drag-meter{margin-top:2px}}