.ranch-talk { position:fixed; z-index:66; left:50%; bottom:max(20px, calc(12px + env(safe-area-inset-bottom))); transform:translateX(-50%); width:min(460px, calc(100% - 32px)); box-sizing:border-box; padding:14px 16px 12px; color:#2a2226; background:#fff8e6; border:3px solid #2a2226; box-shadow:4px 4px 0 #0007; font:17px/1.45 Arial,"Helvetica Neue",sans-serif; cursor:default; }
.ranch-talk p { margin:0 0 10px; }
.ranch-choices { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.ranch-choices button { font:inherit; font-size:16px; min-height:44px; padding:6px 16px; color:#fff8e6; background:#2a2226; border:2px solid #2a2226; cursor:pointer; }
.ranch-choices button + button { color:#2a2226; background:transparent; }
.ranch-choices button:focus-visible { outline:3px solid #3f8f7f; outline-offset:2px; }
.ranch-hud { position:fixed; z-index:6; top:max(10px, env(safe-area-inset-top)); left:50%; transform:translateX(-50%); width:min(560px, calc(100% - 32px)); display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 12px; color:#fff8e6; text-shadow:0 1px 0 #000a; font:20px/1.1 "VT323", ui-monospace, Menlo, monospace; pointer-events:none; }
.ranch-hud[hidden] { display:none; }
.ranch-hud p { margin:0; grid-column:1; }
.ranch-hud .ranch-hint { opacity:.85; }
.ranch-hud button { grid-column:2; grid-row:1 / span 2; pointer-events:auto; font:inherit; color:#fff8e6; background:#2a2226cc; border:1px solid #fff8e688; min-height:44px; padding:4px 14px; cursor:pointer; }
@media (max-width:480px) { .ranch-talk { font-size:16px; } .ranch-hud { font-size:18px; } }