:root{--rb-plus: 22px;--rb-pic: min(176px, calc((100vw - 2 * var(--s3) - var(--rb-plus)) / 2));--rb-gap: 6px;--rb-tile-w: 88px;--rb-fixed: 176px;--rb-tile-h: clamp(44px, calc((100dvh - var(--top-h) - var(--rb-pic) - var(--rb-fixed) - var(--foot-h, 84px)) / 6 - var(--rb-gap)), 52px);--rb-card: #faf7f2}@media(min-width:768px){:root{--rb-pic: 208px;--rb-plus: 32px;--rb-tile-w: 96px;--rb-tile-h: 56px}}@media(max-width:767.98px)and (max-height:760px){:root{--rb-gap: 4px;--rb-fixed: 160px;--rb-tile-h: clamp(42px, calc((100dvh - var(--top-h) - var(--rb-pic) - var(--rb-fixed) - var(--foot-h, 84px)) / 6 - var(--rb-gap)), 52px)}.rb .rb-answer{margin-top:var(--s2)}.rb .rb-form,.rb .rb-rows{margin-top:var(--s3)}}@media(min-width:768px)and (max-height:820px){:root{--rb-pic: 176px;--rb-tile-h: 52px}}.rb{display:flex;flex-direction:column;align-items:center}.rb>*{width:100%}.rb-pics{display:flex;justify-content:center;align-items:center}.rb-plus{width:var(--rb-plus);text-align:center;font:400 var(--fs-title)/1 var(--font-sans);color:var(--muted);flex:none}.rb-pic{position:relative;flex:none;width:var(--rb-pic);aspect-ratio:1;margin:0;border-radius:var(--r-xl);overflow:hidden;background:var(--rb-card);box-shadow:0 0 0 1px var(--line)}.rb-pic img{display:block;width:100%;height:100%}.rb-pic.missing,.rb-pic.failed{background:var(--track);box-shadow:none;border:1px dashed var(--line-strong);display:grid;place-content:center;justify-items:center;gap:var(--s2);padding:var(--s3);text-align:center;color:var(--muted)}.rb-pic.failed{border-style:solid}.rb-pic.missing .i,.rb-pic.failed .i{width:28px;height:28px;stroke-width:1.5}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rb-pic:not(.missing):not(.failed){box-shadow:none}:root:not([data-theme=light]) .rb-pic img{filter:brightness(.94)}}:root[data-theme=dark] .rb-pic:not(.missing):not(.failed){box-shadow:none}:root[data-theme=dark] .rb-pic img{filter:brightness(.94)}.rb-note{margin:var(--s2) 0 0;text-align:center;color:var(--muted)}.rb-answer{margin-top:var(--s4);display:grid;justify-items:center;gap:var(--s2)}.rb-len{color:var(--muted)}.rb-len b{color:var(--ink)}.rb-slots{display:grid;grid-template-columns:repeat(var(--n),minmax(0,var(--rb-tile-w)));justify-content:center;gap:var(--rb-gap);width:100%}.rb-slots{min-height:27px}.rb-slot{height:24px;display:grid;place-items:end center;padding-bottom:4px;border-bottom:3px solid var(--line-strong);font:600 var(--fs-body)/1 var(--font-sans);color:var(--ink)}.rb-slots.won .rb-slot{border-color:var(--sage);color:var(--sage-text)}.rb-slots.lost .rb-slot{border-color:var(--ink)}.rb-form{position:relative;margin-top:var(--s4);display:flex;gap:var(--s2)}.rb-form .input{flex:1;min-width:0;padding-left:var(--s4)}.rb-go{width:auto;flex:none;min-height:52px;padding:0 var(--s5)}.rb-form .show-result{flex:1}@media(max-width:359.98px){.rb-form .count small:first-child{display:none}}@media(min-width:768px){.rb-go{min-height:56px;padding:0 var(--s6)}}.rb-toast.toast{position:absolute;top:calc(100% + var(--s2));bottom:auto;z-index:5;margin:0}.rb-rows{margin-top:var(--s4);display:grid;gap:var(--rb-gap)}.rb-row{display:grid;grid-template-columns:repeat(var(--n),minmax(0,var(--rb-tile-w)));justify-content:center;gap:var(--rb-gap)}.rb-row .tile{height:var(--rb-tile-h);padding:0 var(--s1)}.rb-row .tile b{font-size:var(--fs-title);line-height:1;letter-spacing:-.01em;white-space:nowrap}.rb-rows.pending{height:calc(6 * var(--rb-tile-h) + 5 * var(--rb-gap))}.rb-row .tile.e{background:none;box-shadow:inset 0 0 0 1px var(--line)}@media(min-width:768px){.rb-rows{margin-top:var(--s5)}}@media(prefers-reduced-motion:no-preference){.rb-row.fresh.win .tile{animation-delay:calc(var(--i) * var(--tile-stagger)),calc(var(--tile-dur) + (var(--n) - 1) * var(--tile-stagger) + var(--i) * var(--pulse-stagger))}.rb-slots.reveal .rb-slot{animation:tile-value var(--tile-dur) var(--ease-out-quint) both;animation-delay:calc(var(--i) * var(--pulse-stagger))}}.legend.rb-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.rb-legend .tile b{font-size:var(--fs-title)}.rb-pun{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.rb-pun figure{display:flex;align-items:center;gap:var(--s2);margin:0}.rb-pun .rb-pic{--rb-pic: 56px;border-radius:var(--r-lg)}.rb-pun figcaption{font-size:var(--fs-small);line-height:var(--lh-small)}.rb-pun figcaption span{display:block;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.rb-pun .rb-plus{width:auto;font-size:var(--fs-body)}.rb-pun .rb-pic.missing{padding:0}.rb-pun .rb-pic.missing .i{width:22px;height:22px}@media(min-width:768px){.rb-pun .rb-pic{--rb-pic: 64px}}