/* Rama «realista»: panel «Vista», selector de acabado de los palos, avisos y HUD de medición. */
body[data-estilo="plano"] .rl-pie{display:none}
.chip[hidden]{display:none}
@media (max-width:1300px){.rl-pie{display:none}} /* el pie largo no cabe en una línea (kiosko vertical, portátil pequeño) */

/* ---------- panel Vista */
.vista{position:fixed;z-index:9;top:calc(var(--top) + 60px);right:12px;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - var(--top) - 140px);overflow:auto;
  background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra);padding:14px 16px 12px;color:var(--verde-texto);font:400 13px/1.35 var(--golf-font)}
.vista[hidden]{display:none}
.vista-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.vista-cab h2{margin:0;font:700 17px/1.2 var(--golf-font)}
.vista-x{width:32px;height:32px;border:0;border-radius:50%;background:#EEF4EC;color:var(--verde-texto);cursor:pointer;font-size:18px;line-height:1;flex:0 0 auto}
.vista fieldset{border:0;margin:8px 0 0;padding:0}
.vista legend{font:600 11px/1.2 var(--golf-font);letter-spacing:.08em;text-transform:uppercase;color:var(--gris-texto);margin-bottom:4px;padding:0}
.vista legend small{text-transform:none;letter-spacing:0;font-weight:500}
.vista-op{display:flex;align-items:flex-start;gap:10px;padding:7px 8px;border-radius:12px;cursor:pointer}
.vista-op:hover{background:#F3F8F2}
.vista-op:has(input:checked){background:#E6F2E4}
.vista-op input{margin:3px 0 0;accent-color:var(--verde-texto);width:16px;height:16px;flex:0 0 auto}
.vista-op b{display:block;font:600 14px/1.25 var(--golf-font)}
.vista-op small{display:block;color:var(--gris-texto);font-size:12px}
.vista-sol{margin-top:10px;padding:8px;border-radius:12px;background:#F6FAF5}
.vista-sol[hidden]{display:none}
.vista-sol label{display:flex;justify-content:space-between;font:600 13px/1.3 var(--golf-font)}
.vista-sol output{font-variant-numeric:tabular-nums}
.vista-sol input{width:100%;accent-color:var(--verde-texto);margin:6px 0 2px}
.vista-sol small{display:block;color:var(--gris-texto);font-size:11.5px}
.vista-nota{margin:10px 2px 0;font-size:11.5px;color:var(--gris-texto)}
#t-vista::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:2px}
#t-vista[aria-expanded="true"]{background:var(--verde-texto);color:#fff}
#t-vista .t-vista-ic{display:none}
/* Móvil: «Vista» es un icono en la esquina de la primera fila (junto a los modos), fuera del flujo de la barra: no
   ensancha la fila de herramientas (antes, en el plano, empujaba el marcador de «Hoyo a hoyo» a otra fila) */
@media (max-width:720px){
  #t-vista{position:absolute;top:4px;right:0;width:40px;height:40px;padding:0;justify-content:center}
  #t-vista .t-vista-ic{display:block}
  #t-vista::after{display:none}
  #t-vista .t-vista-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (max-width:374px){ .modes button{padding:7px 8px} }
@media (max-width:340px){ .modes button{padding:6px 6px;font-size:12px} }
@media (max-width:720px){ .vista{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);right:8px;left:8px;width:auto;max-height:70dvh} }
/* Jugar en móvil (HUD compacto de main: body.jugar-compacto, sin barra superior ni tira de hoyos): el panel se abre desde
   «⋯ → Vista del campo» y queda abajo, sobre la fila de golpe; en apaisado, a la derecha, como el menú */
body.jugar-compacto .vista{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);left:8px;right:8px;width:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 16px)}
@media (orientation:landscape){ body.jugar-compacto .vista{left:auto;right:calc(env(safe-area-inset-right,0px) + 8px);width:min(360px,calc(100vw - 16px))} }
/* menú «⋯»: en los estilos realistas el satélite se elige en el panel (el interruptor dispararía el chip #t-tex del plano) */
body:not([data-estilo="plano"]) #game-ui .gm-op[data-m="sat"]{display:none!important}
.rl-op-v{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px/1.2 var(--golf-font);color:var(--gris-texto)}

/* ---------- acabado del palo (Jugar) */
.gm-club{position:relative}
.rl-acab{position:relative;width:0;align-self:flex-end;flex:0 0 0}
.rl-acab[hidden]{display:none}
.rl-acab-b{position:absolute;left:-26px;bottom:-2px;width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(8,94,43,.35);cursor:pointer;display:grid;place-items:center;z-index:1}
.rl-acab-b .rl-sw{width:18px;height:18px}
.rl-sw{display:inline-block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);flex:0 0 auto}
.rl-acab-menu{position:absolute;bottom:74px;left:-86px;z-index:5;width:212px;background:var(--blanco);border-radius:14px;box-shadow:var(--sombra);padding:8px}
.rl-acab-menu[hidden]{display:none}
.rl-acab-menu p{margin:2px 6px 6px;font:700 13px/1.25 var(--golf-font);color:var(--verde-texto)}
.rl-acab-menu p small{display:block;font:500 11px/1.3 var(--golf-font);color:var(--gris-texto)}
.rl-acab-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;border-radius:10px;padding:7px 8px;font:600 13px/1.2 var(--golf-font);color:var(--verde-texto);cursor:pointer;text-align:left;min-height:36px}
.rl-acab-menu button:hover{background:#F3F8F2}
.rl-acab-menu button[aria-pressed="true"]{background:#E6F2E4}
.rl-acab-menu button[aria-pressed="true"]::after{content:"✓";margin-left:auto}
@media (max-width:720px){ .rl-acab-b{left:-24px;bottom:0} .rl-acab-menu{left:-40px;bottom:60px} }
/* HUD compacto de Jugar (móvil): la muestra tapaba la imagen del palo (32 px); el acabado va en el menú «⋯» (palos.js) */
#game-ui.gm-compacto .rl-acab{display:none!important}
.rl-op-a{display:inline-flex;align-items:center;gap:10px}
.rl-m-acab .gm-op[aria-pressed="true"]{background:#E6F2E4}
.rl-m-acab .gm-op[aria-pressed="true"]::after{content:"✓";font-weight:700}

/* ---------- avisos y medición */
.rl-splat-aviso{position:fixed;z-index:8;left:50%;top:calc(var(--top) + 64px);transform:translateX(-50%);max-width:calc(100vw - 24px);background:#FFF7E6;color:#6b4a00;border-radius:12px;padding:7px 12px;font:600 12px/1.35 var(--golf-font);box-shadow:var(--sombra);text-align:center}
#rl-hud{position:fixed;left:12px;bottom:44px;z-index:40;font:500 11px/1.35 var(--golf-font);background:rgba(255,255,255,.88);color:#123;border-radius:10px;padding:6px 9px;box-shadow:0 2px 10px rgba(0,0,0,.18);pointer-events:none;white-space:pre}