/* "Your game is ready" dialog, sticky publish bar, Studio card action and the once-per-session popup. */
.ready-bar { position: sticky; top: var(--top-h, 57px); z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--gold-text, var(--line)); border-radius: var(--radius, 14px); background: var(--card); box-shadow: var(--shadow); }
.ready-bar-txt { min-width: 0; font-size: 14px; line-height: 1.3; }
.ready-bar .btn { flex: none; }
.ready-modal { display: flex; flex-direction: column; gap: 8px; text-align: center; }
.ready-modal .field { text-align: left; }
.ready-burst { margin: 0; font-size: 44px; line-height: 1; color: var(--gold-text, var(--text)); animation: pmReadyPop .5s ease-out; }
.ready-lead { margin: 0; overflow-wrap: anywhere; }
.ready-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.ready-actions .btn { width: 100%; }
.job-publish-cta { margin-top: 8px; min-height: 36px; padding: 4px 14px; font-size: 14px; pointer-events: none; }
.ready-pop { position: fixed; left: calc(50% + var(--rail-w, 0px) / 2); transform: translateX(-50%); bottom: calc(var(--tab-h, 0px) + 12px); z-index: 58; width: min(440px, calc(100% - 24px - var(--rail-w, 0px))); box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; border-radius: 16px; background: var(--card); color: var(--text); border: 1px solid var(--gold-text, var(--line)); box-shadow: var(--shadow); animation: pmFade .2s ease-out; }
.ready-pop-txt { display: flex; flex-direction: column; gap: 2px; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.ready-pop-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ready-pop-actions .btn { flex: 1 1 140px; }
@keyframes pmReadyPop { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media (min-width: 721px) { .ready-actions { flex-direction: row; flex-wrap: wrap; justify-content: center; } .ready-actions .btn { width: auto; } .ready-pop { left: auto; right: 20px; transform: none; bottom: 20px; } }