.game-recorder-control{position:absolute;right:14px;top:54px;z-index:125;display:block;padding:7px 12px;border:1px solid #ffaba5;border-radius:7px;background:#ab2424;color:#fff;font:600 13px system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 12px #0006}.game-recorder-control:hover{background:#c82d2d}.game-recorder-control:disabled{opacity:.7}.game-recorder-active{background:#d32f2f}.game-recorder-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border:1px solid #b69c69;border-radius:12px;background:#1e252b;color:#f3ead7;box-shadow:0 20px 80px #000a}.game-recorder-dialog::backdrop{background:#0a0e14b0}.game-recorder-dialog h2{margin:0 0 12px}.game-recorder-dialog p{line-height:1.5}.game-recorder-dialog fieldset{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid #b69c6966;border-radius:8px}.game-recorder-dialog label{display:flex;gap:8px;align-items:center}.game-recorder-dialog input{accent-color:#d4433d}.game-recorder-dialog [role=status]{color:#f4cf9c;min-height:1.5em}.game-recorder-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.game-recorder-dialog video{display:block;max-width:100%;max-height:280px;margin:12px auto;background:#000}.game-recorder-dialog a{color:#f2cc84}.game-recorder-dialog [hidden]{display:none!important}.game-recorder-control:focus-visible{outline:3px solid #fff1b5;outline-offset:3px}@media(max-width:500px){.game-recorder-control{top:48px;right:8px;font-size:11px;padding:6px 8px}.game-recorder-dialog{padding:18px}}
.game-recorder-dialog input[type=text]{flex:1;min-width:0;padding:8px;border:1px solid #b69c6966;border-radius:5px;background:#12191e;color:#f3ead7}
#game-recorder-dialog{position:fixed;inset:auto;left:var(--record-center-x,50vw);top:var(--record-center-y,50vh);transform:translate(-50%,-50%);margin:0;width:min(660px,var(--record-width,calc(100vw - 32px)));max-width:var(--record-width,calc(100vw - 32px));max-height:var(--record-height,calc(100dvh - 36px))}
#game-recorder-button{position:absolute;right:14px;top:54px;z-index:125;max-width:calc(100% - 28px);background:#ab2424;color:#fff;border:1px solid #ffaba5;padding:7px 12px;font:600 13px system-ui,sans-serif}
#game-recorder-button:hover{background:#c82d2d}
#game-recorder-button.game-recorder-active{background:#d32f2f}
@media(max-width:500px){#game-recorder-button{top:48px;right:8px;max-width:calc(100% - 16px);font-size:11px;padding:6px 8px}}
.game-recorder-hints{padding:10px 12px;border:1px solid #b69c6966;border-radius:8px;background:#101a22;color:#f2d79c;font-size:13px}
.game-recorder-dialog .game-recorder-destinations{grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.game-recorder-destination{min-height:56px;padding:12px;border:1px solid #7f897e;border-radius:8px;background:#26333a;cursor:pointer}
.game-recorder-destination:has(input:checked){border-color:#f2cc84;background:#354139;box-shadow:inset 0 0 0 1px #f2cc8466}
.game-recorder-destination:has([data-gamepad-focus]){outline:3px solid #f2cc84;outline-offset:3px}
.game-recorder-actions button{min-height:42px;padding:10px 15px;border:1px solid #b69c6988;border-radius:7px;background:#30434a;color:#f3ead7;cursor:pointer;font:600 13px system-ui}
.game-recorder-actions button:disabled{opacity:.45;cursor:default}
.game-recorder-actions [data-gamepad-focus],.game-recorder-dialog a[data-gamepad-focus]{outline:3px solid #f2cc84;outline-offset:3px}
#game-recorder-start{background:#7f2c2a;border-color:#e78b73}
#game-recorder-capture-note{font-size:13px;color:#c1d8d8}
#game-recorder-format,#game-recorder-upload-note{margin:8px 0;font-size:12px;color:#bcc6c5}
.game-recorder-upload-progress{margin:18px 0;padding:18px;border:1px solid #bb9865;border-radius:10px;background:#101a22}
.game-recorder-upload-progress label{font:700 18px system-ui,sans-serif;color:#f6db9a}
.game-recorder-upload-progress progress{display:block;box-sizing:border-box;width:100%;height:20px;margin:14px 0;accent-color:#e8b85e;border:0;border-radius:6px;overflow:hidden;background:#30434a}
.game-recorder-upload-progress progress::-webkit-progress-bar{background:#30434a;border-radius:6px}
.game-recorder-upload-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#bd793a,#f8d48b);border-radius:6px}
.game-recorder-upload-progress progress::-moz-progress-bar{background:#e8b85e;border-radius:6px}
#game-recorder-progress-detail{margin:0;font-size:13px;color:#c1d8d8}
@media(max-width:560px){.game-recorder-dialog .game-recorder-destinations{grid-template-columns:1fr}.game-recorder-dialog video{max-height:180px}.game-recorder-hints{font-size:11px}}