/* Label League — THE RATINGS GAME (16 · 17, 9/27/2026). Every measurement is the artboards' inline style: desktop 1280 light (a whole match
   plays), phone 390 dark (S6 · S8 · the boards). The objects: Side A (190×266, paper, the spike in ink), the deck back (ink, the groove
   pattern, the tile), the record, the shared call sheet, the printout (the bonus question · the result column), the stamp. */
@keyframes llspin{to{transform:rotate(360deg)}}
@keyframes llturn{from{transform:rotateY(90deg);opacity:0}to{transform:none;opacity:1}}
@keyframes llrise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes llunfold{from{opacity:0;transform:scaleY(.9);transform-origin:top}to{opacity:1;transform:none}}
@keyframes llcross{from{transform:translateX(-140px);opacity:0}to{transform:none;opacity:1}}
@keyframes llstamp{from{transform:scale(1.4);opacity:0}to{transform:none;opacity:1}}
@keyframes llpulse{0%,100%{opacity:.4}50%{opacity:1}}
.rg-page .rg-mast{display:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow);white-space:nowrap;margin-right:14px}
/* the step bar (48px, white, under the masthead): the screen · its note · the score once the match is on */
.rg-step{height:48px;background:var(--card);border-bottom:1px solid var(--rule)}
.rg-step .in{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rg-step .l{display:flex;align-items:center;gap:22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow);min-width:0}.rg-step .l b{color:var(--ink);font-weight:500;white-space:nowrap}.rg-step .l span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rg-step .r{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow)}.rg-step .r b{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.rg{padding-bottom:110px}
.rg .rg-h1{font-family:var(--disp);font-weight:700;font-size:64px;line-height:.9;letter-spacing:-.05em;margin:14px 0 0}
.rg .rg-h2{font-family:var(--disp);font-weight:700;font-size:40px;line-height:.9;letter-spacing:-.045em;margin:0}.rg .rg-h2.c{text-align:center;font-size:38px;line-height:.95;letter-spacing:-.04em;margin-top:8px}.rg .rg-h2.big{font-size:56px;margin-top:14px}
.rg .rg-p{font-size:16px;line-height:1.55;color:var(--ink2);margin:18px 0 0;max-width:56ch}
.rg .rg-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow);margin-top:34px}
.rg .rg-meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow)}.rg .rg-meta.c{text-align:center;letter-spacing:.16em}.rg .pulse{animation:llpulse 1.2s ease-in-out infinite}
.rg .e{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow)}
.rg .rg-err{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--ink);margin-top:12px}
.rg .rg-cta{height:52px;padding:0 28px;border-radius:12px;background:var(--ink);color:var(--paper);border:0;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.rg .rg-cta.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}.rg .rg-cta.sm{height:44px;padding:0 20px;font-size:11.5px;letter-spacing:.12em}.rg .rg-cta:disabled{opacity:.5;cursor:default}
.rg .rg-ctas{display:flex;justify-content:center;gap:18px;margin-top:22px;flex-wrap:wrap}
.rg .rg-link{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:underline}
.rg .rg-stamp{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.rg .rg-stamp i{width:8px;height:8px;border-radius:50%;flex:none;display:block}
.rg .rg-stamp.ink{padding:8px 14px;border-radius:8px;background:var(--ink);color:var(--paper);letter-spacing:.16em;animation:llstamp .35s .3s ease both}.rg .rg-stamp.plain{color:var(--eyebrow)}
.rg .rg-stamp.cross{animation:llcross .6s cubic-bezier(.2,.8,.2,1) both;margin-top:12px}
/* ── the objects ── */
.rg .rg-card{width:190px;background:var(--sleeve);color:#111;border:1px solid #BFBCB4;border-radius:5px;padding:14px 14px 10px;box-sizing:border-box;box-shadow:0 14px 28px -18px rgba(0,0,0,.5);position:relative;font-family:var(--disp)}   /* 10/7 · RatingsCard: white in light, paper in dark (as .sidea) */
.rg .rg-card.turn{animation:llturn .38s cubic-bezier(.2,.8,.2,1) both}
.rg .rg-card .hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #111;padding-bottom:9px;gap:8px}.rg .rg-card .nm{font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.1;text-transform:uppercase;min-width:0}.rg .rg-card .ovr{font-weight:700;font-size:22px;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.rg .rg-card .rw{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:baseline;padding:7px 6px;margin:0 -6px;border-bottom:1px dotted #BFBCB4;border-radius:4px;color:#6B6A66}.rg .rg-card .rw .v{color:#4A4A48}
.rg .rg-card .rw.lead,.rg .rg-card .rw.hl{color:#111}.rg .rg-card .rw.lead .k,.rg .rg-card .rw.hl .k{font-weight:500}.rg .rg-card .rw.lead .v,.rg .rg-card .rw.hl .v{color:#111}.rg .rg-card .rw.hl{background:#E6E3DC}
.rg .rg-card .rw .n{font-family:var(--mono);font-size:8.5px;color:#8A8984}.rg .rg-card .rw .k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.rg .rg-card .rw .v{font-weight:700;font-size:16px;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.rg .rg-card.emph .rw.hl .v{font-size:26px}
.rg .rg-card .rw.buzz{color:#8A8984;border-bottom:0;margin:0;padding:7px 0 6px;background:none}.rg .rg-card .rw.buzz .v{color:#8A8984}.rg .rg-card .rw .v.dec{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:0}
.rg .rg-card .ft{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#8A8984;padding-top:4px}.rg .rg-card .ft span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rg .rg-card.mini{width:100%;padding:8px 9px 7px;border-radius:4px;box-shadow:none}.rg .rg-card.mini .hd{padding-bottom:5px;gap:6px}.rg .rg-card.mini .nm{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg .rg-card.mini .ovr{font-size:14px}
.rg .rg-card.mini .rw{grid-template-columns:1fr auto;gap:6px;padding:2px 4px;margin:0 -4px;border-bottom:0;border-radius:3px}.rg .rg-card.mini .rw .k{font-size:7.5px;letter-spacing:.06em;font-weight:400}.rg .rg-card.mini .rw .v{font-size:11px;letter-spacing:-.03em}
.rg .rg-back{width:190px;height:266px;background:#111;border-radius:8px;padding:7px;box-sizing:border-box;box-shadow:0 20px 36px -18px rgba(0,0,0,.7);flex:none}   /* 10/7 · CardBack: the grooves, the mark on a round label */
.rg .rg-back .in{width:100%;height:100%;border-radius:5px;background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 5px,rgba(242,240,235,.35) 5px 6px);display:grid;place-items:center}
.rg .rg-back .tile{width:74px;height:74px;border-radius:50%;background:#111;display:grid;place-items:center}.rg .rg-back .tile svg{width:30px;height:30px;stroke:#F2F0EB}
.rg .rg-back.sm{width:120px;height:168px;padding:6px;border-radius:6px}.rg .rg-back.sm .tile{width:48px;height:48px}.rg .rg-back.sm .tile svg{width:20px;height:20px}
.rg .rg-back.deck{width:126px;height:176px;padding:6px;border-radius:7px}.rg .rg-back.deck .tile{width:52px;height:52px}.rg .rg-back.deck .tile svg{width:22px;height:22px}
.rg .rg-back.turn{animation:llturn .38s cubic-bezier(.2,.8,.2,1) both}.rg .rg-back.dim{background:#8A8984;box-shadow:0 16px 30px -18px rgba(0,0,0,.45)}.rg .rg-back.dim .in{background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 5px,rgba(241,239,234,.55) 5px 6px)}.rg .rg-back.dim .tile{background:#8A8984}
.rg .rg-rec{width:260px;height:260px;border-radius:50%;position:relative;background:radial-gradient(circle,#F1EFEA 0 31%,#0B0B0D 31.5%);box-shadow:0 40px 70px -34px rgba(0,0,0,.7);animation:llspin 9s linear infinite;display:grid;place-items:center}
.rg .rg-rec.fast{animation-duration:.6s}.rg .rg-rec i{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 3px,rgba(255,255,255,.05) 3px 4.5px);mask:radial-gradient(circle,transparent 0 32%,#000 33%);-webkit-mask:radial-gradient(circle,transparent 0 32%,#000 33%)}.rg .rg-rec svg{width:56px;height:56px;stroke:#111;position:relative}
/* the hand browser: the stack, the arrows, the dots */
.rg .rg-browser{margin-top:26px;display:grid;grid-template-columns:56px 1fr 56px;gap:18px;align-items:center}
.rg .rg-browser .arr{width:56px;height:56px;border-radius:14px;border:1px solid var(--rule-strong);background:transparent;font-size:22px;cursor:pointer;color:var(--ink)}
.rg .rg-stage{position:relative;height:340px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:0 20px}
.rg .rg-stk{position:absolute;bottom:0;width:190px;height:266px;background:var(--card);border:1px solid var(--rule-strong);border-radius:4px;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s}
.rg .rg-stk .tab{position:absolute;top:-22px;height:22px;padding:0 8px;background:var(--card);border:1px solid var(--rule-strong);border-bottom:0;border-radius:4px 4px 0 0;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;line-height:22px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.rg .rg-stk .tab.l{left:8px}.rg .rg-stk .tab.r{right:8px}
.rg .rg-stage .front{position:relative;z-index:2}
.rg .rg-dots{display:flex;justify-content:center;gap:6px;margin-top:18px}.rg .rg-dots span{width:14px;height:3px;border-radius:2px;background:var(--rule)}.rg .rg-dots span.on{background:var(--ink)}.rg .rg-dots span.cut{background:var(--rule-strong)}
/* the call sheet */   /* 10/4: the category named this round (the call comes first) */
/* ── S1 · Mode ── */
.rg .rg-mode{padding:40px 0 56px;display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;animation:llrise .3s ease both}
.rg .rg-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.rg .rg-modes button{text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:12px;padding:16px 18px;cursor:pointer;display:grid;gap:8px;transition:border-color .12s;font-family:var(--disp)}.rg .rg-modes button b{font-weight:700;font-size:18px;letter-spacing:-.02em}.rg .rg-modes button span{font-size:12.5px;line-height:1.5;opacity:.8}.rg .rg-modes button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rg .rg-house{margin-top:10px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:4px 18px}
.rg .rg-house .row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule-soft);cursor:pointer}.rg .rg-house .row:last-child{border-bottom:0}.rg .rg-house .row i{width:12px;height:12px;border-radius:50%;display:block}.rg .rg-house .row i.dash{background:transparent;border:1px dashed var(--mute)}
.rg .rg-house .row b{display:block;font-weight:700;font-size:15px;letter-spacing:-.01em}.rg .rg-house .row small{display:block;font-family:var(--mono);font-size:10px;color:var(--eyebrow);margin-top:3px}.rg .rg-house .row em{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.rg .rg-house .row em.on{color:var(--ink)}.rg .rg-house .row.soon{color:var(--mute);cursor:default}
.rg .rg-dealrow{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}.rg .rg-dealrow .note{font-size:10.5px;letter-spacing:.08em}
.rg .rg-decks{position:relative;height:300px;display:grid;place-items:center}.rg .rg-decks .rg-back{position:absolute}.rg .rg-decks .rg-back.a{transform:rotate(-8deg) translateX(-40px)}.rg .rg-decks .rg-back.b{transform:rotate(6deg) translateX(40px)}
.rg .rg-note{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px 18px;font-family:var(--mono);font-size:10.5px;line-height:1.7;color:var(--ink2);margin-top:18px}.rg .rg-note .e{margin-bottom:6px}.rg .rg-note a{color:var(--ink)}
/* ── S2 · The deal ── */
.rg .rg-deal{padding:34px 0 56px;display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;animation:llrise .3s ease both}
.rg .rg-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.rg .rg-shelf{height:290px;border:1px dashed var(--rule-strong);border-radius:12px;display:grid;place-items:center;padding:12px;margin-top:16px}.rg .rg-shelf span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:center;line-height:1.7}.rg .rg-shelf .rg-back{width:180px;height:252px}
.rg .rg-deal .r .note{margin-top:16px;line-height:1.7}
/* ── S4 · The flip ── */
.rg .rg-flip{padding:60px 0 70px;display:flex;flex-direction:column;align-items:center;gap:28px;animation:llrise .3s ease both}
.rg .rg-flipped{text-align:center;animation:llstamp .35s ease both}.rg .rg-flipped .rg-h2{font-size:48px;letter-spacing:-.045em}.rg .rg-flipped .rg-meta{margin-top:12px}.rg .rg-flipped .rg-cta{margin-top:26px}
/* ── S5 · The round ── */
/* ── S6 · The reveal ── */
/* ── S7 · The tie ── */
/* ── the printout: the bonus question · the result column ── */
.rg .rg-print{position:relative;background:#F7F4EA;color:#1F1A14;border:1px solid #D9D2BF;border-radius:2px;padding:18px 24px 34px;font-family:var(--mono);background-image:repeating-linear-gradient(180deg,transparent 0 27px,rgba(31,26,20,.05) 27px 28px);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.rg .rg-print .tear{position:absolute;left:0;right:0;bottom:-1px;height:12px;background:linear-gradient(135deg,transparent 0 6px,var(--paper) 6px) 0 0/16px 12px,linear-gradient(-135deg,transparent 0 6px,var(--paper) 6px) 8px 0/16px 12px}
.rg .rg-bonus{padding:34px 0 56px;display:grid;place-items:center;animation:llrise .3s ease both}.rg .rg-bonus .rg-print{width:620px;max-width:100%;box-sizing:border-box}
.rg .rg-print .ph{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7A6A45;border-bottom:1px dashed #CFC7B2;padding-bottom:8px}
.rg .rg-print .q{font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:-.03em;line-height:1.1;margin:16px 0 14px}
.rg .rg-print .opts{display:grid;gap:8px}.rg .rg-print .opts button{text-align:left;min-height:46px;padding:0 14px;border-radius:8px;background:#FFFFFF;color:#1F1A14;border:1px solid #D9D2BF;font-family:var(--disp);font-size:14px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.rg .rg-print .opts button.right{background:#1F1A14;color:#F7F4EA}.rg .rg-print .opts button.mine{border-color:#9A8E6A}.rg .rg-print .opts button small{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.rg .rg-print .pf{margin-top:16px;padding-top:12px;border-top:1px dashed #CFC7B2;display:flex;justify-content:space-between;align-items:center;gap:16px;animation:llrise .3s ease both;font-size:10px;letter-spacing:.08em;line-height:1.6;color:#4A4A48}.rg .rg-print .pf .rg-stamp.ink{background:#1F1A14;color:#F7F4EA}
.rg .rg-bonus .rg-ctas .rg-cta{background:#1F1A14;color:#F7F4EA;height:46px;padding:0 22px;font-size:12px;border-radius:10px}
.rg .rg-print.col{margin-top:26px;padding:14px 20px 30px}.rg .rg-print .ch,.rg .rg-print .row{display:grid;grid-template-columns:28px 1fr 96px 58px 58px 60px;gap:12px;align-items:baseline}
.rg .rg-print .ch{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:#7A6A45;border-bottom:1px dashed #CFC7B2;padding-bottom:7px}.rg .rg-print .ch .r{text-align:right}
.rg .rg-print .row{padding:8px 0;border-bottom:1px dashed #CFC7B2;font-size:10px}.rg .rg-print .row .by{display:inline-flex;align-items:center;gap:7px}.rg .rg-print .row .by i{width:7px;height:7px;border-radius:50%;display:block}.rg .rg-print .row .by em{font-style:normal;color:#B5AA8A}.rg .rg-print .row .cat{letter-spacing:.1em;text-transform:uppercase}
.rg .rg-print .row .v{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.04em;text-align:right;font-variant-numeric:tabular-nums}.rg .rg-print .row .m{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums}.rg .rg-print .row .w{color:#1F1A14}.rg .rg-print .row .l{color:#9A8E6A}
/* ── S8 · The result ── */
.rg .rg-result{padding:34px 0 56px;display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;animation:llrise .3s ease both}
.rg .rg-word{font-family:var(--disp);font-weight:700;font-size:120px;line-height:.85;letter-spacing:-.06em;margin-top:10px;animation:llstamp .4s ease both}
.rg .rg-result .r{display:flex;flex-direction:column;gap:16px;padding-top:40px}
.rg .rg-points{background:var(--ink);color:var(--paper);border-radius:12px;padding:20px 22px}.rg .rg-points .e{color:#8B8A86}.rg .rg-points .n{font-weight:700;font-size:64px;letter-spacing:-.05em;line-height:.9;margin-top:10px;font-variant-numeric:tabular-nums}
.rg .rg-points .g{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin-top:16px;padding-top:14px;border-top:1px solid #3A3A40;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#C8C6C0}.rg .rg-points .g b{text-align:right;color:var(--paper);font-weight:400}
.rg .rg-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rg .rg-two .rg-cta{height:50px;padding:0;font-size:12px}
.rg .rg-postform input{font-family:var(--disp)}
/* ── S10 · Leaderboards ── */
.rg .rg-boards{padding:36px 0 48px;animation:llrise .25s ease both}
.rg .rg-boards .hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.rg .rg-tabs{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}.rg .rg-tabs .seg{display:inline-flex;background:var(--sunk);border-radius:10px;padding:3px;gap:2px;border:0}.rg .rg-tabs .seg button{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:7px;background:transparent;color:var(--ink2);border:0;cursor:pointer}.rg .rg-tabs .seg button.on{background:var(--ink);color:var(--paper)}
.rg .rg-boards .hr{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
/* the nameplate (17): the career title, best ten averaged, the distance to the next rung */
.rg .rg-plate{width:400px;background:var(--ink);color:var(--paper);border-radius:12px;padding:16px 18px;display:grid;gap:6px;box-sizing:border-box}
.rg .rg-plate .e{display:flex;justify-content:space-between;color:#8B8A86}.rg .rg-plate .r1{display:flex;justify-content:space-between;align-items:center;gap:16px}.rg .rg-plate .r1 .nm{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em}.rg .rg-plate .r1 .nm i{width:12px;height:12px;border-radius:50%;display:block}.rg .rg-plate .r1 b{font-weight:700;font-size:28px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.rg .rg-plate .tl{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;background:var(--paper);color:var(--ink);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.rg .rg-plate .tl small{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--eyebrow);font-weight:400}
.rg .rg-boards .grid{margin-top:28px;display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}
.rg .rg-boards .bt{display:flex;justify-content:space-between;align-items:baseline}.rg .rg-boards .bt b{font-weight:700;font-size:28px;letter-spacing:-.03em}.rg .rg-boards .bt span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow)}
.rg .rg-boards .row{display:grid;grid-template-columns:36px 1fr 70px 80px 190px;gap:0 14px;align-items:center;padding:11px 10px;border-bottom:1px solid var(--rule);border-radius:6px}.rg .rg-boards .row.h{margin-top:16px;padding:0 10px 8px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow)}.rg .rg-boards .row.h .res,.rg .rg-boards .row.h .pts,.rg .rg-boards .row.h .tt{text-align:right;font-family:var(--mono);font-size:9.5px;font-weight:400;letter-spacing:.14em;color:var(--eyebrow)}
.rg .rg-boards .row.me{background:var(--card)}.rg .rg-boards .row .rk{font-weight:700;font-size:16px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--mute)}
.rg .rg-boards .row .nm{display:inline-flex;align-items:center;gap:9px;min-width:0;font-weight:700;font-size:15px;letter-spacing:-.01em}.rg .rg-boards .row .nm i{width:9px;height:9px;border-radius:50%;flex:none;display:block}.rg .rg-boards .row .nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.rg .rg-boards .row .nm small{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);flex:none;font-weight:400}.rg .rg-boards .row .nm em{display:none}
.rg .rg-boards .row .res{font-weight:700;font-size:15px;text-align:right;font-variant-numeric:tabular-nums}.rg .rg-boards .row .pts{font-weight:700;font-size:20px;letter-spacing:-.04em;text-align:right;font-variant-numeric:tabular-nums}.rg .rg-boards .row .tt{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;text-align:right;color:var(--ink2);white-space:nowrap}
.rg .rg-boards .rail{display:flex;flex-direction:column;gap:14px}.rg .rg-boards .card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px 18px}
.rg .rg-boards .lr,.rg .rg-boards .dr{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 0;border-bottom:1px dotted var(--rule-strong);align-items:baseline;font-size:13px}.rg .rg-boards .lr span:last-child{font-family:var(--mono);font-size:11px;color:var(--eyebrow);font-variant-numeric:tabular-nums}
.rg .rg-boards .dr{grid-template-columns:auto 1fr auto;align-items:center;padding:9px 0}.rg .rg-boards .dr i{width:10px;height:10px;border-radius:50%;display:block}.rg .rg-boards .dr b{font-weight:700}.rg .rg-boards .dr span{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--eyebrow)}
.rg .rg-boards .card .note{margin-top:10px;line-height:1.6}
/* ── the phone bar ── */
.rg-bar .btn.alt{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}
@media(min-width:900px){.rg-page .rg-mast{display:inline}.rg-bar{display:none}.rg{padding-bottom:40px}}
@media(max-width:1199px) and (min-width:900px){.rg .rg-mode{grid-template-columns:1fr 300px;gap:32px}.rg .rg-deal{grid-template-columns:1fr 260px;gap:32px}.rg .rg-result{grid-template-columns:1fr 320px;gap:32px}.rg .rg-boards .grid{grid-template-columns:1fr 300px;gap:24px}.rg .rg-boards .row{grid-template-columns:32px 1fr 60px 70px 150px}}
/* ── phone (390 · dark): S6 the two numbers at 104px then tap to unfold · S8 the column legible at a glance; everything else stacks ── */
@media(max-width:899px){
  .rg-step .in{padding:0 18px}.rg-step .l{gap:12px;font-size:9.5px;min-width:0}.rg-step .l span{display:none}.rg-step .r{flex:none;gap:8px;font-size:9px}.rg-step .r b{font-size:18px;white-space:nowrap}.rg-step .r .rg-stamp{white-space:nowrap;font-size:9px}
  .rg .rg-h1{font-size:48px}.rg .rg-p{font-size:14.5px}.rg .rg-k{margin-top:26px}
  .rg .rg-mode{display:block;padding:26px 0 40px}.rg .rg-mode .r{display:none}.rg .rg-modes{grid-template-columns:1fr;gap:8px}.rg .rg-modes button{padding:12px 14px}.rg .rg-dealrow .rg-cta{display:none}
  .rg .rg-deal{display:block;padding:22px 0 40px}.rg .rg-top{flex-direction:column;align-items:flex-start;gap:8px}.rg .rg-h2{font-size:32px}.rg .rg-deal .r{margin-top:22px}.rg .rg-shelf{height:auto;min-height:120px}.rg .rg-shelf .rg-back{width:120px;height:168px;padding:7px}.rg .rg-deal .rg-ctas{display:none}
  .rg .rg-browser{grid-template-columns:44px 1fr 44px;gap:8px}.rg .rg-browser .arr{width:44px;height:44px;border-radius:12px}.rg .rg-stage{height:320px;padding:0}
  .rg .rg-flip{padding:40px 0 60px}.rg .rg-rec{width:200px;height:200px}.rg .rg-flipped .rg-h2{font-size:34px}.rg .rg-flipped .rg-cta{display:none}
  .rg .rg-bonus{padding:22px 0 40px}.rg .rg-print .q{font-size:20px}.rg .rg-bonus .rg-ctas{display:none}
  .rg .rg-result{display:block;padding:26px 0 40px}.rg .rg-word{font-size:84px}.rg .rg-print.col{padding:12px 14px 24px;margin-top:18px}.rg .rg-print .ch,.rg .rg-print .row{grid-template-columns:18px 1fr 64px 34px 34px 38px;gap:6px}.rg .rg-print .ch{font-size:7.5px}.rg .rg-print .row{font-size:8.5px;padding:6px 0}.rg .rg-print .row .cat{font-size:8.5px;letter-spacing:.08em}.rg .rg-print .row .v{font-size:16px}.rg .rg-print .row .m{font-size:12px}
  .rg .rg-result .r{padding-top:18px}.rg .rg-points .n{font-size:48px}.rg .rg-two{display:none}
  .rg .rg-boards{padding:22px 0 40px}.rg .rg-boards .hd{flex-direction:column;align-items:flex-start;gap:12px}.rg .rg-h2.big{font-size:40px}.rg .rg-tabs .seg{width:100%}.rg .rg-tabs .seg button{flex:1;padding:8px 4px;font-size:9px;letter-spacing:.08em;white-space:nowrap}.rg .rg-tabs .seg.spans{width:auto}
  .rg .rg-boards .grid{grid-template-columns:1fr;gap:22px;margin-top:18px}.rg .rg-boards .bt b{font-size:22px}.rg .rg-boards .hr{align-items:flex-start;width:100%}.rg .rg-plate{width:100%;background:var(--paper);color:var(--ink);padding:10px 12px}.rg .rg-plate .r1 .nm{font-size:13px}.rg .rg-plate .r1 b{font-size:20px}.rg .rg-plate .tl{display:none}.rg .rg-plate .e{color:var(--eyebrow)}
  .rg .rg-boards .row{grid-template-columns:24px 1fr 46px 46px;gap:0 8px;padding:9px 6px}.rg .rg-boards .row .tt{display:none}.rg .rg-boards .row .nm{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;font-size:13px}.rg .rg-boards .row .nm small{display:none}.rg .rg-boards .row .nm em{display:block;grid-column:2;font-style:normal;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
  .rg .rg-boards .row .res{font-size:13px}.rg .rg-boards .row .pts{font-size:16px}.rg .rg-boards .row.h{font-size:8.5px;padding:0 6px 6px}
}
@media(prefers-reduced-motion:reduce){.rg *{animation:none!important;transition:none!important}}

/* ── 35 · Play a friend (9/27 PM): the friend rows · the lobby · the door · two seats in the step bar · the other seat's back · the waiting states · the empty seat · Head to head ── */
.rg .rg-house.dimmed .row{opacity:.38}
.rg .rg-friends{margin-top:10px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:4px 18px}
.rg .rg-friends .row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px;margin:0 -12px;border-radius:8px;cursor:pointer;border-bottom:1px solid var(--rule-soft)}.rg .rg-friends .row:last-child{border-bottom:0}
.rg .rg-friends .row i{width:12px;height:12px;border-radius:50%;border:1px solid var(--ink);display:block;box-sizing:border-box;background:transparent}.rg .rg-friends .row i.dashed{border-style:dashed;border-color:var(--mute)}
.rg .rg-friends .row b{display:block;font-weight:700;font-size:15px;letter-spacing:-.01em}.rg .rg-friends .row small{display:block;font-family:var(--mono);font-size:10px;color:var(--eyebrow);margin-top:3px}.rg .rg-friends .row em{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.rg .rg-friends .row.on{background:var(--ink);color:var(--paper)}.rg .rg-friends .row.on i{border-color:var(--paper);background:var(--paper)}.rg .rg-friends .row.on small,.rg .rg-friends .row.on em{color:var(--paper);opacity:.75}
.rg .rg-err a{color:inherit}
/* the step bar: two seats — a presence dot each, the clock a 2px bar draining under the active seat */
.rg-step .r .rg-seat{display:inline-flex;align-items:center;gap:8px;position:relative;padding-bottom:5px;color:var(--ink);white-space:nowrap}.rg-step .r .rg-seat i{width:9px;height:9px;border-radius:50%;background:var(--ink);display:block;flex:none}
.rg-step .r .rg-seat.gone{color:var(--mute)}.rg-step .r .rg-seat.gone i{background:var(--rule-strong)}.rg-step .r .rg-seat.empty i{background:transparent;border:1px dashed var(--mute);box-sizing:border-box}
.rg-step .r .rg-seat .clk{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rule);display:none;text-decoration:none}.rg-step .r .rg-seat .clk s{display:block;height:100%;background:var(--ink);width:100%;text-decoration:none}.rg-step .r .rg-seat .clk.on{display:block}
.rg-step .r b.mute{color:var(--rule-strong)}
/* S1b · the lobby: the code is the object */
.rg .rg-lobby{padding:48px 0 60px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;animation:llrise .3s ease both}
.rg .rg-lobby .e{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--eyebrow)}
.rg .rg-lobby .code{font-family:var(--disp);font-weight:700;font-size:150px;line-height:.9;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.rg .rg-lobby .link{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}.rg .rg-lobby .link .lnk{height:46px;display:inline-flex;align-items:center;padding:0 16px;border-radius:12px;background:var(--card);border:1px solid var(--rule);font-family:var(--mono);font-size:13px;letter-spacing:.04em}.rg .rg-lobby .link .rg-cta{height:46px;padding:0 18px;font-size:12px;letter-spacing:.12em}
.rg .rg-lobby .backs{display:flex;gap:16px;margin-top:22px}.rg .rg-lobby .backs .rg-back{width:96px;height:134px;padding:6px;border-radius:6px;animation:llbreathe 2.4s ease-in-out infinite}.rg .rg-lobby .backs .rg-back .in{border-radius:6px;background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 4px,rgba(242,240,235,.3) 4px 5px)}.rg .rg-lobby .backs .slot{width:96px;height:134px;border-radius:6px;border:1px dashed var(--mute);box-sizing:border-box;animation:llbreathe 2.4s ease-in-out infinite .4s}
.rg .rg-lobby .wait{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);animation:llpulse 1.8s ease-in-out infinite}
.rg .rg-lobby .links{display:flex;gap:22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:center}.rg .rg-lobby .links a{color:var(--ink);text-decoration:underline}.rg .rg-lobby .links a.mute{color:var(--mute)}
@keyframes llbreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
/* S1b · the door: a guest sits down · the closed room */
.rg .rg-door{padding:56px 0 70px;display:grid;place-items:center;animation:llrise .3s ease both}
.rg .rg-door .card{width:400px;max-width:100%;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:26px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}
.rg .rg-door .np{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em}.rg .rg-door .np i{width:12px;height:12px;border-radius:50%;display:block;flex:none}
.rg .rg-door .m{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--eyebrow);line-height:1.7}
.rg .rg-door form{display:flex;flex-direction:column;gap:10px}.rg .rg-door label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow)}.rg .rg-door input{height:50px;border:1px solid var(--rule-strong);border-radius:10px;padding:0 14px;font-family:var(--disp);font-size:15px;background:var(--paper);color:var(--ink);width:100%;box-sizing:border-box}
.rg .rg-door .rg-cta{width:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.rg .rg-door .h{font-weight:700;font-size:24px;letter-spacing:-.03em;line-height:1}.rg .rg-door .slot{width:96px;height:134px;border-radius:6px;border:1px dashed var(--mute);position:relative;box-sizing:border-box;overflow:hidden}.rg .rg-door .slot.x::before,.rg .rg-door .slot.x::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:170px;background:var(--ink);transform:translate(-50%,-50%) rotate(35deg)}.rg .rg-door .slot.x::after{transform:translate(-50%,-50%) rotate(-35deg)}
.rg .rg-door .foot{font-family:var(--mono);font-size:10px;color:var(--mute);line-height:1.7}.rg .rg-door .foot a{color:var(--ink)}
/* S2 · the other seat: a back with a stamp chip on its bottom edge */
.rg .rg-seatback{position:relative;display:inline-block;margin-top:16px}.rg .rg-seatback .stamp{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);height:28px;display:inline-flex;align-items:center;padding:0 12px;border-radius:6px;background:#F2F0EB;color:#111;border:1px solid #111;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.rg .rg-seatback .stamp.pulse{animation:llpulse 1.8s ease-in-out infinite}
.rg .rg-cta.wait{background:transparent;color:var(--ink);border:1px solid var(--ink);animation:llpulse 1.8s ease-in-out infinite;cursor:default}
/* S5 · the waiting states: the sheet dims but every use stays legible; their back thinks */
.rg .rg-back .back-think{display:inline-flex;align-items:center;padding:6px 12px;border-radius:5px;background:rgba(241,239,234,.9);color:#111;font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;animation:llpulse 1.6s ease-in-out infinite}
.rg .rg-meta.pulse{animation:llpulse 1.8s ease-in-out infinite}
/* S7b · both answer: the foot waits on the other seat */
.rg .rg-bonus .pf .wait{display:inline-flex;align-items:center;gap:8px}.rg .rg-bonus .pf .wait i{width:7px;height:7px;border-radius:50%;background:#1F1A14;animation:llpulse 1.4s ease-in-out infinite;display:block}.rg .rg-bonus .pf small{display:block;font-size:9.5px;letter-spacing:.06em;color:#7A6A45;margin-top:6px}
/* S8 · head to head · three buttons · the rematch card */
.rg .rg-h2h{background:var(--ink);color:var(--paper);border-radius:12px;padding:20px 22px}.rg .rg-h2h .e{color:#8B8A86}.rg .rg-h2h .r1{display:flex;align-items:baseline;gap:14px;margin-top:10px}.rg .rg-h2h .r1 span{font-weight:700;font-size:22px;letter-spacing:-.02em}.rg .rg-h2h .r1 b{font-weight:700;font-size:44px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.rg .rg-h2h .g{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin-top:14px;padding-top:12px;border-top:1px solid #3A3A40;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#C8C6C0}.rg .rg-h2h .g b{text-align:right;color:var(--paper);font-weight:400}
.rg .rg-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.rg .rg-three .rg-cta{height:50px;padding:0;font-size:12px;letter-spacing:.1em}.rg .rg-three .rg-cta.soft{border-color:var(--rule-strong);color:var(--ink2)}.rg .rg-three .rg-cta[disabled]{opacity:.55;cursor:default}
.rg .rg-rematch{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;animation:llrise .3s ease both}.rg .rg-rematch b{font-weight:700;font-size:18px;letter-spacing:-.02em}.rg .rg-rematch .m{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--eyebrow)}
/* the empty seat: presence gone; three minutes = a forfeit the other side may take */
.rg .rg-left{padding-top:28px;display:flex;flex-direction:column;gap:10px;animation:llrise .3s ease both}.rg .rg-left>.e{display:inline-flex;align-items:center;gap:7px}.rg .rg-left>.e i{width:8px;height:8px;border-radius:50%;background:var(--rule-strong);display:block}
.rg .rg-left .card{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:26px 28px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.rg .rg-left .slot{width:120px;height:168px;border-radius:6px;border:1px dashed var(--mute);box-sizing:border-box;display:grid;place-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-align:center;line-height:1.6}
.rg .rg-left .h{font-weight:700;font-size:34px;letter-spacing:-.04em;line-height:1}.rg .rg-left .ck{display:flex;align-items:baseline;gap:12px;margin-top:12px}.rg .rg-left .ck b{font-weight:700;font-size:56px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.rg .rg-left .ck span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow)}
.rg .rg-left .m{font-family:var(--mono);font-size:10px;line-height:1.7;color:var(--eyebrow);margin-top:10px}.rg .rg-left .btns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.rg .rg-left .btns .rg-cta{height:46px;padding:0 18px;font-size:12px;letter-spacing:.12em}.rg .rg-left .btns .dashchip{height:46px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;border:1px dashed var(--rule-strong);font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);box-sizing:border-box}
/* S10 · Head to head */
.rg .rg-boards .row.h2h{grid-template-columns:36px 1fr 90px 90px 160px 150px}.rg .rg-boards .row.h.h2h .wl,.rg .rg-boards .row.h.h2h .best,.rg .rg-boards .row.h.h2h .deal,.rg .rg-boards .row.h.h2h .last{text-align:right}
.rg .rg-boards .row.h2h .wl{font-weight:700;font-size:20px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-align:right}.rg .rg-boards .row.h2h .best{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;text-align:right}.rg .rg-boards .row.h2h .deal{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);text-align:right}.rg .rg-boards .row.h2h .last{font-family:var(--mono);font-size:10px;color:var(--eyebrow);text-align:right}
@media(max-width:899px){
  .rg .rg-lobby{padding:36px 0 120px}.rg .rg-lobby .code{font-size:78px;letter-spacing:.06em}.rg .rg-lobby .backs .rg-back,.rg .rg-lobby .backs .slot{width:80px;height:112px}.rg .rg-lobby .link .lnk{display:none}.rg .rg-lobby .links{display:none}
  .rg-step .r .rg-seat .nm{display:none}.rg-step .r .rg-seat{padding-bottom:0;gap:0}.rg-step .r .rg-seat i{width:8px;height:8px}.rg-step .r .rg-seat .clk{left:50%;right:auto;width:12px;bottom:-5px;transform:translateX(-50%)}
  .rg .rg-door{padding:36px 0 120px}.rg .rg-three{grid-template-columns:1fr}.rg .rg-left .card{grid-template-columns:1fr}.rg .rg-left .slot{display:none}.rg .rg-left .h{font-size:28px}.rg .rg-left .ck b{font-size:44px}
  .rg .rg-boards .row.h2h{grid-template-columns:24px 1fr 56px 56px}.rg .rg-boards .row.h2h .deal,.rg .rg-boards .row.h2h .last{display:none}
  .rg .rg-deal .r .rg-seatback{display:none}.rg .rg-deal .r>.note{margin-top:0}
}

/* 35 (the artboards, 9/27 PM): the deal's grid of ten · the round's two backs beside the line · the compact sheet · the bonus row · the h2h plate */
.rg .rg-deal.room{grid-template-columns:1fr 320px}
.rg .rg-tengrid{margin-top:22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rg .rg-tengrid .tc{background:var(--card);color:var(--ink);border:1px solid var(--rule-strong);border-radius:6px;padding:12px 12px 10px;min-height:150px;box-sizing:border-box;box-shadow:0 14px 28px -20px rgba(0,0,0,.5);cursor:pointer;transition:transform .12s,border-color .12s}.rg .rg-tengrid .tc[data-shelve]:hover{transform:translateY(-2px);border-color:var(--ink)}
.rg .rg-tengrid .tc .hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid currentColor;padding-bottom:6px;gap:8px}.rg .rg-tengrid .tc .nm{font-weight:700;font-size:13px;line-height:1.05;text-transform:uppercase}.rg .rg-tengrid .tc .ovr{font-weight:700;font-size:20px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.rg .rg-tengrid .tc .m{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;opacity:.75}.rg .rg-tengrid .tc .m+.m{margin-top:5px}.rg .rg-tengrid .tc .sh{margin-top:10px;font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase}
.rg .rg-tengrid .tc.on{background:var(--ink);color:var(--paper);border-color:var(--ink);cursor:default}
.rg .rg-ctas.room{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}.rg .rg-ctas.room .rg-cta{height:50px;padding:0 24px;font-size:12.5px}.rg .rg-ctas.room .note{font-size:10px;letter-spacing:.08em}
.rg .rg-bonus.room .rg-print .opts button.mine{background:#1F1A14;color:#F7F4EA;border-color:#1F1A14}.rg .rg-bonus.room .rg-print .opts button.mine small{opacity:.8}
.rg .rg-h2hplate{width:400px;max-width:100%;background:var(--ink);color:var(--paper);border-radius:12px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;box-sizing:border-box}
.rg .rg-h2hplate .e{grid-column:1/-1;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8B8A86}.rg .rg-h2hplate .nm{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em}.rg .rg-h2hplate .nm i{width:12px;height:12px;border-radius:50%;display:block}.rg .rg-h2hplate>b{font-weight:700;font-size:28px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.rg .rg-h2hplate .ft{grid-column:1/-1;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#C8C6C0}
@media(max-width:899px){
  .rg .rg-deal.room{grid-template-columns:1fr}.rg .rg-ctas.room{margin-top:14px}
  .rg .rg-h2hplate{width:100%}
}

/* ── 10/7 · THE CALL COMES FIRST — the bundle "Ratings Game — Call First" (design/claude-design-handoff-2026-10-07-ratings-call-first/):
   S5 the round (house + room) · the waiting state · S6 the reveal · S7 the tie · the phone bar. Measurements are the artboards'; colors are
   the tokens they map to (the faces and the backs are objects: fixed ink on paper). ── */
@keyframes cfpulse{0%,100%{opacity:.55}50%{opacity:1}}
.rg .cf-round,.rg .cf-wait,.rg .cf-reveal,.rg .cf-tie{padding:30px 0 56px;animation:llrise .3s ease both;line-height:normal}   /* the artboards' line box (body's 1.55 inflated every row) */
.rg .rg-card{line-height:normal}
.rg .cf-round .e,.rg .cf-wait .e,.rg .cf-reveal .e,.rg .cf-tie .e{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.rg .e.c{text-align:center}
.rg .cf-head{margin-top:10px;font-family:var(--disp);font-weight:700;font-size:36px;line-height:1.05;letter-spacing:-.03em;color:var(--ink);text-align:center}.rg .cf-head.wait{color:var(--eyebrow);animation:cfpulse 1.6s ease-in-out infinite}
.rg .cf-note{margin:16px 0 0;font-family:var(--mono);font-size:11px;line-height:1.65;color:var(--mute)}
.rg .cf-cta{height:48px;padding:0 28px;border-radius:12px;background:var(--ink);color:var(--paper);border:0;font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 24px -16px rgba(0,0,0,.6);display:inline-block;line-height:48px;text-align:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}   /* a long name ends in an ellipsis inside its column */
.rg .cf-cta[disabled]{opacity:.4;cursor:default}.rg .cf-cta.alt{background:transparent;color:var(--ink);border:1px solid var(--rule-strong);box-shadow:none;padding:0 22px;line-height:46px}
.rg .cf-cta.wait{background:transparent;color:var(--eyebrow);border:1px solid var(--rule-strong);box-shadow:none;padding:0 24px;line-height:46px;cursor:default;animation:cfpulse 1.6s ease-in-out infinite}
.rg .cf-ctas{margin-top:24px;display:flex;justify-content:center}.rg .cf-ctas.c{margin-top:30px}
/* the call sheet (CallSheet) */
.rg .cf-sheet{margin-top:22px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:18px 20px 6px}
.rg .cf-sheet .hd{display:flex;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow)}.rg .cf-sheet .hd span:last-child{text-align:right;white-space:nowrap}
.rg .cf-sheet .row{display:grid;grid-template-columns:1fr auto minmax(72px,auto);gap:0 16px;align-items:center;min-height:50px;border-bottom:1px solid var(--rule-soft)}
.rg .cf-sheet .row .k{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.rg .cf-sheet .row.called .k{font-weight:700}.rg .cf-sheet .row.out .k{color:var(--rule-strong)}
.rg .cf-sheet .dash{display:flex;gap:4px;align-items:center}.rg .cf-sheet .dash i{display:block;width:14px;height:3px;border-radius:2px;background:var(--rule-strong)}.rg .cf-sheet .dash i.on{background:var(--ink)}
.rg .cf-sheet .act{display:flex;justify-content:flex-end;align-items:center}.rg .cf-sheet .act button{height:32px;padding:0 15px;border:0;border-radius:8px;background:var(--ink);color:var(--paper);font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.rg .cf-sheet .act small{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow);white-space:nowrap}.rg .cf-sheet .row.out .act small{font-size:9px;color:var(--rule-strong)}
.rg .cf-sheet .row.buzz{min-height:42px;border-bottom:0}.rg .cf-sheet .row.buzz .k{color:var(--rule-strong)}.rg .cf-sheet .row.buzz .dash{justify-self:center}.rg .cf-sheet .row.buzz small{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rg .cf-sheet.faint,.rg .cf-sheet.compact{background:color-mix(in srgb,var(--card) 50%,transparent);border-color:var(--rule-soft);pointer-events:none}
.rg .cf-sheet.faint .hd,.rg .cf-sheet.compact .hd{color:var(--rule-strong);border-bottom-color:var(--rule-strong)}.rg .cf-sheet.faint .row .k,.rg .cf-sheet.compact .row .k{color:var(--mute)}
.rg .cf-sheet.faint .dash i,.rg .cf-sheet.compact .dash i{background:var(--rule-soft)}.rg .cf-sheet.faint .dash i.on,.rg .cf-sheet.compact .dash i.on{background:var(--rule-strong)}
.rg .cf-sheet.faint .row,.rg .cf-sheet.compact .row{grid-template-columns:1fr auto 0}.rg .cf-sheet.faint .act,.rg .cf-sheet.compact .act{display:none}
.rg .cf-sheet.compact{padding:6px 16px}.rg .cf-sheet.compact .row{min-height:30px}.rg .cf-sheet.compact .row .k{font-size:10.5px}
/* the hand: the front card on two tabs · the strip of small faces (desktop) · arrows + dots (phone) */
.rg .cf-front{position:relative;width:190px;margin:0 auto}.rg .cf-front .rg-card{position:relative}
.rg .cf-tab{position:absolute;height:24px;background:var(--sleeve);border:1px solid var(--rule);border-radius:5px}.rg .cf-tab.t1{left:8px;right:8px;top:-9px;opacity:.65}.rg .cf-tab.t2{left:4px;right:4px;top:-5px}
.rg .cf-car{margin-top:26px}.rg .cf-car .arr{display:none;width:40px;height:40px;border:1px solid var(--rule-strong);border-radius:10px;background:transparent;color:var(--ink);font-size:16px;line-height:1;cursor:pointer}
.rg .cf-dots{display:none;justify-content:center;gap:6px;margin-top:18px}.rg .cf-dots i{display:block;width:14px;height:2px;border-radius:1px;background:var(--rule)}.rg .cf-dots i.on{background:var(--ink)}
.rg .cf-strip{margin-top:34px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.rg .cf-pick{width:118px;flex:none;padding:0;border:0;background:none;text-align:left;cursor:pointer;border-radius:5px;transition:transform .18s ease,box-shadow .18s ease;color:inherit}.rg .cf-pick.on{transform:translateY(-8px);outline:2px solid var(--ink);outline-offset:-1px;box-shadow:0 18px 30px -18px rgba(0,0,0,.55)}
/* S5 · the round */
.rg .cf-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 190px;gap:40px;align-items:start}
.rg .cf-grid .l{display:flex;flex-direction:column;align-items:center}.rg .cf-grid .l>.e{align-self:stretch}.rg .cf-grid .c{display:flex;flex-direction:column;min-width:0}.rg .cf-grid .r{display:flex;flex-direction:column;align-items:flex-end}
.rg .cf-grid .l .cf-front.solo{margin-top:26px}
.rg .cf-stamp{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap}.rg .cf-stamp i{display:block;width:7px;height:7px;border-radius:50%}.rg .cf-grid .r .rg-back{margin-top:20px}
/* S5 · down, waiting on the caller (a room) */
.rg .cf-wait{display:grid;grid-template-columns:396px minmax(0,1fr);gap:60px;align-items:start}.rg .cf-wait .backs{display:flex;gap:16px}.rg .cf-wait .slot{display:flex;flex-direction:column;align-items:center;gap:12px}
.rg .cf-wait .lb{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.rg .cf-wait .lb.mute{color:var(--mute)}
.rg .cf-wait .side{padding-top:36px;min-width:0}.rg .cf-wait .cf-head{font-size:32px;text-align:left}.rg .cf-wait .cf-note{margin-top:12px}.rg .cf-wait .cf-sheet{margin-top:18px}
/* S6 · the reveal */
.rg .cf-pair{margin:30px auto 0;display:flex;justify-content:center;gap:48px;align-items:flex-start}
.rg .cf-side{width:260px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.rg .cf-side .who{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);max-width:100%}
.rg .cf-side .who i{display:block;width:7px;height:7px;border-radius:50%;background:var(--ink);flex:none}.rg .cf-side .who span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rg .cf-side.l .who{color:var(--mute)}.rg .cf-side.l .who i{background:var(--rule-strong)}.rg .cf-side .card{width:100%;border-radius:6px}.rg .cf-side .card .rg-card{width:100%}
.rg .cf-side.w .card{outline:2px solid var(--ink);outline-offset:3px}.rg .cf-side.l .card{opacity:.55}
/* S7 · the tie */
.rg .cf-tie3{margin-top:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 40px;align-items:start}.rg .cf-tie3>div{display:flex;flex-direction:column;align-items:center;gap:14px}
.rg .cf-tie3 .tied{order:1}.rg .cf-tie3 .deck{order:2}.rg .cf-tie3 .out{order:3}.rg .cf-tie3 .cross{order:4;grid-column:1/-1;margin-top:24px}
.rg .cf-tied{display:flex;gap:10px}.rg .cf-tied .mini{width:96px;padding:12px 10px;border:1px solid var(--rule-strong);border-radius:6px;background:color-mix(in srgb,var(--card) 45%,transparent);box-sizing:border-box}
.rg .cf-tied .mini b{display:block;font-weight:700;font-size:10px;text-transform:uppercase;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg .cf-tied .mini .v{display:block;margin-top:10px;font-weight:700;font-size:28px;line-height:1;letter-spacing:-.05em;color:var(--eyebrow)}.rg .cf-tied .mini small{display:block;margin-top:8px;font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.rg .cf-deck{position:relative;width:134px;height:182px}.rg .cf-deck .rg-back{position:absolute}.rg .cf-deck .rg-back:first-child{left:8px;top:0}.rg .cf-deck .rg-back:last-child{left:0;top:6px}
.rg .cf-out{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.rg .cf-out span{display:inline-block;padding:6px 10px;border:1px solid var(--rule-strong);border-radius:6px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-decoration:line-through}.rg .cf-out span.none{text-decoration:none}
.rg .cf-cross{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:8px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-align:center;animation:llcross .6s cubic-bezier(.2,.8,.2,1) both}.rg .cf-cross i{display:block;width:8px;height:8px;border-radius:50%;background:var(--mute);animation:cfpulse 1.6s ease-in-out infinite;flex:none}
.rg .cf-tieline{margin:18px auto 0;max-width:1000px;text-align:center;font-family:var(--mono);font-size:10.5px;line-height:1.7;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.rg .cf-tieline.wait{color:var(--mute);animation:cfpulse 1.6s ease-in-out infinite}
.rg .cf-tiesheet{max-width:640px;margin:26px auto 0}.rg .cf-tiesheet .cf-sheet{margin-top:0}
.rg .cf-tiepick{margin-top:34px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.rg .cf-tiepick .drawn{display:flex;flex-direction:column;align-items:center}.rg .cf-tiepick .drawn>.e{align-self:stretch;text-align:center}.rg .cf-tiepick .drawn .cf-front{margin-top:18px}.rg .cf-tiepick .drawn .cf-cta{margin-top:22px;padding:0 26px}
.rg .cf-tiepick .hand{min-width:0}.rg .cf-tiepick .hand .row{margin-top:18px;display:flex;gap:36px;align-items:flex-start}.rg .cf-tiepick .hand .front{display:flex;flex-direction:column;align-items:center;flex:none}.rg .cf-tiepick .hand .cf-car{margin-top:0}.rg .cf-tiepick .hand .front .cf-cta{margin-top:22px}
.rg .cf-tiepick .cf-strip{margin-top:0;padding-top:8px;align-items:flex-start}
@media(max-width:1199px) and (min-width:900px){.rg .cf-grid{grid-template-columns:250px minmax(0,1fr) 160px;gap:24px}.rg .cf-grid .r .rg-back{width:160px;height:224px}.rg .cf-wait{grid-template-columns:auto minmax(0,1fr);gap:36px}.rg .cf-tiepick{grid-template-columns:240px minmax(0,1fr);gap:28px}.rg .cf-tiepick .hand .row{gap:24px}.rg .cf-pair{gap:28px}}   /* between the phone and the 1280 artboard */
/* the step bar (the house): a dot each side, the caller underlined */
.rg-step .cf-sb{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow);padding-bottom:3px;border-bottom:2px solid transparent;white-space:nowrap}.rg-step .cf-sb i{display:block;width:8px;height:8px;border-radius:50%;background:var(--ink)}.rg-step .cf-sb.on{border-bottom-color:var(--ink)}
/* the phone bar (the bundle's 66px bar: a 48px button, or one line of mono) */
.rg-bar.bar{padding:9px 18px env(safe-area-inset-bottom)}.rg-bar .in{height:48px}.rg-bar .btn{height:48px;border-radius:12px}.rg-bar .btn.grow{line-height:48px;font-size:12px;letter-spacing:.12em}   /* every bar button at the bundle's 48 (alt beside grow included) */.rg-bar .counter{font-size:11px;letter-spacing:.06em;line-height:1.5;color:var(--eyebrow)}
@media(max-width:899px){
  .rg .cf-round,.rg .cf-wait,.rg .cf-reveal,.rg .cf-tie{padding:22px 0 40px}.rg .cf-round .e,.rg .cf-wait .e,.rg .cf-reveal .e,.rg .cf-tie .e{font-size:10.5px}
  .rg .cf-grid{display:block}.rg .cf-grid .r,.rg .cf-strip,.rg .cf-ctas{display:none}.rg .cf-grid .c{margin-top:30px}.rg .cf-head{font-size:28px;line-height:1.1}.rg .cf-sheet{margin-top:20px}.rg .cf-note{margin-top:14px}
  .rg .cf-car{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;align-items:center;margin-top:22px;width:100%}.rg .cf-car .arr{display:block}.rg .cf-dots{display:flex}
  .rg .cf-wait{display:block}.rg .cf-wait .backs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rg .cf-wait .rg-back{width:min(170px,calc(50vw - 25px));height:auto;aspect-ratio:170/238}.rg .cf-wait .lb{font-size:9.5px}
  .rg .cf-wait .side{padding-top:0;margin-top:34px;text-align:center}.rg .cf-wait .cf-head{font-size:30px;text-align:center}.rg .cf-wait .cf-sheet{margin-top:20px;text-align:left}
  .rg .cf-reveal .cf-head,.rg .cf-tie .cf-head{font-size:34px}.rg .cf-pair{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.rg .cf-side{width:auto;gap:10px;align-items:stretch}.rg .cf-side .who{font-size:9px;letter-spacing:.12em;gap:6px}
  .rg .cf-reveal .rg-card{padding:12px 10px 8px}.rg .cf-reveal .rg-card .nm{font-size:13px}.rg .cf-reveal .rg-card .rw{grid-template-columns:16px 1fr auto;gap:6px}
  .rg .cf-tie3{grid-template-columns:1fr;gap:26px 0;margin-top:26px}.rg .cf-tie3 .tied{order:1}.rg .cf-tie3 .deck{order:2}.rg .cf-tie3 .cross{order:3;margin-top:0}.rg .cf-tie3 .out{order:4}
  .rg .cf-tieline{margin-top:24px;font-size:11px}.rg .cf-tiesheet{margin-top:22px}
  .rg .cf-tiepick{display:block;margin-top:30px}.rg .cf-tiepick .drawn .cf-front{margin-top:14px}.rg .cf-tiepick .drawn .cf-cta{margin-top:18px}
  .rg .cf-tiepick .hand{margin-top:30px}.rg .cf-tiepick .hand>.e{text-align:center}.rg .cf-tiepick .hand .row{display:block;margin-top:14px}.rg .cf-tiepick .hand .front{display:flex}.rg .cf-tiepick .hand .front .cf-cta{margin-top:18px}
  .rg-step .cf-sb{flex-direction:column;gap:3px;font-size:0;letter-spacing:0;border-bottom:0;padding-bottom:0}.rg-step .cf-sb i{width:9px;height:9px}.rg-step .cf-sb::after{content:'';display:block;width:11px;height:2px;border-radius:1px;background:transparent}.rg-step .cf-sb.on::after{background:var(--ink)}
}