/* Arcade pause flow: scoped overrides leave the course and recording untouched. */
#controlsMenu .controls-card.pause-arcade{display:flex;flex-direction:column;width:min(620px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 28px);padding:0;overflow:hidden;border:3px solid #60718a;border-radius:22px;background:#172231;box-shadow:0 12px 0 #080f1bcc,0 24px 80px #0009;color:#fff5db}
#controlsMenu .pause-arcade [hidden]{display:none!important}
#controlsMenu .pause-arcade .pause-header{position:relative;flex:none;padding:20px 24px 14px;border:0;background:#202e40;text-align:center}
#controlsMenu .pause-arcade .pause-header h2{font:900 30px/1.1 Impact,'Arial Black',sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#fff5db;margin:0 0 7px;text-shadow:0 3px #080f1b}
#controlsMenu .pause-arcade #pauseDescription{font-size:13px;margin:0;color:#bcc9d6}
#controlsMenu .pause-arcade .pause-clock{display:block;font:700 17px/1.4 ui-monospace,monospace;color:#ffca45;margin:7px 0 0}
#controlsMenu .pause-arcade>.btn{margin:14px 24px 0;flex:none;background:#ffca45;color:#172231;border-color:#ffe69a;box-shadow:0 4px 0 #957023;font-weight:900}
#controlsMenu .pause-arcade .pause-home{padding:14px 24px 20px;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0}
#controlsMenu .pause-arcade .pause-home>.btn{width:100%;margin:0;min-height:44px;border:2px solid #66758d;border-radius:12px;background:#2a3c51;color:#fff5db;box-shadow:0 3px 0 #080f1b;font-weight:800}
#controlsMenu .pause-arcade #pauseRestart,#controlsMenu .pause-arcade #btnConfirmRestart{background:transparent;color:#ff9ba4;border-color:#ee6674}
#controlsMenu .pause-arcade #leaderboardSettings{background:#df4859;border-color:#ff8490;box-shadow:0 3px 0 #912a39;color:white}
#controlsMenu .pause-arcade .pause-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;flex:none;padding:15px 16px 10px;gap:6px;border:0;background:transparent;overflow:auto}
#controlsMenu .pause-arcade .pause-tabs button{flex:1;min-width:0;min-height:44px;padding:8px 6px;text-align:center;border:2px solid #4e627c;border-radius:10px;background:#23354a;color:#dae4ee;font-size:13px;white-space:normal}
#controlsMenu .pause-arcade .pause-tabs button[aria-selected=true]{background:#ffca45;color:#172231;border-color:#ffe39c;box-shadow:0 3px #967224;font-weight:900}
#controlsMenu .pause-arcade .pause-body{flex:1;min-height:0;overflow:auto;padding:10px 24px 22px;scrollbar-gutter:stable}
#controlsMenu .pause-arcade .pause-panel{min-height:0}
#controlsMenu .pause-arcade .pause-panel>label{font-size:15px;padding:13px 0;gap:14px;display:flex;align-items:center;justify-content:space-between}
#controlsMenu .pause-arcade .pause-panel .btn{margin:7px 0;width:100%}
#controlsMenu .pause-arcade .pause-advanced{margin-top:18px;padding:13px;border:1px solid #59697c;border-radius:10px;background:#111d2b}
#controlsMenu .pause-arcade .pause-advanced>summary{cursor:pointer;font-weight:800;font-size:14px;min-height:24px}
#controlsMenu .pause-arcade .pause-advanced>label{display:flex;align-items:center;gap:12px;padding:12px 0}
#controlsMenu .pause-arcade .pause-footer{padding:13px 20px;display:flex;justify-content:space-between;flex:none;background:#111c2a;border-top:1px solid #40516a;gap:10px}
#controlsMenu .pause-arcade .pause-footer .btn{flex:1;margin:0;min-height:44px}
#controlsMenu .pause-arcade #pauseDonateQR{border:2px solid #ddac34;color:#ffdc73;background:#493d22}
#controlsMenu .pause-arcade button:focus-visible,#controlsMenu .pause-arcade input:focus-visible,#controlsMenu .pause-arcade select:focus-visible,#controlsMenu .pause-arcade summary:focus-visible{outline:3px solid #78e3ff;outline-offset:3px}
#controlsMenu .pause-arcade .pause-restart-confirm{border:1px solid #ee6674;border-radius:12px;padding:12px}
#controlsMenu .pause-arcade .pause-restart-confirm p{font-size:14px;margin:0 0 8px}
#controlsMenu .pause-arcade #supportQR{margin:0}
@media(max-width:480px){#controlsMenu .controls-card.pause-arcade{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);height:auto}#controlsMenu .pause-arcade .pause-header{padding:14px 16px 10px}#controlsMenu .pause-arcade .pause-header h2{font-size:26px}#controlsMenu .pause-arcade .pause-home{padding:12px 16px 16px;gap:9px}#controlsMenu .pause-arcade>.btn{margin:12px 16px 0}#controlsMenu .pause-arcade .pause-body{padding:10px 16px 16px}#controlsMenu .pause-arcade .pause-tabs{padding:12px 10px 8px}#controlsMenu .pause-arcade .pause-panel>label{font-size:14px}#controlsMenu .pause-arcade .pause-panel select{max-width:52%}#controlsMenu .pause-arcade .pause-footer{padding:12px 14px}}

/* Primary run actions stay above the scrollable secondary menu choices. */
#controlsMenu .pause-run-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:none}
#controlsMenu .pause-run-actions>.btn{margin:0;min-height:56px;padding:10px 8px;width:100%;font:800 16px/1.25 var(--body,Nunito,sans-serif);white-space:normal;border:2px solid #66758d;border-radius:12px;background:#2a3c51;color:#fff5db;box-shadow:0 3px 0 #080f1b}
#controlsMenu .pause-run-actions>#pauseRecord{background:#df4859;border-color:#ff8490;color:white}
#controlsMenu .pause-run-actions>#btnShareOptions{background:#ffca45;color:#172231;border-color:#ffe69a}
#controlsMenu .pause-run-actions>.btn:disabled{opacity:.6;cursor:wait}
#controlsMenu .pause-media-state{flex:none;line-height:1.4;font:700 14px/1.4 var(--body,Nunito,sans-serif);margin:2px 0 4px;color:#d5e2ec}
@media(max-width:480px){#controlsMenu .pause-run-actions{gap:8px}#controlsMenu .pause-run-actions>.btn{font-size:15px}}