.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-navigation-active>.game-recorder-control,.game-navigation-active>.game-recorder-dialog{visibility:visible!important;pointer-events:auto!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-player-page #game-recorder-dialog,#game-recorder-dialog{position:absolute;z-index:131;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(660px,var(--record-width,calc(100% - 24px)));max-width:calc(100% - 24px);max-height:calc(100% - 20px);overscroll-behavior:contain;box-shadow:inset 0 0 0 1px #b69c6922;overflow-x:hidden}
#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}}
.game-recorder-shade{position:absolute;inset:0;z-index:130;background:#0a0e14b0}.game-recorder-shade[hidden]{display:none}
.game-recorder-dialog::backdrop{background:transparent}
.game-recorder-inline-button,.game-recorder-preview-controls button,.game-recorder-key-grid button{min-height:36px;padding:8px 10px;border:1px solid #b69c6988;border-radius:6px;background:#30434a;color:#f3ead7;font:600 12px system-ui;cursor:pointer}
.game-recorder-inline-button:disabled,.game-recorder-preview-controls button:disabled{opacity:.45;cursor:default}
.game-recorder-dialog [data-gamepad-focus]{outline:3px solid #f2cc84;outline-offset:2px}
#game-recorder-title-keyboard{--recorder-key-columns:8;margin:14px 0;padding:12px;border:1px solid #b69c6966;border-radius:8px;background:#12191e}
#game-recorder-title-keyboard h3{margin:0 0 8px;font-size:15px}.game-recorder-key-grid{display:grid;grid-template-columns:repeat(var(--recorder-key-columns),minmax(0,1fr));gap:5px}.game-recorder-key-grid button{min-width:0;padding:6px 2px;font-size:11px;overflow-wrap:anywhere}
#game-recorder-title-value,#game-recorder-published-receipt{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}
.game-recorder-preview-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.game-recorder-preview-controls label{min-width:0;flex-wrap:wrap;font-size:12px}.game-recorder-preview-controls input{min-width:0;width:100%}.game-recorder-preview-controls p{margin:0;align-self:center;font-size:12px}
@media(max-width:560px){#game-recorder-title-keyboard{--recorder-key-columns:6;padding:8px}.game-recorder-preview-controls{grid-template-columns:1fr}.game-recorder-dialog{font-size:12px}}