/* R23 standalone two-glyph lab. Layout only; no faux glyph metrics. */
.r23-lab{max-width:1190px;margin:auto;color:#f1f5ff;padding:4px 0 50px;min-width:0}.r23-title{margin-bottom:20px}.r23-duel{display:grid;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:15px;align-items:center}.r23-side,.r23-results{border:1px solid #5476aa;border-radius:18px;background:#15264b;padding:23px;min-width:0}.r23-side-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#b7cced;font-size:12px}.r23-side-head b{color:#fff0c0}.r23-symbol{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#395f9e,#192c53 72%);border-radius:15px;color:#f9dfaa;font-size:106px;font-weight:800;height:145px;margin:17px 0;overflow-wrap:anywhere;overflow:hidden}.r23-b .r23-symbol{color:#f8b3ad;background:radial-gradient(circle,#764b72,#272752 72%)}.r23-side label{display:block;font-size:12px;color:#d8e4f6;margin:11px 0 6px}.r23-side input,.r23-side select{width:100%;min-width:0;border:1px solid #8ba9d3;background:#0d1a37;border-radius:9px;padding:11px 12px;color:white;min-height:45px;font:inherit}.r23-side input:focus-visible,.r23-side select:focus-visible,.r23-lab button:focus-visible{outline:3px solid #ffe1a0;outline-offset:2px}.r23-side input[aria-invalid=true]{border-color:#f3aa9d}.r23-side-status{font-size:12px;margin-top:13px;padding:11px;border-radius:9px;background:#1b365b;color:#dfedff;min-height:39px}.r23-side-status[data-state=ready]{color:#bdf4d5}.r23-side-status[data-state=unsupported],.r23-side-status[data-state=unavailable]{color:#ffd5b1}.r23-versus{font-size:25px;color:#ffe1a3;text-align:center;font-weight:900}.r23-results{margin-top:17px}.r23-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.r23-results-head h2{font-size:21px;margin:6px 0 0}.r23-results-head button,.r23-actions button{border:1px solid #7797c5;background:#294776;border-radius:10px;padding:12px 16px;cursor:pointer;color:#fff;min-height:44px;font:inherit;font-weight:650}.r23-hint,.r23-caution,.r23-footer{color:#c7d9f0;font-size:13px;line-height:1.55}.r23-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.r23-metric{padding:14px;background:#1c335d;border:1px solid #506e9e;border-radius:12px;min-width:0}.r23-metric-name{display:block;margin-bottom:12px;color:#d5e4f6;font-size:13px}.r23-metric-values{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center}.r23-metric-values strong{font-size:19px;font-variant-numeric:tabular-nums;text-align:center}.r23-bar{position:relative;height:14px;border-radius:15px;background:#111e3d;overflow:hidden;display:flex}.r23-bar span{height:7px;position:absolute;top:0;left:0;background:#ffd88d;max-width:100%}.r23-bar i{height:7px;position:absolute;bottom:0;left:0;background:#ed9998;max-width:100%}.r23-metric small{display:block;margin-top:9px;color:#d3dff2;font-variant-numeric:tabular-nums}.r23-metric small b{color:#ffdb9e}.r23-status{background:#183558;border-radius:9px;padding:12px 15px;color:#ffe0af;font-size:13px;min-height:44px}.r23-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.r23-actions button{min-width:0}.r23-actions .r23-primary{background:#f4d490;color:#17264b;border-color:#ffe7ba}.r23-actions button:disabled{opacity:.47;cursor:not-allowed}.r23-footer{margin-top:12px}
@media(max-width:770px){.r23-duel{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:8px}.r23-side{padding:15px}.r23-symbol{font-size:70px;height:105px}.r23-versus{font-size:16px}.r23-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.r23-lab{padding-bottom:40px}.r23-title{display:block}.r23-title .flow-status{display:inline-block;margin-top:10px}.r23-duel{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:4px}.r23-side{padding:10px;border-radius:12px}.r23-side-head{display:block;font-size:10px}.r23-side-head b{display:block;margin-top:5px}.r23-symbol{font-size:54px;height:83px;margin:9px 0}.r23-side input,.r23-side select{font-size:14px;padding:7px}.r23-side-status{font-size:10px;line-height:1.3;padding:7px}.r23-versus{font-size:12px}.r23-results{padding:12px}.r23-results-head{align-items:flex-start}.r23-results-head h2{font-size:17px}.r23-results-head button{font-size:11px;padding:8px;white-space:nowrap}.r23-metrics{grid-template-columns:1fr}.r23-actions button{font-size:12px;padding:10px 5px}}