/* Original player screenshot, room code and voice controls, shared by series rooms. */
.player-screenshot-panel{width:100%;max-width:740px;margin-inline:auto;text-align:left;background:linear-gradient(135deg,rgba(255,70,85,.08),rgba(255,70,85,.03));border:1px solid rgba(255,70,85,.25);padding:16px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,70,85,.06)}
.player-screenshot-panel .screenshot-registration-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.player-screenshot-panel .screenshot-step{display:block;color:var(--red);font-size:11px;letter-spacing:2px;margin-bottom:6px}.player-screenshot-panel .stats-submit-title{font:600 20px var(--font-primary);margin:0}.player-screenshot-panel .stats-submit-tip{color:var(--text-muted);font-size:12px;line-height:1.7;margin:10px 0 14px}.player-screenshot-panel .screenshot-save-state{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:var(--text-muted)}.player-screenshot-panel .screenshot-save-state.saved{color:var(--green,#08c18a)}
.player-screenshot-panel .screenshot-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:230px;padding:28px 16px;border:2px dashed rgba(255,70,85,.35);border-radius:var(--radius-md,10px);background:rgba(255,70,85,.035);cursor:pointer;transition:background .2s,border-color .2s}.player-screenshot-panel .screenshot-dropzone:hover,.player-screenshot-panel .screenshot-dropzone:focus-visible{border-color:var(--red);background:rgba(255,70,85,.08);outline:none}.player-screenshot-panel .screenshot-dropzone input{display:none}.player-screenshot-panel .screenshot-dropzone strong{font-size:18px;color:var(--text)}.player-screenshot-panel .screenshot-dropzone span,.player-screenshot-panel .screenshot-dropzone small{color:var(--text-muted);font-size:12px}.player-screenshot-panel .screenshot-dropzone-icon{font-size:34px;color:var(--red)}.player-screenshot-panel .screenshot-dropzone kbd{padding:3px 6px;border:1px solid rgba(128,128,128,.3);border-bottom-width:2px;border-radius:4px;font-family:inherit}.player-screenshot-panel .screenshot-dropzone.has-preview{padding:8px}.player-screenshot-panel .screenshot-dropzone.uploading{cursor:progress;opacity:.8}.player-screenshot-panel .screenshot-dropzone-preview{max-width:100%;max-height:360px;object-fit:contain;border-radius:6px}.player-screenshot-panel .screenshot-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:var(--text-muted);font-size:11px}.player-screenshot-panel .screenshot-preview-caption>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.player-screenshot-panel .screenshot-remove-btn{border:0;padding:7px;background:transparent;color:var(--red);cursor:pointer;flex-shrink:0}.player-screenshot-panel .screenshot-upload-progress{height:4px;border-radius:4px;overflow:hidden;background:rgba(128,128,128,.2)}.player-screenshot-panel .screenshot-upload-progress span{display:block;height:100%;background:var(--red);transition:width .15s}
.player-screenshot-panel .screenshot-example-button{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 10px;min-height:32px;border:1px solid var(--hud-border);border-radius:5px;background:transparent;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.player-screenshot-panel .screenshot-example-button:hover,.player-screenshot-panel .screenshot-example-button:focus-visible{border-color:var(--red);color:var(--red)}.player-screenshot-panel .screenshot-example-dialog{width:min(1200px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;color:var(--text);background:var(--hud-surface-1);border:1px solid var(--hud-border);border-radius:var(--hud-radius)}.player-screenshot-panel .screenshot-example-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.player-screenshot-panel .screenshot-example-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.player-screenshot-panel .screenshot-example-header h3{font-size:18px;margin:0}.player-screenshot-panel .screenshot-example-header button{padding:6px 10px;min-height:44px;color:var(--text);background:transparent;border:1px solid var(--hud-border);border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.player-screenshot-panel .screenshot-example-image{display:block;width:100%;max-height:calc(100dvh - 122px);object-fit:contain}.player-screenshot-panel .screenshot-saved-card{padding:14px;border:1px solid rgba(8,193,138,.3);border-radius:10px;background:rgba(8,193,138,.04);text-align:center}.player-screenshot-panel .stats-preview-image{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:6px}.player-screenshot-panel .screenshot-saved-card p{color:var(--green,#08c18a);font-size:12px;margin:10px 0 0}
.player-screenshot-panel .screenshot-footer-actions{display:grid;gap:12px;margin-top:16px;padding:0}.player-screenshot-panel .screenshot-primary-submit,.player-screenshot-panel .leave-room-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:none;min-height:50px;margin:0;padding:14px 16px;font:inherit;font-size:14px;border-radius:var(--control-radius,6px);cursor:pointer;transition:background var(--hud-transition-base,.2s) var(--hud-ease,ease),opacity .2s}.player-screenshot-panel .screenshot-primary-submit{background:var(--red);color:white;border:1px solid var(--red)}.player-screenshot-panel .leave-room-btn{background:transparent;color:var(--text);border:1px solid var(--border)}.player-screenshot-panel button:disabled{opacity:.45;cursor:not-allowed}.player-screenshot-panel button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.player-room-code .room-code-display{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,193,7,.14),rgba(255,193,7,.04));padding:14px 20px;border-radius:12px;border:1px solid rgba(255,193,7,.4);box-shadow:inset 0 0 0 1px rgba(255,193,7,.1);max-width:100%}.player-room-code .room-code-text{font-size:1.9rem;color:var(--gold);letter-spacing:6px;text-shadow:0 0 10px rgba(255,193,7,.5);font-family:'Courier New',monospace;font-weight:bold;min-width:0;overflow-wrap:anywhere}.player-room-code .toggle-btn,.player-room-code .copy-btn{flex-shrink:0;min-width:44px;min-height:44px;border:1px solid rgba(255,193,7,.45);border-radius:6px;color:var(--gold);background:transparent;cursor:pointer;margin:0;padding:8px 10px;transition:background var(--hud-transition-base,.2s) var(--hud-ease,ease)}.player-room-code .copy-btn{background:rgba(255,193,7,.16);font-size:.8rem;white-space:nowrap}.player-room-code button:hover{background:rgba(255,193,7,.2)}
.player-voice-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border-radius:var(--control-radius,6px);background:linear-gradient(135deg,#5865f2,#4752c4);color:white;text-decoration:none;font-size:13px;box-shadow:0 0 10px rgba(88,101,242,.25);transition:background .2s,box-shadow .2s}.player-voice-link:hover{box-shadow:0 0 16px rgba(88,101,242,.5)}.player-voice-link.voice-chip-fallback{background:linear-gradient(135deg,#555,#444);box-shadow:none}
@media(max-width:600px){.player-screenshot-panel{padding:12px}.player-screenshot-panel .screenshot-dropzone{min-height:200px}.player-screenshot-panel .stats-submit-title{font-size:18px}.player-screenshot-panel .screenshot-preview-caption{flex-wrap:wrap}.player-room-code .room-code-display{padding:12px;gap:8px;flex-wrap:wrap;justify-content:center}.player-room-code .room-code-text{font-size:1.4rem;letter-spacing:4px}.player-voice-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.player-screenshot-panel *,.player-room-code *,.player-voice-link{transition:none!important;animation:none!important}}