/* Live Responses · Retro Gaming phone skin (owner decision 2026-10-07): the
   canvas's LR-RetroGaming Phone board and the phone half of its animation
   board, on Live Trivia's coin-op cabinet. Every rule is scoped to
   #qa-content.responses-design.lrd-retroGaming,
   #toast.responses-design.lrd-retroGaming or
   #waiting-message.responses-design.lrd-retroGaming.lr-ended, so no other
   screen or feature is touched; the classic screens (no .responses-design)
   never match.

   The shared Live Responses screens are restyled from their own elements;
   /responses-designs/retro-gaming.js writes the prompt, the paused banner,
   the toast, "My Submissions", the vote buttons (the HOST's reaction emoji
   and the count) and the ended screen. Each response row takes its colour
   from its markup's data-c (the design's eight colours, the display's
   palette). Press Start 2P is self-hosted (SIL OFL). Every motion is
   stepped like the display, with steps(n, jump-start): the resting value is
   the last step, drawn inside the animation (with jump-end an iPhone left
   stepped slides one step short of home, 2026-10-07). */

@font-face {
    font-family: 'Press Start 2P';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/press-start-2p-regular-v1.woff2') format('woff2');
}

#qa-content.responses-design.lrd-retroGaming,
#toast.responses-design.lrd-retroGaming,
#waiting-message.responses-design.lrd-retroGaming.lr-ended {
    --rgr-bg: #07031C; --rgr-panel: #0B0730; --rgr-wall: #3348FF; --rgr-slot: #1A1250;
    --rgr-yellow: #FFE629; --rgr-orange: #FF9A1F; --rgr-red: #FF3158; --rgr-green: #3DFF7C; --rgr-cyan: #2BE4FF;
    --rgr-white: #F5F2FF; --rgr-lav: #B4AEE8; --rgr-dim: #6C6890; --rgr-edge: #36325A; --rgr-well: #06041A;
    --rgr-violet: #9D6BFF;
    --rgr-bands: repeating-linear-gradient(to bottom, #FFE629 0 11px, #FF9A1F 11px 16px, #FF3158 16px 27px);
    --rgr-inv-pink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h4v1h-4zM1 1h8v1h-8zM0 2h2v1h-2zM3 2h4v1h-4zM8 2h2v1h-2zM0 3h10v1h-10zM2 4h2v1h-2zM6 4h2v1h-2zM1 5h2v1h-2zM4 5h2v1h-2zM7 5h2v1h-2zM0 6h2v1h-2zM8 6h2v1h-2z' fill='%23FF5FD2'/%3E%3C/svg%3E");
    --rgr-inv-cyan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h1v1h-1zM7 0h1v1h-1zM3 1h1v1h-1zM6 1h1v1h-1zM2 2h6v1h-6zM1 3h2v1h-2zM4 3h2v1h-2zM7 3h2v1h-2zM0 4h10v1h-10zM0 5h1v1h-1zM2 5h6v1h-6zM9 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM7 6h1v1h-1zM9 6h1v1h-1zM3 7h2v1h-2zM6 7h2v1h-2z' fill='%232BE4FF'/%3E%3Cpath d='M3 3h1v1h-1zM6 3h1v1h-1z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    --rgr-inv-green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h2v1h-2zM2 1h6v1h-6zM1 2h8v1h-8zM0 3h2v1h-2zM3 3h1v1h-1zM6 3h1v1h-1zM8 3h2v1h-2zM0 4h10v1h-10zM2 5h1v1h-1zM4 5h2v1h-2zM7 5h1v1h-1zM1 6h1v1h-1zM3 6h1v1h-1zM6 6h1v1h-1zM8 6h1v1h-1zM0 7h1v1h-1zM9 7h1v1h-1z' fill='%233DFF7C'/%3E%3Cpath d='M2 3h1v1h-1zM4 3h2v1h-2zM7 3h1v1h-1z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    --rgr-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' shape-rendering='crispEdges'%3E%3Cpath d='M10 0h1v1h-1zM9 1h2v1h-2zM0 2h1v1h-1zM8 2h2v1h-2zM0 3h2v1h-2zM7 3h2v1h-2zM1 4h2v1h-2zM6 4h2v1h-2zM2 5h2v1h-2zM5 5h2v1h-2zM3 6h3v1h-3zM4 7h1v1h-1z' fill='%233DFF7C'/%3E%3C/svg%3E");
    --rgr-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1h-1zM6 0h1v1h-1zM1 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM4 2h1v1h-1zM3 3h1v1h-1zM2 4h1v1h-1zM4 4h1v1h-1zM1 5h1v1h-1zM5 5h1v1h-1zM0 6h1v1h-1zM6 6h1v1h-1z' fill='%23FF3158'/%3E%3C/svg%3E");
    --rgr-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h2v5h-2zM3 0h2v5h-2z' fill='%23FFE629'/%3E%3C/svg%3E");
    --rgr-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h5v1h-5zM1 1h3v1h-3zM2 2h1v1h-1z' fill='%23B4AEE8'/%3E%3C/svg%3E");
    font-family: 'Press Start 2P', ui-monospace, monospace;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-font-smoothing: none;
}

/* ── The cabinet: a double maze wall round a dark field, faint scanlines
   in the field (under the content, never over the text) ── */
#qa-content.responses-design.lrd-retroGaming,
#waiting-message.responses-design.lrd-retroGaming.lr-ended {
    position: relative;
    box-sizing: border-box;
    min-height: calc(100dvh - 24px);
    margin: -8px -16px;
    overflow: hidden;
    overflow: clip;
    padding: 18px 12px 18px;
    color: var(--rgr-white);
    text-align: left;
    border: 6px solid var(--rgr-wall);
    box-shadow: inset 0 0 0 6px var(--rgr-bg), inset 0 0 0 9px var(--rgr-wall), 0 0 10px rgba(51,72,255,0.6);
    background:
        repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0 3px, rgba(0,0,0,0.16) 3px 6px),
        var(--rgr-bg);
}
#qa-content.responses-design.lrd-retroGaming[style*="none"] { display: none !important; }
#qa-content.responses-design.lrd-retroGaming *,
#waiting-message.responses-design.lrd-retroGaming.lr-ended * { font-family: inherit; font-weight: 400; }

/* The page arrives: its pieces slide in from the right (seven frames). */
#qa-content.responses-design.lrd-retroGaming > * { animation: rgrPageIn 0.46s steps(7, jump-start) backwards; }

/* ── The prompt: the marquee's bands, centred over the form ── */
#qa-content.responses-design.lrd-retroGaming #qa-title {
    margin: 14px 0 18px; min-height: 54px;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px; line-height: 27px; text-align: center; overflow-wrap: anywhere;
}
#qa-content.responses-design.lrd-retroGaming .rgr-prompt {
    background: var(--rgr-bands);
    -webkit-background-clip: text; background-clip: text;
    color: transparent;
    filter: drop-shadow(2px 2px 0 #7A1FB0) drop-shadow(2px 2px 0 #2A0650);
}
/* Back from a pause, the prompt slides in again with the page (rgrPageIn). */

/* ── Paused: the prompt rises away and the banner rises into its place ── */
#qa-content.responses-design.lrd-retroGaming[data-state="paused"] #qa-title {
    animation: rgrHeadOut 0.3s steps(5, jump-start) forwards;
}
#qa-content.responses-design.lrd-retroGaming #qa-paused-banner.show {
    position: absolute; left: 12px; right: 12px; top: 22px; margin: 0;
    display: flex; align-items: center; gap: 12px;
    padding: 12px; border-radius: 0; box-sizing: border-box;
    background: #2A1800; color: var(--rgr-yellow);
    border: 5px solid var(--rgr-yellow);
    box-shadow: inset 0 0 0 4px var(--rgr-orange), 0 0 12px rgba(255,180,0,0.45);
    font-size: 11px; line-height: 18px; text-align: left; text-shadow: 0 0 8px rgba(255,230,41,0.5);
    animation: rgrBanIn 0.3s steps(5, jump-start) backwards;
}
#qa-content.responses-design.lrd-retroGaming .rgr-pause-icon {
    flex: 0 0 auto; width: 30px; height: 30px;
    background: var(--rgr-pause) center / 100% 100% no-repeat;
}

/* The page's own notes, if it shows them. */
#qa-content.responses-design.lrd-retroGaming .qa-submitted-msg.show,
#qa-content.responses-design.lrd-retroGaming .qa-profanity-error.show {
    border-radius: 0; margin: 0 0 12px; padding: 10px 12px; font-size: 11px; line-height: 18px; text-align: left;
}
#qa-content.responses-design.lrd-retroGaming .qa-submitted-msg.show { background: #062A18; color: var(--rgr-green); border: 4px solid var(--rgr-green); }
#qa-content.responses-design.lrd-retroGaming .qa-profanity-error.show { background: #2A0812; color: var(--rgr-red); border: 4px solid var(--rgr-red); }

/* ── The form: the cyan slot and the yellow arcade button ── */
#qa-content.responses-design.lrd-retroGaming .qa-submit-form {
    background: none; border-radius: 0; padding: 0; margin: 0 0 14px;
}
#qa-content.responses-design.lrd-retroGaming .qa-submit-form textarea {
    display: block; box-sizing: border-box; width: 100%; min-height: 96px; height: 96px; resize: none;
    padding: 12px; border-radius: 0;
    background: var(--rgr-slot); color: var(--rgr-white);
    border: 4px solid var(--rgr-cyan); box-shadow: inset 0 0 0 3px #0E6F86;
    font-size: 12px; line-height: 20px; text-transform: uppercase; caret-color: var(--rgr-cyan);
}
#qa-content.responses-design.lrd-retroGaming .qa-submit-form textarea::placeholder { color: var(--rgr-dim); opacity: 1; }
#qa-content.responses-design.lrd-retroGaming .qa-submit-form textarea:focus { outline: none; border-color: var(--rgr-cyan); }
#qa-content.responses-design.lrd-retroGaming .qa-submit-btn {
    display: block; width: 100%; height: 52px; margin-top: 12px; padding: 0 8px;
    border: 0; border-radius: 0;
    background: var(--rgr-yellow); color: var(--rgr-bg);
    font-size: 14px; line-height: 14px; text-transform: uppercase;
    box-shadow: inset -4px -4px 0 rgba(0,0,0,0.25), inset 4px 4px 0 rgba(255,255,255,0.45);
    transition: none;
}
#qa-content.responses-design.lrd-retroGaming .qa-submit-btn:active:not(:disabled) { transform: translateY(4px) scale(0.97); }
#qa-content.responses-design.lrd-retroGaming .qa-submit-btn:disabled { opacity: 1; background: #8F7A00; cursor: not-allowed; }

/* ── My Submissions ── */
#qa-content.responses-design.lrd-retroGaming .qa-section-header {
    margin: 0 0 8px; height: 22px; gap: 8px;
    font-size: 10px; line-height: 10px; letter-spacing: 0; color: var(--rgr-lav);
}
#qa-content.responses-design.lrd-retroGaming .qa-section-header .chevron {
    width: 10px; height: 6px; font-size: 0; color: transparent;
    background: var(--rgr-chevron) center / 100% 100% no-repeat;
    transition: none;
}
#qa-content.responses-design.lrd-retroGaming .qa-my-questions-list { margin-bottom: 10px; transition: none; }
#qa-content.responses-design.lrd-retroGaming .qa-my-questions-list.collapsed { margin-bottom: 4px; }
#qa-content.responses-design.lrd-retroGaming #qa-my-questions .qa-question-card {
    display: block; margin: 0 0 8px; padding: 10px 12px; border-radius: 0;
    border: 4px solid var(--rgr-violet); background: var(--rgr-panel);
    box-shadow: inset 0 0 0 3px #4B2A99;
    transition: none; animation: none;
}
#qa-content.responses-design.lrd-retroGaming .rgr-mine-text { font-size: 11px; line-height: 18px; color: var(--rgr-white); overflow-wrap: anywhere; }
#qa-content.responses-design.lrd-retroGaming .rgr-mine-meta {
    display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px;
    font-size: 10px; line-height: 10px;
}
#qa-content.responses-design.lrd-retroGaming .rgr-mine-votes { color: var(--rgr-lav); }
#qa-content.responses-design.lrd-retroGaming .rgr-badge { padding: 6px 8px; white-space: nowrap; }
#qa-content.responses-design.lrd-retroGaming .rgr-badge-pending { background: #5A4A00; color: var(--rgr-yellow); }
#qa-content.responses-design.lrd-retroGaming .rgr-badge-approved { background: #0F6B33; color: var(--rgr-green); animation: rgrBadgePop 0.18s steps(3, jump-start) backwards; }
#qa-content.responses-design.lrd-retroGaming .rgr-badge-answered { background: #0E6F86; color: var(--rgr-cyan); }

/* ── The list: MOST VOTED / MOST RECENT, then a row per response ── */
#qa-content.responses-design.lrd-retroGaming .qa-sort-bar {
    display: flex; gap: 8px; margin: 0 0 14px; background: none; border-radius: 0; overflow: visible;
}
#qa-content.responses-design.lrd-retroGaming .qa-sort-btn {
    flex: 0 0 auto; padding: 9px 10px; border-radius: 0;
    background: var(--rgr-panel); color: var(--rgr-lav); box-shadow: inset 0 0 0 3px #2A2660;
    font-size: 10px; line-height: 12px; text-transform: uppercase; transition: none;
}
#qa-content.responses-design.lrd-retroGaming .qa-sort-btn.active { background: #0E6F86; color: var(--rgr-white); box-shadow: inset 0 0 0 3px var(--rgr-cyan); }

#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card {
    --rgr-main: #FF3158; --rgr-shade: #8A0F2A;
    box-sizing: border-box; min-height: 60px; margin: 0 0 6px; padding: 6px 10px 6px 6px; gap: 12px;
    border-radius: 0; background: var(--rgr-panel);
    border: 4px solid var(--rgr-main); box-shadow: inset 0 0 0 3px var(--rgr-shade);
    /* The page's reorder steps like the display's list (six frames). */
    transition-duration: 0.36s !important;
    transition-timing-function: steps(6, jump-start) !important;
}
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card.entering {
    animation: rgrRowIn 0.36s steps(6, jump-start) backwards;
}
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card:has([data-c="1"]) { --rgr-main: #2BE4FF; --rgr-shade: #0E6F86; }
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card:has([data-c="2"]) { --rgr-main: #FFE629; --rgr-shade: #8F7A00; }
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card:has([data-c="3"]) { --rgr-main: #3DFF7C; --rgr-shade: #12863A; }
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card:has([data-c="4"]) { --rgr-main: #FF5FD2; --rgr-shade: #8A2475; }
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card:has([data-c="5"]) { --rgr-main: #FF9A1F; --rgr-shade: #8A4A00; }
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card:has([data-c="6"]) { --rgr-main: #9D6BFF; --rgr-shade: #4B2A99; }
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card:has([data-c="7"]) { --rgr-main: #B4AEE8; --rgr-shade: #4C4870; }

/* The vote button: the host's emoji and the count in a dark slot; cyan
   once this phone has voted. */
#qa-content.responses-design.lrd-retroGaming .qa-vote-btn {
    flex: 0 0 auto; display: flex; align-items: center; gap: 8px;
    height: 40px; min-width: 64px; box-sizing: border-box; padding: 0 8px;
    border: 4px solid var(--rgr-edge); border-radius: 0;
    background: var(--rgr-well); color: var(--rgr-white);
    font-size: 12px; line-height: 12px; transition: none;
}
#qa-content.responses-design.lrd-retroGaming .qa-vote-btn:active { transform: translateY(3px) scale(0.94); background: var(--rgr-well); }
#qa-content.responses-design.lrd-retroGaming .qa-vote-btn.voted { border-color: var(--rgr-cyan); background: #0E6F86; }
#qa-content.responses-design.lrd-retroGaming .qa-response-emoji {
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
    font-size: 18px; line-height: 20px; text-transform: none;
}
#qa-content.responses-design.lrd-retroGaming .qa-response-votes { min-width: 12px; }
#qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-text {
    font-size: 11px; line-height: 16px; color: var(--rgr-white); overflow-wrap: anywhere;
}

#qa-content.responses-design.lrd-retroGaming .qa-empty {
    padding: 16px 0 0; text-align: center; font-size: 11px; line-height: 20px; color: var(--rgr-lav);
}

/* ── The submit toast: a green box rising from the bottom (four frames) ── */
#toast.responses-design.lrd-retroGaming {
    left: 50%; width: min(338px, calc(100vw - 52px)); max-width: none; box-sizing: border-box;
    bottom: calc(30px + env(safe-area-inset-bottom, 0px));
    display: flex; align-items: center; gap: 12px;
    padding: 14px 12px; border-radius: 0; text-align: left;
    background: #062A18; color: var(--rgr-green);
    border: 5px solid var(--rgr-green);
    box-shadow: inset 0 0 0 4px #0F6B33, 0 0 14px rgba(61,255,124,0.5);
    backdrop-filter: none; -webkit-backdrop-filter: none;
    font-size: 11px; line-height: 18px; font-weight: 400; text-transform: uppercase;
    opacity: 1; transform: translateX(-50%) translateY(140px);
}
#toast.responses-design.lrd-retroGaming::before { content: none; }
#toast.responses-design.lrd-retroGaming.error {
    background: #2A0812; color: var(--rgr-red); border-color: var(--rgr-red);
    box-shadow: inset 0 0 0 4px #8A0F2A, 0 0 14px rgba(255,49,88,0.5);
}
#toast.responses-design.lrd-retroGaming.show { animation: rgrToastIn 0.24s steps(4, jump-start) forwards; }
#toast.responses-design.lrd-retroGaming.hide { animation: rgrToastOut 0.24s steps(4, jump-start) forwards; }
#toast.responses-design.lrd-retroGaming .rgr-toast-icon { flex: 0 0 auto; width: 33px; height: 24px; background: center / 100% 100% no-repeat; }
#toast.responses-design.lrd-retroGaming .rgr-toast-success { background-image: var(--rgr-check); }
#toast.responses-design.lrd-retroGaming .rgr-toast-error { width: 21px; height: 21px; background-image: var(--rgr-cross); }

/* ── Ended: WAITING FOR NEXT ACTIVITY swings in, the invaders hop ── */
#waiting-message.responses-design.lrd-retroGaming.lr-ended:not(.show) { display: none !important; }
#waiting-message.responses-design.lrd-retroGaming.lr-ended.show {
    display: flex; flex-direction: column; justify-content: flex-start; padding-top: 220px;
}
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-wait {
    margin: 0 6px; padding: 34px 12px 30px;
    display: flex; flex-direction: column; align-items: center; gap: 18px;
    background: var(--rgr-panel); border: 6px solid var(--rgr-cyan);
    box-shadow: inset 0 0 0 6px #0E6F86, 0 0 10px rgba(43,228,255,0.45);
    animation: rgrSwing 0.46s steps(7, jump-start) backwards;
}
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-wait-1,
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-wait-2 {
    white-space: pre;
    background: linear-gradient(to bottom, #FFE629 0 37.5%, #FF9A1F 37.5% 62.5%, #FF3158 62.5% 100%);
    -webkit-background-clip: text; background-clip: text;
    color: transparent;
    filter: drop-shadow(2px 2px 0 #7A1FB0) drop-shadow(2px 2px 0 #2A0650);
}
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-wait-1 { font-size: 22px; line-height: 22px; }
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-wait-2 { font-size: 17px; line-height: 17px; }
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-dots { display: inline-block; width: 3em; text-align: left; }
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-dots::after { content: ''; animation: rgrDots 1.6s steps(1, end) infinite; }
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-invaders { display: flex; gap: 30px; height: 50px; align-items: flex-end; margin-top: 6px; }
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-inv {
    display: block; width: 40px; height: 28px; background: center / 100% 100% no-repeat;
    animation: rgrHop 0.6s steps(1, end) infinite;
}
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-inv-pink { background-image: var(--rgr-inv-pink); }
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-inv-green { height: 32px; background-image: var(--rgr-inv-green); animation-delay: 0.2s; }
#waiting-message.responses-design.lrd-retroGaming.lr-ended .rgr-inv-cyan { height: 32px; background-image: var(--rgr-inv-cyan); animation-delay: 0.4s; }

/* ── Smaller phones: the same screens, tighter, so nothing scrolls ── */
@media (max-height: 740px) {
    #qa-content.responses-design.lrd-retroGaming { padding-top: 10px; padding-bottom: 10px; }
    #qa-content.responses-design.lrd-retroGaming #qa-title { margin: 6px 0 10px; min-height: 40px; font-size: 14px; line-height: 22px; }
    #qa-content.responses-design.lrd-retroGaming .rgr-prompt { --rgr-bands: repeating-linear-gradient(to bottom, #FFE629 0 9px, #FF9A1F 9px 13px, #FF3158 13px 22px); background: var(--rgr-bands); -webkit-background-clip: text; background-clip: text; }
    #qa-content.responses-design.lrd-retroGaming #qa-paused-banner.show { top: 8px; padding: 6px 10px; }
    #qa-content.responses-design.lrd-retroGaming .qa-submit-form { margin-bottom: 10px; }
    #qa-content.responses-design.lrd-retroGaming .qa-submit-form textarea { min-height: 64px; height: 64px; padding: 8px 10px; }
    #qa-content.responses-design.lrd-retroGaming .qa-submit-btn { height: 44px; margin-top: 8px; }
    #qa-content.responses-design.lrd-retroGaming #qa-my-questions .qa-question-card { padding: 8px 10px; }
    #qa-content.responses-design.lrd-retroGaming .rgr-mine-meta { margin-top: 6px; }
    #qa-content.responses-design.lrd-retroGaming .qa-sort-bar { margin-bottom: 10px; }
    #qa-content.responses-design.lrd-retroGaming .qa-sort-btn { padding: 7px 8px; }
    #qa-content.responses-design.lrd-retroGaming #qa-approved-questions .qa-question-card { min-height: 46px; margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px; }
    #qa-content.responses-design.lrd-retroGaming .qa-vote-btn { height: 32px; }
    #qa-content.responses-design.lrd-retroGaming .qa-section-header { margin-bottom: 4px; }
    #qa-content.responses-design.lrd-retroGaming .qa-my-questions-list { margin-bottom: 6px; }
    #waiting-message.responses-design.lrd-retroGaming.lr-ended.show { padding-top: 150px; }
}

@keyframes rgrPageIn { from { transform: translateX(420px); } to { transform: none; } }
@keyframes rgrRowIn { from { transform: translateX(420px); } to { transform: none; } }
@keyframes rgrBadgePop { from { transform: scale(0.6); } to { transform: none; } }
@keyframes rgrHeadOut { from { transform: none; } to { transform: translateY(-110px); visibility: hidden; } }
@keyframes rgrBanIn { from { transform: translateY(110px); clip-path: inset(0 0 100% 0); } to { transform: none; clip-path: inset(0 0 0 0); } }
@keyframes rgrToastIn { from { transform: translateX(-50%) translateY(140px); } to { transform: translateX(-50%) translateY(0); } }
@keyframes rgrToastOut { from { transform: translateX(-50%) translateY(0); } to { transform: translateX(-50%) translateY(140px); } }
@keyframes rgrSwing { from { transform: translateX(440px) rotate(14deg); } to { transform: none; } }
@keyframes rgrHop { 0% { transform: translateY(-12px); } 33% { transform: none; } 100% { transform: none; } }
@keyframes rgrDots { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } }