.bc{--bc-w:104px;--bc-face:#2f6f4e;--bc-deep:#1f4d3a;--bc-accent:#9fe0b4;width:var(--bc-w);aspect-ratio:3/4;border-radius:3px 9px 9px 3px;font-family:inherit;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff26,0 10px 22px #1f4d3a33,0 2px 4px #1f4d3a26}.bc-g2{--bc-face:#5e3e99;--bc-deep:#432b70;--bc-accent:#d9c6f7}.bc-g3{--bc-face:#9a5a12;--bc-deep:#6f3f0a;--bc-accent:#ffd59a}.bc-lg{--bc-w:min(240px,62vw);border-radius:4px 14px 14px 4px}.bc-spine{background:linear-gradient(90deg,var(--bc-deep),var(--bc-face) 70%,#fff3 88%,var(--bc-face));border-radius:3px 0 0 3px;width:11%;position:absolute;inset:0 auto 0 0}.bc-face{color:#fff;background:radial-gradient(120% 60% at 90% 0%,#ffffff26,transparent 60%),var(--bc-face);border-radius:0 9px 9px 0;flex-direction:column;flex:1;align-items:flex-start;gap:3%;margin-left:11%;padding:9% 9% 8%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.bc-lg .bc-face{border-radius:0 14px 14px 0}.bc-brand{letter-spacing:.01em;opacity:.9;font-size:9cqi;font-weight:900}.bc-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--bc-accent);margin-top:auto;font-size:8.5cqi;font-weight:800}.bc-grade{align-items:baseline;gap:4%;font-size:12cqi;font-weight:800;line-height:1;display:flex}.bc-grade b{letter-spacing:-.03em;font-size:32cqi;font-weight:900}.bc-puzzle{background:#ffffff1f;border-radius:6px;grid-template-columns:repeat(3,1fr);align-self:stretch;gap:4%;margin:4% 0 2%;padding:5%;display:grid}.bc-puzzle>span{aspect-ratio:1;background:#ffffffe6;border-radius:3px;place-items:center;display:grid}.bc-q{color:var(--bc-deep);font-size:13cqi;font-weight:900}.bc-dots{flex-wrap:wrap;place-content:center;gap:10%;padding:14%;display:flex!important}.bc-dots i{aspect-ratio:1;background:var(--bc-face);border-radius:50%;width:26%}.bc-size i{aspect-ratio:1;background:var(--bc-face);border-radius:50%}.bc-mix{position:relative}.bc-mix i{border:2px solid var(--bc-face);position:absolute;inset:26%}.bc-mix i:first-child{border-radius:50%}.bc-mix.m0 i:last-child,.bc-mix.m1 i:first-child{display:none}.bc-mix.m2 i:last-child{transform:rotate(45deg)}.bc-meta{opacity:.95;font-size:8.5cqi;font-weight:800}:is(a:hover>.bc,a:focus-visible>.bc){transform:translateY(-4px)rotate(-1.5deg);box-shadow:inset 0 1px #ffffff26,0 16px 30px #1f4d3a40,0 3px 6px #1f4d3a2e}@media (prefers-reduced-motion:reduce){.bc{transition:none}:is(a:hover>.bc,a:focus-visible>.bc){transform:none}}.slogan{white-space:nowrap;letter-spacing:-.02em;align-items:baseline;margin:0;font-weight:900;line-height:1.1;display:inline-flex;position:relative}.slogan .s-i,.slogan .s-ap,.slogan .s-k{color:var(--slogan-accent,#7c56b8)}.slogan .s-ap{opacity:0;width:0;display:inline-block;transform:translateY(-.9em)rotate(-40deg)}.slogan .s-k{margin-left:.26em;display:inline-flex}.slogan .s-k span{opacity:0;display:inline-block;transform:translateY(.5em)scale(.6)}.slogan .s-spark{color:#f2c14e;opacity:0;font-size:.55em;position:absolute;top:-.35em;right:-.55em;transform:scale(0)rotate(-90deg)}.slogan.play .s-ap{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards s-ap;animation-delay:calc(var(--slogan-delay,0s) + .45s)}.slogan.play .s-k span{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards s-k;animation-delay:calc(var(--slogan-delay,0s) + 1s + var(--k) * 70ms)}.slogan.play .s-spark{animation:.9s cubic-bezier(.34,1.56,.64,1) forwards s-spark;animation-delay:calc(var(--slogan-delay,0s) + 1.55s)}@keyframes s-ap{60%{opacity:1}to{opacity:1;width:.24em;transform:none}}@keyframes s-k{to{opacity:1;transform:none}}@keyframes s-spark{55%{opacity:1;transform:scale(1.35)rotate(15deg)}to{opacity:1;transform:none}}.slogan .s-read{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.slogan .s-ap,.slogan .s-k span,.slogan .s-spark{opacity:1;transform:none;animation:none!important}.slogan .s-ap{width:.24em}}