.auto-button{position:absolute;z-index:16;border:0;background:transparent;color:transparent;cursor:pointer;pointer-events:auto}
.auto-button:focus-visible{outline:3px solid #fff1a3;outline-offset:2px;border-radius:999px}
.auto-dialog{border:2px solid #ffc856;border-radius:18px;background:linear-gradient(#421020,#160713);color:#fff0ba;box-shadow:0 18px 60px #000b;padding:20px;text-align:center}
.auto-dialog::backdrop{background:#08030bb8}
.auto-dialog menu{display:grid;grid-template-columns:repeat(2,minmax(76px,1fr));gap:10px;padding:0;margin:16px 0 0}
.auto-dialog button{min-height:44px;border:1px solid #ffc856;border-radius:999px;background:#941e23;color:#fff5c8;font-weight:900}

/* AUTO is a real control. Landscape video already paints it, so the live hit
   target stays invisible there; portrait uses a compact carnival pill. */
.controls>.auto-button{left:1.5%;right:auto;top:82%;width:9%;height:8%;min-width:44px;min-height:40px;border:2px solid #ffd36b!important;border-radius:999px!important;background:linear-gradient(#bd302d,#6f1019)!important;color:#fff1b0!important;box-shadow:inset 0 0 0 2px #6a170e,0 2px 7px #0008!important;font:900 clamp(10px,1.2vw,16px)/1 CarnivalCoin,Georgia,serif}
.cabinet[data-video-ready="true"] .controls>.auto-button{left:auto;right:9.2%;top:85.65%;width:7.7%;height:auto;aspect-ratio:1;min-width:0;min-height:0;opacity:0}
@media(max-width:900px) and (orientation:portrait){.cabinet[data-video-ready="true"] .controls>.auto-button{left:1.4%;right:auto;top:91.25%;width:10.6%;height:5.8%;aspect-ratio:auto;opacity:1}}