.friend-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.friend-central{margin:1.25rem 0;padding:1rem 1.25rem;border-radius:18px;background:#21133a;display:flex;justify-content:space-between;align-items:center}.friend-central small{color:#c9b8e7}.friend-central strong{font-size:1.35rem;color:#b7ff00}.friend-progress{margin:.75rem 0;color:#d9caef}.friend-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.friend-option{min-height:96px;border:2px solid #59477b;border-radius:18px;background:#251640;color:#fff;padding:1rem;text-align:left;font:inherit;font-weight:800;display:flex;gap:.8rem;align-items:center}.friend-option .code{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ff4f9a;color:#160a29}.friend-option:not(:disabled):hover{border-color:#b7ff00;transform:translateY(-2px)}.friend-option.selected{border-color:#ff4f9a}.friend-option.secret{border-color:#b7ff00;background:#254018}.friend-option.wrong{opacity:.58}.friend-player-result{margin-left:auto;font-weight:800}.friend-player-result.correct{color:#b7ff00}.friend-player-result.wrong{color:#ff7b9f}@media(max-width:650px){.friend-options{grid-template-columns:1fr}.friend-head{display:block}.friend-head button{margin-top:.75rem}}