.op-dialog{width:min(1100px,calc(100% - 24px))}
.op-intro{color:var(--muted);line-height:1.7;max-width:760px}
.gmp-start-hint{margin:14px 0 4px;padding:10px 14px;border:1px solid var(--lime-soft,#28351b);border-left:3px solid var(--lime,#d7ff3f);border-radius:10px;background:rgba(215,255,63,.06);color:var(--text,#f4f4ef)}
.gmp-start-hint strong{color:var(--lime,#d7ff3f)}
.op-modes{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.op-modes button{padding:10px 16px;border:1px solid #48525a;border-radius:12px;background:#1d2429;color:#fff;font:inherit;cursor:pointer}
.op-modes button[aria-pressed="true"]{background:var(--lime);color:#121617;border-color:var(--lime)}
.op-form label{display:block;margin-bottom:10px;font-weight:700}
.op-form input{min-width:0;flex:1;padding:14px;border:1px solid #56636b;border-radius:12px;background:#171e23;color:#fff;font:inherit}
.op-message{min-height:28px;margin:18px 0;color:#fff;line-height:1.6}
.op-message.op-won{padding:16px;background:#166534;border-radius:12px}
.op-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin:20px 0}
.op-legend span{padding:8px 12px;border-radius:8px}
.op-match{background:#166534;color:#fff}
.op-partial{background:#92400e;color:#fff}
.op-miss{background:#991b1b;color:#fff}
.op-unknown{background:#334155;color:#fff}
.op-table-scroll{overflow-x:auto;max-width:100%;margin:20px 0;border-radius:12px;border:1px solid #39434a}
.op-table{width:100%;border-collapse:separate;border-spacing:4px;min-width:820px;font-size:13px}
.op-table th{padding:12px 8px;text-align:center;font-weight:700}
.op-table td{padding:14px 10px;border-radius:8px;text-align:center;min-width:100px;line-height:1.6}
.op-table td:first-child{text-align:left;min-width:165px}
.op-table caption{text-align:left;padding:12px;font-weight:700}
.op-symbol{display:block;font-size:17px;font-weight:800}
.op-footer{font-size:12px;line-height:1.7;color:var(--muted);margin-top:24px}
.op-footer a{text-decoration:underline}
.op-next{margin-top:12px}
.fb-currency{display:flex;align-items:center;gap:12px;margin:20px 0}
.fb-currency label{font-weight:700}
.fb-currency select{padding:10px 14px;border:1px solid #56636b;border-radius:10px;background:#171e23;color:#fff;font:inherit}
@media(max-width:600px){.op-dialog{padding:20px 14px}.op-form .guess-row{display:flex;flex-direction:column;align-items:stretch}.op-table{font-size:12px;min-width:760px}}

.op-episodes{display:grid;gap:8px;margin:16px 0;padding:16px;border:1px solid #48515b;border-radius:12px}.op-episodes select{background:#15202b;color:#fff;padding:10px;border:1px solid #64717f;border-radius:8px;font:inherit}.op-episodes input{min-width:0;width:100%}.op-episodes .muted{margin:0}

.op-quote{margin:24px 0;padding:clamp(24px,5vw,48px);border:1px solid #48525a;border-left:4px solid var(--lime);border-radius:18px;background:linear-gradient(135deg,#202d34,#12191e);font-size:clamp(22px,4vw,36px);font-weight:700;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.op-quote-guesses{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}
.op-quote-guesses li,.op-quote-answer{padding:12px 16px;border:1px solid #48525a;border-radius:12px}
.op-quote-answer strong{font-size:24px;color:var(--lime)}
.op-quote-answer a{color:var(--lime)}

/* Clear mode selection and a prominent, persistent round number. */
.op-dialog .round-number{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 20px;margin:22px 0 18px;padding:16px 20px;border:1px solid var(--lime);border-radius:18px;background:var(--lime-dark);color:var(--text);width:fit-content;max-width:100%;line-height:1.4}
.round-number .round-caption{font-size:14px;font-weight:800;grid-column:2;grid-row:1}
.round-number strong{font-family:var(--font-display);font-size:clamp(30px,5vw,42px);color:var(--lime);grid-column:1;grid-row:1 / 3;white-space:nowrap}
.round-number .round-context{font-size:11px;font-weight:500;color:var(--muted);grid-column:2;grid-row:2}
.op-modes.mode-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:18px 0 22px}
.mode-picker:has([data-gm-mode]){grid-template-columns:minmax(0,1fr)}
.mode-picker:has([data-fb-mode]){grid-template-columns:minmax(0,1fr)}
.op-modes .mode-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);text-align:left;line-height:1.4;transition:border-color .15s,background .15s}
.mode-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--panel-3);color:var(--lime);font-weight:900;font-size:17px}
.mode-name{font-size:17px;font-weight:900;letter-spacing:.2px}.mode-description{font-size:12px;color:var(--muted);font-weight:500;overflow-wrap:anywhere}
.op-modes .mode-option[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:#121617;box-shadow:0 0 0 2px #d7ff3f24}
.mode-option[aria-pressed="true"] .mode-icon{background:#121617;color:var(--lime)}
.mode-option[aria-pressed="true"] .mode-description{color:#273214}
.mode-option[aria-pressed="true"]::after{content:'2713 ';position:absolute;top:14px;right:14px;font-size:18px;font-weight:900}
.op-modes .mode-option:not([aria-pressed="true"]):hover{border-color:var(--lime);background:var(--panel-2)}
.op-modes .mode-option:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:480px){.op-modes.mode-picker{gap:8px}.op-modes .mode-option{padding:12px 9px}.mode-name{font-size:13px}.mode-description{font-size:11px}.mode-option[aria-pressed="true"]::after{top:8px;right:8px;font-size:14px}.op-dialog .round-number{padding:12px 14px;gap:2px 12px}.round-number .round-caption{font-size:13px}}

.fb-feedback-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.fb-feedback-row .op-legend{flex:1;min-width:240px;margin:12px 0}.fb-feedback-row .fb-currency{margin:12px 0;flex-shrink:0;margin-left:auto}.fb-feedback-row .fb-currency label{white-space:nowrap}@media(max-width:520px){.fb-feedback-row{gap:0}.fb-feedback-row .fb-currency{margin-left:0}}