.cn-area{max-width:48rem;margin:0 auto;text-align:center}.cn-teams{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.cn-team-score{font-size:1.5rem;font-weight:700;padding:.25rem 1rem;border-radius:.5rem}.cn-team-score--red{background:#cf2e2e33;color:#cf2e2e}.cn-team-score--blue{background:#0693e333;color:#0693e3}.cn-team-score--active{box-shadow:0 0 0 3px currentColor}.cn-role-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:999px;display:inline-block;margin-bottom:.5rem}.cn-role-badge--red{background:#cf2e2e;color:#fff}.cn-role-badge--blue{background:#0693e3;color:#fff}.cn-clue{font-size:1.25rem;font-weight:600;margin:.75rem 0;padding:.5rem 1rem;background:#0000000f;border-radius:.5rem;display:inline-block}.cn-clue__word{text-transform:uppercase;letter-spacing:.05em}.cn-clue__count{opacity:.5;margin-left:.5rem}.cn-clue-form{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:1rem 0}.cn-clue-input{font-family:inherit;font-size:1rem;font-weight:500;padding:.5rem .75rem;border:2px solid #000;border-radius:.5rem;background:#0000000d;min-height:44px;width:12rem;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.cn-count-select{font-family:inherit;font-size:1rem;padding:.5rem;border:2px solid #000;border-radius:.5rem;min-height:44px;background:#0000000d}.cn-clue-submit{font-family:inherit;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;background:#000;color:#c9f7a5;border:2px solid #000;border-radius:.5rem;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent}.cn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:1rem auto;max-width:550px}.cn-card{background:#0000000f;border:2px solid rgba(0,0,0,.1);border-radius:6px;padding:.625rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-word;line-height:1.2;transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent}.cn-card:hover:not(.cn-card--revealed):not(.cn-card--disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.cn-card:focus-visible:not(.cn-card--revealed):not(.cn-card--disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media(min-width:768px){.cn-card{font-size:.8125rem;padding:.75rem .375rem;min-height:56px}}.cn-card--hint-red{border-color:#cf2e2e66}.cn-card--hint-blue{border-color:#0693e366}.cn-card--hint-neutral{border-color:#00000026}.cn-card--hint-assassin{border-color:#0009;background:#0000000a}.cn-card--revealed{cursor:default;color:#fff}.cn-card--red{background:#cf2e2e;border-color:#cf2e2e;color:#fff}.cn-card--blue{background:#0693e3;border-color:#0693e3;color:#fff}.cn-card--neutral{background:#0003;border-color:#0003;color:#000}.cn-card--assassin{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.cn-card:focus-visible{outline:3px solid #000;outline-offset:-3px;z-index:1}.cn-card--disabled{cursor:default;opacity:.7}.cn-end-turn{font-family:inherit;font-size:.75rem;font-weight:500;padding:.5rem 1rem;border:2px solid #000;border-radius:.5rem;background:#0000000d;cursor:pointer;margin-top:.75rem;-webkit-tap-highlight-color:transparent}.cn-status{font-size:.875rem;opacity:.6;margin:.5rem 0}.cn-winner{font-size:1.5rem;font-weight:700;padding:1rem;border-radius:.5rem;margin:1rem 0}.cn-winner--red{background:#cf2e2e26;color:#cf2e2e}.cn-winner--blue{background:#0693e326;color:#0693e3}