/* /blind-rank: one game's own page (public/blind-rank-page.js). Sits on daily.css: same tokens, banner, stage and slots. */
.br{--a:#f2c94c;--b:#5b3fd6;--face:"Racing Sans One";--pad:22px}
.br h1{font-family:var(--face),"Plus Jakarta Sans",sans-serif;font-weight:400;font-size:clamp(2.4rem,1.5rem + 5vw,3.6rem);line-height:1}
.br .banner{padding-top:84px}
.br a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.br .banner p{color:var(--text);margin-top:8px;max-width:30em;text-shadow:0 1px 12px rgba(0,0,0,.8)}
.br .thing .big{font-size:clamp(2rem,1.3rem + 4vw,3rem)}
.br .slot{transition:transform .15s var(--ease),border-color .15s}
.br button.slot{cursor:pointer;color:var(--muted)}
.br button.slot:hover,.br button.slot:focus-visible{border-color:var(--a);color:var(--text)}
.br button.slot:active{transform:scale(.98)}
.br .slot.new{animation:rise .45s var(--ease) both;border-color:var(--a)}
.br .verdict-line{margin-top:20px;font-weight:800;font-size:1.25rem;line-height:1.3;text-wrap:balance}
.br .next{margin-top:34px}
.br .next h2{font-size:1.5rem;line-height:1.15;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
.br .next>p{color:var(--muted);margin-top:8px}
/* the free way to play leads; the two things to buy sit under it, smaller */
.br .lead{margin-top:18px;border-radius:24px;padding:24px var(--pad);background:linear-gradient(135deg,rgba(91,63,214,.42),rgba(242,201,76,.16));border:1px solid var(--b)}
.br .lead ol{margin:14px 0 0;padding-left:1.3em;color:var(--text)}
.br .lead li{margin-top:6px}
.br .offers{display:grid;gap:14px;margin-top:14px}
@media (min-width:600px){.br .offers{grid-template-columns:1fr 1fr}}
.br .offer{border-radius:20px;padding:20px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}
.br .offer .kind{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--a)}
.br .offer h3{font-size:1.25rem;line-height:1.2;margin-top:6px}
.br .offer .price{font-family:var(--face),sans-serif;font-size:2rem;line-height:1;margin-top:10px;color:var(--text)}
.br .offer .price small{font:500 .9375rem "Plus Jakarta Sans",sans-serif;color:var(--muted)}
.br .offer p{color:var(--muted);font-size:.9375rem;margin-top:10px;flex:1}
.br .offer .btn{margin-top:16px;width:100%}
.br .offer .more{display:block;margin-top:12px;font-size:.9375rem;text-align:center}
.br .err{margin-top:10px;color:#ffb199;font-size:.9375rem}
.br .small{margin-top:16px;color:var(--muted);font-size:.875rem}
@media (prefers-reduced-motion:reduce){.br .slot.new,.rise{animation:none}}