.codenames-demo-module__hHQ8-W__demo{margin-top:4px}.codenames-demo-module__hHQ8-W__spoken{flex-wrap:wrap;align-items:flex-end;gap:8px 30px;display:flex}.codenames-demo-module__hHQ8-W__stage{flex:0 540px;min-width:0}.codenames-demo-module__hHQ8-W__eyebrow{font-family:var(--font-sans), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--color-quiet);margin:0 0 12px;font-size:10.5px;font-weight:800}.codenames-demo-module__hHQ8-W__clue{font-family:var(--font-serif), serif;color:var(--color-stage);overflow-wrap:break-word;margin:0 0 4px;line-height:1.15}.codenames-demo-module__hHQ8-W__clueWord{letter-spacing:.03em;font-size:clamp(30px,5vw,44px);font-weight:500}.codenames-demo-module__hHQ8-W__clueCount{color:var(--color-quiet);font-size:clamp(17px,2.6vw,23px);font-style:normal;font-weight:400}.codenames-demo-module__hHQ8-W__deal{font-family:var(--font-sans), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--color-suitred);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;flex:none;margin:0 0 13px;padding:0;font-size:12px;font-weight:800}.codenames-demo-module__hHQ8-W__deal:hover{text-underline-offset:4px;text-decoration:underline}.codenames-demo-module__hHQ8-W__deal:focus-visible{outline:2px solid var(--color-suitred);outline-offset:4px}.codenames-demo-module__hHQ8-W__grid{border-top:1px solid #17181b21;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:540px;margin:16px 0 0;padding-top:20px;display:grid}.codenames-demo-module__hHQ8-W__card{aspect-ratio:2.2;min-width:0;color:var(--color-ink);transform:rotate(var(--lay,0deg));background-color:#fffef9;border:1px solid #17181b29;justify-content:center;align-items:center;padding:6px 7px;display:flex;position:relative;box-shadow:0 1px 2px #17181b1f,0 6px 13px -10px #17181b61}.codenames-demo-module__hHQ8-W__word{font-family:var(--font-sans), sans-serif;letter-spacing:.07em;text-align:center;color:inherit;overflow-wrap:anywhere;font-size:clamp(10px,2.55vw,12.5px);font-weight:800;line-height:1.2}.codenames-demo-module__hHQ8-W__team{color:#fff4ef;background-color:#c8362b;border-color:#17181b3d}.codenames-demo-module__hHQ8-W__bystander{color:#2a2c31;background-color:#b9b6ae;border-color:#17181b38}.codenames-demo-module__hHQ8-W__assassin{color:#f2f0ea;background-color:#17181b;border-color:#17181b}.codenames-demo-module__hHQ8-W__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.codenames-demo-module__hHQ8-W__outcome{max-width:540px;margin:18px 0 0;display:grid}.codenames-demo-module__hHQ8-W__line{font-family:var(--font-serif), serif;color:#3c404a;text-wrap:pretty;grid-area:1/1;margin:0;font-size:16px;font-style:normal;line-height:1.6}.codenames-demo-module__hHQ8-W__lineOff{visibility:hidden}.codenames-demo-module__hHQ8-W__foot{font-family:var(--font-serif), serif;color:var(--color-quiet);margin:16px 0 0;font-size:13.5px}@media (prefers-reduced-motion:no-preference){.codenames-demo-module__hHQ8-W__team,.codenames-demo-module__hHQ8-W__bystander,.codenames-demo-module__hHQ8-W__assassin{animation:.14s ease-out backwards codenames-demo-module__hHQ8-W__cover;animation-delay:var(--beat,0s)}}@keyframes codenames-demo-module__hHQ8-W__cover{0%{color:var(--color-ink);background-color:#fffef9;border-color:#17181b29}}@media (max-width:640px){.codenames-demo-module__hHQ8-W__spoken{display:block}.codenames-demo-module__hHQ8-W__deal{margin:8px 0 0}.codenames-demo-module__hHQ8-W__grid{gap:8px;margin-top:14px;padding-top:16px}.codenames-demo-module__hHQ8-W__card{padding:4px 5px}.codenames-demo-module__hHQ8-W__outcome{max-width:none}.codenames-demo-module__hHQ8-W__lineOff{display:none}}